@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap');
/* Mobile and Tablet: width < 1367px */
@media only screen and (max-width: 1367px) {
}

/* Tablet: width >= 1367px  and width < 1440px */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
}

/*PC: width > 1024px*/
@media only screen and (min-width: 1440px) {
}

html {
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    margin: 0;
    min-height: 100%;
    font-family: 'Inter';
    font-style: normal;
    color: #000000;
    font-weight: 400;
    background: #F3F6F9;
    font-size: 12px;
    line-height: 16px;
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
}

.mifi-fs-15 {
    font-size: 15px !important;
}

input::placeholder {
    color: #CCCED0 !important;
    opacity: 1;
    font-weight: 500;
}

input:-ms-input-placeholder { /*Internet Explorer 10-11 */
    color: #CCCED0 !important;
    opacity: 1;
    font-weight: 500;
}

input::-ms-input-placeholder { /*Microsoft Edge */
    color: #CCCED0 !important;
    opacity: 1;
    font-weight: 500;
}

.mifi-msg-error {
    color: #ff0000
}

.mifi-background {
    background-color: #ffffff;
}

.mifi-panel {
    border-radius: 4px;
    padding: 12px 12px 8px 12px;
}

.mifi-panel-grid {
    border-radius: 4px;
    padding: 12px;
}

/*.mbi-IndexVatInvoice .mifi-panel {
    border-radius: 4px;
    padding: 8px 8px 4px 8px;
}

.mbi-IndexVatInvoice .mifi-panel-grid {
    border-radius: 4px;
    padding: 8px;
}*/

.mifi-panel-detail {
    border-radius: 4px;
    padding: 16px 8px;
}

.mifi-panel-space {
    margin-top: 8px;
}


.mifi-bold {
    font-weight: 700;
}

.mifi-placeholder {
    color: #CCCED0;
}

.mifi-br-link-last {
    color: #176BFB;
}

.mifi-frm-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
}

.mifi-panel .mifi-frm-title-border {
    border-bottom: 1px solid #EBEBEB;
    margin: -16px -16px 0px;
    padding: 12px 16px;
}

.mifi-panel-grid .mifi-frm-title-border {
    border-bottom: 1px solid #EBEBEB;
    margin: -16px -16px 0px;
    padding: 12px 16px;
}

.mifi-panel-detail .mifi-frm-title-border {
    border-bottom: 1px solid #EBEBEB;
    margin: -4px -8px 0px;
    padding: 0px 12px 12px;
}

.mifi-frm-title input {
    margin-bottom: 0px !important;
}

#mifi-master-body .mifi-txt, .mifi-model .mifi-txt, .select2-container--default .select2-selection--single {
    /*height: 32px !important;*/
    min-height: 32px !important;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-weight: 500;
}

#mifi-master-body .mifi-label {
    height: 32px !important;
    display: flex;
    align-items: center;
}


.mifi-txt-disable {
    height: 32px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-weight: 700;
    background: #DDDFE1;
}

.mifi-cbo {
    height: 32px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-weight: 700;
    color: #000000;
}

.mifi-ckb {
    height: 20px;
    width: 20px;
}

.mifi-main--container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 30px;
    -webkit-transition: padding-left .25s cubic-bezier(0.99, 0, 0.5, 0.99);
    transition: padding-left .25s cubic-bezier(0.99, 0, 0.5, 0.99);
    padding-bottom: 30px;
    padding-left: 260px;
}

.main--content {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0px 5px 0;
}

/*a.mifi-btn:hover {
    color: #fff !important;
}*/

.mifi-btn {
    height: 32px;
    display: inline-block;
    border-radius: 4px;
    background: #F3F6F9;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 6px 12px;
}

    .mifi-btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }


.mifi-btn-del {
    color: #FF3A29 !important;
    height: 54px;
    background: #FFEFEF;
}

.mifi-btn-add {
    color: #176BFB;
    height: 54px;
}

    .mifi-btn-add img, .mifi-btn-del img {
        margin-right: 10px !important;
        height: 14px !important;
        width: 14px !important;
    }

.mifi-btn-save {
    background: #176BFB;
    color: #ffffff;
    /*padding: 10px;*/
}

.mifi-btn-back {
    color: #176BFB;
}

