/* Minification failed. Returning unminified contents.
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-crv'
(339,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(348,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(355,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(536,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-crv'
(540,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(544,28): run-time error CSS1039: Token not allowed after unary operator: '-border-crv-color'
(582,28): run-time error CSS1039: Token not allowed after unary operator: '-border-crv-color'
(634,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(652,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(653,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(654,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(658,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-bg-hover'
(659,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(728,28): run-time error CSS1039: Token not allowed after unary operator: '-border-crv-color'
(753,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(912,32): run-time error CSS1039: Token not allowed after unary operator: '-border-crv-color'
(1005,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(1104,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-crv-color'
(1297,28): run-time error CSS1039: Token not allowed after unary operator: '-border-thin-crv-color'
(1471,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-crv'
 */
.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block;font-size:16px}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.bootstrap-dialog .bootstrap-dialog-close-button{font-size:20px;float:right;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog.type-info .modal-header{background-color:#5bc0de}.bootstrap-dialog.type-primary .modal-header{background-color:#428bca}.bootstrap-dialog.type-success .modal-header{background-color:#5cb85c}.bootstrap-dialog.type-warning .modal-header{background-color:#f0ad4e}.bootstrap-dialog.type-danger .modal-header{background-color:#d9534f}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.notifications {
  position: fixed;
  z-index: 9999;
}

/* Positioning */ 
.notifications.top-right {
  right: 10px;
  top: 25px;
}

.notifications.top-left {
  left: 10px;
  top: 25px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  margin: 5px 0px;
}


:root {
    --bg-crv-color: #c00000;
    --border-thin-crv-color: #ececec;
    --border-crv-color: #ccc;
    --btn-bg-hover: #ff303d;
    --font-size-crv: 1.4rem;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-LIGHT.OTF);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-LIGHTITALIC.OTF);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-REGULAR.OTF);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-ITALIC.OTF);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-CONDENSED.OTF);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-BOLD.OTF);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'CPN';
    src: url(../../fonts/CPN/CPN-BOLDITALIC.OTF);
    font-weight: 700;
    font-style: italic;
}
/*font VN*/
@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-LIGHT.OTF);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-LIGHTITALIC.OTF);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-REGULAR.OTF);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-ITALIC.OTF);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-CONDENSED.OTF);
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-BOLD.OTF);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'CPN-VN';
    src: url(../../fonts/CPN/CPN-VN-BOLDITALIC.OTF);
    font-weight: 700;
    font-style: italic;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1124px;
    }
}

