.modal-thongbaoloiluu .mdc-dialog__surface {
    max-width: 50% !important;
}

.name .tool-box input {
    position: relative;
    top: 3px;
}

.table-box .dataTable tbody tr td input {
    position: relative;
}

.mdc-dialog .mdc-dialog__surface {
    max-width: 100% !important;
}

.toolbar-func-hsns {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
}

    .toolbar-func-hsns .btn-custom {
        white-space: nowrap;
        margin-left: 10px;
    }

.group-input-box-content .select2-container .select2-selection--single .select2-selection__arrow b {
    margin-top: -1px;
}

.toolbar-func-hsns ul li {
    display: inline-block;
    margin-top: 20px;
}

.toolbar-func-hsns ul {
    margin-left: -24px;
    margin-top: -17px;
    padding-bottom: 22px;
}

.box-header-menu ul > li {
    padding: 0 10px;
}

.group-input-box-content .form-group-1 {
    display: inline-block;
    overflow-x: hidden;
    height: auto;
    padding: 15px 20px 0 20px;
    width: 100%;
}

.group-input-box-content {
    width: 100%;
    margin: 0px;
}

@media screen and (min-width: 1366px) {
    .box-header-menu ul > li {
        padding: 0 13px;
    }
}

@media screen and (min-width: 1566px) {
    .box-header-menu ul > li {
        padding: 0 16px;
    }
}

.box-header-menu ul {
    width: 100%;
}

ul.sub-menu {
    width: 250px;
    padding: 10px;
}

    ul.sub-menu li {
        border-bottom: 1px solid #6593d6;
    }

        ul.sub-menu li:last-child {
            border: 0;
        }

.pages-hsns-total {
    padding-left: 1200px;
}

@media screen and (min-width: 1140px) and (max-width: 1600px) {
    .group-input-box-content > .form-group {
        display: inline-block;
        width: 30%;
        overflow-x: hidden;
        margin: 10px 10px;
        height: auto;
    }

    .box-home {
        margin-top: -17px;
    }
}


.box-header-menu ul > li a::before {
    content: "|";
    position: absolute;
    left: 0;
    font-size: 12px;
}

.box-header-menu ul li ul li a::before {
    display: none;
}

.box-header-menu ul > li:first-child a::before {
    content: "";
}

.box-header-menu ul > li a {
    text-align: center;
}

.box-header-menu ul li.box-header-admin ul.sub-menu {
    z-index: 9999 !important;
}

ul.sub-menu {
    box-shadow: 0 0 3px 0 #0147b7;
    padding: 0;
}

    ul.sub-menu li a {
        padding-left: 10px;
    }

.box-header-menu ul li.box-header-admin > ul.sub-menu > li.dropdown-item:hover a {
    color: #fff !important;
}

.box-header-menu ul li.box-header-admin ul.sub-menu {
    left: 17px;
}

.filter-box .fbox-1 label {
    transform: translateY(6px);
    margin-right: 7px;
}


.box-header-menu ul li a {
    position: relative;
    transition: .2s;
}

    .box-header-menu ul li a.active {
        color: #ff931d;
    }

    .box-header-menu ul li a::before {
        content: "";
        width: 0;
        height: 1px;
        background: #ff931d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: .3s;
    }



    .box-header-menu ul li a.active::before {
        width: 100%;
    }

    .box-header-menu ul li a:hover {
        color: #ff931d;
    }

        .box-header-menu ul li a:hover::before {
            width: 100%;
        }

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 50%;
    position: fixed;
    width: 100%;
    transform: translateX(-50%);
    z-index: 1000;
    width: 500px;
    padding: 10px 0;
    text-align: center;
    transition: .3s;
}

main.tracuu .box-detail .nav-tabs .nav-link {
    white-space: inherit;
    border-right: 1px solid #dee2e6;
    border-top: 3px solid #afbaca;
    background: #ccc;
    margin-right: 5px;
    border-radius: 10px;
}

main.tracuu .box-detail .nav-tabs {
    padding: 10px 0;
}

    main.tracuu .box-detail .nav-tabs .nav-link {
        border-right: 1px solid #dee2e6;
        border-top: 3px solid #b6beca;
        color: #0248b7;
    }

    main.tracuu .box-detail .nav-tabs .nav-link {
        margin-left: 20px;
    }

        main.tracuu .box-detail .nav-tabs .nav-link:first-child {
            width: 220px;
        }

        main.tracuu .box-detail .nav-tabs .nav-link:nth-child(2) {
            width: 180px;
        }

        main.tracuu .box-detail .nav-tabs .nav-link.active {
            background: #ff931d;
            color: #fff;
            border-color: #0248b7;
        }

.ket-qua-tra-cuu-msbhxh tr td:first-child {
    font-weight: 600;
}

.ket-qua-tra-cuu-msbhxh tr:nth-child(odd) {
    background: #f6f6f6;
}

.custom-actived button.actived {
    background: #ff931d;
    border-color: #ff931d;
}

#luongcoso {
    text-align: left !important;
}

/* Table */

.table_blazor {
    width: 100%;
    min-height: 330px;
    overflow: auto;
    border: 1px solid #ccc;
    margin: auto;
}

.body_table {
    position: relative;
}

    .body_table > .blazor_column {
        background: #fff;
        padding: 4px 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.head_column {
    background: #0248b7 !important;
    color: #fff;
    position: absolute;
}

.fixed_column {
    z-index: 2;
}

.blazor_column {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
}

.head_column {
    z-index: 3;
}

.fixed_column.head_column {
    z-index: 4;
}

#updateTTCT .modal-dialog {
    max-width: 860px !important;
}