.mifi-btn-group-mst {
    background: #176BFB;
    color: #ffffff;
    height: 32px;
    margin-bottom: 4px;
    cursor: pointer;
    border-radius: 0px 4px 4px 0px !important;
    font-weight: 500;
    font-size: 12px;
}


/*.mifi-btn:hover, .mifi-btn:focus {
    color: #ffffff;
}*/

.mifi-input-group-mst {
    border-radius: 4px 0px 0px 4px !important;
}

.mifi-inv-title {
    font-weight: 400;
}

.mifi-inv-value {
    color: #0000ff;
    font-weight: 700;
}

.mifi-grid {
    border: 1px solid #DDDFE1;
    margin-top: 12px;
}

.mifi-grid-header {
    color: #176BFB;
    background-color: #E8F1FF;
    text-align: center;
}

.mifi-grid tr th {
    font-size: 12px;
    line-height: 16px;
}

.mifi-grid tr td {
    padding: 4px;
}

.tableSoTp tr td {
    padding: 8px;
}
/*:nth-child(1..n)
*/
option(:checked) {
    background-color: rgba(23, 107, 251, 0.13);
}

.mifi-page--header {
    padding: 5px;
}

.mifi-main--content {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0px 5px 0;
}

#mifi-master-body .form-group {
    margin-top: 8px;
    margin-bottom: 8px;
}

    #mifi-master-body .form-group span {
        height: 16px;
        display: block;
        margin-bottom: 8px;
    }

#mifi-master-body .form-control {
    margin-bottom: 4px;
    color: #000000;
    border-color: #D8D8D8;
    padding: 4px 8px;
}

#mifi-master-body .select2 {
    /*margin-top: 4px;*/
    color: #000000;
}

#mifi-master-body input.form-control {
    font-weight: 500;
}

/*#mifi-master-body textarea {
    height: 32px;
    min-height: 32px;
}*/

#mifi-master-body .form-check, .form-radio {
    margin-bottom: 0px !important;
    padding-left: 0;
    font-weight: 700;
    /*margin-top: 8px;*/
    margin-bottom: 4px;
}

#mifi-master-body .form-check-input, .form-radio-input {
    display: none;
}

#mifi-master-body .form-check-label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    z-index: 0;
}

#mifi-master-body div.form-check .form-check-label {
    padding-top: 2px;
    padding-bottom: 2px;
}

#mifi-master-body .mifi-check-default:before {
    border: 1px solid #D8D8D8 !important;
    background: #FFF !important;
}

#mifi-master-body .form-check-label:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #176BFB;
    border-radius: 2px;
    background: rgba(23, 107, 251, 0.07);
}

#mifi-master-body .form-check-label:after {
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #176BFB;
    border-radius: 2px;
    font-family: "Font Awesome\ 5 Free";
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: opacity .25s linear, -webkit-transform .25s linear;
    transition: opacity .25s linear, -webkit-transform .25s linear;
    transition: opacity .25s linear, transform .25s linear;
    transition: opacity .25s linear, transform .25s linear, -webkit-transform .25s linear;
}

#mifi-master-body .icon-check-label2:after {
    content: url("data:image/svg+xml,%3Csvg xmlns=%5C'http://www.w3.org/2000/svg%5C' width=%5C'12%5C' height=%5C'12%5C' viewBox=%5C'0 0 12 12%5C' fill=%5C'none%5C'%3E%3Cpath fill-rule=%5C'evenodd%5C' clip-rule=%5C'evenodd%5C' d=%5C'M9.88889 1H2.11111C1.49444 1 1 1.5 1 2.11111V9.88889C1 10.5 1.49444 11 2.11111 11H9.88889C10.5056 11 11 10.5 11 9.88889V2.11111C11 1.5 10.5056 1 9.88889 1Z%5C' fill=%5C'%23176BFB%5C' stroke=%5C'%23176BFB%5C'/%3E%3C/svg%3E") !important;
    width: 14px !important;
    height: 14px !important;
    margin: 3px !important;
}

table.products th, table.mifi-sotp th {
    text-align: center !important;
    vertical-align: middle !important;
    background-color: #F8F8F8 !important;
    color: #000 !important;
}



