body {
    font-size: 11px !important;
}

.bgfooter {
    background: #ddd;
}

.index--3 {
    color: #9900FE;
    font-weight: 600;
}

.index--2 {
    color: red;
    font-weight: 600;
}

.index--1 {
    color: #1212FF;
    font-weight: 600;
}

.index-0 {
    color: #073763;
    font-weight: 600;
}

.index-1 {
    color: #3C78D8;
}

.index-2 {
    color: #CC0000;
}

.index-3 {
    color: #23560c;
}

.index-4 {
    color: #674EA7;
}

.index-5 {
    color: #BF9000;
}

.index-6 {
    color: #E69138;
}

.text-default {
    color: #333;
}

.height-100vh {
    height: 100vh;
}

.bgr-active {
    background: #e6c25b;
}
.bgr-compareactive {
    background: #CCECFF;
}

.bgr-search {
    background: #00FFFF;
}

.yellow-litle {
    background-color: #FFF2AB;
}

.blue-litle {
    background: #59DAE1;
}

.rounded-round {
    border-radius: 100px !important;
}

.display-flex {
    display: flex;
}

.height-40 {
    height: 40px;
}

.height-35 {
    height: 35px;
}

.over-auto {
    overflow: auto;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-5 {
    margin-bottom: 5px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-2 {
    margin-bottom: 2px;
}

.margin-b-0 {
    margin-bottom: 0px;
}

.margin-l-30 {
    margin-left: 30px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-t-10 {
    margin-top: 10px;
}

.margin-t-50 {
    margin-top: 50px;
}

.margin-r-2 {
    margin-right: 2px;
}

.padd-30 {
    padding: 30px;
}

.padd-b-5 {
    padding-bottom: 5px !important;
}

.padd-b-10 {
    padding-bottom: 10px !important;
}

.width-cus-100 {
    width: 100% !important;
}

.width-cus-20 {
    width: 20%;
}

.width-cus-80 {
    width: 80%;
}

.padd-l-10 {
    padding-left: 10px;
}

.padd-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.padd-lr-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.padd-l-0 {
    padding-left: 0 !important;
}

.padd-r-0 {
    padding-right: 0 !important;
}

.padd-t-0 {
    padding-top: 0 !important;
}

.padd-b-0 {
    padding-bottom: 0 !important;
}

.width-cus-80 {
    width: 80%;
}

.height-100 {
    height: 100% !important;
}

.height-95 {
    height: 95% !important;
}

.backcolor-1 {
    background-color: #5C4400 !important;
}

.backcolor-2 {
    background-color: #5C4400 !important;
}

.backcolor-3 {
    background-color: #5C4400 !important;
}

.backcolor-4 {
    background-color: #C55A11 !important;
}

.backcolor-5 {
    background-color: #B1510F !important;
}

.backcolor-6 {
    background-color: #A64C0E !important;
}

.backcolor-7 {
    background-color: #95440D !important;
}

.backcolor-8 {
    background-color: #863D0C !important;
}

.backcolor-9 {
    background-color: #7F3A0B !important;
}

.backcolor-10 {
    background-color: #74350A !important;
}

.backcolor-11 {
    background-color: #672F09 !important;
}

.backcolor-12 {
    background-color: #5C2A08 !important;
}

.backcolor-13 {
    background-color: #4D2307 !important;
}

.backcolor-14 {
    background-color: #401D06 !important;
}

.backcolor-15 {
    background-color: #351805 !important;
}

.backcolor-16 {
    background-color: #1F0E03 !important;
}

.backcolor-17 {
    background-color: #1B0C03 !important;
}

.backcolor-18 {
    background-color: #7F6000 !important;
}

.backcolor-19 {
    background-color: #7F6000 !important;
}

.backcolor-20 {
    background-color: #7030A0 !important;
}

.backcolor-21 {
    background-color: #E69138 !important;
}

.backcolor-22 {
    background-color: #4C7731 !important;
}

.backcolor-23 {
    background-color: #456A2C !important;
}

.backcolor-24 {
    background-color: #3A5925 !important;
}

.backcolor-25 {
    background-color: #2A411B !important;
}

.backcolor-active {
    background-color: #26A69A !important;
}

#seachtax #tabmenu ul li {
    margin-bottom: 10px;
}

    #seachtax #tabmenu ul li a {
        height: 100%;
    }

.word_break {
    word-break: break-word;
}

.w-200 {
    width: 200px !important;
}

.w-300 {
    width: 300px !important;
}

.w-400 {
    width: 400px !important;
}

.w-500 {
    width: 500px !important;
}

.w-90 {
    width: 90px !important;
}

.w-150 {
    width: 150px !important;
}

.w-120 {
    width: 120px !important;
}

.w-110 {
    width: 110px !important;
}

.w-250p {
    width: 250px !important;
}

.w-100p {
    width: 100px !important;
}

.w-50p {
    width: 50px !important;
}

.w-40 {
    width: 40px !important;
}

.w-35 {
    width: 35px !important;
}

.w-30 {
    width: 30px !important;
}

.w-20 {
    width: 20px !important;
}

.w-10 {
    width: 10px !important;
}

.w-20-p {
    width: 20% !important;
}

.w-25-p {
    width: 25% !important;
}

.border-none {
    border: none;
}

#cacul-tax .table td, #cacul-tax .table th {
    padding: 5px 5px;
}

