@charset "UTF-8";
/* Regular */
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
/* Itatic  */
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-Italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}
/*Bold*/
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: bold;
}
/*bold-itatic*/
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
/*Normal medium*/
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-Black.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

/* AvertaStdCY */
@font-face {
    font-family: 'AvertaStdCY-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AvertaStdCY/AvertaStdCY-Regular.otf) format('opentype');
} 


*, body, html {
    padding: 0;
    margin: 0;
}

span {
    line-height: 32px;
}

html, body {
    height: 100%;
}

body {
    min-width: 960px;
    font-family: Roboto,Helvetica, sans-serif;
    font-size: 13px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    overflow-y: hidden;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    color: red;
    background-color: blue;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #8a8a8a;
    width: 8px;
    height: 8px;
    border-radius: 3px;
}


.main-content {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 #eaeaea;
    scrollbar-length: 6px;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

    .main-content ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .main-content ::-webkit-scrollbar-track-piece {
        background-color: #C2D2E4;
        width: 6px;
    }

    .main-content ::-webkit-scrollbar-thumb:vertical {
        height: 6px;
        background-color: #8a8a8a;
        width: 6px;
    }

/*Handle on hover*/
/*::-webkit-scrollbar-thumb:hover {
        background: #8a8a8a;
        width: 6px;
        height: 6px;
    }*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Roboto',Helvetica,Tahoma,Arial,sans-serif !important;
    font-style: italic;
    text-align: start !important;
    color: #afafaf !important;
    opacity: 1 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Roboto',Helvetica,Tahoma,Arial,sans-serif !important;
    font-style: italic;
    text-align: start !important;
    color: #afafaf !important;
    opacity: 1 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Roboto',Helvetica,Tahoma,Arial,sans-serif !important;
    font-style: italic;
    text-align: start !important;
    color: #afafaf !important;
    opacity: 1 !important;
}

/*=====================================================*/
.header {
    align-items: stretch;
    -webkit-align-items: stretch;
    height: 48px;
    background-color: #1492E6;
    position: fixed;
    width: 100%;
    z-index: 99;
    border-bottom: solid 1px #ddd;
    /*box-sizing: content-box;
    -webkit-box-sizing: content-box;*/
    -moz-box-sizing: border-box;
    /*box-shadow: 5px 2px 10px 0 #9e9c9c;*/
}

    .header .logo {
        width: 210px;
        display: block;
        display: flex;
        align-items: center;
    }

    .header .logo-special {
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 15px solid #FFF;
        background: #1492E6;
    }

    .header .right-header {
        height: 100%;
        background-color: transparent;
        align-items: center;
        -webkit-align-items: center;
        position: relative;
    }

        .header .right-header .avatar {
            width: 32px;
            height: 32px;
            /*border: solid 1PX transparent;*/
            border-radius: 50%;
            overflow: hidden;
            border-color: rgb(256, 256, 256, 0.6);
        }

            .header .right-header .avatar:hover {
                border-color: rgb(256, 256, 256, 1);
            }

    .header .user-trigger {
        padding: 10px;
        display: flex;
        height: 47px;
        align-items: center;
    }

        .header .user-trigger:hover {
            background-color: #309FE9;
        }

    .header .user-name {
        color: white;
        padding: 0 20px 0 10px;
        /*overflow:auto;*/
    }


    .header .dropdown-toggle {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: 1px;
        content: "";
        cursor: pointer;
    }

        .header .dropdown-toggle:hover {
            border-top-color: #FFF;
        }

#misa-support {
    position: relative;
}

.header .header-action {
    margin: 0 3px;
    width: 45px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#misa-support {
    background-color: #f26f22;
}

    #misa-support:hover {
        background-color: #f7aa7d;
    }

    #misa-support .icon30 {
        opacity: 1;
    }

    #misa-support:hover #misa-support-popup {
        display: block;
    }

#misa-support-popup {
    display: none;
    position: absolute;
    top: 47px;
    left: -36px;
    z-index: 100;
}

#misa-support.active #misa-support-popup {
    display: unset;
}

#misa-support-popup .popup {
    width: 288px;
    height: 93px;
}

#misa-support-popup .x-shape {
    background-color: #ff7309;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 1px;
    top: 5px;
    border-bottom-left-radius: 13px;
}

    #misa-support-popup .x-shape:hover {
        background-color: #ffa057;
    }

    #misa-support-popup .x-shape::before, #misa-support-popup .x-shape::after {
        content: "";
        width: 16px;
        height: 1px;
        border-top: 1px solid #ffffff;
        position: absolute;
        top: 11px;
        right: 4px;
    }

    #misa-support-popup .x-shape::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #misa-support-popup .x-shape::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.header .header-action:hover {
    background-color: #309FE9;
}

.header .icon-quick-menu:hover {
    opacity: 1;
}

.header .icon24:hover {
    opacity: 1;
}

.header .refresh {
}

.header .message {
    background-position: 0 -844px;
}

.header .img30 {
    opacity: 0.6;
    width: 30px;
}

    .header .img30 img {
        width: 32px;
    }

    .header .img30:hover {
        opacity: 1;
    }

    .header .img30.help {
    }

    .header .img30.nofify {
    }

/*===mũi tên phần hộp thoại===*/
.notify-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: 1px;
    content: "";
    border-top: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    cursor: pointer;
    position: absolute;
    z-index: 100;
}
/*===End===*/

/*Tổng đài tư vấn*/

.me-expert span img {
    opacity: 0.6;
}

.me-expert .notify-arrow {
    top: 41px;
    left: 222px;
}