.box-header-admin #navbarDropdown {
}

    .box-header-admin #navbarDropdown small {
        /*position: absolute;
        left: 32px;
        bottom: 17px*/;
        color: #74839b;
    }

.traCuuHSNSHRM {
    background: rgba(0,0,0,0.5);
}

.account-sm-screen .box-header-admin {
    margin-top: -10px;
}


.page-item.active .page-link {
    background-color: #0248b7;
    border-color: #0248b7;
}

.page-link {
    color: #0248b7;
}

.pages-hsns .custome-pager {
}

.pagination-sm .page-link {
    padding: 0.1rem 0.5rem;
}

.trangthaicongtac {
    display: flex;
    width: max-content;
    margin-top: 15px;
}

    .trangthaicongtac a {
        padding: 4.5px 10px;
        border-right: 2px solid #ffffff;
        background: #cbd2df;
        font-size: 14px;
        color: #000;
    }

        .trangthaicongtac a:last-child {
            border: 0;
        }

        .trangthaicongtac a.actived {
            color: #fff;
            background: #0248b7;
        }

.gr_btn_qlld_top {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

    .gr_btn_qlld_top a {
        background-color: #0248b7;
        border-color: #0248b7;
        margin-left: 5px;
        color: #fff;
        padding: 3px 10px;
        height: 28px;
    }

    .gr_btn_qlld_top select {
        margin-left: 5px;
        height: 28.2px;
        /* transform: translateY(-1px); */
        width: 160px;
        box-shadow: none;
        padding: 0 0 0 10px;
        font-size: 14px;
        background: #0248b7;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        border: 0;
    }

.gr_btn_qlld_bottom {
    text-align: right;
}

    .gr_btn_qlld_bottom a {
        background-color: #0248b7;
        border-color: #0248b7;
        margin-left: 5px;
        color: #fff;
        padding: 3px 10px;
        height: 28px;
        display: inline-block;
        text-align: right;
    }

.btn-success {
    background-color: #0248b7 !important;
    border-color: #0248b7 !important;
}

.btn-red {
    background-color: #c92b1f !important;
    border-color: #c92b1f !important;
}

.ins_name {
    margin-left: 15px;
    margin-bottom: 13px;
}

.pages-hsns {
    margin-right: 15px;
}

.pages-hsns-total {
}

    .pages-hsns-total font {
        font-weight: 600;
        color: red;
    }

#ChonKyKeKhaiBase .table_blazor {
    width: 100% !important;
}

.overflow-modalKyGui .item {
    padding-top: 5px;
    padding-bottom: 5px !important;
}

.wrap-tt .overflow-modalKyGui .list-tt {
    margin-bottom: 0;
}