body {
    font-size: var(--font-size-crv);
    font-family: CPN-VN;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

.row {
    padding: 0 15px;
}

.wrapper {
    background-color: #fff;
}

.content {
    display: flex;
}

.is-mobile {
    display: none;
}

.is-desktop {
    display: block;
}

.middle {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.middle-row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

.font-size-4 {
    font-size: 4rem;
}

.font-size-3 {
    font-size: 3rem;
}

.font-size-2o1 {
    font-size: 2.1rem;
}


.m-auto {
    margin: auto;
}

.m-15 {
    margin: 15px;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-5 {
    margin-top: 5px;
}

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

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

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

.mt-15 {
    margin-top: 15px;
}

.ml-5 {
    margin-left: 5px;
}

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

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

.p-0 {
    padding: 0;
}

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

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

.pt-30 {
    padding-top: 3rem;
}

.pl-0 {
    padding-left: 0;
}

.pb-5 {
    padding-bottom: .5rem;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

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

.font-weight-normal {
    font-weight: normal;
}

.font-weight-light {
    font-weight: lighter;
}

.white {
    color: white;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

#mobile-menu > span,
#toggle-view-menu li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropdown-menu.dropdown-menu-right {
    right: -1rem !important;
    left: unset;
}

    .dropdown-menu.dropdown-menu-right .flag-menu {
        position: relative
    }

    .dropdown-menu.dropdown-menu-right .dropdown-menu-right {
        min-width: 150px;
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 7px 15px;
    overflow: hidden;
    background-color: #e5e5e5;
}

.btn {
    min-width: 10.5rem !important;
    color: #fff;
    background-color: var(--bg-crv-color) !important;
    border-color: #fff;
    font-size: 1.4rem !important;
    border-radius: 0.4rem !important;
}

    .btn.btn-default {
        min-width: 10.5rem !important;
        color: #fff;
        background-color: var(--bg-crv-color);
        border-color: white;
    }

    .btn:hover, .btn:focus, .btn-warning:hover, .btn-warning:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--bg-crv-color);
        border-color: #fff;
    }

    .btn:active {
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 0 0 #000000;
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
    }

.crv-bgc .navbar-nav > li.active {
    background-color: #BD0003;
}

.crv-bgc .navbar-nav > li > a {
    padding: 1rem 4.5rem;
    border-left: 1px solid #fff;
    min-width: 11.8rem;
}

    .crv-bgc .navbar-nav > li > a:hover, .crv-bgc .navbar-nav > li > a.active, .crv-bgc .navbar-nav > li.active > a {
        background-color: #9a1c1c;
    }

.crv-bgc .navbar-nav > li:last-child > a {
    border-right: 1px solid #fff;
}

.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.icon-back-search-home {
    content: "";
    background: url(/Content/CssCRV/Icon/back-search-home.svg) no-repeat center;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 4.5px;
    left: 0;
    background-size: contain;
}

.icon-calendar-new {
    content: "";
    background: url(/Content/CssCRV/Icon/calendar.svg) no-repeat center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .5rem;
    left: -0.4rem;
    background-size: contain;
}

.icon-en-us {
    content: "";
    background: url(/Content/CssCRV/Icon/en.svg) no-repeat center;
    width: 2.2rem;
    height: 2.15rem;
    position: absolute;
    top: .5rem;
    left: 1rem;
    background-size: contain;
}

.icon-vi-vn {
    content: "";
    background: url(/Content/CssCRV/Icon/vi.svg) no-repeat center;
    width: 2.2rem;
    height: 2.15rem;
    position: absolute;
    top: .5rem;
    left: 1rem;
    background-size: contain;
}

.icon-home-invoice {
    content: "";
    background: url(/Content/CssCRV/Icon/home-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-search-invoice {
    content: "";
    background: url(/Content/CssCRV/Icon/search-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-issu {
    content: "";
    background: url(/Content/CssCRV/Icon/issu-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-invoice-list {
    content: "";
    background: url(/Content/CssCRV/Icon/invoice-list-hover.svg) no-repeat center;
    width: 2.5rem;
    height: 1.95rem;
    position: absolute;
    top: 1rem;
    left: 1.6rem;
    background-size: contain;
}

.icon-signout {
    content: "";
    background: url(/Content/CssCRV/Icon/sign-out-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-doimatkhau {
    background-image: url(/Content/FixCss/images/iconEinvoi/icon-87.svg);
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-sign {
    content: "";
    background: url(/Content/CssCRV/Icon/sign-in-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.icon-contact {
    content: "";
    background: url(/Content/CssCRV/Icon/contact-hover.svg) no-repeat center;
    width: 1.87rem;
    height: 1.5rem;
    position: absolute;
    top: 1.2rem;
    left: 2rem;
    background-size: contain;
}

.navbar-toggle {
    top: -35px;
    left: 0;
}

.navbar-nav > li > a {
    text-transform: none;
}

    .navbar-nav > li > a > i {
        font-size: var(--font-size-crv);
    }

.crv-bgc {
    background-color: var(--bg-crv-color) !important;
}

.navbar-default .navbar-toggle {
    border: 1px solid var(--border-crv-color);
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-nav {
    margin: 0
}

#logo-header {
    padding: 0;
}

.footer {
    padding: 15px 0 10px 0;
}

    .footer p {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .footer .author {
        float: right;
    }

.f-white {
    color: white;
}

.search-einvoice-container, #list-einvoice-info {
    padding: 5vh 0;
}

.einvoice-area {
    padding: 10px;
    border: 1px solid var(--border-crv-color);
    border-radius: 5px;
    min-height: 350px;
    display: flex;
    flex-direction: column
}

    .einvoice-area .title-area {
        font-size: 2.2rem;
        font-weight: bold;
        line-height: 3.8rem;
        padding-left: 15px;
    }

    .einvoice-area .main-area {
        padding: 35px 0;
    }

.shared-link a:focus, .shared-link a:hover, .shared-link a:active {
    color: transparent;
}

.sharePage {
    position: absolute;
    right: 60px;
    top: 20px;
}

    .sharePage img {
        padding-left: 3px;
        width: 30px;
        height: auto;
    }

    .sharePage div {
        color: #757575;
        line-height: 30px;
        font-weight: bold;
    }

#list-einvoice-info {
    list-style: none;
    margin: 0 -5px;
    min-width: 265px;
}

    #list-einvoice-info > li {
        padding: 4px 10px 3px 10px;
        line-height: 24px;
    }

.title-info-menu, .last-info-menu {
    background-color: var(--bg-crv-color);
    color: white;
    text-transform: uppercase;
}

li:not(.title-info-menu), li:not(.last-info-menu) a {
    color: #333;
}

.shared-link {
    margin: 15px 0;
}

    .shared-link a {
        margin-left: 3px;
    }

.btn-success {
    background-color: var(--bg-crv-color);
    border: 1px solid var(--bg-crv-color);
    border-color: var(--bg-crv-color);
}

    .btn-success:hover, .btn-success:active {
        background-color: var(--btn-bg-hover);
        border: 1px solid var(--bg-crv-color);
    }

label {
    color: black;
    font-weight: normal;
}

.right-menu, .logo-group {
    height: 11.5rem;
    padding: 0;
}

    .logo-group > a {
        padding: 0;
    }

    .right-menu > .flag-menu {
        position: relative;
    }

    .right-menu .btn .caret {
        margin-left: 5px;
    }

    .right-menu .btn-flag {
        width: 105px;
        padding-left: 37px !important;
        margin-top: 15px;
        position: relative;
        background-color: #fff !important;
        color: black !important;
    }

    .right-menu ul > li.flag-menu > a {
        padding-left: 37px;
        padding-top: 4px;
    }

        .right-menu ul > li.flag-menu > a > .icon-en-us, .right-menu ul > li.flag-menu > a > .icon-vi-vn {
            top: 3px;
        }

#CaptchaInputText {
    box-shadow: none;
}

    #CaptchaInputText:focus {
        outline: none;
    }

.contact-einvoice-area .main-area {
    padding: 3rem;
}

    .contact-einvoice-area .main-area p:first-child {
        margin-bottom: 2rem;
    }

    .contact-einvoice-area .main-area p {
        margin-bottom: 0;
    }

.frm-invoice-container {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-color: white;
    margin-bottom: 50px;
    border: 1px solid var(--border-crv-color);
}

.modal #frm-invoice {
    border: none;
}

#CaptchaInputText {
    font-size: 24px;
}

.form-label {
    margin-top: 5px;
}

.form-control.datepicker {
    padding: 6px 12px;
}

.dropdown-header {
    background-color: #ddd;
    padding-top: 7px;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: var(--bg-crv-color);
}


span > i.glyphicon {
    color: #3176b1;
}

/* custom alert */
.alert-success {
    background-color: #c9e2b3 !important;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }



/*DataTable*/
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    margin-left: 6px;
}

table.dataTable + div {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

ul.pagination {
    margin: 0
}

.last-info-menu a:hover, .last-info-menu a:focus, .last-info-menu a:active {
    color: #fff;
}

.input-group.date {
    display: flex;
}

.input-group-addon {
    position: relative;
    height: 34px;
    color: #fff !important;
    background: #fff !important;
}

.input-group.date .form-control:first-child {
    border-right: 0;
}

.last-info-menu a {
    position: relative;
    padding-left: 2rem;
}

#dataTables_HangAdd tbody > tr > td > input {
    margin-top: 5px;
}

#dataTables_HangAdd tbody > tr > td > textarea {
    padding-top: 7px;
}


.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td {
    border-top: 0;
    background-color: #ea222f;
    color: white;
    text-align: center;
}

.lenthTable label {
    margin: 0
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    margin-left: 6px;
}

.dataTables_length select.form-control {
    width: 80px;
}

.dataTables_paginate {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

ul.pagination {
    margin: 0
}

.action-cell {
    display: flex;
    justify-content: space-around;
}

    .action-cell a {
        cursor: pointer;
    }

    .action-cell .split {
        border: 1px solid var(--border-crv-color);
        margin: 0 5px;
    }

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    pointer-events: none;
}
/*========================================================*/
.loadingoverlay {
    background: #ffffff !important;
    background: rgba(255, 255, 255, 0.8) !important;
    opacity: 0.6 !important;
}

.number-js {
    text-align: right;
}

::placeholder {
    text-align: left;
}

.lbl-new-tra-cuu.notify-info > .swal2-modal {
    min-height: 27rem;
    width: 51.2rem;
}

.lbl-new-tra-cuu.notify-info .swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5.8em;
    height: 5.8em;
    margin: 1.25em auto 1.875em;
    zoom: normal;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .lbl-new-tra-cuu.notify-info .swal2-icon.swal2-warning {
        border-color: #c00000;
        color: #c00000;
    }

.lbl-new-tra-cuu.notify-info .swal2-title {
    font-size: 2.5em;
}

.lbl-new-tra-cuu.notify-info .swal2-content > #swal2-content {
    font-size: 1.4rem;
}

.lbl-new-tra-cuu.notify-info .btn {
    height: 36px;
    font-size: 1.4rem;
}

.lbl-new-tra-cuu.notify-info .swal2-actions {
    margin: 3rem auto 1.5rem auto;
}

.swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-styled.swal2-cancel {
    color: #a1a1a1 !important;
    border: 1px solid #a1a1a1 !important;
    background-color: white !important;
    transition: 0.5s;
}

.lbl-new-tra-cuu.notify-info .swal2-footer {
    margin: 0;
    border: 0;
}

.modal-header {
    padding: 10px;
}

.dsHang td.select_vat {
    padding-top: 2px !important;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    border-color: var(--bg-crv-color) !important;
}

.download-area {
    display: flex;
    margin: 15px 0;
}

.lbl-download-detail {
    padding: 4.5px 32px 6px 12px;
    margin: 0;
    margin-left: 10px;
    background-color: #bfeef4;
    color: #428bca;
    border-radius: 2px;
}
/*CSS cho mobile*/
@media only screen and (max-width: 800px) {
    .modal-dialog.modal-lg {
        width: 100% !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 800px) {
    .hang-hoa-area .stt, .tong-tien-hang .stt {
        padding-right: 0;
        padding-left: 1rem;
    }

    .tong-tien-hang .ttt {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .hang-hoa-area .stt, .tong-tien-hang .stt {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .tong-tien-hang .ttt {
        padding-right: 1.5rem;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1023px) {
    body {
        font-size: 1.3rem;
    }

    .wrapper {
        overflow-x: hidden;
    }

    .wrapper {
        background-color: #f2f2f2;
    }

    .row.form-group {
        margin-bottom: 0;
    }

    .is-mobile {
        display: block;
    }

    .is-desktop {
        display: none;
    }

    .dropdown-menu {
        min-width: 130px;
    }

    body {
        font-family: SVN-Gotham, "Helvetica Neue", Helvetica, sans-serif;
        line-height: 1.428571429;
        color: #333333;
        background-color: #ffffff;
    }

    .content {
        display: block;
    }

    .frm-invoice-container {
        margin-bottom: 0;
    }

    #frm-invoice {
        border-radius: 5px;
    }

    .btn {
        border-radius: 3px !important;
        padding: 13.5px 10px;
        color: #ffffff !important;
        background-color: var(--bg-crv-color);
        font-size: 15px;
        min-width: 100% !important;
    }

    .btn-flag {
        width: 100%;
        padding: 0;
    }

    .icon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
    }

    .icon-back {
        content: "";
        background: url(/Content/CssCRV/Icon/back.svg) no-repeat center;
        width: 1.2rem;
        height: 2.15rem;
        position: absolute;
        top: 3px;
        left: 3px;
        background-size: contain;
    }

    .icon-en-us {
        content: "";
        background: url(/Content/CssCRV/Icon/en.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: .5rem;
        left: 10px;
        background-size: contain;
    }

    .icon-vi-vn {
        content: "";
        background: url(/Content/CssCRV/Icon/vi.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: .5rem;
        left: 10px;
        background-size: contain;
    }

    .btn-menu {
        background-color: #fff !important;
    }

        .btn-menu:hover, .btn-menu:focus {
            background-color: #fff !important;
        }

    .icon-menu {
        content: "";
        background: url(/Content/CssCRV/Icon/menu.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: .5rem;
        left: 0;
        background-size: contain;
    }

    .is-menu.open .icon-menu {
        content: "";
        background: url(/Content/CssCRV/Icon/close.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: .5rem;
        left: 0;
        background-size: contain;
    }

    .icon-home-invoice {
        content: "";
        background: url(/Content/CssCRV/Icon/home.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-search-invoice {
        content: "";
        background: url(/Content/CssCRV/Icon/search.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-issu {
        content: "";
        background: url(/Content/CssCRV/Icon/issu.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-invoice-list {
        content: "";
        background: url(/Content/CssCRV/Icon/invoice-list.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-signout {
        content: "";
        background: url(/Content/CssCRV/Icon/sign-out.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-sign {
        content: "";
        background: url(/Content/CssCRV/Icon/sign-in.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .icon-contact {
        content: "";
        background: url(/Content/CssCRV/Icon/contact.svg) no-repeat center;
        width: 2.2rem;
        height: 2.15rem;
        position: absolute;
        top: 1.5rem;
        left: 20px;
        background-size: contain;
    }

    .container {
        padding: 15px 0;
        background-color: #f2f2f2;
    }

        .container .col-xs-12 {
            padding: 0;
        }

            .container .col-xs-12 > .einvoice-area {
                padding: 1rem;
                border: 0;
                height: auto;
            }

    .search-einvoice-container {
        padding: 10px;
    }


    .einvoice-area, #list-einvoice-info {
        background-color: #fff;
    }

    .einvoice-info {
        border-radius: 5px;
        padding: 0;
    }

    .einvoice-area {
        min-height: inherit;
        height: inherit;
        border-color: var(--border-thin-crv-color);
    }

        .einvoice-area .main-area {
            padding: 0;
            margin: 0 -2.8rem;
        }

        .einvoice-area .title-area {
            font-size: 1.8rem;
            padding-left: 0;
        }

    #btnSearchEInvoice {
        margin-top: 20px;
    }

    #list-einvoice-info {
        margin: 20px 10px;
        padding: 0;
        border-radius: 5px;
    }

    .title-info-menu {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .last-info-menu {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .shared-link {
        display: none;
    }

    .einvoice-area {
        background-color: #fff;
    }

        .einvoice-area .main-area {
            padding: 0;
            margin: 0 -2.8rem;
        }

        .einvoice-area .title-area {
            font-size: 1.8rem;
            padding-left: 0;
        }

    label.pull-right {
        float: left !important;
    }

    /*.form-group { margin-bottom: 0; }*/

    .btn-search {
        margin-top: 15px;
    }

    .container-menu, .container-menu .logo-group, .container-menu .right-menu {
        background-color: #fff;
        height: 5rem;
    }

        .container-menu .right-menu {
            right: 0;
            padding: 10px 0;
        }

    #logo-header {
        width: auto;
        height: auto;
        max-width: 300px;
        max-height: 3rem;
        float: left;
        padding-right: 10px;
    }

    .container-menu .right-menu .btn-flag {
        width: 4rem;
        padding-left: 30px !important;
        margin-top: 0;
    }

    .container-menu .right-menu .dropdown .btn-flag .caret {
        margin-left: 0;
        margin-top: 0.3rem;
        border-top: 4px solid black;
    }

    .right-menu .dropdown .btn-flag .icon-en-us, .right-menu .dropdown .btn-flag .icon-vi-vn {
        left: 0;
        top: 3px;
    }

    .is-menu .dropdown-menu {
        width: 100vw;
        right: -1rem;
        top: 4rem;
        left: unset;
        border: none;
        border-radius: 0;
        padding: 0;
        height: 500px;
        background-color: #ffeaed;
        max-width: 480px;
    }

    #btnSearchInvoice {
        margin-top: 15px;
    }

    .clear {
        clear: both;
    }

    .is-menu .dropdown-menu > li > a, .right-menu .is-menu ul > li.flag-menu > a {
        padding: 15px 20px;
        color: #bd0003;
    }

    .right-menu .is-menu ul > li.flag-menu > a {
        padding-left: 55px;
    }

    .right-menu ul > li.flag-menu.active > a, .right-menu ul > li.flag-menu > a:active, .right-menu ul > li.flag-menu > a:focus, .right-menu ul > li.flag-menu > a:hover {
        background-color: #bd0003 !important;
        color: #fff;
    }

        .right-menu ul > li.flag-menu.active > a > .icon-home-invoice, .right-menu ul > li.flag-menu > a:active > .icon-home-invoice, .right-menu ul > li.flag-menu > a:focus > .icon-home-invoice, .right-menu ul > li.flag-menu > a:hover > .icon-home-invoice {
            background: url(/Content/CssCRV/Icon/home-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-search-invoice, .right-menu ul > li.flag-menu > a:active > .icon-search-invoice, .right-menu ul > li.flag-menu > a:focus > .icon-search-invoice, .right-menu ul > li.flag-menu > a:hover > .icon-search-invoice {
            background: url(/Content/CssCRV/Icon/search-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-issu, .right-menu ul > li.flag-menu > a:active > .icon-issu, .right-menu ul > li.flag-menu > a:focus > .icon-issu, .right-menu ul > li.flag-menu > a:hover > .icon-issu {
            background: url(/Content/CssCRV/Icon/issu-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-sign, .right-menu ul > li.flag-menu > a:active > .icon-sign, .right-menu ul > li.flag-menu > a:focus > .icon-sign, .right-menu ul > li.flag-menu > a:hover > .icon-sign {
            background: url(/Content/CssCRV/Icon/sign-in-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-contact, .right-menu ul > li.flag-menu > a:active > .icon-contact, .right-menu ul > li.flag-menu > a:focus > .icon-contact, .right-menu ul > li.flag-menu > a:hover > .icon-contact {
            background: url(/Content/CssCRV/Icon/contact-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-signout, .right-menu ul > li.flag-menu > a:active > .icon-signout, .right-menu ul > li.flag-menu > a:focus > .icon-signout, .right-menu ul > li.flag-menu > a:hover > .icon-signout {
            background: url(/Content/CssCRV/Icon/sign-out-hover.svg) no-repeat center;
        }

        .right-menu ul > li.flag-menu.active > a > .icon-invoice-list, .right-menu ul > li.flag-menu > a:active > .icon-invoice-list, .right-menu ul > li.flag-menu > a:focus > .icon-invoice-list, .right-menu ul > li.flag-menu > a:hover > .icon-invoice-list {
            background: url(/Content/CssCRV/Icon/invoice-list-hover.svg) no-repeat center;
        }
    
    .container-menu .is-menu .dropdown-menu .divider {
        height: 1px;
        margin: 0 15px;
        overflow: hidden;
        background-color: #fff;
        background: url(/Content/CssCRV/ImgLogo/border-menu.png) no-repeat center;
    }

    .form-label {
        margin-top: 15px;
    }

    .form-control, #CaptchaInputText, #CaptchaImage {
        height: 40px;
        font-size: var(--font-size-crv);
    }

    div.row.container-menu {
        padding-left: 10px;
        padding-right: 10px;
    }

    [data-notify="container"] {
        left: 0;
        width: 100%;
    }

    .text-chiet-khau {
        text-decoration-line: line-through;
        margin: 0 20px;
    }

    .tong-tien-hang {
        padding: 15px;
        border: 1px dashed red;
        background-color: #FFEAED;
    }

    .last-info-menu a {
        position: relative;
        padding-left: 0;
    }

    .input-group-addon {
        position: relative;
        height: 40px;
    }

    .icon-calendar-new {
        content: "";
        background: url(/Content/CssCRV/Icon/calendar.svg) no-repeat center;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: .845rem;
        left: -0.6rem;
        background-size: contain;
    }

    .lbl-new-tra-cuu.notify-info {
        margin-top: 5rem;
        z-index: 888;
        padding: 0;
        display: block;
        position: absolute;
    }

        .lbl-new-tra-cuu.notify-info .btn {
            height: auto !important;
            font-size: 1.4rem !important;
            padding: 13.5px 10px !important;
        }

        .lbl-new-tra-cuu.notify-info > .swal2-modal {
            min-height: calc(100vh - 5rem) !important;
            border-radius: 0;
            padding: 0;
            background-color: #fafafa;
        }

        .lbl-new-tra-cuu.notify-info .swal2-header {
            margin-top: 8rem;
        }

        .lbl-new-tra-cuu.notify-info .swal2-actions {
            margin: 1.5rem auto 0 auto;
            padding: .9rem 1.8rem 0 1.8rem;
            margin-top: calc(100% - 23rem);
            background-color: #ffffff;
        }

        .lbl-new-tra-cuu.notify-info .swal2-header, .lbl-new-tra-cuu.notify-info .swal2-content {
            padding-left: .2rem;
            padding-right: .2rem;
        }

        .lbl-new-tra-cuu.notify-info .swal2-footer .footer .f-top {
            margin-top: 0;
        }

        .lbl-new-tra-cuu.notify-info .swal2-icon.swal2-warning {
            background-color: #ffffff;
        }

    #frmSearchInvList .p-0 {
        padding: 0 15px;
    }

    .download-area {
        margin: 15px 30px;
    }

    #btn-multi-download {
        width: 30% !important;
    }

    .lbl-download-detail {
        padding: 15px 30px;
        width: calc(70% - 4px);
        margin: 0;
    }

    #tblInvoice_wrapper {
        padding: 0 15px;
    }

    .table-responsive {
        border: none;
        padding: 0;
        display: block;
        margin: 0 15px;
        width: calc(100% - 30px);
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #tblInvoice > tbody > tr > td {
        border-top: none;
    }

    #tblInvoice > thead, #tblInvoice > tbody {
        display: block;
        width: 930px;
    }
}

@media only screen and (max-width: 480px) {
    .pagination > li {
        display: inline-block;
        width: 100%;
    }

    .pagination li a {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .form-label {
        float: right;
    }

    .btn-menu {
        width: 3rem;
        background-color: #fff;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .chose-group-container > .row:first-child > .col-md-3.middle:first-child {
        margin-top: 0 !important;
    }

    .group-logo {
        margin: 8px auto !important;
    }

    .is-menu .dropdown-menu {
        width: 100vw;
        right: -1rem;
        top: 4rem;
        left: unset;
        border: none;
        border-radius: 0;
        padding: 0;
        height: 500px;
        background-color: #ffeaed;
        max-width: unset;
    }

    .container-menu .is-menu .dropdown-menu .divider {
        height: 1px;
        margin: 0 15px;
        overflow: hidden;
        background-color: #fff;
        background: url(/Content/CssCRV/ImgLogo/border-menu.png) center;
    }
}

@media only screen and (width: 1024px) {
    .shared-link {
        display: none;
    }

    .content.container > .col-md-9 {
        width: 70%;
    }

        .content.container > .col-md-9 + .col-md-3 {
            width: 30%;
        }

    .footer-container > div {
        width: 100%;
        padding: 10px 0;
    }

    .company-information p:first-child {
        margin-bottom: 10px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.5rem;
    }
}