.header .qs-form {
    margin: 0 3px;
    width: 45px;
    height: 47px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.qs-form {
    display: none;
}

    .qs-form .notify-arrow {
        top: 41px;
        left: 173px;
    }

.me-expert .notify-content {
    opacity: 1 !important;
    position: absolute;
    min-height: 50px;
    border: solid 1px #ddd;
    border-radius: 2px;
    box-shadow: 0px 1px 5px 1px #bbb0b0;
    width: 300px;
    top: 39px;
    right: 6px;
    background: #FFF;
    z-index: 99;
}

/*expert box*/
.expert-content {
    display: none;
}

.expert-box {
    position: absolute;
    top: 39px;
    left: 137px;
    width: 280px;
    background: white;
    margin-top: 7px;
    margin-left: -66px;
    box-shadow: -1px 1px 5px 1px #ddd;
}

    .expert-box .expert-option a {
        color: black;
    }

        .expert-box .expert-option a:hover {
            text-decoration: none;
        }

        .expert-box .expert-option a:focus {
            text-decoration: none;
        }

        .expert-box .expert-option a.blue {
            color: #1492E6;
        }

    .expert-box .expert-option {
        padding: 4px 0 4px 8px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #DDDDDD;
    }

        .expert-box .expert-option:hover {
            background-color: #f1f1f1;
        }

        .expert-box .expert-option .img-common-setup {
            margin-right: 8px;
            height: 30px;
            width: 30px;
        }

            .expert-box .expert-option .img-common-setup.facebook-social {
                margin: 0 10px 0 5px;
            }

        .expert-box .expert-option a {
        }
/*===Quick menu===*/
.quick-menu-content {
    display: none;
}

    .quick-menu-content .notify-arrow {
        top: 41px;
        left: 21px;
    }

.quick-menu-box {
    user-select: none;
    position: absolute;
    top: 47px;
    left: -595px;
    background-color: white;
    box-shadow: 0px 1px 5px 1px #bbb0b0;
}

    .quick-menu-box .head {
        padding: 15px 0 8px 20px;
        font-size: 20px;
    }

    .quick-menu-box .quick-mn-line {
        display: flex;
        background-color: white;
    }

        .quick-menu-box .quick-mn-line .quick-mn-col {
            margin: 0 15px 10px 15px;
            max-width: 180px;
        }

            .quick-menu-box .quick-mn-line .quick-mn-col .grid-head label {
                margin: 6px 10px 10px 10px;
                line-height: 20px;
                font-weight: bold;
                border-bottom: 2px solid #1492E6;
            }

            .quick-menu-box .quick-mn-line .quick-mn-col .quick-mn-link a {
                margin: 4px 0;
                padding: 6px 10px;
                display: flex;
                width: 100%;
                color: #212121;
            }

            .quick-menu-box .quick-mn-line .quick-mn-col .quick-mn-link:hover a {
                background-color: #CDEBFF;
                color: #1492E6;
                text-decoration: none;
            }
/*===End quick menu===*/
/*========================Menu=============================*/
/*General*/
.greedy-nav {
    position: relative;
    min-width: 250px;
}

    .greedy-nav ul {
        margin: 0 !important;
    }

.top-nav {
    max-height: 47px;
}

.greedy-nav li .emphasis-line, #header-logo .emphasis-line {
    height: 4px;
    width: 100%;
    background-color: unset;
    position: absolute;
    bottom: -2px;
}

#header-logo .emphasis-line, .logo-option {
    width: 50px !important;
}

.greedy-nav li:hover, li.active, #header-logo .logo-option:hover {
    background-color: #309FE9;
}

    #header-logo .logo-option:hover .change-type-of-invoice {
        background-color: #309FE9;
    }

    .greedy-nav li:hover .emphasis-line, li.active .emphasis-line, #header-logo .logo-option:hover .emphasis-line {
        background-color: white;
    }

.greedy-nav a {
    display: block;
    padding: 0 15px;
    line-height: 47px;
    -moz-box-sizing: border-box;
    color: #FFF;
    text-decoration: none;
    white-space: nowrap;
}