#cacul-tax .cacul-content {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 50px;
    padding-right: 50px;
}

#seachtax .nav-sidebar .nav-item .nav-link, #vienna .nav-sidebar .nav-item .nav-link, #ntms .nav-sidebar .nav-item .nav-link {
    display: block;
}

#seachtax .modal-lg, .modal-xl, #vienna .modal-lg, .modal-xl, #ntms .modal-lg {
    max-width: 1000px;
}

#seachtax .modal-xlg, .modal-xxl, #vienna .modal-xlg, #ntms .modal-xlg {
    max-width: 1400px;
}

#seachtax .taxleft, #vienna .taxleft, #ntms .taxleft {
    position: absolute;
    top: 35px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    margin-bottom: unset;
}

#seachtax .taxlefthead, #vienna .taxlefthead, #ntms .taxlefthead {
    height: 35px;
    width: 100%;
    padding-top: 8px;
    background: #1f355e;
    color: #fff;
}

#seachtax .tab-content li a, #vienna .tab-content li a, #ntms .tab-content li a {
    padding: 6px 6px;
}

#seachtax .contenttax, #vienna .contenttax, #ntms .contenttax, #converttax .contenttax {
    height: 100%;
    margin: 0;
}



#seachtax .tax-table, #vienna .tax-table, #ntms .tax-table {
    border-top: 1px solid #ddd;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: scroll;
    /*padding:3px;*/
}

#seachtax table thead th, #vienna table thead th, #ntms table thead th, #converttax table thead th {
    position: sticky;
    top: 0;
    background-color: #3D85C6;
    color: #fff;
    border-bottom: none;
    height: 35px;
    padding: 0;
    z-index: 2;
}

#seachtax .contenttax .card-header .card, #seachtax .body-tax, #vienna .contenttax .card-header .card, #vienna .body-tax, #ntms .contenttax .card-header .card, #ntms .body-tax {
    margin-bottom: unset;
}

#seachtax .body-tax, #vienna .body-tax, #ntms .body-tax {
    margin-bottom: unset;
}


#seachtax .card-header .typetax li .active i, #vienna .card-header .typetax li .active i, #ntms .card-header .typetax li .active i {
    background: #fff;
    color: #66BB6A;
    font-weight: 600;
}

#seachtax .card-header .typetax li i, #vienna .card-header .typetax li i, #ntms .card-header .typetax li i {
    color: #26A69A;
}

#seachtax .card-header .typetax li, #seachtax .typetax li .active, #vienna .card-header .typetax li, #vienna .typetax li .active, #ntms .card-header .typetax li, #ntms .typetax li .active {
    background: #26A69A;
    color: #fff;
}

    #seachtax .card-header .typetax li a, #vienna .card-header .typetax li a, #ntms .card-header .typetax li a {
        color: #fff;
        border-right: 1px solid;
    }



#seachtax .typetax li .active, #vienna .typetax li .active, #ntms .typetax li .active {
    border: 0
}

#seachtax .body-tax li .active i, #vienna .body-tax li .active i, #ntms .body-tax li .active i {
    color: red;
}

#seachtax .body-tax li i, #vienna .body-tax li i, #ntms .body-tax li i {
    color: #fff;
}

#seachtax .body-tax .taxleft li:hover a, #vienna .body-tax .taxleft li:hover a, #ntms .body-tax .taxleft li:hover a {
    border-left: 3px solid #4A86E8 !important;
}