/*css phan checked*/
#mifi-master-body .form-check-input:checked + .form-check-label:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*dropdown nut tao moi trong trang danh sach*/
#mifi-master-body #taoMoiDropdownMenu {
    left: auto;
    right: 145px;
    min-width: 192px;
    min-width: 12rem;
    font-weight: 400;
    top: 90%;
}


#mifi-master-body button.mifi-btn img, #mifi-master-body a.mifi-btn img {
    margin-left: 0;
    margin-right: 6px;
    height: 12px;
    width: 12px;
}

.mifi-btn-img {
    cursor: pointer;
}

.mifi-btn-space-right {
    margin-right: 16px;
}

.mifi-btn-space-left {
    margin-left: 16px;
}

.mifi-main--container .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    background: #F8F8F8;
}

.mifi-main--container .dx-header-row > td > .dx-datagrid-text-content {
    white-space: normal;
    font-size: 13px;
    color: #000000;
    font-weight: 700;
}

.dx-data-row.dx-state-hover, .dx-data-row.dx-state-hover td {
    background: #EFF5FF !important;
}
/*
.dx-data-row.dx-state-hover, .dx-data-row.dx-state-hover td {
    border-top: 1px solid #176BFB;
    border-bottom: 1px solid #176BFB;
}
.dx-data-row.dx-state-hover td:first-child {
    border-left: 1px solid #176BFB;
}
.dx-data-row.dx-state-hover td:last-child {
    border-right: 1px solid #176BFB;
}
*/

/*.dx-datagrid-rowsview .dx-data-row.dx-state-hover.dx-row-lines:first-child > td, .dx-datagrid-rowsview .dx-data-row.dx-state-hover.dx-row-lines:first-child > tr > td {
    border-top: 1px solid #176BFB;
}
.dx-datagrid-rowsview .dx-data-row.dx-state-hover td {
    border-bottom: 1px solid #176BFB;
    border-top: 1px solid #176BFB;
}

    .dx-datagrid-rowsview .dx-data-row.dx-state-hover td:first-child {
        border-left: 1px solid #176BFB !important;
    }

    .dx-datagrid-rowsview .dx-data-row.dx-state-hover td:last-child {
        border-right: 1px solid #176BFB;
    } */





.mifi-tabs > .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.mifi-tabs > .nav-tabs > li.active > a, .mifi-tabs > .nav-tabs > li.active > a:hover, .mifi-tabs > .nav-tabs > li.active > a:focus {
    color: #e16123;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.mifi-tabs > .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

    .mifi-tabs > .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        /*border: 1px solid transparent;*/
        border-radius: 4px 4px 0 0;
    }

.mifi-tabs > .nav-tabs li a {
    color: #464646;
    cursor: pointer;
}

.mifi-cus-sup-link:hover {
    font-weight: bold;
    text-decoration: underline;
}

.mifi-main--container .btn-sm {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 6px 12px;
}

.mifi-btn-blue,
.mifi-btn-blue:hover {
    color: #fff;
    background-color: #176BFB !important;
    border-color: #176BFB;
}

.mifi-btn-green,
.mifi-btn-green:hover {
    color: #fff;
    background-color: #00A373;
    border-color: #00A373;
}

.mifi-bgr-outline-orange {
    color: #00A373;
    background-color: #EDF8F5;
}