.greedy-nav button {
    position: absolute;
    height: 100%;
    right: 0;
    padding: 0 15px;
    border: 0;
    outline: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

    .greedy-nav button:hover {
        background: #0769A6;
    }

        .greedy-nav button:hover::after {
            transform: scale(1.075);
        }

.greedy-nav .hamburger {
    position: relative;
    width: 32px;
    height: 4px;
    background: #fff;
    margin: auto;
}

    .greedy-nav .hamburger:before,
    .greedy-nav .hamburger:after {
        content: '';
        position: absolute;
        left: 0;
        width: 32px;
        height: 4px;
        background: #fff;
    }

    .greedy-nav .hamburger:before {
        top: -8px;
    }

    .greedy-nav .hamburger:after {
        bottom: -8px;
    }

.greedy-nav .visible-links {
    display: inline-table;
}

    .greedy-nav .visible-links li {
        display: table-cell;
    }

.greedy-nav .hidden-links {
    position: absolute;
    right: 10px;
    top: 100%;
    background-color: #1492E6;
    border: solid 1px #ddd;
    border-top: none;
}

    .greedy-nav .hidden-links li {
        display: block;
    }

    .greedy-nav .hidden-links a {
        min-width: 120px;
    }

    .greedy-nav .hidden-links .menu-down, .greedy-nav .hidden-links .emphasis-line {
        visibility: hidden;
    }

.greedy-nav .hidden {
    visibility: hidden;
}

.menu-down li {
    height: 50px;
    background: #FFF;
    line-height: 19px;
    display: block !important;
}

    .menu-down li a {
        height: 50px;
        color: black;
        background: #FFF;
        line-height: 50px;
        text-align: left;
    }

        .menu-down li a:focus {
        }

        .menu-down li a:hover {
            background: #CDEBFF;
            color: #1492E6;
        }

@media (max-width :1105px) {
    .menudown {
        text-align: left;
    }
}

.menudown-invoice a {
    padding: 0 30px 0 15px;
}

@media (max-width :1105px) {
    .menudown-invoice {
        text-align: left;
    }
}

.menu-down-invoice li a:hover {
    background: #CDEBFF;
    color: #1492E6;
}

.nav-drop-icon {
    position: absolute;
    right: 5px;
    top: 0;
    height: 47px;
    width: 20px;
}

.greedy-nav li ul {
    position: absolute;
    top: 48px;
    box-shadow: -1px 1px 5px 1px #ddd;
    visibility: hidden;
}

.greedy-nav li:hover ul {
    visibility: visible;
}

.greedy-nav li {
    position: relative;
}
/*========================END Menu=============================*/
.btn-dropdown:active {
    background-color: #10A4FF !important;
}

.body-content {
    /*justify-content:stre*/
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
}

.body-wrapper {
    padding-top: 48px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
}

.left-content {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 0 0;
    /*width: 210px;
    min-width: 210px;*/
    /*padding-left: 1px;*/
    background-color: #F2f2f2;
}

.page-title {
    background-color: #F0F0F0;
    align-items: center;
    padding: 0 8px;
}

.page-title-text {
    font-size: 16px;
    padding: 0 10px;
    display: inline-block;
    white-space: nowrap;
}





/*.page-title .fa-search:before {
    position: relative;
    top: 3px;
    color: #333;
}*/

.page-title .toolbar {
    display: inherit;
}

.me-notify {
    position: relative;
}

    .me-notify .notify-arrow {
        top: 43px;
        left: 16px;
    }

    .me-notify .notify-content {
        opacity: 1 !important;
        position: absolute;
        min-height: 50px;
        border: solid 1px #ddd;
        border-radius: 2px;
        box-shadow: 0px 1px 5px 1px #bbb0b0;
        width: 300px;
        top: 47px;
        right: -70px;
        background: #FFF;
        z-index: 99;
    }

        .me-notify .notify-content .ul-notify {
            max-height: 400px;
            overflow: hidden !important;
        }

        .me-notify .notify-content li {
            line-height: 20px;
            padding: 8px 8px 8px 48px;
        }

            .me-notify .notify-content li:hover {
                background-color: #9cc8e3;
                color: #333;
            }

            .me-notify .notify-content li a {
                text-decoration: none;
                color: #333;
                display: block;
            }

                .me-notify .notify-content li a span {
                    line-height: 20px;
                    display: block;
                }

            .me-notify .notify-content li span.notify-time {
                color: #8e8c8c;
                font-size: 12px;
                line-height: 14px;
                font-weight: normal;
            }

    .me-notify .notify-number {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background: #FFF;
        color: #FFF;
        background-color: #ff8826;
        text-align: center;
        line-height: 20px;
        top: 2px;
        left: 10px;
    }

    .me-notify .notify-showall {
        margin: auto;
        position: relative;
        text-align: center;
        display: block;
        border-top: solid 1px #ddd;
        height: 26px;
        line-height: 26px;
    }

.import-result .inport-finish {
    padding: 0 16px 16px 72px;
    background: url(../img/Dialog_Success.png) no-repeat 16px 5px;
}

    .import-result .inport-finish span {
        display: block;
        padding-left: 28px;
        line-height: 30px;
    }

        .import-result .inport-finish span:first-child {
            padding: 0;
        }

        .import-result .inport-finish span.success {
            background: url('../img/xacnhan.png') no-repeat left 2px;
        }

        .import-result .inport-finish span.error {
            background: url('../img/delete.png') no-repeat left 2px;
            border: none !important;
        }


.notify-item.nofity-type-1 {
}

.notify-item.nofity-type-2 {
    background: url('../img/Dialog_Success.png') no-repeat 6px center;
    background-size: 32px 32px;
}

.btn.download-import-result {
    background: url('../img/Group 698.png') no-repeat 8px center;
    padding-left: 32px;
}

.defaultSelectorFeedBack input[type="radio"], input[type="checkbox"] {
    margin: 0;
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

#btnFBCancel {
    width: 68px;
}

#btnFBCancel, #btnFBSend, #btnFeedbackView {
    padding: 0 8px;
    background: #FFF;
    border: solid 1px #BABEC5 !important;
    color: #333 !important;
}

#btnFBSend {
    background-color: #0877BB;
    color: #FFF !important;
    border-color: transparent !important;
}

.feedback .fFeedbackContainer .feedback-info .ul-input li input {
    height: 30px;
}

.ui-dialog-buttonpane button {
    min-width: 60px;
}

.invoice-subsystem .tab-pane {
}


#system-wrapper.system-wrapper {
    height: 100%;
}

    #system-wrapper.system-wrapper .tab-content {
        height: 100%;
    }

#system-signsetting {
    height: 100%;
}
/*.system-wrapper {
    height: 100%;
}

table.m-grid {
    min-width: 99% !important;
}

.dataTables_scrollHeadInner {
    min-width: 100% !important;
}*/
.changepassword-content {
    padding: 0 16px !important;
}

    .changepassword-content .col-1 {
        width: 152px;
    }

    .changepassword-content .note {
        font-style: italic;
        font-weight: bold;
    }

span.required {
    color: red;
    display: inline-block;
}

.showDown {
    display: grid !important;
}

.menu-down {
    /*display: none;*/
    box-shadow: 0 0 1px 0 burlywood;
}

/*====Account====*/
.header .user-box {
    user-select: none;
    background-color: white;
    border: solid 1px #ddd;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999999;
    box-shadow: -1px 1px 5px 1px #ddd;
    display: none;
}
/*General*/
.user-box a {
    color: black;
}

    .user-box a:hover {
        /*text-decoration: unset;*/
        background-color: unset;
    }

.user-box .link-in-blue a {
    color: #1492E6;
}

    .user-box .link-in-blue a:hover {
        color: #4492c6;
    }

.user-box .link-in-black a {
    color: black;
    opacity: 0.8;
}

    .user-box .link-in-black a:hover {
        opacity: 1;
    }