.table_footer {
    height: 30px;
    min-height: 30px !important;
}

    .table_footer::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.table_footer {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .table_footer .head_column {
        background: #fff !important;
        color: #000;
    }

.table_footer {
    border: 0 !important;
}

    .table_footer .blazor_column {
        border: 0 !important;
    }

.xuat-excel-insu {
    background: #0248b7;
    color: #fff;
    display: block;
    width: 130px;
    height: 26.8px;
    position: relative;
    z-index: 9999;
    border-radius: 3px;
}

.right-position {
    position: absolute;
    right: 15px;
}


.d02_tab_off .ant-tabs-nav-wrap .d02_tab, .tk1_tab_off .ant-tabs-nav-wrap .tk01_tab, .d01_tab_off .ant-tabs-nav-wrap .d01_tab, .d03_tab_off .ant-tabs-nav-wrap .d03_tab {
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    padding: 0 !important;
    position: absolute;
}


.d02_tab_on .d02_tab, .tk1_tab_on .tk01_tab, .d01_tab_on .d01_tab, .d03_tab_on .d03_tab {
    opacity: 1 !important;
    pointer-events: all !important;
}

.ant-table tfoot > tr > td, .ant-table tfoot > tr > th, .ant-table-tbody > tr > td, .ant-table-thead > tr > th {
    padding: 4px 10px;
}

table thead th.ant-table-cell {
    background: #0248b7 !important;
    color: #fff !important;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

a.btn-custom, .gr_btn_qlld_top select {
    border-radius: 0;
}

/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px !important;
    background-color: #F5F5F5 !important;
    position: absolute;
}*/

/* line 30, /Users/vuvankhai/Desktop/MyData/Softdreams/iCare/libs/css/style.scss */
/*::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    background-color: #ccc !important;
    position: absolute;
}*/

/* line 36, /Users/vuvankhai/Desktop/MyData/Softdreams/iCare/libs/css/style.scss */
/*::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    background-color: #ccc !important;
    position: absolute;
}*/

.ant-table-row:hover td {
    background: #b4c1d7 !important;
}

.ant-table-tbody > tr.ant-table-row-selected > td {
    background: #b4c1d7;
}

.ant-btn, .ant-btn {
    border-color: rgba(0,0,0,0) !important;
    color: #fff;
}

    .ant-btn:focus, .ant-btn:hover {
        border-color: rgba(0,0,0,0) !important;
        color: #fff;
    }

.action-column-center {
    text-align: center;
}


/*.hsns_table .ant-table-body {
    width: calc(100% + 8px);
}*/

/*.ant-table-body table{
    width: calc(100% - 7px);
}*/

.ant-table-selection-column .ant-checkbox-disabled .ant-checkbox-inner {
    display: none !important;
}

.ant-tabs-nav-wrap .ant-tabs-tab {
    padding: 4.5px 32.2px !important;
    border-right: 2px solid #ffffff !important;
    background: #787878 !important;
    font-size: 14px !important;
}

.ant-tabs-nav-wrap .ant-tabs-tab-active {
    color: #fff !important;
    background: #0248b7 !important;
}

.list-data h3 {
    font-size: 14px;
    padding: 5px 0;
}

.ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav, .ant-tabs-top > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav {
    margin: 0 0 12px 0 !important;
}

.form-tk h3 {
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 1px 0 #dbdbdb !important;
}

.form-tk .box-action {
    display: flex;
    justify-content: center;
    background: rgb(249 249 249 / 60%);
    padding: 9px 0 4px 0;
    box-shadow: 0 0 2px 0 #ccc;
    position: fixed;
    bottom: 0;
    width: calc(100vw - 456px);
    left: 438px;
}

.list-data.data-list-new .table-box {
    height: auto;
}

.form-tk .box-action a {
    padding: 2px 8px;
    border-radius: 0;
}

.ant-table-cell-ellipsis > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-tk {
    border: 0;
}

.title_frm {
    font-weight: bold;
    margin-left: 10px;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: calc(100% - 20px);
    position: relative;
    padding-top: 20px;
}

.title_frm_2 {
    margin-left: 12px;
    width: calc(100% - 23px);
}

.wrp_frm .selectItem {
    padding-left: 10px;
}

.btn_add_thanhvien {
    position: absolute;
    right: 0;
    background: #0248b7;
    color: #fff;
    padding: 2px 8px;
    border-radius: 0;
    bottom: 10px;
}

    .btn_add_thanhvien:hover {
        color: #fff;
    }

    .btn_add_thanhvien i {
        padding-right: 3px;
    }


.phuluctvhgd_new {
}

    .phuluctvhgd_new .modal-dialog {
        background: rgba(0,0,0,.4);
    }

    .phuluctvhgd_new .modal-content {
        width: calc(100% - 420px) !important;
        left: 420px;
    }


.btn-group-sm > .btn, .btn-sm {
    border-radius: 0;
}

.d01_bk {
    width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
}

.d01_bk {
    width: 300px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-left: 5px;
    font-weight: 600;
    color: #000;
}

.d01_bk_span {
    display: inline-block;
}

.d01_bk_wrap {
    display: flex;
    justify-content: center;
}

.btn_add_frm_pp_hsns {
    background: #0248b7;
    height: 26px;
    padding: 2px 10px;
    margin-bottom: 15px;
}

.importhsns_pages {
    transform: translateY(15px);
}

.form-control-sm {
    height: 28px;
    border-radius: 2px !important;
}

select {
    height: 28px !important;
}

.select2-container .select2-selection--single {
    height: 28px !important;
    border-radius: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.btn_search_import_hsns {
    height: 26px;
    transform: translateY(0px) !important;
}

.form-control:focus {
    border-color: #a6a9ad !important;
    box-shadow: none !important;
}

.btn-custom-primary {
    border-radius: 0;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 0.12rem 0.5rem;
}

.box-box-title_qlns {
    display: block !important;
}

.model_download_file_d02 .modal-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.model_download_file_d02 .modal-footer {
    padding-right: 0;
}

td.background-active + td {
    background-color: #b4c1d7;
}

.modal-importhsns-1 .modal-body {
    padding: 0 !important;
}

.ant-input-search-button {
    background: #0248b7 !important;
    border-radius: 4px !important;
}

.d02ImportFromHSNSComponent .actionHSNS .form-group > label {
}

.modal-importhsns-1 .modal-content {
    height: 470px !important;
}

.modal-importhsns-1 fixed_column.head_column input {
    display: none !important;
}

.modal-importhsns-d02ts .modal-content {
    height: 510px !important;
}

.modal-importhsns-d02ts .d02ImportFromHSNSComponent .actionHSNS .validation-message {
    margin-top: 15px;
}

.modal-dialog .close {
    color: #bd4f4f !important;
}

.model_ky_hs .modal-dialog {
    max-width: 920px;
}

#noti-dialog button.close span {
    transform: translateY(-5px);
    display: block;
}

.model_ky_hs .modal-dialog th {
    BACKGROUND: #0248b7;
    COLOR: #FFF;
    PADDING: 4PX 10PX;
}

.model_ky_hs .modal-dialog td {
    PADDING: 2PX 10PX;
}

#noti-dialog {
    z-index: 1051;
}

    #noti-dialog.show + .modal-backdrop {
        z-index: 1050;
    }

#ModalKyGuiHS {
    z-index: 1049;
}

.modal-full.show {
    z-index: 1050;
}

.custom_tenthutuc {
    max-width: 100%;
}

.ant-btn-link span {
    color: #1890ff;
}


.modal-dialog {
    top: 40% !important;
    margin-top: 0 !important;
    transform: translateY(-40%) !important;
}

.modal-content {
    margin-top: 0 !important;
}

.btn, .btn-custom {
    border-radius: 4px !important;
}