#seachtax .body-tax .taxleft li:hover span, #vienna .body-tax .taxleft li:hover span, #ntms .body-tax .taxleft li:hover span {
    font-weight: 500 !important;
    color: #2196f3;
}

#seachtax .tax-table td .hsclass a i, #vienna .tax-table td .hsclass a i, #ntms .tax-table td .hsclass a i {
    color: #3D85C6;
    font-size: 10px;
}

#seachtax .tax-table td .hsclass a, #vienna .tax-table td .hsclass a, #ntms .tax-table td .hsclass a {
    position: absolute;
    color: #3D85C6;
    float: right;
    right: 0px;
}

#seachtax .tax-table td .desclass a i, #vienna .tax-table td .desclass a i, #ntms .tax-table td .desclass a i {
    font-size: 10px;
}

#seachtax .activehs, #vienna .activehs, #ntms .activehs {
    border-left: 3px solid #4A86E8 !important;
}

    #seachtax .activehs span, #vienna .activehs span, #ntms .activehs span {
        font-weight: 500 !important;
        color: #2196f3;
    }

#seachtax .tax-table .table-bordered td, #vienna .tax-table .table-bordered td, #ntms .tax-table .table-bordered td {
    padding: 5px 5px;
}

#tracuuhscode .table-bordered td, #tracuuhscode .table-bordered th, #vienna .table-bordered td, #vienna .table-bordered th, #ntms .table-bordered td, #ntms .table-bordered th {
    padding: 10px 10px;
}

#seachtax .select2-container--open, .select2-container, #vienna .select2-container--open, #ntms .select2-container--open {
    width: 100% !important;
}

#seachtax .select2-selection, #vienna .select2-selection, #ntms .select2-selection {
    height: 40px !important;
}

#seachtax .select2-search--dropdown, #vienna .select2-search--dropdown, #ntms .select2-search--dropdown {
    padding: 5px !important;
}

    #seachtax .select2-search--dropdown .select2-search__field, #seachtax .select2-container--default .select2-selection--single .select2-selection__rendered, #vienna.select2-search--dropdown .select2-search__field, #vienna .select2-container--default .select2-selection--single .select2-selection__rendered, #ntms.select2-search--dropdown .select2-search__field, #ntms .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 40px;
    }

#seachtax .select2-results__option--highlighted, #vienna .select2-results__option--highlighted, #ntms .select2-results__option--highlighted {
    color: #999;
    cursor: default;
}

#seachtax .select2-results__option[aria-selected=true], #seachtax .select2-results__option--highlighted, #vienna .select2-results__option[aria-selected=true], #vienna .select2-results__option--highlighted, #ntms .select2-results__option[aria-selected=true], #ntms .select2-results__option--highlighted {
    color: #333;
}

#seachtax .select2-search--dropdown:after, #vienna .select2-search--dropdown:after, #ntms .select2-search--dropdown:after {
    left: 20px;
}

#seachtax .select2-container--default .select2-selection--single .select2-selection__arrow, #vienna .select2-container--default .select2-selection--single .select2-selection__arrow, #ntms .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

#chinhsach .table-tax tr td {
    padding: 5px 10px;
}

.border-top-5 {
    border-top: 5px solid #ddd;
}

.display-none {
    display: none;
}

#sacthue button.multiselect {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#chinhsach button.multiselect {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/**/
.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #93C47D;
    border-bottom: 2px solid #FF9900;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    top: 45%;
    left: 45%;
    position: absolute;
}

.loader-hidden {
    opacity: 0.5;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pull-right {
    float: right;
}

#chinhsach li a {
    color: #333;
}

#chinhsach li.active a {
    color: #2196f3;
}

#chinhsach .loader {
    top: 100%;
    left: 50%;
}

.padd-0 {
    padding: 0 !important;
}

.font-base-sm {
    font-size: 13px !important;
}

.w-100-full {
    width: 100% !important;
}

.p-relative {
    position: relative !important;
}

.desclass a {
    position: absolute;
    top: -9px;
    right: -5px;
}

.no-border td {
    border-top: unset !important;
}

#modal_chugiai .table td {
    padding-top: 0;
    padding-bottom: 0;
}

.header-modal {
    padding: 10px !important;
}

.bg-note {
    background-color: #FEE4C3;
}

.height-500 {
    height: 500px !important;
}

.no-border-modal table tr td {
    border: 0;
}

.no-border-modal table {
    width: 100%;
}