/*User Info*/
.user-box {
    width: 370px;
}

    .user-box .user-info {
        background-color: #F5F5F5;
    }

        .user-box .user-info .body {
            padding: 20px 0 10px 0;
            display: flex;
            align-items: center;
        }

            .user-box .user-info .body .avatar {
                margin: 0 0 0 20px;
                width: 50px;
                height: 50px;
            }

                .user-box .user-info .body .avatar img {
                    width: 50px;
                    height: 50px;
                }

            .user-box .user-info .body .user-name {
                padding: 0;
                font-size: 24px;
                opacity: 1;
                color: black;
            }

        .user-box .user-info .footer {
            padding: 0 15px 10px 15px;
            display: flex;
            align-items: flex-end;
            height: 28px;
        }

        .user-box .user-info a, .user-box .company-info a {
            margin: 0;
            padding: 0;
        }

        .user-box .user-info .footer .user-detail-nav {
            /*padding: 10px 15px;*/
            margin: 0 5px;
        }

        .user-box .user-info .footer .user-feedback {
            margin: 0 5px;
            padding: 0 0 0 29px;
            width: 80px;
            height: 28px;
            position: absolute;
            right: 15px;
            background-image: url('../img/Group 20228.svg');
            background-size: 28px;
            background-repeat: no-repeat;
            background-position: bottom left;
            line-height: 40px;
        }

            .user-box .user-info .footer .user-feedback a {
                cursor: pointer;
            }

    /*company info*/
    .user-box .company-info {
        cursor: default;
    }

        .user-box .company-info .head {
            padding: 20px 20px 10px 20px;
        }

            .user-box .company-info .head label {
                margin: 0;
                float: left;
                color: #C7C7C7;
            }

            .user-box .company-info .head .com-config {
                float: right;
            }

        .user-box .company-info .body {
            padding: 0 20px;
        }

    .user-box .user-line {
        padding: 8px 0;
        display: flex;
        align-items: center;
    }

    .user-box .company-info .user-info-icon {
        width: 40px;
        height: 40px;
    }

        .user-box .company-info .user-info-icon img {
            width: 40px;
            height: 40px;
        }

    .user-box .user-info-label {
        margin: 0 10px;
        cursor: pointer;
        flex: 1;
        overflow: hidden;
    }

        .user-box .user-info-label .user-name {
            cursor: auto;
        }

    .user-box .sub-title {
        font-weight: normal;
        color: #757575;
        cursor: auto;
    }
    /*user control*/
    .user-box .user-control {
        padding: 15px 20px 0 20px;
        text-align: center;
    }

        .user-box .user-control .user-logout {
            padding: 6px;
            border: 1px solid #C7C7C7;
            border-radius: 3px;
            width: 100%;
        }

            .user-box .user-control .user-logout a {
                color: red;
            }

            .user-box .user-control .user-logout:hover {
                cursor: pointer;
            }

            .user-box .user-control .user-logout:hover {
                border-color: #06a4d8;
                background-color: #E5F7FD;
            }

                .user-box .user-control .user-logout:hover a {
                    text-decoration: unset;
                }

        .user-box .user-control .user-bound {
            padding: 15px 0;
            display: flex;
            align-items: center;
        }

            .user-box .user-control .user-bound label {
                margin: 0;
                color: #757575;
            }

            .user-box .user-control .user-bound a {
            }

    .user-box .divide {
        margin: 0 5px;
        width: 1px;
        height: 10px;
        border-left: 1px solid #1492E6;
    }
/*===end Account===*/
#div-changepassword .notify {
    color: red;
    height: 32px;
}

#div-changepassword .password-new-notify-line {
    margin-bottom: -8px;
}

#div-changepassword .line {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, red, #4cff00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red, #4cff00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red, #4cff00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, red, #4cff00); /* Standard syntax */
    height: 2px;
    margin-bottom: 12px;
    display: none;
    margin-top: -15px;
}

#div-changepassword .viewpassword {
    width: 25px;
    height: 20px;
    background: transparent url(../img/icon_24.svg) no-repeat center center;
    margin-left: -25px;
    margin-top: 3px;
    cursor: pointer;
    background-position: 0 -1388px;
    position: inherit;
    opacity: 0.5;
}

    #div-changepassword .viewpassword:hover, .viewpassword:focus, .viewpassword:active {
        opacity: 1;
    }

    #div-changepassword .viewpassword.active {
        background-position: 0 -360px;
    }

#txtOldPassword, #div-changepassword input[name="ConfirmNewPassword"], #div-changepassword input[name="NewPassword"] {
    padding: 6px 12px !important;
}

.top-system-msg {
    line-height: 30px;
    border: thick none;
    position: fixed;
    top: 0;
    color: red;
    background: #ffffba;
    font-size: 16px;
    z-index: 100;
    min-height: 30px;
}

#close-top-msg {
    padding: 0 10px;
    line-height: 22px;
    border-radius: 10px;
    background: red;
    color: #FFF;
    float: right;
    position: fixed;
    right: 8px;
    top: 5px;
    z-index: 101;
    cursor: pointer;
    font-size: 12px;
}

.login-misaid {
    padding: 16px;
}

.mess-confirm-account {
    /*display: none;*/
    color: red;
}

.user-box .user-info .body .user-name:hover, .user-box .user-info .body .avatar:hover {
    cursor: pointer;
}
/*Ẩn hiển menu biên lai*/
.no-receipt {
    display: none !important;
}


