table tr th a {
    color: #888;
}
table tr th a:hover, table tr th a:active {
    color: #666;
}
.pagination {
    margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}
.select2-container--default .select2-selection--single, .select2-dropdown {
    border: 1px solid #dde6e9;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: #37bc9b;
    border-color: #37bc9b;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 4px;
}

.fa-unsorted:before, .fa-sort:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-desc:before {
    right: 1em;
    content: "\2191";
}
.fa-unsorted:after, .fa-sort:after, .fa-sort-alpha-asc:before, .fa-sort-alpha-asc:before {
    right: .5em;
    content: "\2193";
}
.back-to-list {
    font-size: 14px;
    cursor: pointer
}

@media (max-width: 990px) {
    .col-sm-3 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .small-logo {
        width: 55px;
        height: 55px !important;
    }
}

@media (max-width: 1798px) {
    .paymTotal {
        height: 105.5px !important;
    }

    .paymTotalText {
        margin-top: -8px;
    }

    .paymTransPadding {
        padding: 0px !important;
    }

    .paymTotalPaid {
        height: 105.5px !important;
    }

    .paymTotalPaidText {
        margin-top: -8px;
    }

    .paymTotalCheck {
        height: 105.5px !important;
    }

    .paymTotalCheckText {
        margin-top: -8px;
    }

    .paymTotalCashCard {
        height: 105.5px !important;
    }

    .paymTotalCashCardText {
        margin-top: -8px;
    }

    /*.tranTotalCash {
        height: 105.5px !important;
    }

    .tranTotalCashText {
        margin-top: -8px;
    }

    .tranTotalCheck {
        height: 105.5px !important;
    }

    .tranTotalCheckText {
        margin-top: -8px;
    }

    .tranTotalCard {
        height: 105.5px !important;
    }

    .tranTotalCardText {
        margin-top: -8px;
    }*/
}

@media (max-width: 1730px) {
    .d-flex {
        display: flex !important;
    }

    .textpaddding {
        padding-left: 1rem;
    }
}

@media (max-width: 1390px) {
    .textMoneySize {
        font-size: 25px;
    }

    /*.totalBoxPadding :first-child {
        padding-left: 15px !important;
    }

    .totalBoxPadding :last-child {
        padding-right: 15px !important;
    }*/

    .totalBoxPadding {
        padding-right: 5px;
        padding-left: 5px;
    }

    .totalBoxPadding:last-child {
        padding-right: 15px !important;
    }

    .totalBoxPadding:first-child {
        padding-left: 15px !important;
    }
}

@media (max-width: 1230px) {
    .textMoneySize {
        font-size: 20px;
    }

    .textTotal {
        font-size: 15px;
    }
}

@media (max-width: 1075px) {
    .textMoneySize {
        font-size: 20px;
    }

    .textTotal {
        font-size: 15px;
    }
}

@media (max-width: 990px) {
    .d-flex {
        display: flex !important;
    }

    .textMoneySize {
        font-size: 30px;
    }

    .textTotal {
        font-size: 20px;
    }

    .totalBoxPadding {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .paymTotal{
        width:100% !important;
    }
    .paymTotalCashCard {
        width: 100% !important;
    }
    .paymTotalCashCard {
        width: 100% !important;
    }
    .paymTotalCheck {
        width: 100% !important;
    }
    .paymTotalPaid {
        width: 100% !important;
    }
    .tranTotalCash {
        width: 100% !important;
    }
    .tranTotalCard {
        width: 100% !important;
    }
    .tranTotalCheck {
        width: 100% !important;
    }

}

@media (max-width: 1470px) {
    .d-flex-transaction {
        display: none !important;
    }

    .textpadddingTr {
        padding-left: 1rem;
    }
}

@media (max-width: 1150px) {
    .textMoneySizeTr {
        font-size: 25px;
    }

    .totalBoxPaddingTr {
        padding-right: 5px;
        padding-left: 5px;
    }

    .totalBoxPaddingTr:first-child {
        padding-left: 15px !important;
    }

    .totalBoxPaddingTr:last-child {
        padding-right: 15px !important;
    }
}

@media (max-width: 991px) {
    .d-flex-transaction {
        display: flex !important;
    }

    .textMoneySizeTr {
        font-size: 30px;
    }

    .totalBoxPaddingTr {
        padding-right: 15px;
        padding-left: 15px;
    }
    .tranTotalCash{
        height:105.5px;
    }
    .tranTotalCheck{
        height:105.5px;
    }
}