.no-border-modal .border-note {
    border: 1px dotted #25b372;
}

.max-w-700 {
    max-width: 700px !important;
}

.padd-l-2 {
    padding-left: 2px !important;
}

.padd-l-12 {
    padding-left: 12px !important;
}

.hide {
    display: none !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

#seachtax .posit-left i, #vienna .posit-left i, #ntms .posit-left i {
    position: absolute;
    left: 0;
    top: 0;
}

.posit-relative {
    position: relative;
}

.color-plus {
    color: orangered !important;
}

.color-minus {
    color: green !important;
}

.btn-default {
    background-color: #ddd;
    border-color: #ddd;
}

.btn-danger {
    color: #fff;
    background-color: red;
    border-color: red;
}

.tax-table thead th {
    word-break: break-word;
}

#hide-show {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 3;
}

.tooltip-hint {
    position: relative;
}

.tooltiptext-hint {
    position: absolute;
    width: 300px;
    background-color: #ccc;
    visibility: hidden;
    text-align: left;
    border-radius: 6px;
    padding: 6px;
    z-index: 1;
    right: 0;
}

.tooltip-hint:hover .tooltiptext-hint {
    visibility: visible;
}

.tooltip-hinttable {
    position: relative;
}

.tooltiptext-hinttable {
    position: absolute;
    width: 60vw;
    background-color: #ccc;
    visibility: hidden;
    text-align: left;
    border-radius: 6px;
    padding: 0px 6px 6px 6px;
    z-index: 100;
    right: 0;
    max-height: 40vh;
    overflow: auto;
    top: 0;
}

.tooltip-hinttable:hover .tooltiptext-hinttable {
    visibility: visible;
}

.bgr-check {
    background: #f0f0f5;
}

.no-boder {
    border: 0 !important;
}

.group-row {
    width: 0.5%;
}

    .group-row a {
        position: absolute;
        top: 0px;
        left: -5px;
        color: #848480 !important;
    }

.w-10-percent {
    width: 10% !important;
}

.w-20-percent {
    width: 20% !important;
}

.w-unset {
    width: unset !important;
}

.bgr-d {
    background-color: #ddd;
}

.last-child {
    border-bottom: 1px dotted #848480;
    width: 100%;
}

.hint-check {
    position: absolute;
    right: -6px;
    transform: rotate(-48deg);
    top: -6px;
}

.padd-r-10 {
    padding-right: 10px;
}

.btn {
    font-size: 11px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #4ab9cf;
    border-color: #4ab9cf;
    cursor: default;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    line-height: 1.5;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    line-height: 1.42857;
    text-decoration: none;
    color: #4ab9cf;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > li {
    display: inline;
}

.pad-10-10 {
    padding: 10px 10px;
}

.pad-5-10 {
    padding: 5px 10px;
}

.pad-0-10 {
    padding: 0px 10px;
}

.margin-10-10 {
    margin: 10px 10px;
}

.color-white {
    color: #fff !important;
}

.bgr-none {
    background: none !important;
}

.hid-over {
    overflow: hidden;
}

.display-content {
    display: contents;
}

.margin-center {
    margin: 0 auto !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.display-line-plex {
    display: inline-flex !important;
}

.font-size-10 {
    font-size: 10px !important;
}
.font-size-11 {
    font-size: 11px !important;
}

.column-check {
    background-color: #eee;
}

.padd-t-10 {
    padding-top: 10px;
}

.box-shad-none {
    box-shadow: none !important;
}

.ui-menu .ui-menu-item-wrapper {
    transition: none !important;
}

.border-b-0 {
    border-bottom: 0 !important;
}

.border-t-0 {
    border-top: 0 !important;
}

.wrap-ele {
    flex-wrap: wrap;
}

.border-b-1 {
    border-bottom: solid 1px;
}

#tracuuhscode .stickynote {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px 15px;
}

#tracuuhscode .loader {
    top: 50px;
    left: 40%;
}

#tracuuhscode table thead th {
    position: sticky;
    top: -1px;
    background-color: #3D85C6;
    color: #fff;
    border-bottom: none;
    height: 35px;
    padding: 0;
    z-index: 2;
}

#taxtypelist .nav-link {
    font-weight: 600;
}

#taxtypelist {
    margin-bottom: 0px;
}

    #taxtypelist .nav-link.active:before {
        background-color: red;
    }
.notedetail * {
    font-size: 11px !important;
}