.layout-config-wapper {
    max-height: 300px !important;
    overflow: hidden !important;
}

    .layout-config-wapper .content {
        padding: 14px 18px 14px 14px;
        display: flex;
        align-content: stretch;
        height: 300px;
        align-items: center;
    }

    .layout-config-wapper:focus {
        outline: none;
        border-color: #309FE9;
    }

    .layout-config-wapper .content .cols {
        border: 1px solid #e0dfdf;
        border-radius: 3px;
        flex: 1;
    }

    .layout-config-wapper .content .cols-content {
        overflow-y: auto;
        max-height: 236px;
        position: relative;
    }

    .layout-config-wapper .content .cols::-webkit-scrollbar-track {
        background-color: unset;
    }

    .layout-config-wapper .content .cols::-webkit-scrollbar {
        background-color: unset;
    }

    .layout-config-wapper .content .cols ul {
        margin: 0;
        list-style: none;
    }

        .layout-config-wapper .content .cols ul li {
            cursor: pointer;
            border-bottom: dotted 1px #ddd;
            display: flex;
        }

            .layout-config-wapper .content .cols ul li .col-name {
                margin: 0 10px;
                flex: 1;
                padding: 7px;
            }

            .layout-config-wapper .content .cols ul li.selected, .layout-config-wapper .content .cols ul li:hover {
                background-color: #d2f2ff;
                color: #309FE9;
            }

    .layout-config-wapper .action .m-btn {
        opacity: 0.8;
    }

        .layout-config-wapper .action .m-btn:focus, .layout-config-wapper .action .m-btn:hover {
            background-color: #CDEBFF;
            border-color: #1492E6;
            outline: none;
        }

        .layout-config-wapper .action .m-btn:active {
            background-color: #1492E6;
        }

        .layout-config-wapper .action .m-btn.disable:focus, .layout-config-wapper .action .m-btn.disable:hover, .layout-config-wapper .action .m-btn.disable {
            opacity: 0.3;
            background-color: #FFF;
            border-color: #afafaf;
        }

    .layout-config-wapper .action .icon-down {
        margin-top: 8px;
    }

.layout-config-dialog .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background-color: #F5F5F5;
}

.layout-config-dialog .ui-dialog-buttonset .btn {
    margin-left: 5px;
    /* min-width: 90px; */
}

.cols-head {
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #e9e9e9;
}

    .cols-head .cols-head-1 {
        width: 42px;
        height: 34px;
        padding: 4px 0 0 2px;
        border-right: 1px solid #e0dfdf;
    }

    .cols-head .cols-head-2 {
        flex: 1;
        font-weight: bold;
    }

.layout-config-dialog .cols-head .m-checkcontainer {
    margin-bottom: 0;
}

.layout-config-dialog .cols-content .m-checkcontainer {
    margin: 0;
    line-height: 32px;
    width: 42px;
    border-right: 1px solid #e0dfdf;
}

    .layout-config-dialog .cols-content .m-checkcontainer .bottom {
        padding: 6px;
    }

.layout-config-dialog .m-checkcontainer.pressure input:focus ~ .checkmark .focus-reactor {
    background-color: #1ba4ff;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    position: absolute;
    top: 3px;
    left: 3px;
}

.layout-config-dialog .cols-content .m-checkcontainer .checkmark {
    margin: 4px 0 0 10px;
}

.layout-config-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
}

    .layout-config-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn.export {
        padding-left: 34px;
    }


        .layout-config-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn.export.default {
        }

        .layout-config-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn.export.help {
            float: left;
            margin-right: 108px;
            background-position-y: -1802px;
            width: 80px;
            visibility: hidden;
        }

.notification-update-account {
    height: 180px;
    width: 500px;
    position: absolute;
    right: 10px;
    background-color: #ffffff;
    top: 48px;
    font-size: 14px;
    border: 1px solid lightgrey;
    z-index: 1000;
    box-shadow: 2px 2px 10px #c0c0c0;
}

.notification-update-service-agreement {
    height: 180px;
    width: 450px;
    position: absolute;
    right: 10px;
    background-color: #ffffff;
    top: 74px;
    font-size: 14px;
    border: 1px solid lightgrey;
    z-index: 1000;
    box-shadow: 2px 2px 10px #c0c0c0;
}

    .notification-update-account .info, .notification-update-service-agreement .info {
        height: 70%;
        width: 100%;
    }

    .notification-update-account .btn-active, .notification-update-service-agreement .btn-active {
        height: 30%;
        width: 100%;
        background-color: #f0f0f0;
    }

    .notification-update-account .info .m-col, .notification-update-service-agreement .info .m-col {
        width: 35%;
        height: 100%;
    }

    .notification-update-account .info .mess, .notification-update-service-agreement .info .mess {
        width: 90%;
        height: 100%;
        padding-left: 0px !important;
        font-size: 15px;
        padding-top: 8px;
    }

    .notification-update-account .btn-active .item1, .notification-update-service-agreement .btn-active .item1 {
        height: 100%;
        width: 50%;
        padding: 10px;
    }

    .notification-update-account .btn-active .item2, .notification-update-service-agreement .btn-active .item2 {
        height: 100%;
        width: 50%;
        padding-top: 3px;
    }

        .notification-update-account .btn-active .item2 input, .notification-update-service-agreement .btn-active .item2 input {
            padding: 0px 55px;
            border-radius: 4px;
        }

        .notification-update-account .btn-active .item2 a, .notification-update-service-agreement .btn-active .item2 a {
            text-decoration: none;
        }

    .notification-update-account .backgroup, .notification-update-service-agreement .backgroup {
        width: 100px;
        height: 70px !important;
    }

    .notification-update-account .btn-hide, .notification-update-service-agreement .btn-hide {
        padding-top: 0px !important;
    }

    .notification-update-account .btn-active .item1 a, .notification-update-service-agreement .btn-active .item1 a {
        text-decoration: none;
    }

#btn-showconfirmaccount {
    width: 196px !important;
}

.resend-opt-active {
    padding: 0px !important;
    font-size: 15px;
    color: #62AEFC !important;
    cursor: pointer;
    text-decoration: none;
}

.user-box .company-info .color-text-custom {
    color: #47b9f5;
}


.img-style-pick-type-invoice {
    background-repeat: no-repeat !important;
    height: 185px;
    width: 100%;
    background-position: center 20px !important;
}

.border-pick-invoice {
    width: 100%;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    cursor: pointer;
}

.text-style-pick-type-invoice {
    text-align: center;
    position: relative;
    top: 145px;
    font-size: 14px;
}



.option-cicular68 {
    background: #f0f0f0 !important;
    padding: 10px;
    padding-left: 26px;
}

.option-child-circular68 {
    width: 48%;
    background-color: white !important;
    line-height: 17px !important;
    text-align: center;
    padding: 7px;
    padding-top: 9px;
}