.ant-tabs-tab-btn {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.tab_icon .ant-tabs-tab-btn {
    color: #fff;
}

/*.btn-warning {
    color: #212529;
    background-color: #ff931d !important;
    border-color: #ff931d !important;
}*/

.box {
    visibility: visible !important;
}

.d02d01input {
    flex-wrap: nowrap;
}

.editable-cell {
    position: relative;
    display: block !important;
}

.editable-cell-value-wrap {
    padding: 5px 12px;
    min-height: 30px;
    cursor: pointer;
    display: block !important;
}

.editable-row:hover .editable-cell-value-wrap {
    padding: 4px 11px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

[data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
    border: 1px solid #434343;
}

.cell-validate .editable-cell .ant-select-selection-overflow {
    margin-top: -2px;
}

.cell-validate .editable-cell .ant-select-multiple .ant-select-selection-item {
    background: #ffffff;
    border: #ffffff;
}

.modal-trial {
    max-width: 750px;
}

.modal-insurance-time {
    max-width: 850px;
}

.row .unset-color span {
    color: unset !important;
}

.row .config-background .ant-radio-button-wrapper-checked {
    background: #0248b7;
    border-color: #0248b7;
}




.hotline-phone-ring-wrap {
    position: fixed;
    bottom: -20px;
    left: -15px;
    z-index: 2;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 87px;
    height: 87px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
    width: 57px;
    height: 57px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hotline-phone-ring-img-circle .pps-btn-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .hotline-phone-ring-img-circle .pps-btn-img img {
            width: 20px;
            height: 20px;
        }

.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 30px;
    width: 165px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
    top: 38px;
}

    .hotline-bar > a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        text-indent: 45px;
        display: block;
        letter-spacing: 1px;
        line-height: 30px;
        font-family: Arial;
    }

        .hotline-bar > a:hover,
        .hotline-bar > a:active {
            color: #fff;
        }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}




/* Pro Table */
.table-container {
    overflow: auto;
}

    .table-container table {
        width: 100%;
        table-layout: fixed;
        border-spacing: 1px;
    }

    .table-container th,
    .table-container td {
        padding: 4px;
        text-align: left;
    }

    .table-container th {
        background-color: #f2f2f2 !important;
        text-align: center;
        text-wrap: inherit;
    }

    .table-container .fixed-header thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background-color: #fff;
        z-index: 2;
        /*outline: 1px solid #ccc;*/
    }

    .table-container .col-fixed {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 1;
        outline: 1px solid #ccc;
    }

    .table-container th.col-fixed:nth-child(3) {
        text-align: left;
        padding-left: 15px;
    }

    .table-container .data-col {
        position: relative;
        outline: 1px solid #ccc;
    }

    .table-container .cell-selected {
        background: #ff931d !important;
    }

    .table-container th.data-col {
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
        padding: 10px 0;
        text-align: left;
        padding-left: 15px;
    }

    .table-container .fixed-column-right th:last-child,
    .table-container .fixed-column-right td:last-child {
        position: sticky !important;
        right: 0 !important;
        z-index: 1 !important;
        background-color: #f2f2f2;
        left: auto !important;
    }

    .table-container .data-col > span {
        width: 100%;
        display: block;
        padding: 0 5px;
        border: 1px solid rgba(0,0,0,0);
        height: 34px;
        line-height: 34px;
    }

    .table-container tbody tr:hover .data-col > span {
        border: 1px solid #a3b1c7;
        border-radius: 5px;
        height: 34px;
        line-height: 34px;
    }

    .table-container input, .table-container select, .table-container .ant-select:not(.ant-select-customize-input) .ant-select-selector {
        width: 100%;
        border: 0;
        border-radius: 0;
        padding: 5px;
        height: 34px !important;
    }

        .table-container input[type=checkbox] {
            height: 17px !important;
        }

        .table-container input:focus-visible, select:focus-visible {
            outline: none;
            background: #fbfbfb;
        }

    .table-container .ant-picker {
        padding: 0;
        border: 0;
    }

    .table-container .ant-select-selection-item {
        line-height: 24px !important;
    }

    .table-container .editable-cell-value-wrap {
        padding: 5px 12px;
        min-height: 30px;
        cursor: pointer;
        display: block !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-wrap: inherit;
        word-break: break-word;
    }

    .table-container .ant-select-dropdown > div {
        max-height: 250px;
        overflow: auto;
    }

    .table-container .btn-action-list {
        cursor: pointer;
        display: flex;
        justify-content: center;
    }

    .table-container .stt-column {
        text-align: center;
    }

    .table-container .right-position {
        position: absolute;
        right: 15px;
        width: 100%;
        background: #f7b5b5;
        left: 0;
        height: 100%;
        top: 0;
    }

    .table-container th.data-col {
    }

    .table-container .ant-picker-input {
        padding-right: 10px;
    }

    .table-container input:disabled {
        background: #e5e5e5;
    }

    .table-container .editable-row:hover .editable-cell-value-wrap {
        border-radius: 0;
    }

    .table-container .cell-validate .editable-cell .ant-select-selection-overflow {
        margin-top: -5px;
    }

    .table-container .ant-input-number {
        width: 100%;
    }

    .table-container .ant-input-number {
        border-radius: 0;
    }

    .table-container .ant-select-multiple .ant-select-selection-item {
        margin-top: 5px;
    }
    /* End Pro Table  */
    .table-container .btn-action-list input[type='checkbox'] {
        margin: 0 !important;
    }

main .box-title-d02 .right {
    display: flex;
    z-index: 1;
}

@media (min-width: 1280px) {
    main .box-title-d02 .right {
        transform: translateY(42px);
    }
}

.ant-input-search-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 50px;
}

.tab-layout .ant-tabs-nav-list {
    transform: translateX(400px);
}

.modal-full .modal-dialog .modal-body {
    padding: 0 2px;
}