.mifi-btn-yellow,
.mifi-btn-yellow:hover {
    color: #110F24;
    background: linear-gradient(180deg, #FFE34A 0%, #FFD565 100%);
}

.mifi-btn-outline-orange,
.mifi-btn-outline-orange:hover {
    background: rgba(236, 86, 8, 0.08);
    color: #EC5608;
    border: 1px solid #EC5608;
}

.mifi-btn-outline-black,
.mifi-btn-outline-black:hover {
    background: none;
    color: #000000;
    border: 1px solid #D8D8D8;
}

.mifi-btn-orange,
.mifi-btn-orange:hover {
    background-color: #EC5608;
    color: #fff !important;
}

.mifi-btn-violet,
.mifi-btn-violet:hover {
    background-color: #5153FF;
    color: #fff !important;
}

.mifi-btn-red,
.mifi-btn-red:hover {
    color: #fff !important;
    background-color: #FF3A29;
}

.mifi-bgr-outline-red {
    color: #FF3A29;
    background-color: #fdebea;
}

.mifi-btn-purple,
.mifi-btn-purple:hover {
    color: #fff !important;
    background-color: #795DFF;
}

.mifi-menu-top {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.modal-body {
    font-weight: 500;
    padding: 20px;
    padding-bottom: 0px;
}

.modal-footer {
    font-weight: 500;
    border-top: none;
    padding: 20px;
    padding-top: 16px;
}


.mifi-btn-model-blue, .mifi-btn-model-huy, .mifi-btn-model-orange {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    border-color: #176BFB;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    min-width: 100px;
    padding: 10px;
    margin-left: 10px !important;
}

.mifi-btn-model-blue {
    color: #fff;
    background-color: #176BFB;
}

.mifi-btn-model-huy {
    background-color: #F3F6F9;
    color: #176BFB;
}

.mifi-btn-model-orange {
    background-color: #EC5608;
    color: #fff;
}

.mifi-btn-huy:hover {
    background-color: #DDDFE1;
    color: #176BFB;
}

.mifi-color-red {
    color: red;
}

.mifi-color-orange {
    color: #EC5608;
}

.mifi-color-FF3A29 {
    color: #FF3A29;
}

.mifi-color-F17125 {
    color: #F17125;
}

.mifi-color-9DA6BA {
    color: #9DA6BA;
}

.mifi-color-blue {
    color: #176BFB;
}

.mifi-color-green {
    color: #00A373;
}

.mifi-bgr-color-blue {
    color: #176BFB;
    background-color: #E8F1FF;
}

.navbar--nav .dropdown > a {
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.navbar--nav .nav--user img {
    width: 16px !important;
}

.navbar--nav .nav-language img {
    margin-right: 8px;
}

.mifi-menu-top-1 {
    color: #D8D8D8;
    padding: 2px;
    width: 5px;
}

.main--footer {
    padding-left: 260px;
}

.sidebar-mini .mifi-main--container {
    padding-left: 60px;
}

.sidebar-mini .main--footer {
    padding-left: 60px;
}

.mifi-modal-body {
    display: flex;
}

.mifi-popup-right {
    margin: 8px 13px;
    padding: 16px 16px 0px;
    border: 1px solid #CCCED0;
    border-radius: 4px;
    width: 246px;
}

.mifi-popup-left {
    width: calc(100% - 246px);
}

#mifi-master-body .mifi-option-default {
    color: #D8D8D8 !important;
}

.form-control option {
    color: #000;
}

#mifi-master-body input.dateinput {
    background: #F3F6F9;
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
    line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.mifi-m-4 {
    margin: 4px !important;
}

.mifi-mt-0 {
    margin-top: 0px !important;
}

.mifi-mt-4 {
    margin-top: 4px !important;
}

.mifi-mt-8 {
    margin-top: 8px !important;
}

.mifi-mt-12 {
    margin-top: 12px !important;
}

.mifi-mt-16 {
    margin-top: 16px !important;
}

.mifi-mt-20 {
    margin-top: 20px !important;
}

.mifi-mb-0 {
    margin-bottom: 0px !important;
}

.mifi-mb-4 {
    margin-bottom: 4px !important;
}

.mifi-mb-8 {
    margin-bottom: 8px !important;
}

.mifi-mb-12 {
    margin-bottom: 12px !important;
}

.mifi-mb-16 {
    margin-bottom: 16px !important;
}

.mifi-mb-20 {
    margin-bottom: 20px !important;
}

.mifi-ml-2 {
    margin-left: 2px !important;
}

.mifi-ml-5 {
    margin-left: 5px !important;
}

.mifi-ml-0 {
    margin-left: 0px !important;
}

.mifi-ml-20 {
    margin-left: 20px !important;
}

.mifi-mr-0 {
    margin-right: 0px !important;
}

.mifi-mr-12 {
    margin-right: 12px !important;
}

.mifi-my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mifi-my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.mifi-p-0 {
    padding: 0px !important;
}

.mifi-p-8 {
    padding: 8px !important;
}

.mifi-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mifi-px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.mifi-px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.mifi-px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.mifi-py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.mifi-py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.mifi-pt-0 {
    padding-top: 0px !important;
}

.mifi-pt-8 {
    padding-top: 8px !important;
}

.mifi-pt-16 {
    padding-top: 16px !important;
}

.mifi-pl-0 {
    padding-left: 0px !important;
}

.mifi-pl-8 {
    padding-left: 8px !important;
}

.mifi-pl-10 {
    padding-left: 10px !important;
}

.mifi-pr-0 {
    padding-right: 0px !important;
}

.mifi-pr-4 {
    padding-right: 4px !important;
}

.mifi-pr-8 {
    padding-right: 8px !important;
}

.mifi-pr-10 {
    padding-right: 10px !important;
}

.mifi-pr-12 {
    padding-right: 12px !important;
}

.mifi-pr-16 {
    padding-right: 16px !important;
}

.mifi-pr-20 {
    padding-right: 20px !important;
}

.mifi-pb-0 {
    padding-bottom: 0px !important;
}

.mifi-pb-8 {
    padding-bottom: 8px !important;
}

.mifi-pb-10 {
    padding-bottom: 10px !important;
}

.mifi-pb-12 {
    padding-bottom: 12px !important;
}

.mifi-pb-16 {
    padding-bottom: 16px !important;
}

.mifi-pb-20 {
    padding-bottom: 20px !important;
}

.mifi-mr-8 {
    margin-right: 8px !important;
}

.mifi-mr-6 {
    margin-right: 6px !important;
}

.mifi-pd-16 {
    padding: 16px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}

.alert {
    margin-bottom: auto;
}

.mifi-flex-between {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mifi-flex-start {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1%;
}

.mifi-flex-end {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mifi-flex-center {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.mifi-fs-12 {
    font-size: 12px !important;
    line-height: 16px;
}

.mifi-fs-10 {
    font-size: 10px;
}

.mifi-fw-700 {
    font-weight: 700;
}

.mifi-fw-600 {
    font-weight: 600;
}

.mifi-fw-500 {
    font-weight: 500;
}

.mifi-f12-w700 {
    font-size: 12px !important;
    line-height: 16px;
    font-weight: 700;
}

.modal-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: none;
    color: #000000;
}

.modal-header {
    padding: 16px 20px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    width: 42px !important;
    min-width: 42px;
    max-width: 42px;
}

.dx-texteditor.dx-editor-outlined {
    height: 32px;
}

.table td, .table th {
    vertical-align: middle;
}

.mifi-tbody-not-border tbody tr td {
    border: none;
}

.mifi-group-number {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
}

    .mifi-group-number input, .mifi-group-number input :hover {
        border: none !important;
        text-align: center;
    }

    .mifi-group-number i {
        margin-left: 14px;
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        width: 85px;
        color: #94949D;
    }

select {
    background-image: url('../img/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 12px;
    background-size: 15px 8px;
    /*background-image: linear-gradient(45deg, transparent 50%, red 60%), linear-gradient(135deg, red 40%, transparent 50%) !important;
    background-position: calc(100% - 30px) 14px, calc(100% - 20px) 14px, 100% 0;
    background-size: 10px 10px, 10px 10px;*/
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    select.mifi-sl-sm {
        background-position: calc(100%) 12px;
        background-size: 8px 4px;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('../img/select-arrow.svg');
    background-repeat: no-repeat;
    top: 12px;
    right: 8px;
    height: 8px;
    width: 15px;
}

select.form-control, .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 28px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

/*select option {
    padding: 4px 10px 4px 10px;
    font-size: 11pt;
    font-weight: normal;
}*/


.dx-dropdowneditor-icon:before {
    content: url('../img/select-arrow.svg');
}

.dx-widget {
    font-size: 12px;
    font-family: 'Inter';
    font-style: normal;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    font-weight: 500;
}

.dx-datagrid {
    color: #110F24;
}

.sweet-alert .sa-button-container {
    text-align: right;
}

.sweet-alert button {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    min-width: 100px;
    padding: 10px;
    margin-left: 10px !important;
}

.sweet-alert {
    padding: 20px;
}

    .sweet-alert p {
        font-family: 'Inter';
        font-style: normal;
        color: #000000;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
    }

    .sweet-alert button {
        margin: 0px;
        margin-left: 20px !important;
        margin-top: 16px !important;
    }

        .sweet-alert button.cancel {
            border-color: #F3F6F9;
            background-color: #F3F6F9 !important;
            color: #176BFB;
            font-weight: 500 !important;
            font-size: 12px !important;
            line-height: 16px !important;
        }

        .sweet-alert button.confirm {
            border-color: #176BFB;
            color: #fff;
            background-color: #176BFB !important;
            font-weight: 500 !important;
            font-size: 12px !important;
            line-height: 16px !important;
        }

/*.modal {
    position: fixed;
    top: 50%;
    left: 50%;*/
/* bring your own prefixes */
/*transform: translate(-50%, -50%);
}*/
input[type=checkbox], input[type=radio] {
    width: 16px;
    height: 16px;
}

.col-form-label {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 4px !important;
    font-size: inherit;
    line-height: 16px;
}

.sweet-alert p {
    color: #110F24 !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: left !important;
}

.sweet-alert .sa-icon {
    /*background-image: url('../img/GuiCQT.svg');*/
    border: none !important;
    border-radius: unset !important;
    margin: 0px !important;
    background-size: contain;
    width: 110% !important;
    height: 20px !important;
    float: left;
    text-align: left;
    border-bottom: 1px solid #EBEBEB !important;
    left: -20px;
    padding: 20px !important;
    padding-top: 0px !important;
    margin-bottom: 16px !important;
}

.sa-warning::after {
    content: url('../img/alert-warning.svg') !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    position: unset !important;
}

.sa-success::after {
    content: url('../img/alert-success.svg') !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    position: unset !important;
}

.sa-error::after {
    content: url('../img/alert-error.svg') !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    position: unset !important;
}
/*
.sa-body, .sa-dot {
    display: none;
}*/

.sweet-alert h2, .sweet-alert .sa-icon :nth-child(n), .sweet-alert .sa-icon.sa-success::before {
    display: none !important;
}
/*
a:hover, a:focus {
    color: unset !important;
}
*/
.dx-show-clear-button .dx-icon-clear {
    margin-top: -12px;
}

.minus, .plus {
    cursor: pointer;
}

table.products input[type=text]:focus, table.products input:focus-visible, table.products textarea:focus-visible {
    outline: 1px dashed #b0d4ff;
    border: none !important;
}

table.products textarea, table.products input[type=text] {
    padding: 5px !important;
    height: 32px !important;
}

table.products select {
    padding: 5px 10px 5px 5px !important;
    height: 32px !important;
}

.mifi-main--container table.products td {
    padding: 0px !important;
}

table.products td:has(textarea) {
    display: flex;
    align-items: center;
}

.mifi-main--container .form-check + .form-check, .mifi-main--container .form-radio + .form-radio {
    margin-top: 0px;
}

.mifi-form-radio {
    display: flex;
    gap: 8px;
}

    .mifi-form-radio input {
        margin: 4px 0px;
    }

    .mifi-form-radio label {
        color: #000;
        font-size: 14px;
        font-family: Inter;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 0px !important;
    }

.mifi-scrollbar::-webkit-scrollbar {
    width: 20px;
    /*background-color: #F5F5F5;*/
}

.mifi-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d2d2d2;
    box-shadow: none;
}

.mifi-scrollbar::-webkit-scrollbar-button:horizontal:decrement {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=") no-repeat;
    background-position: center;
}

.mifi-scrollbar::-webkit-scrollbar-button:horizontal:increment {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==") no-repeat;
    background-position: center;
}

.mifi-scrollbar::-webkit-scrollbar-button:vertical:decrement {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC") no-repeat;
    background-position: 3px 5px;
}

.mifi-scrollbar::-webkit-scrollbar-button:vertical:increment {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==") no-repeat;
    background-position: 3px 5px;
}

.mifi-main--container tr:not(.dx-datagrid-filter-row).dx-padding-line td {
    padding: 6px !important;
}

/*.mifi-blue-underline {
    color: #176BFB;
    text-decoration-line: underline;
    cursor: pointer;
}*/
.mifi-blue-underline {
    color: #176BFB;
    text-decoration-line: underline !important;
    cursor: pointer;
    transition: 0.35s;
}

    dx-datagrid-content .div:is(.mifi-blue-underline), .mifi-blue-underline:hover {
        text-shadow: 0 0 15px #176BFB;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        transform: scale(1.1);
        text-decoration-line: none;
    }

.fa-eye:before {
    content: url('../img/icon-eye.svg');
}

.fa-eye-slash:before {
    content: url('../img/icon-eye-slash.svg');
}

.input-icon-right {
    float: right;
    margin-right: 12px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.mifi-svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    cursor: pointer;
}

.mifi-svg-12 {
    stroke: #000000;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    cursor: pointer;
}

.mifi-svg-12-dis {
    stroke: #979797;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.modal.show {
    z-index: 1050 !important;
}

.modal.fade.show {
    z-index: 1052 !important;
}

.modal-backdrop.show.fade {
    z-index: 1051 !important;
}

.container-upload {
    cursor: pointer;
    padding: 20px 260px;
    border: 1px solid #DDDFE1;
    border-radius: 4px;
}

    .container-upload .title-upload-pri {
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .container-upload .title-upload {
        color: #979797;
        text-align: center;
    }

    .container-upload .title-upload-pri a {
        color: #176BFB;
        text-decoration: underline;
    }

.mifi-text-underline {
    text-decoration: underline;
}

.import-cls-double-data {
    background-color: #f8d7da;
    color: #721c24;
}

.import-colorRed {
    background: rgba(175, 21, 30, 0.8) !important;
    color: white !important;
}

.import-text-luuy {
    color: #D08B08;
}

.mifi-text-center {
    text-align: center;
}

.mifi-pl-32 {
    padding-left: 32px;
}

.mifi-pl-60 {
    padding-left: 60px;
}

.manager-create-edit-parent-row {
    border-top: 1px dotted #176BFB;
    background: rgba(23, 107, 251, 0.03);
}

.manager-create-edit-checkbox-empty {
    padding-left: 18px !important;
}

input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border: 1px solid #CCCED0 !important;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    /*background: #EEEFF0 !important;*/
}

input[type=checkbox]:disabled + label:after {
    background: #EEEFF0 !important;
    cursor: none;
}

.mifi-dropdown {
    position: relative;
    display: inline-block;
}

.mifi-dropdown-content {
    display: none;
    position: absolute;
    min-width: 120px;
    z-index: 1;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10);
}

    .mifi-dropdown-content a {
        color: #000;
        padding: 8px 20px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #F0F3F6;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

        .mifi-dropdown-content a.mbin-disabled {
            color: #CCCED0 !important;
            cursor: no-drop;
        }

        .mifi-dropdown-content a:not(.mbin-disabled):hover {
            color: #176BFB !important;
            background: #E8F1FF;
            cursor: pointer;
        }

.mifi-dropdown:hover .mifi-dropdown-content {
    display: block;
}

.select-print-hddv {
    padding: 6px 36px 6px 6px;
}

.mbin-captcha {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid;
    border-color: #D8D8D8;
    border-radius: 4px;
    background: rgb(229, 229, 229);
}

    .mbin-captcha .img-captcha {
        height: 100%;
    }

    .mbin-captcha svg {
        height: 100%;
        width: auto;
    }

    .mbin-captcha button {
        border: none;
    }

.mbin-icon-down:before {
    background: url(/Content/images/menu/mDown.svg) center no-repeat;
    background-size: contain;
    content: ' ';
    width: 16px;
    height: 10px;
}

.mbin-popup-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    /*border-bottom: 1px solid #e9ecef;*/
}

.mbin-panel-popup {
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.modalCauHinhHDDV .modal-content {
    max-height: 650px;
}

.modalCauHinhHDDV .modal-header {
    border-bottom: 1px solid #CCCED0;
}

.modalCauHinhHDDV .modal-body {
    padding: 16px 20px;
    background: #F3F6F9;
    overflow-y: scroll;
}

.modalCauHinhHDDV hr {
    margin: 0 0 0px 0 !important;
    padding-bottom: 8px;
}

.modalCauHinhHDDV .mbin-panel-popup {
    background-color: #ffffff;
    border-radius: 4px;
    margin-top: 0px !important;
    margin-bottom: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tooltip-inner {
    white-space: pre;
    max-width: none;
}

.mifi-btn-disabled {
    color: #110F24;
    background: #D8D8D8;
}

.mifi-label-title-right-form {
    font-size: 14px;
    text-align: right;
    line-height: 30px;
}

.form-check-input:disabled ~ .form-check-label:before {
    border: 1px solid #ccc;
    /*background: #CCCED0;*/
    background: none !important;
}

.mifi-btn + .dropdown-toggle-split, .dropdown-toggle-split + .mifi-btn {
    border-left: 1px dotted #619BFF;
}

.btn-group > .btn-group:not(:first-child) > .mifi-btn, .btn-group > .mifi-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group:not(:last-child) > .mifi-btn, .btn-group > .mifi-btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-toggle-split:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: -1;
}

.dropdown-toggle::after {
    display: inline-block;
    height: 20px;
    margin: 0px;
    vertical-align: sub;
    vertical-align: sub;
    content: "";
    /*content: url("data:image/svg+xml,%3Csvg id='icon-angle-down' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg clip-path='url(%23clip0_3136_198)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.90495C0.00355721 3.95789 0.00312805 3.97137 0.0119572 4.02379C0.0318871 4.14166 0.0756464 4.25503 0.139935 4.35505C0.172422 4.40563 0.210224 4.44978 0.250554 4.49388L5.39364 9.74439C5.43166 9.78062 5.44031 9.79072 5.48184 9.82288C5.52847 9.85898 5.57875 9.89018 5.63164 9.91586C5.86269 10.028 6.13686 10.028 6.36791 9.91586C6.4208 9.89018 6.47107 9.85898 6.5177 9.82288C6.55919 9.79072 6.56789 9.78062 6.60587 9.74439L11.749 4.49388C11.7844 4.45507 11.7944 4.44619 11.8258 4.40383C11.9085 4.29261 11.9643 4.16135 11.9876 4.02379C12.0041 3.92556 12.0041 3.82462 11.9876 3.72639C11.9743 3.64785 11.9505 3.57124 11.917 3.49926C11.7896 3.22588 11.5255 3.03555 11.2305 3.00457C11.114 2.99237 10.9952 3.00484 10.8835 3.04102C10.7905 3.07117 10.7027 3.11759 10.6249 3.1778C10.5834 3.20996 10.5747 3.22006 10.5367 3.25629L5.99975 7.88803L1.46278 3.25629L1.42001 3.21551C1.37972 3.18204 1.37033 3.1725 1.32679 3.14336C1.24518 3.08871 1.15445 3.04846 1.05965 3.02488C0.983787 3.00602 0.905441 2.99779 0.827437 3.00051C0.531067 3.01083 0.25484 3.18235 0.109506 3.44619C0.0616741 3.53304 0.0285435 3.6282 0.0119572 3.72639C0.00312805 3.77881 0.00355721 3.79228 0 3.84522C0 3.86513 0 3.88504 0 3.90495Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3136_198'%3E%3Crect width='12' height='12' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");*/
    border: none;
}

.btn-group .dropdown-menu {
    padding: 0px;
}

.breadcrumb {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.24px;
}

    .breadcrumb > .breadcrumb-item {
        display: inline-block;
        vertical-align: middle;
        color: #000;
    }

        .breadcrumb > .breadcrumb-item.active {
            color: #176BFB;
        }

.breadcrumb-item + .breadcrumb-item {
    padding-left: 8px;
}

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 8px;
    }

/*chỉnh thanh scroll trong devexpress*/
.dx-scrollable-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    cursor: pointer;
}

.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
    background-position: center;
}

.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment {
    background-position: center;
}

.mbi-banggia-lable-title {
    font-size: 14px;
    font-weight: 600;
    padding: 20px 40px;
    text-align: center;
}

.mbi-banggia-content {
    max-width: 892px;
    width:100%;
}

    .mbi-banggia-content .mbi-banggia {
        align-items: center;
        padding: 16px;
    }

.mbi-banggia .mbi-banggia-item {
    color: #000;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(73, 73, 73, 0.10);
    font-weight: 500;
    padding: 20px 16px;
    font-size: 12px;
}

.mbi-banggia-item .title {
    font-weight: 700;
    font-size: 14px;
}

.mbi-banggia-item p {
    color: #979797;
    font-weight: 500;
    display: inline-block;
}

.mbi-banggia-item .price {
    color: #979797;
    text-decoration-line: line-through;
    height:16px;
}

.mbi-banggia-hr {
    padding-bottom:12px;
    border-bottom: 1px dotted #BDBDBD;
}

.mbi-banggia-item button {
    border-radius: 4px;
    background: #81C837;
    padding: 4px 22px;
    font-weight: 600;
    color: #FFF;
    width: 100%;
}


.mbi-banggia-a {
    color: #176BFB !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline !important;
}