.style-label-circular68 {
    height: 20px;
    width: 45px;
    background: red;
    color: white;
    margin-left: 6px;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
}

#box-changetypeinvoice {
    min-height: 151.234px;
    max-height: none;
    height: auto;
    width: 550px;
    position: absolute;
    left: 0px;
    top: 47px;
    color: #222222;
    background-color: #ffffff;
    display: none;
}

    #box-changetypeinvoice .content {
        padding-top: 13px;
        font-weight: 500;
        font-size: 18px;
        padding-left: 26px;
    }

#divMaskChangeInvoice {
    background-color: black;
    opacity: .8;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 100;
}

.logo-nav:hover {
    text-decoration: none;
}


#divMaskChangeInvoice .info .content {
    height: 90%;
    width: 100%;
    color: #ffffff;
}

    #divMaskChangeInvoice .info .content p {
        margin: 0;
    }


    #divMaskChangeInvoice .info .content .btn-hide-Instruction {
        border: #ffffff 1px solid;
        border-radius: 4px;
        text-align: center;
        padding: 7px 30px;
        cursor: pointer;
        margin-left: 92px;
    }

        #divMaskChangeInvoice .info .content .btn-hide-Instruction:hover {
            background-color: #FFFFFF;
            color: #000;
        }


.meinvoice-launcher .avatar {
    max-width: 250px;
    height: 64px;
    display: flex;
    padding: 6px 16px 0 0;
    cursor: pointer;
    box-sizing: border-box;
}

    .meinvoice-launcher .avatar .user-name {
        color: #fff;
        font-weight: 500;
        font-size: 15px;
        line-height: 32px;
    }


    .meinvoice-launcher .avatar .user-avatar {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 1px solid #333;
        margin-right: 8px;
        margin-top: 0;
    }

    .meinvoice-launcher .avatar .icon-dropdown {
        padding-top: 5px;
        padding-left: 10px;
    }

.meinvoice-launcher .title {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    height: 95px;
    margin: auto;
    padding-top: 50px;
}

.meinvoice-launcher .border-line {
    font-size: 30px;
    height: 2px;
    margin: auto;
    width: 130px;
    border: 1.5px solid #ffffff;
}

.meinvoice-launcher .container .item {
    height: 250px;
    background-color: #6A889C;
    background-clip: padding-box;
    border: 16px solid transparent;
    border-radius: 20px;
}

    .meinvoice-launcher .container .item.card-puinvoice {
        height: 200px;
    }

@media (min-width: 1200px) {
    .meinvoice-launcher .container {
        max-width: 1400px;
    }
}

@media (min-width: 700px) and (max-width: 1200px) {
    .meinvoice-launcher .container .col-md-3:nth-child(2n+1) {
        clear: left !important;
    }

    .meinvoice-launcher .container .item {
        width: 50%;
    }

        .meinvoice-launcher .container .item.card-puinvoice {
            width: 100%;
        }

        .meinvoice-launcher .container .item .img {
            width: 138px;
            margin: 0 auto;
            height: 112px;
            display: flex;
        }
}

/*@media (min-width: 500px) and (max-width: 800px) {
    .meinvoice-launcher .container .col-md-3:nth-child(2n+1) {
        clear: left !important;
    }

    .meinvoice-launcher .container .item {
        width: 100%;
    }
}*/
.meinvoice-launcher .container {
    width: 100%;
    margin-top: 70px;
}

    .meinvoice-launcher .container .img-titletype {
        height: 23px;
        color: #ffffff;
        background-color: red;
        padding: 3px 10px;
        border-radius: 3px;
        font-family: SFProBold !important;
        margin-top: 3px;
    }

    .meinvoice-launcher .container .img-invoice {
        height: 100%;
        width: 100%;
    }

    .meinvoice-launcher .container .title-32 {
        margin-top: 30px;
        height: 95px;
    }

    .meinvoice-launcher .container .item .img {
        width: 138px;
        margin: 0 auto;
        height: 110px;
        display: flex;
    }

    .meinvoice-launcher .container .item .content1 {
        text-align: center;
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }

    .meinvoice-launcher .container .item .content2 {
        text-align: center;
        font-size: 14px;
        display: block;
        padding-top: 0;
    }

    .meinvoice-launcher .container .item {
        color: #ffffff;
        cursor: pointer;
    }

        .meinvoice-launcher .container .item .only-img {
            width: 110px;
        }

.meinvoice-launcher .user-box {
    user-select: none;
    background-color: white;
    border: solid 1px #ddd;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 9999999;
    box-shadow: -1px 1px 5px 1px #ddd;
    display: none;
}

/* css cho thằng hóa đơn đầu vào*/
.meinvoice-launcher .container .item.card-puinvoice {
    display: flex;
    position: relative;
}

    .meinvoice-launcher .container .item.card-puinvoice .label-invoice-bot {
        position: absolute;
        right: -12px;
        top: -12px;
    }

    .meinvoice-launcher .container .item.card-puinvoice .img {
        width: 110px;
        height: 110px;
        margin-left: 18px;
    }

    .meinvoice-launcher .container .item.card-puinvoice .content-puinvoice {
        display: block;
        margin-top: 38px;
        margin-left: 7px;
    }

    .meinvoice-launcher .container .item.card-puinvoice .content-puinvoiceTitle {
        font-weight: bold;
        font-size: 16px;
    }

    .meinvoice-launcher .container .item.card-puinvoice .content-pu {
        margin-top: 12px;
        line-height: 20px;
    }
/* end */
.img-icon-titletype {
    right: 26% !important;
}

.img-icon-titletype-3col {
    margin-left: 37% !important;
}


#div-sys-msg {
    top: 0;
    position: fixed;
    background-color: yellow;
    color: red;
    font-weight: bold;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 100%;
}

    #div-sys-msg #sys-msg-content {
        line-height: 20px;
    }

    #div-sys-msg #sys-msg-close {
        display: block;
        position: fixed;
        right: 0;
        z-index: 99999;
        top: 0;
        background: #ece9e9;
        width: 16px;
        border-radius: 11px;
        line-height: 14px;
        height: 16px;
        font-size: 17px;
        color: red;
        font-weight: bold;
        padding-left: 4px;
        cursor: pointer;
    }