.tab-layout .list-data h3 {
    padding: 13px 0;
    border: 0;
    background: rgba(0,0,0,0) !important;
    color: #000;
    text-align: left;
    padding-left: 2px;
}

.left-listdata {
    transform: translateY(-56px);
    background: #e3e3e3;
}

.tab-layout .list-data {
    border: 0;
}

.tab-layout .form-tk .box-form {
    border: 0;
    box-shadow: none;
}

.error-class {
    background: #e44a4c;
}

.warning-class {
    background: #FF931D;
}

.error-class input:focus-visible, .error-class select:focus-visible,
.error-class input, .error-class select, .error-class .ant-picker, .error-class .ant-select-selector {
    background: #e44a4c !important;
}

.form-tk .box-action {
    width: calc(100vw - 380px);
    left: 380px;
}

.form-tk .box-form {
    height: calc(100vh - 100px);
}

.phuluctvhgd_new .modal-content {
    width: calc(100% - 379px) !important;
    left: 379px;
}

.tab-layout .ant-tabs-nav-list {
    height: 45px;
}

.ant-tabs-nav-wrap .ant-tabs-tab {
    padding: 4px 10px !important;
    border-right: 1px solid #e3e3e3;
    background: #fff;
    font-size: 14px !important;
    color: #000;
    font-weight: 600;
    border-radius: 4px !important;
    height: 33px;
    margin-top: 5px !important;
    margin-right: 8px !important;
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
    background: rgb(249 249 249 / 60%);
}

.logo_text a {
    color: #fff !important;
}

.search_import_hsns .select2-container {
    width: 150px !important;
    min-width: 100px !important;
}

.button-chuyen-vung-du-lieu .select2-container {
    width: 250px !important;
}

.form-search-hsns-import {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    transform: translateY(-5px);
}

    .form-search-hsns-import .form-box {
        margin-right: 15px;
    }

.text-selected {
    transform: translateY(20px);
}

    .text-selected span {
        font-size: 14px;
        float: right;
        margin-top: 15px;
        transform: translateX(10px);
        font-style: italic;
    }

.pagination-sm .page-link {
    width: max-content;
}

.table-container a {
    color: #0c387c;
}

    .table-container a:hover {
        color: #06285c
    }

.phulucluoi .table-container {
    height: auto !important;
}

.height-auto-table .table-container {
    height: auto !important;
}

.text-selected {
    position: absolute;
    right: 15px;
}

.main-content {
    padding-bottom: 40px;
}

.support-app {
    background: #e1e8ef;
    height: 30px;
    display: flex;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    border-left: 4px solid #e1e8ef;
    border-right: 4px solid #e1e8ef;
}

    .support-app .left-support {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .support-app .left-support a {
            text-decoration: none;
            display: flex;
            align-items: center;
            margin-right: 35px;
        }

            .support-app .left-support a img {
                width: auto;
                height: 18px;
                margin-right: 10px;
                border-radius: 3px;
            }

            .support-app .left-support a span {
                color: #3b3b3b;
                font-size: 12px;
            }

#popupSignserver .modal-dialog {
    max-width: 720px !important;
}

.hsns_table .ant-input-group-addon {
    background-color: white;
    border: none;
    padding: 0 5px;
}


#contextMenuWrapper {
    position: relative;
}

#contextMenuConfig {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 1000;
}

    #contextMenuConfig li {
        padding: 8px 16px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        #contextMenuConfig li:hover {
            background-color: #f5f5f5;
        }

        #contextMenuConfig li a {
            text-decoration: none;
            color: #333333;
        }

.page-hsnv-page {
    background: #fff;
}

.hsnv-page {
    padding: 5px 15px 0;
}

.page-hsnv-page .box-detail {
    background: #fff;
    padding: 0 15px;
}

.left-listdata .list-data .a-pointer i.text-danger {
    position: absolute;
    right: 4px;
    top: 8px;
}

.table-select-filter {
    margin-bottom: -1rem !important;
}

    .table-select-filter .select2-container .select2-selection--single {
        height: 34px !important;
        padding: 4px 0px;
        border: none;
    }

.error-class .table-select-filter .select2-container .select2-selection--single {
    background: #e44a4c;
}

.main_menu.ant-menu.ant-menu-dark {
    background: rgba(0, 0, 0, 0);
}

.menu_bar svg {
    height: 30px !important;
    transform: translate(-20px, 5px);
}

.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub {
    background: #fff;
}

.popup-main-menu {
    position: fixed !important;
    left: 0px !important;
    top: 50px !important;
}

.ant-menu-submenu-popup {
    box-shadow: 1px 1px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
    border-radius: 3px;
    background: #fff !important;
}

.mobile-app-btn-wrap {
    margin-bottom: 20px;
}

.mobile-app-btn-wrap {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.mobile-app-btn {
    margin-bottom: 5px;
    border: 0;
    outline: none;
    transition: .3s all;
}

.mobile-app-btn-small {
    width: 40px !important;
    height: 40px !important;
}

.mobile-app-title {
    margin-top: 10px;
    font-weight: 400;
    color: rgba(255, 250, 250, .95);
    text-shadow: 2px 0px 3px #000000;
}

.popup-main-menu .mobile-app-title {
    color: #000;
    text-shadow: none;
}

.mobile-app-btn img {
    width: 40px;
    transform: translate(-15px, -5px);
    border-radius: 50%;
}

.mobile-app-btn.ant-btn-primary {
    background: rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 0;
}

@media screen and (max-width: 1280px) {
    a.btn-custom {
        padding: 5px 8px !important;
    }

    .menu_bhxh li a {
        margin: 0 6px !important;
        font-size: 12px !important;
    }

    .account-sm-screen a#navbarDropdown {
        padding: 4px 0 4px 0;
        font-size: 12px;
    }

    .logo_text {
        padding: 10px 10px;
    }

    .account-sm-screen a#navbarDropdown {
        padding: 4px 0 4px 0;
        font-size: 12px;
    }

    .logo_text a {
        font-size: 12px;
    }

    .ant-menu-submenu-title {
        height: 46px;
    }

    .account-sm-screen {
        transform: translateY(4px);
    }
}