.summary-border {
    line-height: 24px;
    border-right: 1px solid #BABEC5;
    padding-right: 10px;
    margin-right: 5px;
    color: #003333;
    font-weight: 600;
}

.option-changeLaguage {
    position: absolute;
    height: 80px;
    box-shadow: -1px 1px 5px 1px #ddd;
    background-color: white;
    border: solid 1px #ddd;
    width: 200px;
    display: none;
}

#btn-changeLaguage {
    width: 100px;
    padding-left: 5px;
}

    #btn-changeLaguage:hover {
        background-color: #ddd;
    }

.option-changeLaguage .m-row {
    height: 50%;
    padding: 5px !important;
}

    .option-changeLaguage .m-row:hover {
        background-color: #E5F7FD;
    }

    .option-changeLaguage .m-row .icon-laguage {
        width: 32px;
    }

    .option-changeLaguage .m-row .content-laguage {
        padding-top: 7px;
    }

.icon-flagvietnamese {
    background-image: url(../img/icon_24v2.svg);
    background-repeat: no-repeat;
    background-position: 10px -2027px;
}

.icon-flagenglish {
    background-image: url(../img/icon_24v2.svg);
    background-repeat: no-repeat;
    background-position: 10px -2068px;
}

.icon-selectedvietnamese {
    border: 1px solid #ddd;
    border-radius: 50%;
    background-image: url(../img/icon_24v2.svg);
    background-repeat: no-repeat;
    background-position: 7px -2029px;
}

.icon-selectedenglish {
    border: 1px solid #ddd;
    border-radius: 50%;
    background-image: url(../img/icon_24v2.svg);
    background-repeat: no-repeat;
    background-position: 7px -2069px;
}

.combobox-changeLaguage {
    width: 30px;
    background: url(../img/arrow.png) no-repeat center center;
    margin-left: -32px;
    height: 20px;
}

#fre-question {
    background: url('../img/help.png') no-repeat center center;
    background-size: 29px;
}

.question-content {
    display: none;
}

.question-box {
    position: absolute;
    top: 39px;
    left: 137px;
    width: 350px;
    background: white;
    margin: 7px 0 0 -66px;
    box-shadow: -1px 1px 5px 1px #ddd;
}

    .question-box .expert-option a {
        color: black;
    }

        .question-box .expert-option a:hover {
            text-decoration: none;
        }

        .question-box .expert-option a:focus {
            text-decoration: none;
        }

        .question-box .expert-option a.blue {
            color: #1492E6;
        }

    .question-box .expert-option {
        padding: 8px 22px 8px 14px;
        display: flex;
        align-items: center;
    }

        .question-box .expert-option:hover {
            background-color: #f1f1f1;
        }

        .question-box .expert-option .img-common-setup {
            margin-right: 8px;
            height: 30px;
            width: 30px;
        }

            .question-box .expert-option .img-common-setup.facebook-social {
                margin: 0 10px 0 5px;
            }

    .question-box .st-img-number {
        width: 34px;
        height: 25px;
        border: 1px solid #1492e6;
        border-radius: 18px;
        margin: 0 12px 0 0;
    }

    .question-box .s-number {
        padding: 3px 0 0 0;
        text-align: center;
        color: #1492e6;
    }

    .question-box .width-txt {
        width: 400px;
    }

.title-question {
    width: 100%;
    height: 48px;
    font-size: 17px;
    background-color: aliceblue;
    padding: 12px 22px 12px 14px;
    display: flex;
    cursor: initial;
}

.st-close {
    width: 24px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.service-agreement .footer-content {
    position: absolute;
    bottom: 50px;
    padding: 8px;
    border-top: 1px solid #dddd;
    width: 100%;
}

.bottom-space {
    position: absolute;
    bottom: 85px;
}

.select-language {
    color: white;
    justify-content: center;
}

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

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

.item-language {
    padding: 10px 0px;
    opacity: 0.7;
}

    .item-language:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.language-active {
    font-weight: bold;
    opacity: 1;
}

.survey-question {
    border: 1px solid #C7C7C7;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.475);
}

#ServeyForm {
    overflow: hidden;
}

#frame-survey {
    width: 100%;
    height: 100%;
    border-width: 0;
}

.servey-success {
    background-color: transparent;
    box-shadow: none;
}

#notification-update {
    width: 500px;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    box-shadow: 2px 3px 5px 2px #ddd;
    height: 245px;
    display: flex;
    position: absolute;
    top: 50px;
    right: 8px;
    z-index: 100;
    background-color: white;
}

    #notification-update .st-icon {
        width: 380px;
    }

    #notification-update .r-block {
        margin: 23px 12px 0 12px;
    }

        #notification-update .r-block .st-titledl {
            font-weight: bold;
            font-size: 15px;
            padding: 0 0 8px 0;
        }

        #notification-update .r-block .st-loaded-text {
        }

        #notification-update .r-block .st-icon-load {
            line-height: 32px;
        }

        #notification-update .r-block .r-btn {
            margin: 20px 0 0 18px;
        }

            #notification-update .r-block .r-btn .r-btn-general {
                border-radius: 18px;
            }

            #notification-update .r-block .r-btn .st-btn-close {
                margin: 0 20px 0 0;
                width: 100px;
                border: none;
            }

            #notification-update .r-block .r-btn .st-btn-continue {
                width: 150px;
            }

    #notification-update .scroll-percent {
        line-height: 40px;
    }