@media screen and (max-width: 992px) {
    a.btn-custom {
        padding: 3px 6px !important;
        font-size: 12px !important;
    }

    .menu_bhxh li a {
        margin: 0 2px !important;
        font-size: 10px !important;
    }

    .account-sm-screen a#navbarDropdown {
        padding: 4px 5px 4px 0;
        font-size: 10px;
    }

    .logo_text a {
        font-size: 10px;
    }

    .ant-menu-submenu-title {
        height: 46px;
    }

    .account-sm-screen {
        transform: translateY(4px);
    }
}

.table-container tr:nth-child(odd) .data-col {
    background: #f2f2f2 !important;
}

.table-container tr:nth-child(odd) .col-fixed {
    background-color: #f2f2f2 !important;
}

.table-container tr:nth-child(even) .data-col {
    background: #fff !important;
}

.table-container tr:nth-child(even) .col-fixed {
    background-color: #fff !important;
}

.hsns_table_only .table-container .fixed-header thead {
    top: 1px !important;
}

.hsns_table_only .table-container .data-col {
    padding-left: 15px;
}

/*.highlight{
    position: relative;
}

    .highlight::after {
        position: absolute;
        content: "Cần bổ sung thông tin";
        background: #e44a4c;
        color: #fff;
        padding: 1px 4px;
        font-size: 10px;
        font-weight: normal;
        top: -28px;
        left: 5px;
        border-radius: 3px;
    }
    .highlight::before {
        position: absolute;
        top: -10px;
        left: 12px;
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 8px solid transparent;
        border-top: 7px solid #e44a4c;
    }*/
.data-col .ant-input-number, .data-col .ant-picker-input input {
    border: 0;
}

.table-container input, .table-container select, .table-container .ant-select:not(.ant-select-customize-input) .ant-select-selector, .table-select-filter .select2-container .select2-selection--single {
    border: 1px solid #d9d9d9;
}

.error-class .select2-container--default .select2-selection--single .select2-selection__rendered,
.error-class .ant-picker-input input::placeholder,
.error-class .select2-container--default .select2-selection--single .select2-selection__placeholder,
.error-class .date-input[placeholder]::placeholder {
    color: #fff !important;
}

.hsnv-hrm > .col-md-3 {
    padding-right: 0;
}

.hsnv-hrm .list-data h3 {
    background: #e3e3e3;
    color: #000;
}

.hsnv-hrm > .col-md-9 {
    padding-left: 0;
}

.hsnv-hrm .list-data h3 {
    padding: 9.4px 0;
}

.hsnv-input .custome-pager .pagination.justify-content-end {
    justify-content: center !important;
}

.hsnv-hrm {
    display: flex;
}

    .hsnv-hrm .list-data {
        width: 380px;
        height: 100vh;
        background: #f1f1f12e;
    }

    .hsnv-hrm .form-tk {
        width: calc(100% - 380px);
        position: relative;
    }

        .hsnv-hrm .form-tk .box-form {
            border-top: 0 !important;
            border-bottom: 0 !important;
            box-shadow: none !important;
        }

    .hsnv-hrm .ant-tabs-nav {
        padding-left: 13px;
    }

    .hsnv-hrm .ant-tabs-top > .ant-tabs-nav::before {
        display: none;
    }

    .hsnv-hrm .form-tk .box-action {
        width: 100%;
        left: 0;
        position: absolute;
    }

.hsnv-search {
    display: flex;
    padding: 15px 5px 10px;
}

.sbox-label {
    width: 60px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
}

.sbox-name {
    width: 147px;
    margin-right: 5px;
}

.sbox-bhxhcode {
    width: 105px;
}

.sbox-submit {
    width: 50px;
    margin-left: 5px;
    transform: translateX(10px);
}

.hsnv-hrm .table-container .fixed-header th.data-col {
    text-align: left;
    padding: 0 0 0 8px;
}

.hsnv-hrm .form-tk .close {
    right: 25px !important;
    top: 8px !important;
}

.hsnv-hrm .group-input-box-luonginput-content > .form-group {
    width: calc(50% - 20px) !important;
}

.hsnv-hrm .box.box-success.box-solid {
    width: calc(100% - 20px);
    margin-left: 10px;
}

.hsnv-giadinh {
    padding: 10px;
}

    .hsnv-giadinh .group-input-box-content > .form-group {
        margin: 10px 10px;
    }

.cv_active {
    color: #389e0d;
}

.cv_disabled {
    color: red;
}

h1.headline {
    font-size: 16px;
    background: #fff;
    padding: 10px 15px;
    width: calc(100% - 20px);
    margin: 10px;
    box-shadow: 0 0 3px 0 #d3c7c7bf;
}

.overview-staff {
    display: flex;
    margin: 0 10px;
    width: calc(100% - 20px);
    justify-content: space-between;
}

    .overview-staff .item-box-staff {
        width: calc(16.7% - 10px);
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 3px 0 #d3c7c7bf;
    }

        .overview-staff .item-box-staff label {
            display: block;
        }

        .overview-staff .item-box-staff span {
            display: block;
            text-align: center;
            margin: 10px 0 5px;
            font-size: 16px;
            color: #ff1e1e;
            font-weight: bold;
        }

        .overview-staff .item-box-staff a {
            float: right;
            color: #0147b7;
        }

.ant-popover-inner-content {
    padding: 10px 10px;
    margin-top: 10px;
}

.overview-chart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 20px);
    margin-left: 10px;
}

    .overview-chart .item-box-chart {
        width: calc(50% - 5px);
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 3px 0 #d3c7c7bf;
        margin-top: 10px;
        background: #fff;
    }

        .overview-chart .item-box-chart label {
            display: block;
            text-align: center;
            margin-bottom: 15px;
        }

.item-box-chart .group-box {
    display: flex;
}

.item-box-chart .mini-box {
    width: 50%;
}

.home-head-dkld {
    height: 55px;
    line-height: 55px;
    background: #fff;
}

.box-header-menu-dkld {
}

    .box-header-menu-dkld ul {
        list-style-type: none;
        text-align: center;
    }

        .box-header-menu-dkld ul li {
            color: blue;
            display: inline-block;
            line-height: 40px;
            padding: 0 20px 0 20px;
            position: relative;
        }

            .box-header-menu-dkld ul li a {
                text-decoration: none;
                display: block;
                font-weight: bold;
                font-size: 16px;
                color: #0248b7;
                position: relative;
                transition: .2s;
                line-height: 1.7;
                cursor: pointer;
                margin: 20px 0 0 0;
            }

                .box-header-menu-dkld ul li a.active {
                    color: #ff931d;
                }

                .box-header-menu-dkld ul li a::before {
                    content: "";
                    width: 0;
                    height: 1px;
                    background: #ff931d;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    transition: .3s;
                }

                .box-header-menu-dkld ul li a.active::before {
                    width: 100%;
                }

                .box-header-menu-dkld ul li a:hover {
                    color: #ff931d;
                }

                    .box-header-menu-dkld ul li a:hover::before {
                        width: 100%;
                    }

.limiter-dkld {
    width: 100%;
    margin: 0 auto;
}

.container-dkld {
    min-height: 100vh;
}

.container-dkld {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px;
    background: url(../image/background-login.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

    .container-dkld::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: url(../images/ICARE-bg.png) bisque no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: 1;
    }

@media(min-width:1680px) {
    .wrap-dang-ky-lan-dau {
        width: 1350px !important;
    }
}

@media(min-width:1800px) {
    .wrap-dang-ky-lan-dau {
        width: 1450px !important;
    }
}

@media(min-width:1900px) {
    .wrap-dang-ky-lan-dau {
        width: 1550px !important;
    }
}

@media(min-width:2000px) {
    .wrap-dang-ky-lan-dau {
        width: 1650px !important;
    }
}


.wrap-dang-ky-lan-dau {
    width: 1200px;
    background: #fff;
    border-radius: 10px;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 47px 95px 33px 95px;
    position: static;
    z-index: 2;
    overflow-y: auto;
    margin-top: 3%;
}

.form-first-register {
    width: 100%;
}

.dangkylandau-form-title {
    font-weight: bold;
    font-size: 22px;
    color: #0248b7;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    display: block;
}

.info3 {
    margin: 10px 0px;
    bottom: 10px;
    text-align: center;
    z-index: 5;
    color: #fff;
    position: relative;
    width: 100%;
    justify-content: center;
}

    .info3 p {
        color: #fff;
        margin: 0px;
    }

.btn-search-mst {
    position: absolute;
    right: 0;
    top: 22px
}

    .btn-search-mst button {
        height: 28px;
        padding-top: 2px;
    }

.CaptchaWrap-dkld {
    position: relative;
}

.CaptchaTxtField-dkld {
    border-radius: 5px;
    border: 1px solid #ced4da !important;
    display: block;
    box-sizing: border-box;
}


#CaptchaImageCode-dkld {
    text-align: center;
    margin-top: 15px;
    padding: 0px 0;
    width: 300px;
    height: 52px;
    overflow: hidden;
}


.capcode-dkld {
    font-size: 26px;
    display: block;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    color: #ccc;
    font-weight: 100;
    font-style: italic;
}

.reload-captcha {
    border: 0px;
    outline: none;
    position: absolute;
    bottom: 10px;
    left: 310px;
    background-color: black;
}

.init {
    opacity: 1;
}

.hsns_table_only .editable-cell-value-wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}


.ellipsis-one-line {
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    max-width: 90%;
}