#notification-rule {
    width: 500px;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    box-shadow: 2px 3px 5px 2px #ddd;
    height: 218px;
    position: absolute;
    top: 47px;
    right: 8px;
    z-index: 98;
    background-color: white;
}

    #notification-rule .st-icon {
        width: 380px;
    }

    #notification-rule .r-block {
        margin: 23px 12px 0 12px;
    }

        #notification-rule .r-block .st-titledl {
            font-weight: bold;
            font-size: 15px;
            padding: 0 0 8px 0;
        }

        #notification-rule .r-block .st-loaded-text {
        }

        #notification-rule .r-block .st-icon-load {
            line-height: 32px;
        }

        #notification-rule .r-block .r-btn {
            margin: 20px 0 0 18px;
        }

            #notification-rule .r-block .r-btn .r-btn-general {
                border-radius: 18px;
            }

            #notification-rule .r-block .r-btn .st-btn-close {
                margin: 0 20px 0 0;
                width: 100px;
                border: none;
            }

            #notification-rule .r-block .r-btn .st-btn-continue {
                width: 150px;
            }

    #notification-rule .scroll-percent {
        line-height: 40px;
    }

input[type="range"] {
    -webkit-appearance: none;
    overflow: hidden;
    height: 20px;
    width: 290px;
    cursor: pointer;
    border-radius: 50px;
}

::-webkit-slider-runnable-track {
    background: #DDD;
}

::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1px;
    min-height: 40px;
    height: 40px !important;
    background: dodgerblue;
    box-shadow: -100vw 0 0 100vw dodgerblue;
}

::-moz-range-track {
    height: 40px;
    background: dodgerblue;
}

::-moz-range-thumb {
    background: #FFF;
    height: 40px;
    width: 20px;
    border: 3px solid #999;
    border-radius: 0 !important;
    box-shadow: -100vw 0 0 100vw dodgerblue;
    box-sizing: border-box;
}


.line-loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

    .line-loading-container .progress-line {
        height: 4px;
        background-color: #08bf1e;
        width: 1%;
    }

.cls-flex-all {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.cls-flex-all-imp {
    height: 100% !important;
    display: flex !important;
    display: -webkit-flex;
    flex-direction: column;
    min-height: 0 !important;
    min-width: 0 !important;
}

#system-wrapper.system-wrapper {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    min-height: 0;
    min-width: 0;
    padding: 0 16px 14px 16px;
}

    #system-wrapper.system-wrapper .tab-content {
        height: 100%;
        flex: 1;
        /*display: flex;
        display: -webkit-flex;
        min-height: 0;
        min-width: 0;*/
    }

#system-wrapper .tab-pane .contentbody {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

#system-wrapper .tab-pane .dataTables_scrollBody {
    flex: 1;
    max-height: unset !important;
}


#system-wrapper .tab-pane {
    height: 100%;
    /*display: flex;
    display: -webkit-flex;
    min-height: 0;
    min-width: 0;*/
}

    #system-wrapper .tab-pane > div {
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        min-height: 0;
        min-width: 0;
    }

        #system-wrapper .tab-pane > div .dataTables_wrapper {
            border-style: solid;
            /*border-color: #c7c7c7;*/
            border-width: 1px;
            border-radius: 3px;
            position: relative;
            /* width: calc(100% - 2px); */
            display: flex;
            display: -webkit-flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            min-height: 0;
            min-width: 0;
        }


.dataTables_scroll {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

#autoCheckTaxOrg {
    height: 386px;
    position: absolute;
    z-index: 90;
    background-color: white;
    right: 5px;
    width: 515px;
    box-shadow: -1px 1px 5px 1px #ddd;
    border: solid 1px #ddd;
    border-radius: 4px;
    top: 50px;
    padding-top: 20px;
}

#autoCheckTaxOrg .not-found-img {
    width: 300px;
    margin: auto;
}

    #autoCheckTaxOrg .m-title {
        padding-top: 14px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    #autoCheckTaxOrg .content {
        padding: 0px 25px 0px 25px !important;
    }

    #autoCheckTaxOrg .m-toolbar {
        border-width: 0;
        padding: 16px;
        background-color: white;
        border-top: none;
    }

.bg-white {
    background-color: #fff !important;
    color: #2680eb !important;
}
/* cảnh báo kỳ hạn nộp bcthsd */
#toast-messageWarningReport {
    width: 435px;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    box-shadow: 2px 3px 5px 2px #ddd;
    height: 175px;
    position: absolute;
    top: 52px;
    right: 8px;
    z-index: 90;
    background-color: white;
}
    #toast-messageWarningReport .btn-createReport{
        margin-right: 10px;
    }
    #toast-messageWarningReport .btn-cancelWarning {
        margin-right: 10px;
        border: none;
        color: #0075c4;
    }
    #toast-messageWarningReport .content-message {
        width: 450px;
    }
    #toast-messageWarningReport .content-left {
        width: 100px;
        margin-right: 20px;
        margin-top: 10px;
        margin-left: 8px;
    }
    #toast-messageWarningReport .content-right {
        padding-top: 10px;
        padding-right: 10px;
    }
    #toast-messageWarningReport .title-message {
        font-size: 17px;
        font-weight: 600;
    }
    #toast-messageWarningReport .title-red {
        color: #ff0000;
    }
    #toast-messageWarningReport span {
        line-height: 20px;
    }

    #toast-messageWarningReport .period-message, #toast-messageWarningReport .date-message {
        font-weight: bold;
    }

#continute-messageWarningReport {
    width: 435px;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    box-shadow: 2px 3px 5px 2px #ddd;
    height: 248px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 90;
    background-color: white;
}
    #continute-messageWarningReport .img-question-continute {
        background: url(../img/Dialog_Quest.png) no-repeat center center;
        width: 58px;
        height: 65px;
        margin: auto;
    }
    #continute-messageWarningReport .text-warning-continute {
        font-weight: 600;
        font-size: 17px;
        padding: 10px 0 20px 0;
    }
    #continute-messageWarningReport .content-continuteWarning {
        border-radius: 8px;
        background-color: #f5f5f5;
    }
    #continute-messageWarningReport .btn-continute-warning {
        width: 100%;
        border: none;
        color: #0075c4;
        height: 38px;
    }