.table-container {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.zalo-support-container {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1050;
}

.zalo-support-image {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.3s;
}

    .zalo-support-image:hover {
        transform: scale(1.05);
    }

.zalo-support-tooltip {
    position: absolute;
    bottom: 55px;
    right: 0;
    background-color: white;
    color: black;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #007bff;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    text-align: center;
}

.zalo-support-container:hover .zalo-support-tooltip {
    opacity: 1;
}

.card-hover {
    transition: transform 0.2s ease;
}

    .card-hover:hover {
        transform: scale(1.02);
    }

.chart-responsive {
    max-height: 300px;
}

.mainlayout-appbar {
    height: 60px;
    box-shadow: none;
    border-bottom: 1px solid #e1e1e1;
}

.mainlayout-chip-full {
    width: 100%;
}

.mainlayout-notif-list {
    max-height: 450px;
    overflow-y: auto;
    width: 350px;
}

.mainlayout-notif-text-unread {
    font-weight: normal;
    font-size: 14px;
}

.mainlayout-notif-text-read {
    font-weight: 200;
    font-size: 14px;
}

.mainlayout-notif-more-text {
    font-weight: 500;
    font-size: 15px;
}

.mainlayout-account-menu {
    margin-left: 10px;
}

.mainlayout-account-stack {
    height: 45px;
}

.mainlayout-account-tax {
    font-size: 15px;
}

.mainlayout-account-exp {
    font-size: 13px;
}

.mainlayout-account-list {
    max-height: 450px;
    overflow-y: auto;
    width: 290px;
}

.mainlayout-account-item {
    height: 45px;
}

.mainlayout-drawer {
    box-shadow: none;
    border-right: 1px solid #e1e1e1;
}

.mainlayout-navmenu {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mainlayout-nav-logo {
    height: 60px;
}

.mainlayout-logo-title {
    color: #ffffff;
    font-size: 16px;
    padding-left: 30px;
    transform: translateY(4px);
}

.mainlayout-logo-subtitle {
    color: #ffffff;
    font-size: 11px;
    font-weight: 100;
}

.mainlayout-main-container {
    height: 100%;
    max-height: fit-content
}

.mainlayout-panel-toggle {
    color: #ffffff;
}

.mainlayout-icon-24 {
    width: 24px;
    height: 24px;
}

.mainlayout-icon-28 {
    width: 28px;
    height: 28px;
}

.mainlayout-zalo-btn {
    background-color: orange;
}

.tet-effects-toggle-floating {
    position: fixed;
    right: 12px;
    bottom: 12px;
    z-index: 1200;
    background: transparent;
    border: none;
    border-radius: 999px;
    padding: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
}

.tet-switch {
    margin: 0;
    padding: 0;
}

    .tet-switch .mud-switch-base {
        width: 70px;
        height: 30px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .tet-switch .mud-switch-base {
        width: 56px;
        height: 36px;
        padding: 0;
        display: flex;
        align-items: center;
        overflow: visible;
    }

    .tet-switch .mud-switch-track {
        display: flex;
        align-items: center;
        height: 22px;
        border-radius: 999px;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
        transition: opacity 0.2s ease;
        opacity: 1;
        overflow: visible;
        width: 100%;
    }

    .tet-switch .mud-switch-base.mud-checked ~ .mud-switch-track {
        opacity: 1;
    }

    .tet-switch .mud-switch-base:not(.mud-checked) ~ .mud-switch-track {
        opacity: 1;
        background-color: #ffffff;
    }

.mud-switch-span-medium.mud-switch-span {
    width: 65px !important;
}

.tet-switch .mud-button-root:hover {
    background-color: transparent !important;
}

.tet-switch .mud-switch-thumb {
    width: 25px;
    height: 25px;
    margin: 0;
    background-image: url('/images/hoa-dao.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-shadow: none;
    border: none;
    transition: opacity 0.2s ease;
}

.tet-switch .mud-switch-thumb-medium {
    width: 25px !important;
    height: 25px !important;
    margin-left: -10px;
    background-color: transparent !important;
    background-image: url('/images/hoa-dao.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-shadow: none !important;
    border: none;
    border-radius: 0;
    transition: opacity 0.2s ease;
}

.tet-switch .mud-switch-base:not(.mud-checked) .mud-switch-thumb,
.tet-switch .mud-switch-base:not(.mud-checked) .mud-switch-thumb-medium {
    opacity: 0.5;
}

.tet-switch .mud-switch-button {
    background-color: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.right-panel {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 0 8px;
    transition: width 0.3s ease;
    z-index: 1000;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .right-panel.closed {
        width: 0px;
        padding: 0;
    }

    .right-panel.open {
        width: 50px;
    }

.toggle-btn-wrapper {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: #0d86f2;
    color: white;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
}

.right-panel .panel-toggle-button {
    margin: 0;
}

.right-panel .panel-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.floating-feedback {
    animation: shakeAndPulse 3s ease-in-out infinite;
}

@keyframes shakeAndPulse {
    0%, 100% {
        transform: translateX(0) scale(1);
    }

    25% {
        transform: translateX(-3px) scale(1.03);
    }

    50% {
        transform: translateX(3px) scale(1.05);
    }

    75% {
        transform: translateX(-3px) scale(1.03);
    }
}

.feedback-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700, #ff8c00);
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    transition: all 0.3s ease;
    position: relative;
}

    .feedback-circle:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 25px rgba(255, 140, 0, 0.6);
        background: linear-gradient(135deg, #ffe135, #ffa500);
    }

.close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease;
    z-index: 1001;
    opacity: 0.7;
}

.feedback-circle:hover .close-btn {
    opacity: 1;
}

.close-btn:hover {
    background: rgba(255, 68, 68, 0.8);
    transform: scale(1.1);
}

.close-btn:active {
    transform: scale(0.95);
}

.custom-grid .mud-grid-item {
    padding-left: 24px !important;
    padding-top: 0 !important;
}

.custom-tabs .mud-tab.mud-tab-active {
    background-color: #0248b7 !important;
    color: #ffffff !important;
}

.custom-tabs .mud-tab-slider {
    display: none !important;
}

.custom-grid-position .mud-table-container {
    border-radius: 4px;
}

.mud-paper-custom {
    box-shadow: none !important;
    border-radius: 15px !important;
    border: 1px solid #e6e6e694
}

.shadow-none {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}