* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: SF-Pro-Text-Light;
    src: url(/fonts/SF-Pro-Text-Light.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text;
    src: url(/fonts/SF-Pro-Text-Regular.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Medium;
    src: url(/fonts/SF-Pro-Text-Medium.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Semibold;
    src: url(/fonts/SF-Pro-Text-Semibold.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Bold;
    src: url(/fonts/SF-Pro-Text-Bold.woff2);
    font-display: swap
}

@font-face {
    font-family: SF-Pro-Text-Heavy;
    src: url(/fonts/SF-Pro-Text-Heavy.woff2);
    font-display: swap
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(/fonts/MaterialIcons-Regular.woff) format('woff'),
        url(/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

html {
    font-family: "Roboto", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0;
    width: 100%;
    position: relative;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

body {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #212529;
    background-color: #fff
}

a {
    text-decoration: none;
    color: #f60;
    box-sizing: border-box;
}

input,
button,
select,
textarea {
    outline: none;
}

input:disabled {
    background: #ececec;
    border: none;
    color: #495057;
}

.input_white:disabled {
    background: #fff;
    border: 1px solid #ced4da;
    cursor: not-allowed;
    color: #495057;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

::placeholder {
    color: #ccc;
}
/* scroll bar */
/* scroll bar */
::-webkit-scrollbar { width: 7px;height: 7px; background-color: #F5F5F5;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
::-webkit-scrollbar-thumb { background-color: #1374ad; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)}
.scroll::-webkit-scrollbar {
    width: 7px;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #1374ad;
    outline: 1px solid #1374ad;
}

.scroll::-webkit-scrollbar-button {
    height: 0px;
}

.scroll::-webkit-scrollbar-track {
    background: none;
    border: none;
    box-shadow: 0px 0px 0px #dfdfdf inset;
    border-radius: 0px;
}

.scroll {
    scrollbar-color: #1374ad #dedede;
    scroll-behavior: smooth;
    scrollbar-width: thin;
}
.scroll::-webkit-scrollbar:horizontal{
    height: 7px;
    background-color: #dedede;
}
.scroll::-webkit-scrollbar-thumb:horizontal{
    background: #1374ad;
    border-radius: 7px;
        
}
/* scroll bar */
.scroll_2::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5;}
.scroll_2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.scroll_2::-webkit-scrollbar-thumb { background-color: #1374ad; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)}
.bold {
    font-weight: 700;
}

.normal {
    font-weight: normal !important;
}
.bg_red_normal{
    background: #ffcdcd !important;
}
.bg_violet {
    background: #bd10e0 !important;
}

.bg_violet_normal {
    background: #716af7 !important;
}

.bg_green {
    background-color: #579f02 !important;
}

.bg_orange {
    background-color: #f60 !important;
}

.bg_blue {
    background-color: #1374ad !important;
}

.bg_red {
    background-color: #f00 !important;
}
.bg_white {
    background-color: #fff !important;
}
.bg_brown {
    background-color: #c3a34a !important;
}
.bg_pink{
    background: #ff6e6e !important;
}
.bg_yellow {
    background-color: yellow !important;
}

.bg_green_bold {
    background: #057c40 !important;
}
.bg_purple{
    background: purple !important;
}
.color_violet {
    color: #bd10e0 !important;
}
.color_purple{
    color: purple !important;
}
.color_green {
    color: #57a100 !important;
}

.color_orange {
    color: #f60 !important;
}

.color_blue {
    color: #04a1d4 !important;
}

.color_red {
    color: #f00 !important;
}

.color_yellow {
    color: yellow !important;
}

.color_white {
    color: #fff !important;
}

.color_brown {
    color: #c3a34a !important;
}
.color_black {
    color: #414141 !important;
}

.clear {
    width: 100%;
    clear: both;
}
.loading{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
button {
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
    background: #1374ad;
    color: #fff;
}
button:hover {
    background: #f60 !important;
}

.ui-datepicker-month {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 3px !important;
    font-size: 12px;
    width: 55% !important;
}

.ui-datepicker-year {
    width: 35% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 12px;

}

.pagination {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.pagination a {
    background: #757575;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.pagination a:hover {
    background: #000;
}

.pagination span {
    background: #ff0000;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}

.kho_load_more {
    text-align: center;
    margin-top: 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table_2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_2 th {
    border: 1px solid #fff;
    padding: 5px;
    background: #1374ad;
    color: #fff;
}

.table_2 td {
    border: 1px solid #fff;
    padding: 0px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

.table th {
    border: 1px solid #fff;
    padding: 5px;
    background: #1374ad;
    color: #fff;
}

.table td {
    border: 1px solid #fff;
    padding: 5px;
}

.table .td_action a {
    display: inline-block;
    background: #f00;
    color: #fff;
    margin: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
}

.table .td_action a.edit {
    background: #1374ad;
}

.td_action a {
    background: #f00;
    color: #fff;
    margin: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
}

.td_action a.edit {
    background: #1374ad;
}

.table tr {
    background: #7ccfff;
}

.table tr:nth-child(2n+1) {
    background: #a5deff;
}

.table_2 .table tr {
    background: none;
}

.table_2 .table tr:nth-child(2n+1) {
    background: none;
}

.table_2 .table td {
    border: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: none;
    padding: 10px;
}

.table_2 .table td:first-of-type {
    border-left: none;
}

.table_2 .table tr:first-of-type td {
    border-top: none;
}

.table_2 tr {
    background: #7ccfff;
}

.table_2 tr:nth-child(2n+1) {
    background: #a5deff;
}

.check_link {
    height: 40px;
    line-height: 40px;
    font-style: italic;
}

.check_link.ok {
    color: green;
}

.check_link.error {
    color: red;
}

.page_title_2 {
    position: relative;
    clear: both;
}

.box_list_friend {
    position: fixed;
    margin: auto;
    right: 10px;
    bottom: 0px;
    width: 275px;
    z-index: 999;
    background: #fff;
}

.box_list_friend .title {
    height: 40px;
    background: #1374ad;
    width: 100%;
    align-items: center;
    align-content: center;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    justify-content: space-between;
    cursor: pointer;
}

.box_list_friend .title i {
    font-size: 20px;
}

.box_list_friend .list_friend_content {
    width: 100%;
    height: 400px;
    display: none;
}

.box_list_friend .list_friend_content.active {
    display: block;
}

.box_list_friend .list_friend_content .list_friend {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}

.box_list_friend .list_friend .li_friend {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 9px;
    display: flex;
    cursor: pointer;
}

.box_list_friend .list_friend .li_friend:last-of-type {
    border-bottom: none;
}

.box_list_friend .list_friend .li_friend .avatar {
    width: 60px;
    text-align: center;
}

.box_list_friend .list_friend .li_friend .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.box_list_friend .list_friend .li_friend .info {
    width: calc(100% - 60px);
    padding-left: 10px;
}

.box_list_friend .list_friend .li_friend .info .name {
    width: 100%;
    font-weight: 700;
}

.box_list_friend .list_friend .li_friend .info .status {
    width: 100%;
}

.box_list_friend .list_friend .li_friend .info .status span {
    display: inline-block;
    background: #f60;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    font-size: 10px;
}

.box_list_friend .list_friend .li_friend .info .status span.online {
    background: #1fa500;
}

.box_list_friend .list_friend .li_friend .info .status span.offline {
    background: #adadad;
}

.list_baiviet {
    width: 100%;
    border-collapse: collapse;
}

.list_baiviet tr {
    height: 40px;
}

.list_baiviet tr {
    background: #ffffff;
    color: #495057;
}

.list_baiviet tr:nth-child(2n+1) {
    background: #eaf4ff;
    color: #495057;
}

.list_baiviet tr td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.list_baiviet tr td a {
    color: #495057;
}

.list_baiviet tr td a.del {
    color: #fff;
    font-size: 12px;
    background: red;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.list_baiviet tr td a.del:hover {
    background: #ffbc00;
}

.list_baiviet tr td a.tuchoi {
    color: #fff;
    font-size: 12px;
    background: #860096;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.list_baiviet tr td a.tuchoi:hover {
    background: #ffbc00;
}

.list_baiviet tr td a.edit {
    color: #fff;
    font-size: 12px;
    background: green;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.list_baiviet tr td a.del.in_line {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0px;
}

.list_baiviet tr td a.tuchoi.in_line {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 100%;
    margin-bottom: 5px;
}

.list_baiviet tr td a.edit.in_line {
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 100%;
    margin-bottom: 5px;
}

.list_baiviet tr td .action_tr {
    position: relative;
    display: inline-block;
    width: 100%;
}

.list_baiviet tr td .action_tr a {
    display: inline-block;
    width: 100%;
    background: #194577;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
}

.list_baiviet tr td .action_tr ul {
    display: none;
}

.list_baiviet tr td .action_tr.active ul {
    display: block;
    position: absolute;
    margin: 0px auto;
    width: 100%;
    background: #fff;
    list-style: none;
    left: 0;
    top: 25px;
    padding: 0px;
    z-index: 99;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.list_baiviet tr td .action_tr.active ul li {
    width: 100%;
    background: #fff;
}

.list_baiviet tr td .action_tr.active ul li a {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    color: #000;
    text-align: left;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.list_baiviet tr td .action_tr.active ul li a:hover {
    width: 100%;
    background: #194577;
    color: #fff;
}

.list_baiviet tr th {
    background: #194577;
    color: #fff;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.action_tr {
    position: relative;
    display: inline-block;
    width: 100%;
}

.action_tr a {
    display: inline-block;
    width: 100%;
    background: #ff8600;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    box-sizing: border-box;
}

.action_tr ul {
    display: none;
}

.action_tr.active ul {
    display: block;
    position: absolute;
    margin: 0px auto;
    width: 100%;
    background: #fff;
    list-style: none;
    left: 0;
    top: 25px;
    padding: 0px;
    z-index: 99;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.action_tr.active ul li {
    width: 100%;
    background: #fff;
}

.action_tr.active ul li a {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    color: #000;
    text-align: left;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.action_tr.active ul li a:hover {
    width: 100%;
    background: #194577;
    color: #fff;
}

@keyframes run {
    from {
        left: -30%;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes spinx {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spixn {
    from {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spinx {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@keyframes dots {
    0%,
    20% {
        color: rgba(0, 0, 0, 0);
        text-shadow:
            .25em 0 0 rgba(0, 0, 0, 0),
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow:
            .25em 0 0 rgba(0, 0, 0, 0),
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 rgba(0, 0, 0, 0);
    }

    80%,
    100% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 white;
    }
}
[contenteditable] {
  outline: 0px solid transparent;
}
[contenteditable]:hover {
  border:1px dashed #f00;
}
.loading_chat:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
    font-size: 35px;
}
.spinx {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    animation-name: spinx;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    font-size: 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.block-header {
    margin-bottom: 15px;
    color: #f60;
}

.remember {
    float: left;
    cursor: pointer;
}

.remember i.fa-circle-o {
    font-size: 20px;
    color: #ccc;
}

.remember i.fa-check-circle-o {
    font-size: 20px;
    color: #0073e6;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    display: none;
}

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

.alert_success {
    color: #158800;
    background-color: #cdffc7;
    border-color: #cdffc7;
}

.form_group {
    margin-bottom: 15px;
}

.form_group label {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.form_control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form_group .button_login {
    position: relative;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    height: 48px;
    border-radius: 3px;
    background: #0073e6;
    -o-transition: all .4s;
    -moz-transition: all .4s;
}

.form_group .button_login:hover {
    background: #384fd5;
    color: #fff;
}

.text_copyright {
    text-align: center;
    width: 100%;
    color: rgba(255, 255, 255, .6);
    padding-top: 14px;
    font-size: 12px;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0;
}

.text_center {
    text-align: center;
}

.ktv_button {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.ktv_button button {
    text-transform: uppercase;
    font-weight: 700;
    width: 100px;
    font-size: 9px;
}

.box_pop_ktv {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.box_pop_ktv .box_pop_ktv_content {
    left: 50% !important;
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    width: 898px;
    max-width: calc(100% - 20px);
    background: #fff;
    height: 470px;
}

.box_pop_ktv .box_pop_ktv_content .pop_title {
    font-size: 18px;
    background: #1374ad;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.box_pop_ktv .box_pop_ktv_content .pop_title h5 {
    cursor: default;
    text-transform: uppercase;
}

.box_pop_ktv .box_pop_ktv_content .pop_title span {
    font-size: 16px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50px;
    color: #fff;
    text-align: right;
    cursor: pointer;
}

.box_pop_ktv .box_pop_ktv_content .list_button {
    position: relative;
    width: 100%;
    padding: 10px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv {
    position: relative;
    width: 100%;
    height: 380px;
    overflow-y: auto;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background: #e8f6ff;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv:nth-child(2n+1) {
    background: #d5e9f5;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv.title_ktv {
    background: #bce6ff;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv.disable {
    background: #dedede;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_check {
    width: 50px;
    text-align: center;
    border-right: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_check input {
    display: none;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_check label {
    cursor: pointer;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_check label i {
    font-size: 20px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_name {
    width: 150px;
    text-align: left;
    border-right: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_khoang {
    width: 150px;
    text-align: center;
    border-right: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill {
    width: calc(100% - 350px);
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li {
    width: 100%;
    margin-bottom: 5px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li a {
    color: #212529;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li a span.diem {
    background: red;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    border-radius: 3px;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li ul.sub_skill {
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    list-style: square !important;
    margin-top: 5px;
    display: none;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li ul.sub_skill li {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.box_pop_ktv .box_pop_ktv_content .list_ktv .li_ktv .col_skill .main_skill li ul.sub_skill li span.diem {
    background: orange;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    border-radius: 3px;
}

.box_kichhoat {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: none;
}

.box_kichhoat .box_kichhoat_content {
    left: 50% !important;
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    width: 560px;
    max-width: calc(100vw - 20px);
    max-width: calc(100% - 20px);
    background: #fff;
    max-height: calc(100vh - 10px);
    border-radius: 5px;
    padding: 10px;
}

.box_kichhoat .box_kichhoat_content .close {
    position: absolute;
    margin: auto;
    width: 30px;
    height: 30px;
    right: 3px;
    top: 3px;
    font-size: 25px;
}

.box_kichhoat .box_kichhoat_content .close:hover {
    color: #f60;
    cursor: pointer;
}

.box_kichhoat .box_kichhoat_content .title {
    display: flex;
    justify-content: center;
    color: #f00;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto";
    width: 100%;
}

.box_kichhoat .box_kichhoat_content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.box_kichhoat .box_kichhoat_content table td {
    padding: 5px;
}

.box_kichhoat .box_kichhoat_content table td.text {
    width: 100px;
    text-align: right;
    border: 1px solid #dedede;
    font-weight: 700;
}

.box_kichhoat .box_kichhoat_content table td.text2 {
    width: 200px;
    text-align: left;
    border: 1px solid #dedede;
}

.box_kichhoat .box_kichhoat_content .box_xuly {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.box_kichhoat .box_kichhoat_content .box_sotien {
    display: flex;
    justify-content: center;
    color: #f00;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    gap: 10px;
    font-family: "Roboto";
    width: 100%;
    margin-top: 10px;
}

.box_kichhoat .box_kichhoat_content .box_sotien input {
    width: 100px;
    height: 30px;
    border: 1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}

.box_kichhoat .box_kichhoat_content .box_sotien select {
    width: 150px;
    height: 30px;
    border: 1px solid #dedede;
    border-radius: 5px;
    text-align: left;
}
.box_pop_add {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.box_pop_add .box_pop_add_content {
    left: 50% !important;
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    width: 898px;
    max-width: calc(100% - 20px);
    background: #fff;
    max-height: calc(100vh - 10px);
}

.box_pop_add .box_pop_add_content .pop_title {
    font-size: 18px;
    background: #1374ad;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_title h5 {
    cursor: default;
}

.box_pop_add .box_pop_add_content .pop_title span {
    font-size: 16px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50px;
    color: #fff;
    text-align: right;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia{
    display: flex;
    justify-content: flex-start;
    gap:3px;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia .li_bg{
    background: #aaa;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia .li_bg:hover{
    background: #ad1338;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia .li_bg.active{
    background: #ad1338;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia .li_bg i{
    font-size: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_title .list_title_baogia .li_bg i:hover{
    color: #ffe000;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia{
    display: flex;
    justify-content: flex-end;
    gap:3px;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:3px;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action .li_action{
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action .li_action:hover{
    color: #f60;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action .li_action .text{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action .li_action .bieu_tuong{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_title .action_title_baogia .list_action .li_action i{
    font-size: 16px;
}
.box_pop_add .box_pop_add_content .th_lichsu_chinhsach {
    width: 100%;
    background: #ad1338;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
}

.box_pop_add .box_pop_add_content .th_lichsu_chinhsach .stt {
    width: 50px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .th_lichsu_chinhsach .tieu_de {
    width: calc(100% - 250px);
    text-align: center;
}

.box_pop_add .box_pop_add_content .th_lichsu_chinhsach .from {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .th_lichsu_chinhsach .to {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach {
    width: 100%;
    padding: 10px;
    max-height: 400px;
    overflow: auto;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach .tr_lichsu_chinhsach {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #dedede;
    margin-top: 5px;
    border-left: 2px solid #f00;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach .tr_lichsu_chinhsach .stt {
    width: 50px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach .tr_lichsu_chinhsach .tieu_de {
    width: calc(100% - 250px);
    text-align: center;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach .tr_lichsu_chinhsach .from {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .list_lichsu_chinhsach .tr_lichsu_chinhsach .to {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content {
    width: 100%;
    /*max-height: calc(100vh - 120px);*/
    display: inline-block;
    background: #fff;
    padding: 15px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat{
    width: 100%;
    max-height: 450px;
    overflow-y: auto;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat{
    width: 100%;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 40px;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .stt{
    position: relative;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .stt .num{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .stt .num span{
    background: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .stt .line{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #dedede;
    z-index: 0;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .info{
    width: calc(100% - 250px);
    display: flex;
    background: #6425ba;
    color: #fff;
    border-radius: 30px;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .ma_lenh{
    padding-left: 30px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .thanh_tien{
    padding-right: 30px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .action{
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .header_yeucau_xuat .action button{
    background: #a80606;
    border-radius:30px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .muiten{
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 120px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .muiten .muiten_box{
    position: absolute;
    width: calc(50% + 12px);
    top: -10px;
    height: 50%;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet{
    width: calc(100% - 140px);
    margin-top: 10px;
    background: #eeeeee;
    border-radius: 10px;
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr th{
    padding: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr td{
    padding: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr:nth-child(2n) td{
    background: #f6fff6;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr:nth-child(2n+1) td{
    background: #fff8d6;
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr td input[type=checkbox]{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_yeucau_xuat .li_yeucau_xuat .chitiet_yeucau .list_chitiet table tr td input[type=text]{
    border:1px solid #dedede;
    height: 30px;
    text-align: center;
    width: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_button_top{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_lichsu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_lichsu .li_tab{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_lichsu .li_tab button{
    border-radius: 5px 5px 0px 0px;
    padding-left: 30px;
    padding-right: 30px;
    background: #d1d1d1;
    color: #414141;
    font-weight: 700;
    height: 35px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_lichsu .li_tab button.active{
    background: #6425ba;
    color: #fff;
    height: 40px;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .stt{
    width: 50px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .ma_lenh{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .thoi_gian{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .nguoi_nhan{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .ly_do{
    width:250px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .ma_vt{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .ten_vt{
    width:calc(100% - 1060px);
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .don_vi{
    width:100px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .so_luong{
    width:70px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .gia{
    width:100px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .vat{
    width:50px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .thanh_tien{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_th_lichsu .action{
    width:calc(100% - 750px);
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu{
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu:before{
    position: absolute;
    content: "";
    width: 2px;
    background: #6425ba;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .stt{
    width: 50px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .ma_lenh{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .thoi_gian{
    width:150px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .nguoi_nhan{
    width:150px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .ly_do{
    width:250px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .ma_vt{
    width:150px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .ten_vt{
    width:calc(100% - 1060px);
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .don_vi{
    width:100px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .so_luong{
    width:70px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .gia{
    width:100px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .vat{
    width:50px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .thanh_tien{
    width:150px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .li_lichsu .action{
    width:calc(100% - 750px);
    text-align: center;
}
.box_pop_add .box_pop_add_content .tr_top {
    width: 100%;
    background: #ffdbbc;
    padding: 15px;
}

.box_pop_add .box_pop_add_content .tr_top .col {
    width: 100%;
}

.box_pop_add .box_pop_add_content .tr_top .col .li_input {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .tr_top .col .li_input .text {
    width: 120px;
}

.box_pop_add .box_pop_add_content .tr_top .col .li_input .input {
    width: calc(100% - 120px);
}

.box_pop_add .box_pop_add_content .tr_top .col .li_input .input select {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .content_hopdong {
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .logo{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .logo img{
    height: 50px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .line_1{
    width: 100%;
    border-bottom: 2px solid #2d4b81;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .line_2{
    width: 100%;
    border-bottom: 4px solid #2d4b81;
    margin-top: 2px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .so_hopdong{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    font-style: italic;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .tieu_ngu{
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 20px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .tieu_ngu_2{
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .tieu_ngu_3{
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .title_hopdong{
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .title_so_hopdong{
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .li_info{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .li_info .col{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .li_info .left_info{
    display: flex;
    justify-content: space-between;
    width: 140px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .li_info .right_info{
    width: calc(100% - 100px);
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .li_info .col .left_info{
    width: 152px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong input{
    border: none;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong input:hover{
    border: 1px dashed #f00;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_info_hopdong{
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_info_hopdong th{
    border:1px solid #1e1e1e;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_info_hopdong td{
    border: 1px solid #1e1e1e;
    padding: 5px;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_hopdong{
    width: 100%;
    border-collapse: collapse;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_hopdong th{
    border:1px solid #909090;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .table_hopdong td{
    border: 1px solid #909090;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .dieu{
    width: 100%;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .dieu span{
    text-decoration: underline;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .can_cu{
    width: 100%;
    font-style: italic;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .para{
    width: 100%;
    padding-left: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .thongtin_daidien{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    height: 250px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .thongtin_daidien .ben_mua{
    width: 50%;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .thongtin_daidien .ben_mua .tit{
    width: 100%;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .thongtin_daidien .ben_ban{
    width: 50%;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .thongtin_daidien .ben_ban .tit{
    width: 100%;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .list_button{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .list_button .list_button_left{
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_hopdong .list_button .list_button_right{
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia {
    width: 100%;
    overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .li_tab_baohiem{
    width: 100%;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .li_tab_baohiem.active{
    display: block;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phanloai {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phanloai button {
    border-radius: 20px;
    width: 150px;
    background: #dcdcdc;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phanloai button.dkbh {
    margin-right: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phanloai button.vanglai {
    margin-left: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia button.active {
    background: #a80606;
    color: #fff;
    z-index: 9;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi div{
    display: flex;
    justify-content: flex-start;
    gap:5px;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi div input{
    width: 100px;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi div select{
    width: 150px;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi div .show_hopdong{
    display: flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #59178d;
    color: #fff;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_top_anchi div .show_hopdong i{
    font-size: 16px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_nhansu{
    width: 100%;
    max-height: 200px;
    overflow: auto;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_nhansu .li_nhansu {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    border-bottom: 1px dashed #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_nhansu .li_nhansu:last-of-type{
    border:none;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_nhansu .li_nhansu:hover{
    background: #f60;
    color: #fff;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col {
    width: calc(85%/3);
    border-right: 1px solid #dedede;
    padding-right: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button {
    width: 15%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button .list_button_denghi {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button .li_button {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button .li_button .fa {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button .li_button .icon {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col_button .li_button:hover {
    color: #f60 !important;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .text_note {
    width: 100%;
    font-style: italic;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .title_muc {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .title_muc span {
    display: inline-block;
    border-bottom: 1px solid #f00;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .title_muc span .icon {
    font-size: 20px;
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .li_radio {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .li_radio input[type=radio] {
    transform: scale(1.5);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .li_radio input[type=checkbox] {
    transform: scale(1.5);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .li_radio label span {
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu .li_tailieu {
    position: relative;
    width: 25%;
    height: 75px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu .li_tailieu .fa {
    position: absolute;
    margin: auto;
    top: 3px;
    right: 3px;
    font-size: 20px;
    cursor: pointer;
    z-index: 9;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu .li_tailieu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu .li_tailieu .content_add {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col_denghi .col .list_tailieu .li_tailieu .content_add .icon {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col {
    width: calc(100%/3);
    border-right: none;
    padding-right: 10px;
    padding-left: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .hr {
    border-top: 1px solid #dedede;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col:last-of-type {
    border-right: none;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .title_muc {
    width: 100%;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .title_muc span {
    display: inline-block;
    border-bottom: 1px solid #f00;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .title_sub {
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .text_title {
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input {
	position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .goi_y_model{
	position: absolute;
    margin: auto;
    top: 30px;
    width: 350px;
    z-index: 999;
    background: #fff;
    border: 1px solid #dedede;
    max-height: 150px;
    overflow: auto;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .goi_y_model .li_goi_y{
	width: 100%;
	padding: 5px;
	height: 25px;
	overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .goi_y_model .li_goi_y:hover{
	background: #f60;
	color: #fff;
	cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .text {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .input {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .input input {
    width: calc(100% - 10px);
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .input select {
    width: calc(100% - 10px);
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .col_sub {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .col_sub .text {
    width: 50px;
    text-align: right;
    padding-right: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .col_sub .input {
    width: calc(100% - 50px);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_input .col_sub .input input {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    gap:5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang .text {
    width: 110px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang .text select{
    height: 25px;
    border:1px solid #dedede;
    width: 110px;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang .text input{
    height: 25px;
    border:1px solid #dedede;
    width: 110px;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang .total {
    width: calc(100% - 110px);
    text-align: right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .li_gia_tang .total input[type=text] {
    width: calc(100% - 50px);
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_col .col .add_giatang {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    gap: 15px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr.col_2 .col {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr.col_3 .col {
    width: calc(100%/3);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col .li_input {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col .li_input .text {
    width: 120px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col .li_input .input {
    width: calc(100% - 120px);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col .li_input .input input[type=text] {
    width: 100%;
    padding: 5px;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .tr .col .li_input .input select {
    width: 100%;
    padding: 5px;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .hr {
    width: 100%;
    border-top: 1px solid #dedede;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step {
    position: relative;
    width: 100%;
    height: 110px;
    background: #000;
    display: flex;
    border-radius: 8px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .line {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 44px;
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #fff5e4, #fd3211);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step {
    position: relative;
    width: 25%;
    text-align: center;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .date {
    width: 100%;
    text-align: center;
    height: 25px;
    margin-top: 10px;
    background: none;
    border: none;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .node {
    width: 100%;
    text-align: center;
    height: 25px;
    display: flex;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .node span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    color: green;
    font-size: 20px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .text {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .amount {
    width: 100%;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_step .step .amount input[type=text] {
    width: 100%;
    text-align: center;
    background: none;
    border: none;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban {
    width: 45%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi_action {
    width: 100%;
    display: flex;
    padding: 10px;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi_action .bien_ban {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi_action .bien_ban button {
    width: 120px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi_action .ho_so {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi_action .ho_so button {
    width: 120px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban {
    width: 100%;
    display: flex;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban .li_bienban {
    position: relative;
    width: 50%;
    height: 250px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border: 1px solid #dedede;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban .li_bienban .fa {
    position: absolute;
    margin: auto;
    top: 10px;
    right: 10px;
    font-size: 25px;
    z-index: 9;
    cursor: pointer;
    color: #ffba00;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban .li_bienban img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    z-index: 1;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban .li_bienban .add_photo {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .list_bienban .li_bienban .add_photo .icon {
    font-size: 35px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .bien_ban .text {
    width: 100%;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so {
    width: 40%;
    background: #fff3e8;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .tit{
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_phi{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_phi label{
    width: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_phi select{
    width: calc(100% - 110px);
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_phi input{
    width: calc(100% - 110px);
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    border:1px solid #dedede;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_phi textarea{
    width: calc(100% - 110px);
    padding-right: 10px;
    padding-left: 10px;
    border:1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_hoso {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_hoso input[type=checkbox] {
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_chuanbi .ho_so .li_hoso .fa {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_left {
    width: 60%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right {
    position: relative;
    width: 40%;
    padding-left: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right #save_dkhd {
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right .title_sub {
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right .li_gia_tang {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right .li_gia_tang .text {
    width: 120px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .box_info .col_right .li_gia_tang .total {
    width: calc(100% - 120px);
    text-align: right;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .title_muc {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .title_muc span {
    display: inline-block;
    border-bottom: 1px solid #f00;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .title_muc button {
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .bottom {
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .bottom .text {
    width: 50%;
    font-size: 18px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .bottom .list_button {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .bottom .list_button button {
    background: #fff;
    color: #000;
    width: 120px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phuongthuc {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phuongthuc .li_phuongthuc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_phuongthuc .li_phuongthuc input[type=radio] {
    transform: scale(1.5);
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    background: #000;
    border-radius: 5px;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .stt {
    width: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .ma_cv {
    width: 150px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .ten_cv {
    width: 250px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .gia {
    width: 120px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .thanhtien {
    width: calc(100% - 620px);
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .th_nt .action {
    width: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .stt {
    width: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .ma_cv {
    width: 150px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .ten_cv {
    width: 250px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .gia {
    width: 120px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .thanhtien {
    width: calc(100% - 620px);
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .action {
    width: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_tr_nt .tr_nt .action .fa {
    font-size: 20px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .add_cv_nt {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    padding-left: 20px;
    gap: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .add_cv_nt span {
    display: inline-block;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .menu_action {
    background: #ffdbbc;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .menu_action button {
    background: #fff;
    color: #000;
    width: 120px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_button {
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_button button {
    width: 120px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_button_action {
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #f00;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .content_baogia .list_button_action button {
    width: 120px;
    font-weight: 700;
    background: #fff;
    color: #414141;
}

.box_pop_add .box_pop_add_content .pop_content .list_status {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    background: #000;
    height: 70px;
    border-radius: 10px;
    gap: 150px;
}

.box_pop_add .box_pop_add_content .pop_content .list_status .line {
    position: absolute;
    margin: auto;
    top: 28px;
    left: 0;
    right: 0;
    height: 10px;
    background: linear-gradient(to right, #fff5e4, #fd3211);
}

.box_pop_add .box_pop_add_content .pop_content .list_status .li_status {
    position: relative;
    width: 100px;
    height: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_status .li_status .nut {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 21px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .list_status .li_status .txt {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 3px;
    width: 100%;
    font-size: 12px;
}

.box_pop_add .box_pop_add_content .pop_content .list_status .li_status.active .nut {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 19px;
    width: 28px;
    height: 28px;
    background: #f60;
    border: 3px solid #fff;
    border-radius: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .top_action {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .top_action .giao_khach {
    display: flex;
    align-items: center;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .top_action .giao_khach select{
    height:35px;
    border: 1px solid #dedede;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .top_action .phan_loai {
    display: flex;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .phan_loai button {
    position: relative;
    border-radius: 20px;
    background: #dedede;
    width: 165px;
    z-index: 0;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .phan_loai .ca_nhan {
    right: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .phan_loai .doanh_nghiep {
    left: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .phan_loai button.active {
    z-index: 9;
    background: #ad1338;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action {
    display: flex;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action button {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dedede;
    color: #191919;
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action .li_action {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action .li_action#lichsu_yeucau {
    width: 75px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action .li_action#lai_thu {
    width: 75px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action .li_action#lichsu_lienhe {
    width: 75px;
}

.box_pop_add .box_pop_add_content .pop_content .top_action .action .li_action .txt {
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info {
    width: 280px;
    border-right: 1px solid #dedede;
    padding-right: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info {
    width: calc(100% - 280px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .title {
    width: 100%;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input {
    width: 100%;
    display: flex;
    margin-top: 3px;
    flex-wrap: wrap;
    margin-bottom: 3px;
    justify-content: flex-start;
    gap:3px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input .col {
    position: relative;
    width: calc(50% - 10px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input .col .goiy {
    width: 200px;
    position: absolute;
    margin: auto;
    background: #efefef;
    padding: 5px;
    z-index: 99;
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input .col .goiy .li_goiy {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input .col .goiy .li_goiy:hover {
    background: #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input .col:nth-child(even) {
    margin-left: 9px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input label {
    width: 100%;
    display: inline-block;
    margin-bottom: 3px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input input {
    width: 100%;
    border: 1px solid #dedede;
    padding: 5px;
    height: 35px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .khach_info .li_input select {
    width: 100%;
    border: 1px solid #dedede;
    padding: 5px;
    height: 35px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .title {
    width: 100%;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info {
    width: calc(100% - 280px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu {
    position: relative;
    width: calc(50% - 10px);
    padding-bottom: 30px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam {
    position: relative;
    width: calc(50% - 10px);
    padding-bottom: 30px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .tab_quantam{
    display: flex;
    justify-content: flex-start;
    gap:0px;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .tab_quantam .li_tab_quantam{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #b0afae;
    color: #fff;
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .tab_quantam .li_tab_quantam.active{
    background: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_filter {
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_filter .filter_quantam{
    width: 100%;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_filter .filter_quantam.active{
    display: block;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_filter .filter_quantam textarea{
    width: 100%;
    height: 300px;
    border:1px solid #dedede;
    border-radius: 5px;
    padding: 5px;

}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe {
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .list_control{
    position: absolute;
    margin: auto;
    right: 5px;
    top: 5px;
    width: 100%;
    z-index: 99;
    display: flex;
    justify-content: flex-end;
    gap:5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .list_control .next{
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 20px;
	background: #f60;
	color: #fff;
	cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .list_control .prev{
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 20px;
	background: #f60;
	color: #fff;
	cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .filter {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .filter .txt {
    width: 130px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .filter .info {
    width: calc(100% - 130px);
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .filter .info select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .minh_hoa {
    position: relative;
    width: 100%;
    height: 130px;
    border: 1px solid #dedede;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .minh_hoa img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .minh_hoa span{
    position: absolute;
    margin: auto;
    left: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 25px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .minh_hoa span:hover{
    color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .li_info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .li_info .txt {
    width: 130px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .li_info .info {
    width: calc(100% - 130px);
    padding-top: 3px;
    padding-bottom: 3px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .li_info .info .box_mauxe {
    width: 50px;
    height: 25px;
    display: inline-block;
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .list_xe .li_info .info input[type=checkbox] {
    transform: scale(1.3);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .filter {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .filter .txt {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .filter .info {
    width: calc(100% - 120px);
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .filter .info select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe {
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .list_control{
    position: absolute;
    margin: auto;
    right: 5px;
    top: 5px;
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap:5px;
    margin-bottom: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .list_control .next{
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 20px;
	background: #f60;
	color: #fff;
	cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .list_control .prev{
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 20px;
	background: #f60;
	color: #fff;
	cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .minh_hoa {
    position: relative;
    width: 100%;
    height: 130px;
    padding: 5px;
    border: 1px solid #dedede;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .minh_hoa span{
    position: absolute;
    margin: auto;
    left: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 25px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .minh_hoa span:hover{
    color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .minh_hoa img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .txt {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info {
    position: relative;
    width: calc(100% - 120px);
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info .box_mauxe {
    width: 50px;
    height: 25px;
    display: inline-block;
    border: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info .list_mau {
    position: absolute;
    width: 100%;
    background: #d9d9d9;
    z-index: 99;
    display: none;
    bottom: 25px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info .list_mau .li_mau{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info .list_mau .li_mau:hover{
    cursor: pointer;
    background: #f60;
    color: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .list_xe .li_info .info input[type=checkbox] {
    transform: scale(1.3);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .action {
    position: absolute;
    margin: auto;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_quantam .action i {
    font-size: 20px;
    color: #ad1338;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .action {
    position: absolute;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_info .xe_info .list_xe_info .list_sohuu .action i {
    font-size: 20px;
    color: #ad1338;
}

.pop_second {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99999;
    display: none;
    background: rgba(0, 0, 0, 0.7);
}

.pop_second .pop_second_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 550px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.pop_second .pop_second_content .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px 5px 0px 0px;
}
.pop_second .pop_second_content .title_next_add {
    background: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin-bottom: 0px;
}
.pop_second .pop_second_content .title_next_add .text{
    color: #414141;
}
.pop_second .pop_second_content .title i {
    cursor: pointer;
    width: 40px;
    text-align: center;
}
.pop_second .pop_second_content .title_next_add i{
    width: 30px;
    height: 30px;
    color: #f00;
    border-radius: 50%;
    border:1px solid #f00;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop_second .pop_second_content .content_next_add {
    width: 100%;
    text-align: center;
    height: 60px;
    font-weight: 700;
    font-style: italic;
    padding: 10px;
}
.pop_second .pop_second_content .content_next_add textarea{
    width: 100%;
    height: 100%;
    border:1px solid #dedede;
    padding: 5px;
}
.pop_second .pop_second_content .list_action_next_add {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap:10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin: auto;
}
.pop_second .pop_second_content .list_action_next_add button{
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop_second .pop_second_content .list_nguoilam{
    width: 100%;
    padding: 10px;
}
.pop_second .pop_second_content .list_nguoilam .li_nguoilam{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.pop_second .pop_second_content .box_search {
    position: relative;
    margin: auto;
    width: calc(100% - 20px);
    background: #f6f6f6;
    display: flex;
    border-radius: 20px;
    align-items: center;
    padding: 5px;
}

.pop_second .pop_second_content .box_search .fa-search {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}

.pop_second .pop_second_content .box_search input {
    width: calc(100% - 80px);
    padding: 5px;
    border: none;
    background: none;
    font-size: 14px;
}
.pop_second .pop_second_content .box_search input::placeholder {
    color: #8e8e8e;
}

.pop_second .pop_second_content .box_search .fa-sliders {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}
.pop_second .pop_second_content .box_search .fa-sliders {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}
.pop_second .pop_second_content .list_th_hopdong {
    width: 100%;
    display: flex;
    background: #fff;
    justify-content: flex-start;
    height: 40px;
    align-items: center;
    font-weight: 700;
}
.pop_second .pop_second_content .list_th_hopdong .so_hopdong{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .ho_ten{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .dien_thoai{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .model{
    width: 100px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .grade{
    width: 50px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .color{
    width: 100px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .giatri{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .hang_bh{
    width: 120px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .loai_bh{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .tang{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .giao_dukien{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_th_hopdong .action_bh{
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong {
    width: 100%;
    max-height: 345px;
    overflow: auto;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedede;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .so_hopdong{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .model{
    width: 100px;
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .grade{
    width: 50px;
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .color{
    width: 100px;
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .giatri{
    width: 150px;
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .action{
    width: calc(100% - 550px);
    text-align: center;
}
.pop_second .pop_second_content .list_hopdong .li_hopdong .action button{
    padding-top: 3px;
    padding-bottom: 3px;
    background: #0a9f18;
}
.pop_second .pop_second_content .bottom_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:10px;
    padding: 10px;
}
.pop_second .pop_second_content .list_button {
    display: flex;
    gap: 10px;
    background: #fff;
    justify-content: flex-end;
    padding: 10px;
}
.pop_second .pop_second_content .list_button_center {
    display: flex;
    gap: 10px;
    background: #fff;
    justify-content: center;
    padding: 10px;
}
.pop_second .pop_second_content .li_input {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.pop_second .pop_second_content .li_input label {
    width: 150px;
    font-weight: 700;
}

.pop_second .pop_second_content .li_input select {
    width: 250px;
    max-width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.pop_second .pop_second_content .li_input input[type=text] {
    width: 250px;
    max-width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.pop_second .pop_second_content .li_input input[type=checkbox] {
    transform: scale(1.5);
}

.pop_second .pop_second_content .li_input textarea {
    width: 150px;
    max-width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.pop_second .pop_second_content .list_lichsu {
    width: 100%;
    max-height: 414px;
    overflow: auto;
}

.pop_second .pop_second_content .list_lichsu .li_lichsu {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    gap: 10px;
    border-bottom: 1px solid #dedede;
}

.pop_second .pop_second_content .action {
    width: 100%;
    padding: 10px;
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.pop_second .pop_second_content .action i {
    font-size: 20px;
    color: #ad1338;
}

.pop_second .pop_second_content .list_xe {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}

.pop_second .pop_second_content .list_xe .txt {
    width: 155px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
}

.pop_second .pop_second_content .list_xe .txt .bieutuong {
    width: 40px;
    font-size: 40px;
    text-align: center;
}

.pop_second .pop_second_content .list_xe .info {
    width: calc(100% - 155px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.pop_second .pop_second_content .list_xe .info .li_xe {
    background: #dedede;
    width: calc(100%/5 - 8px);
    text-align: center;
    font-size: 10px;
    border-radius: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 14px;
    cursor: pointer;
}

.pop_second .pop_second_content .list_xe .info .li_xe.active {
    color: #fff;
    background: #ad1338;
}

.pop_second .pop_second_content .list_dat {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}

.pop_second .pop_second_content .list_dat .txt {
    width: 155px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
}

.pop_second .pop_second_content .list_dat .txt .bieutuong {
    width: 40px;
    font-size: 40px;
    text-align: center;
}

.pop_second .pop_second_content .list_dat .info {
    width: calc(100% - 155px);
}

.pop_second .pop_second_content .list_dat .info .li_lich {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
}

.pop_second .pop_second_content .list_dat .info .li_lich:last-of-type {
    border-bottom: none;
}

.pop_second .pop_second_content .list_dat .info .li_lich .info_time {
    width: 180px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.pop_second .pop_second_content .list_dat .info .li_lich .info_time .time{
    width: 90px;
}
.pop_second .pop_second_content .list_dat .info .li_lich .status {
    width: 100px;
}

.pop_second .pop_second_content .list_dat .info .li_lich .status input[type=checkbox] {
    transform: scale(1.5);
}
.pop_second .pop_second_content .list_dat .info .li_lich .status button{
    height: 20px;
    display: flex;
    align-items: center;
    background: #615ad1;
}
.pop_second .pop_second_content .list_dat .info .li_lich .info_xe {
    width: calc(100% - 300px);
}

.pop_second .pop_second_content .dat_lich {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
}

.pop_second .pop_second_content .dat_lich .txt {
    width: 155px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
}

.pop_second .pop_second_content .dat_lich .txt .bieutuong {
    width: 40px;
    font-size: 40px;
    text-align: center;
}

.pop_second .pop_second_content .dat_lich .txt .bieutuong i {
    font-size: 40px;
}

.pop_second .pop_second_content .dat_lich .info {
    width: calc(100% - 155px);
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.pop_second .pop_second_content .dat_lich .info .left {
    width: calc(100% - 180px);
}

.pop_second .pop_second_content .dat_lich .info .left .li_input {
    width: 100%;
    gap: 10px;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .label {
    width: 90px;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .input {
    width: calc(100% - 100px);
    display: flex;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .input input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #ffddc7;
    padding: 5px;
    border: none;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .col {
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .col .label {
    width: 100px;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .col .input {
    width: calc(100% - 100px);
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .col .input input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #ffddc7;
    padding: 5px;
    border: none;
}

.pop_second .pop_second_content .dat_lich .info .left .li_input .col .input input::placeholder {
    color: #414141;
}

.pop_second .pop_second_content .dat_lich .info .right {
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop_second .pop_second_content .dat_lich .info .right .list_button {
    display: block;
    width: 100%;
    height: 100px;
}

.pop_second .pop_second_content .dat_lich .info .right .list_button button {
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 5px;
    color: #191919;
    border: 1px solid #dedede;
    margin: 5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pop_second .pop_second_content .dat_lich .info .right .list_button button i {
    font-size: 20px;
}

.pop_second .pop_second_content .list_tab_model {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    gap: 10px;
}

.pop_second .pop_second_content .list_tab_model .li_tab {
    width: calc(100%/5 - 10px);
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #dedede;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

.pop_second .pop_second_content .list_tab_model .li_tab.active {
    border-bottom: 2px solid #992bf5;
}

.pop_second .pop_second_content .list_model {
    width: 100%;
    max-height: 477px;
    overflow: auto;
}

.pop_second .pop_second_content .list_model .li_model {
    width: 100%;
}

.pop_second .pop_second_content .list_model .li_model .title_model {
    width: 100%;
    padding: 10px;
    font-weight: 700;
}

.pop_second .pop_second_content .list_model .li_model .list_xe {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe {
    width: calc(100%/3 - 7px);
    cursor: pointer;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe .minh_hoa {
    position: relative;
    width: 100%;
    height: 100px;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe .minh_hoa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe .minh_hoa .bieutuong {
    position: absolute;
    margin: auto;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    z-index: 9;
    text-align: center;
    display: none;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe .minh_hoa .bieutuong i {
    font-size: 16px;
    color: #fff;
    background: #00bc3d;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe.active .minh_hoa .bieutuong {
    display: block;
}

.pop_second .pop_second_content .list_model .li_model .list_xe .li_xe .name {
    width: 100%;
    padding: 5px;
    text-align: center;
}

.pop_second .pop_second_content .list_yeucau {
    width: 100%;
    padding: 10px;
    overflow: auto;
    max-height: 484px;
}

.pop_second .pop_second_content .list_yeucau .li_yeucau {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dedede;
    padding: 7px;
    gap:10px;
}

.pop_second .pop_second_content .list_yeucau .li_yeucau .time {
    width: 100px;
}
.pop_second .pop_second_content .list_yeucau .li_yeucau .noidung {
    width: calc(100% - 110px);
}

.pop_thirth {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.5);
    display: none;
}

.pop_thirth .pop_thirth_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.pop_thirth .pop_thirth_content .content_pop_in_phieuthu{
    margin: auto;
    position: absolute;
    width: calc(100% - 20px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: max-content;
}
.pop_thirth .pop_thirth_content .content_pop_in_phieuthu .pop_title{
    font-size: 18px;
    background: #1374ad;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.content_pop_in_phieuthu .content_in_phieu{
    width: 100%;
    max-height: calc(100vh - 105px);
    display: inline-block;
    background: #fff;
    padding: 15px;
}
.content_in_phieu .box_top_in{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:10px;
}
.content_in_phieu .box_top_in .info_congty{
    width: calc(100% - 260px);
}
.content_in_phieu .box_top_in .info_congty h1{
    width: 100%;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}
.content_in_phieu .box_top_in .info_congty p{
    width: 100%;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
.content_in_phieu .box_top_in .info_mau{
    width: 250px;
}
.content_in_phieu .box_top_in .info_mau h1{
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.content_in_phieu .box_top_in .info_mau p{
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.content_in_phieu .title_phieu{
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-top: 20px;
}
.content_in_phieu .ngay_thu{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.content_in_phieu .box_info_phieu{
    width: 100%;
}
.content_in_phieu .box_info_phieu .li_info_phieu{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.content_in_phieu .box_info_phieu .li_info_phieu .text{
    font-size: 16px;
}
.content_in_phieu .box_info_phieu .li_info_phieu .giatri{
    min-width: 180px;
    font-size: 16px;
}
.content_in_phieu .box_info_thutien{
    width: 100%;
}
.content_in_phieu .box_info_thutien .li_info_thutien{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.content_in_phieu .box_info_thutien .li_info_thutien .text{
    font-size: 16px;
    font-weight: 700;
}
.content_in_phieu .box_info_thutien .li_info_thutien .giatri{
    font-size: 16px;
    display: flex;
    gap:10px;
}
.content_in_phieu .box_ngay{
    width: 100%;
    text-align: right;
    font-size: 16px;
    margin-top: 20px;
}
.content_in_phieu .box_xacnhan{
    width: 100%;
    display: flex;
    margin-top: 20px;
}
.content_in_phieu .box_xacnhan .col{
    width: 20%;
}
.content_in_phieu .box_xacnhan .col .text{
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
.content_in_phieu .box_xacnhan .col .note{
    width: 100%;
    font-style: italic;
    text-align: center;
}
.content_in_phieu .box_xacnhan .col .chu_ky{
    height: 60px;
}
.content_in_phieu .box_xacnhan .col .ten{
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
.content_in_phieu .list_button{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.content_in_phieu.print .list_button{
    display: none;
}
.pop_thirth .pop_thirth_content.pop_add_lienhe {
    background: #000;
    width: 435px;
    height: 300px;
    padding: 10px;
    padding-top: 20px;
    border-radius: 15px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ngay {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ngay .txt {
    width: 140px;
    color: #fff;
    text-align: center;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ngay .info {
    width: calc(100% - 140px);
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ngay .info input {
    width: 100%;
    height: 35px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_phanloai {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #dedede;
    border-radius: 10px;
    margin-bottom: 10px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_phanloai .txt {
    width: 130px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_phanloai .info {
    width: calc(100% - 130px);
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_phanloai .info select {
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ghichu {
    width: 100%;
    background: #dedede;
    border-radius: 10px;
    padding: 10px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ghichu .txt {
    width: 100%;
    margin-bottom: 10px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ghichu .info {
    width: 100%;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .tr_ghichu .info textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .list_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .list_button .left {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.pop_thirth .pop_thirth_content.pop_add_lienhe .list_button .right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.pop_add_congviec .title i {
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .info_top {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .info_top .left {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .info_top .right {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .info_top .li_info {
    width: 100%;
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col {
    display: flex;
    gap: 5px;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col .input{
    position: relative;
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col .input .goi_y{
    position: absolute;
    width: 100%;
    min-width: 200px;
    max-height: 200px;
    background: #fff;
    border:1px solid #dedede;
    border-radius: 0px 0px 5px 5px;
    overflow: auto;
    z-index: 999;
}
.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col .input .goi_y .li_goi_y{
    width: 100%;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col .input .goi_y .li_goi_y:hover{
    background: #f60;
    color: #fff;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .info_top .li_info .col input[type=text] {
    width: 100%;
    border: 1px solid #959595;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list {
    width: 100%;
    max-height: 350px;
    min-height: 100px;
    margin-bottom: 10px;
    overflow: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang {
    width: 100%;
    border-radius: 5px;
    border: 2px solid #dedede;
    margin-top: 10px;
    overflow: hidden;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top {
    width: 100%;
    display: flex;
    background: #f8cbad;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f8cbad;
    font-weight: 700;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .ncc {
    width: calc(100% - 430px);
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .ma_lenh {
    width: 150px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .tongtien {
    width: 120px;
    text-align: right;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .status {
    width: 150px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .status img {
    height: 30px;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .top .status i {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom {
    position: relative;
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom button {
    position: absolute;
    margin: auto;
    right: 10px;
    bottom: 10px;
    width: 100px;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px dashed #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh:last-of-type {
    border-bottom: none;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .minh_hoa {
    width: 100px;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .minh_hoa img {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .ma_hh {
    width: 150px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .ten_hh {
    width: calc(100% - 730px);
    text-align: left;
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .so_luong {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .soluong_ok {
    width: 100px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .soluong_ok input[type=text] {
    width: 80px;
    text-align: center;
    border: 1px solid #919191;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .thanh_tien {
    width: 120px;
    text-align: right;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .checkbox {
    width: 150px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list .li_dathang .bottom .li_hh .checkbox input[type=checkbox] {
    transform: scale(2);
}

.box_pop_add .box_pop_add_content .pop_content .list table {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list table tr th {
    background: #1374ad;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list table tr td {
    background: #7ccfff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
    word-wrap: break-word;
}

.box_pop_add .box_pop_add_content .pop_content .list table tr:nth-child(2n+1) td {
    background: #a5deff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list table tr td select {
    width: 100%;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list table tr td input[type=text] {
    width: 100%;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list table tr td input[type=checkbox] {
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list table tr td input[name=quanlity] {
    width: 50px;
    border:1px solid #dedede;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list table tr td input[name=price] {
    width: 90px;
    border:1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom .left {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom .right {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom .li_info {
    width: 100%;
    display: flex;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom .li_info .col {
    display: flex;
    gap: 10px;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .info_bottom .li_info .col input[type=text] {
    width: 100%;
    border: 1px solid #959595;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_button .button_left {
    display: flex;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_button .button_right {
    display: flex;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab {
    width: 100%;
    border-bottom: 2px solid #1374ad;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    border: none;
    background: #fff;
    color: #212529;
    margin: 0px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab a:hover {
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-radius: 8px 8px 0px 0px;
    position: relative;
    border: none;
    background: #1374ad;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab a.active {
    position: relative;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-radius: 8px 8px 0px 0px;
    border: none;
    background: #1374ad;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content {
    width: 100%;
    padding-top: 0px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab {
    width: 100%;
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active {
    display: block;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .thongtin_trung{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #ffdda7;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .thongtin_trung .li_info_trung{
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .thongtin_trung .li_info_trung span{
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .stt{
    width: 100px;
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .sale{
    width: 200px;
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .phong{
    width: 150px;
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .ngay{
    width: 120px;
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .lien_he{
    width: 120px;
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .status{
    width: calc(100% - 750px);
    text-align: center;
    padding: 5px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .check{
    width: 60px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .title_duyet_sale .check input[type=checkbox]{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .stt{
    width: 100px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .sale{
    width: 200px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .phong{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .ngay{
    width: 120px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .lien_he{
    width: 120px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .status{
    width: calc(100% - 750px);
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .check{
    width: 60px;
    text-align: center;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_duyet_sale .check input[type=checkbox]{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_lydo_tamdung{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_lydo_tamdung .ly_do{
    width: calc(50% - 5px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap:5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_lydo_tamdung .ly_do input{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
    padding: 10px;
    margin-bottom: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file label{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file .khung_file{
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file .khung_file input[type=file]{
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file .khung_file .chon_file{
    background: #f60;
    color: #fff;
    width: 95px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_input_file .khung_file .file_name{
    width: calc(100% - 100px);
    overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_input{
    display: flex;
    justify-content: flex-start;
    gap:10px;
    align-items: center;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .li_input select{
    width: 180px;
    border:1px solid #dedede;
    height: 35px;
    border-radius: 5px;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr .col {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr .col .li_input {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr .col .li_input .text {
    width: 120px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr .col .li_input .input {
    width: calc(100% - 120px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .tr .col .li_input .input input {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh {
    width: 100%;
    height: 91px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    gap:5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record {
    width: calc(100% - 610px);
    border: 2px solid #fff;
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record .control {
    width: 100%;
    text-align: center;
    background: #ebebeb;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record .control .visualizer {
    width: 100%;
    height: 40px;
    background: #d4d4d4;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record .control .list_button_record {
    width: 100%;
    height: 40px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record .control .list_button_record button {
    background: #b6b7b8;
    color: #212529;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_record .control .list_button_record button.button_active {
    background: #f00;
    color: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_control_phatsinh .col_photo {
    width: 200px;
    border: 2px solid #fff;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    gap:5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record {
    width: calc(100% - 605px);
    border: 2px solid #fff;
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .title {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .control {
    width: 100%;
    text-align: center;
    background: #ebebeb;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .control .visualizer {
    width: 100%;
    height: 40px;
    background: #d4d4d4;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .control .list_button_record {
    width: 100%;
    height: 40px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .control .list_button_record button {
    background: #b6b7b8;
    color: #212529;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record .control .list_button_record button.button_active {
    background: #f00;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh {
    width: 100%;
    height: auto;
    overflow: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px dashed #1374ad;
    padding-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh:last-of-type {
    border-bottom: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh .ten_khoang {
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh audio {
    width: calc(100% - 60px);
    height: 34px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh button {
    width: 50px;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua {
    width: 180px;
    border: 2px solid #fff;
    background: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua .title {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua {
    width: 100%;
    height: auto;
    overflow: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 74.8px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px dashed #1374ad;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi div.ketqua{
    width: 100%;
    padding: 5px;
    text-align: left;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi div.ketqua:hover{
    border:1px dashed red;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi:last-of-type {
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi input[type=checkbox]{
    transform: scale(2);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_ketqua #list_phatsinh_ketqua .li_phatsinh_dieuphoi input[type=text]{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv {
    width: 125px;
    border: 2px solid #fff;
    background: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv .title {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv #list_phatsinh_cv {
    width: 100%;
    height: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv #list_phatsinh_cv .li_phatsinh_dieuphoi {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 74.8px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px dashed #1374ad;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv #list_phatsinh_cv .li_phatsinh_dieuphoi:last-of-type {
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_cv #list_phatsinh_cv .li_phatsinh_dieuphoi input[type=checkbox]{
    transform: scale(2);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly {
    width: 100px;
    border: 2px solid #fff;
    background: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly .title {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly #list_phatsinh_xuly {
    width: 100%;
    height: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly #list_phatsinh_xuly .li_phatsinh_dieuphoi {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 74.8px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px dashed #1374ad;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly #list_phatsinh_xuly .li_phatsinh_dieuphoi:last-of-type {
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_xuly #list_phatsinh_xuly .li_phatsinh_dieuphoi input[type=checkbox]{
    transform: scale(2);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo {
    width: 200px;
    border: 2px solid #fff;
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo .title {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo .control {
    width: 100%;
    padding: 5px;
    text-align: center;
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo .control button {
    background: #f00;
    color: #fff;
    padding: 7px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo {
    width: 100%;
    height: 326px;
    overflow: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh {
    float: left;
    width: 50%;
    height: 200px;
    padding: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh .minh_hoa {
    position: relative;
    width: 100%;
    height: 160px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh .minh_hoa img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh .minh_hoa button {
    position: absolute;
    margin: auto;
    right: 7px;
    top: 7px;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0px;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh_dieuphoi {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    flex-wrap: wrap;
    text-align: center;
    border-bottom: 1px dashed #1374ad;
    padding-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh_dieuphoi:last-of-type {
    border-bottom: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh_dieuphoi .ten_khoang {
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh_dieuphoi audio {
    width: 100%;
    height: 34px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_record #list_phatsinh .li_phatsinh_dieuphoi .to {
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo {
    width: 100%;
    height: auto;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh_dieuphoi {
    float: left;
    width: 50%;
    height: 200px;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh_dieuphoi .to {
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh_dieuphoi .minh_hoa {
    position: relative;
    width: 100%;
    height: 160px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .box_phatsinh .col_photo #list_phatsinh_photo .li_phatsinh_dieuphoi .minh_hoa img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button {
    height: 40px;
    display: flex;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .tongtien_goi {
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .tongtien_goi span{
    color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button button {
    position: relative;
    margin-left: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button button.button_cancel {
    background: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button button.del_ask {
    background: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button button.del_ask i{
    margin-right: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button button .list_in{
    position: absolute;
    margin: auto;
    bottom: -40px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_left {
    height: 40px;
    display: flex;
    justify-content: flex-start;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_left button {
    margin-left: 0px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_right {
    height: 40px;
    display: flex;
    justify-content: flex-end;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_right .list_type{
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_right .list_type .li_type{
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_right .list_type .li_type input[type=radio]{
    transform: scale(1.5);
    margin: auto;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .list_button_right .list_type .li_type label{
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button {
    width: calc(100%/3);
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button .title_button {
    width: 100%;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button input[type=checkbox] {
    width: 20px;
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button input[type=radio] {
    width: 20px;
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button label {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button .list_loai_hinh {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button .list_loai_hinh .li_loai_hinh {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 14px;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab.active .list_button .col_button .list_loai_hinh .li_loai_hinh .icon {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input {
    width: 100%;
    max-height: calc(100vh - 250px);
    margin-bottom: 10px;
    overflow: auto;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .title_box{
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .button_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .button_box button{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    gap:5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo{
    width: 100%;
    padding-right: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table tr th{
    text-align: center;
    padding: 5px;
    border:1px solid #414141;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table tr td{
    text-align: center;
    padding: 5px;
    border:1px solid #414141;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table tr td input{
    width: 100%;
    border:none;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table tr td button{
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 25px;
    line-height: 25px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .box_cv_combo .list_cv_combo table tr.end_row td{
    background: #fff;
    color: #f00;
    border:1px solid #fff;
}
.content_xuat_hoso{
    width: 100%;
}
.content_xuat_hoso .info_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content_xuat_hoso .info_top .info_congty{
    width: 50%;
}
.content_xuat_hoso .info_top .info_congty h1{
    width: 100%;
    margin:0;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
.content_xuat_hoso .info_top .info_congty .ten_phong{
    width: 100%;
    margin:0;
    padding: 0;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
.content_xuat_hoso .info_top .info_tieungu{
    width: 50%;
}
.content_xuat_hoso .info_top .info_tieungu h1{
    width: 100%;
    margin:0;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
.content_xuat_hoso .info_top .info_tieungu h3{
    width: 100%;
    margin:0;
    padding: 0;
    font-size: 14px;
    text-align: center;
}
.content_xuat_hoso .info_top .info_tieungu .ngay{
    width: 100%;
    margin:0;
    padding: 0;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}
.content_xuat_hoso .title_hoso{
    width: 100%;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 30px;
    font-weight: 700;
}
.content_xuat_hoso .box_kinh_gui{
    width: 100%;
    display: flex;
    font-weight: 700;
    gap:10px;
    margin-top: 20px;
}
.content_xuat_hoso .box_kinh_gui .text span{
    text-decoration: underline;
}
.content_xuat_hoso .group_input{
    width: 100%;
    display: flex;
    gap:10px;
}
.content_xuat_hoso .group_input .li_input{
    width: 100%;
    display: flex;
}
.content_xuat_hoso .group_input .li_input .giatri{
    font-weight: 700;
}
.content_xuat_hoso .group_input.col_2 .li_input{
    width: 50%;
    display: flex;
}
.content_xuat_hoso .group_input.col_3 .li_input{
    width: calc(100%/3);
    display: flex;
}
.content_xuat_hoso .group_input.col_4 .li_input{
    width: auto;
    display: flex;
    margin-left: 20px;
}
.content_xuat_hoso .group_input.col_4 .li_input:first-of-type{
    margin-left: 0px;
}
.content_xuat_hoso .list_thanhtoan{
    width: 100%;
}
.content_xuat_hoso .list_thanhtoan .li_thanhtoan{
    width: 100%;
    display: flex;
    gap:10px;
    align-items: center;
    margin-bottom: 10px;
}
.content_xuat_hoso .list_thanhtoan .li_thanhtoan .input{
    width: 30px;
}
.content_xuat_hoso .list_thanhtoan .li_thanhtoan .input .span{
    width: 30px;
    height: 30px;
    border:1px solid #141414;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_xuat_hoso .list_thanhtoan .li_thanhtoan .input .span{
    width: 30px;
    height: 30px;
    border:1px solid #141414;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content_xuat_hoso .list_thanhtoan .li_thanhtoan .input .span i{
    font-size: 25px;
}
.content_xuat_hoso .table_thanhtoan{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content_xuat_hoso .table_thanhtoan tr th{
    border:1px solid #141414;
    padding: 5px;
    text-align: center;
}
.content_xuat_hoso .table_thanhtoan tr td{
    border:1px solid #141414;
    text-align: center;
    padding: 5px;
}
.content_xuat_hoso .list_xacnhan{
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}
.content_xuat_hoso .list_xacnhan .li_xacnhan{
    width: calc(100%/4);
}
.content_xuat_hoso .list_xacnhan .li_xacnhan .chuc_vu{
    width: 100%;
    font-weight: 700;
    text-align: center;
}
.content_xuat_hoso .list_xacnhan .li_xacnhan .chu_ky{
    height: 60px;
}
.content_xuat_hoso .list_xacnhan .li_xacnhan .ho_ten{
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia{
    width: 100%;
    display: flex;
    gap:10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia{
    width: 100%;
    display: flex;
    gap:10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .action{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .chitiet{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .duyet{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .duyet input{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .su_dung{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .su_dung input{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .so_tien{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .ngay{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .so{
    width: 150px;
    text-align: left;
    padding: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .khach{
    width: calc(100% - 1000px);
    text-align: left;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .th_baogia .bks{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia{
    width: 100%;
    display: flex;
    gap:10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .action{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .action a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    background: #f60;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .chitiet{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .duyet{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .duyet input{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .su_dung{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .su_dung input{
    transform: scale(1.5);
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .so_tien{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .ngay{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .so{
    width: 150px;
    text-align: left;
    padding: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .khach{
    width: calc(100% - 1000px);
    text-align: left;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .li_baogia .bks{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach{
    width: 100%;
    display: flex;
    gap:10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .text{
    width: calc(100% - 680px);
    font-weight: 700;
    text-align: right;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_molenh{
    width: 150px;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_molenh select{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_molenh input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_molenh span{
    color: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .luotxe_molenh{
    width: 150px;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .luotxe_molenh span{
    color: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_gtgt{
    width: 150px;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_gtgt span{
    color: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_phutung{
    width: 150px;
    font-weight: 700;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_add_kehoach .doanhthu_phutung span{
    color: #f60;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach{
    width: 100%;
    display: flex;
    gap:10px;
    margin-top: 10px;
    justify-content: flex-start;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .text{
    width: calc(100% - 680px);
    font-weight: 700;
    text-align: right;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_molenh{
    width: 150px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_molenh input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .luotxe_molenh{
    width: 150px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .luotxe_molenh input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_gtgt{
    width: 150px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_gtgt input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_phutung{
    width: 150px;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_covan_kehoach .li_covan_kehoach .doanhthu_phutung input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phanloai {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phanloai button {
    border-radius: 20px;
    width: 150px;
    background: #dcdcdc;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phanloai button.dkbh {
    margin-right: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phanloai button.vanglai {
    margin-left: -15px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phanloai button.active {
    background: #a80606;
    color: #fff;
    z-index: 9;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_muc {
    width: 100%;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .title_muc span {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f00;
    padding-right: 20px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi {
    width: 100%;
    background: #3f3f3f;
    padding: 10px;
    border-radius: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi .li_input {
    width: 100%;
    display: flex;
    color: #fff;
    margin-bottom: 20px;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi .li_input:last-of-type {
    margin-bottom: 0px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi .li_input .text {
    width: 130px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi .li_input .input {
    width: calc(100% - 130px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .content_add_anchi .li_input .input input {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .box_list_ans {
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .title_ans{
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans .li_ans{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans .li_ans .text_ans{
    display: flex;
    gap:5px;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans .li_ans input{
    width: calc(100% - 60px);
    height: 30px;
    border:1px solid #dedede;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans .li_ans .del_ans{
    width: 50px;
    cursor: pointer;
    color: red;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .list_ans .li_ans .del_ans i{
    font-size: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .show_add_ans{
    background: #f2f2f2;
    color: #414141;
    display: flex;
    align-items: center;
    height: 30px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form {
    position: relative;
    width: calc(50% - 7.5px);
    display: inline-block;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .goi_y {
    position: absolute;
    width: calc(100% - 10px);
    background: #fff;
    margin: auto;
    z-index: 999;
    border: 1px solid #dedede;
    padding: 10px;
    top: 71px;
    border-radius: 0px 0px 5px 5px;
    max-height: 138px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .goi_y .li_goi_y {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .goi_y .li_goi_y:hover {
    color: #f00;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form label {
    width: 100%;
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form input {
    margin: 0;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form textarea {
    margin: 0;
    width: calc(100% - 10px);
    height: 120px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form select {
    margin: 0;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form button {
    border: none;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    background-color: #f0564a;
    font-weight: 600;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .title_tiepnhan {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .title_noithat {
    width: 100%;
    text-align: center;
    background: #a80606;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .title_noithat h1{
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr:nth-child(2n+2){
    border-left: 3px solid #ad00ff;
    border-bottom: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr:nth-child(2n+1){
    border-left: 3px solid #ffc300;
    border-bottom: 1px solid #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr:first-of-type{
	border-left: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr:last-of-type{
	border-bottom: none;
	border-left: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr th{
	padding: 5px;
	text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td{
	padding: 5px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td .ton_kho{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td input[type=checkbox]{
	cursor: pointer;
	transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td input[type=text]{
	border:1px solid #dedede;
	padding: 3px;
	text-align: center;
	width: calc(100% - 20px);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td select{
    border:1px solid #dedede;
    padding: 3px;
    text-align: left;
    width: calc(100% - 20px);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td #show_add_phutung{
	display: flex;
	align-items: center;
	background: #f60;
	color: #fff;
	width: 80px;
	text-align: center;
	justify-content: center;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	gap:5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td #show_add_phutung:hover{
	cursor: pointer;
	color: #fff;
	background: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td #show_add_phutung i{
	font-size: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td.action i{
	font-size: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_congviec_nt table tr td.action i:hover{
	cursor: pointer;
	color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan {
    width: 100%;
    max-height: calc(100vh - 335px);
    margin-bottom: 10px;
    overflow: auto;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe{
    width: 100%;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_thoigian{
    width: 100%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_thoigian .left{
    width: 50%;
    display: flex;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_thoigian .left .input input{
    border:1px solid #dedede;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_thoigian .right{
    width: 50%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_thoigian .right .li_time{
    width: 50%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach{
    width: 100%;
    display: flex;
    border:1px solid #000;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left{
    width: 300px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center{
    width: calc(100% - 450px);
    border-left: 1px solid #000;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_right{
    width: 150px;
    border-left: 1px solid #000;
    display: flex;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #000;
    height: 30px;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info:last-of-type{
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info .text{
    width: 100px;
    padding-left: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info .input{
    width: calc((100% - 100px)/2);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info{
    width: 100%;
    display: flex;
    display: flex;
    border-bottom: 1px solid #000;
    height: 30px;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info .col_1{
    width: 70%;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info .col_2{
    width: 30%;
    display: flex;
    align-items: center;
    border-left: 1px solid #000;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type{
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type .col_1{
    width: 50%;
    display: flex;
    height: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type .col_2{
    width: 50%;
    display: flex;
    height: 100%;
    border-left: 1px solid #000;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .note_kt{
    width: 100%;
    padding: 10px;
    font-style: italic;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe{
    width: 100%;
    display: flex;
    border:1px solid #000;
    border-top:none;
    flex-wrap: wrap;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info{
    width: 100%;
    display: flex;
    border-bottom:1px solid #000;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left{
    width: 50%;
    border-right: 1px solid #000;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top{
    width: 100%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .img{
    width: 50%;
    display: flex;
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .img img{
    max-width: 80%;
    height: auto;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left .img_top{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left .img_top img{
    height: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra{
    width: 50%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra{
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .text{
    width: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .input{
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .input .li_check{
    width: 50%;
    display: flex;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom{
    width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .yeucau_khac{
    width: 100%;
    padding: 10px;
    height: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .yeucau_khac .title_yeucau{
    width: 100%;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col{
    width: 100%;
    display: flex;
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col{
    width: 50%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .text{
    width: 80px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .input{
    width: calc(100% - 80px);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .input input{
    border:none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full{
    width: 100%;
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .flex{
    width: 100%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .note{
    width: 100%;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia{
    width: 100%;
    border-collapse: collapse;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td{
    border:1px solid #000;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td .list_danhgia{
    width: 100%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td .list_danhgia .li_danhgia{
    width: 50%;
    display: flex;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right{
    width: 50%;
    border-right: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten{
    width: 100%;
    height: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #000;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .left_kt{
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #000;
    justify-content: center;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt{
    width: calc(100% - 150px);
    height: 100%;
    align-items: center;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt .tiep_nhan{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: 1px solid #000;
    height: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt .giao_xe{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt{
    width: 100%;
    height: calc((100% - 30px)/2);
    border-bottom: 1px solid #000;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt:last-of-type{
    width: 100%;
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt{
    width: 150px;
    height: 100%;
    border-right: 1px solid #000;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt .chucvu_kt{
    width: 100%;
    margin-top: 20px;
    font-size: 12px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt .name_kt{
    width: 100%;
    margin-top: 30px;
    font-weight: 700;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt{
    width: calc(100% - 150px);
    height: 100%;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt .tiep_nhan{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: 1px solid #000;
    height: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt .giao_xe{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .img_top{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .img_top img{
    height: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full{
    width: 100%;
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra{
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .text{
    display: flex;
    width: 150px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .input{
    display: flex;
    width: calc(100% - 150px);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .input .li_check{
    display: flex;
    width: 50%;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #dedede;
    padding: 10px;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho:last-of-type{
    border-bottom: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .chon{
    width: 100px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .chon button{
    width: 100px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .xoa{
    width: 60px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .xoa button{
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .ten_khoang{
    width: calc(100% - 320px);
    font-size: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_bks_cho .bks{
    width: 120px;
    font-size: 20px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_add{
    width: calc(100%/6 - 10px);
    display: flex;
    height: 200px;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border:1px solid #dedede;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_add .li_anh_add_content{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_add .li_anh_add_content .icon_add{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_add .li_anh_add_content .icon_add i{
    width: 40px;
    height: 40px;
    text-align: center;
    border:3px solid #828282;
    color: #828282;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_add .li_anh_add_content .text{
    width: 100%;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_nt{
    width: calc(100%/6 - 10px);
    display: flex;
    height: 200px;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_nt .minh_hoa{
    width: 100%;
    position: relative;
    height: 200px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_nt .minh_hoa span{
    width: 30px;
    height: 30px;
    position: absolute;
    margin: auto;
    top: 5px;
    right: 5px;
    z-index: 9;
    border-radius: 50%;
    border:1px solid #212529;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_nt .minh_hoa span:hover{
    background: #f00;
    color: #fff;
    border:1px solid #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_anh_nt .li_anh_nt .minh_hoa img{
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    border-radius: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv {
    width: calc(50% - 5px);
    float: left;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .content_viec{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .content_viec .ten_cv {
    width: calc(100% - 20px);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .content_viec .fa-ellipsis-v {
    font-size: 20px;
    cursor: pointer;
    color: #838383;
    width: 10px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .content_viec .fa-ellipsis-v:hover {
    color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .title {
    width: 100%;
    color: #c70404;
    font-weight: 700;
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step {
    width: calc(25% - 5px);
    display: flex;
    justify-content: flex-start;
    padding: 5px;
    align-items: center;
    gap:3px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step input {
    width: 20px;
    cursor: pointer;
    transform: scale(1.5);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step input:disabled {
    background-color: #dedede;
    opacity: 1;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step button {
    background: #f60;
    padding-left: 155px;
    padding-left: 15px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step button:disabled {
    background-color: #dedede;
    opacity: 1;
    border: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step .fa-ellipsis-v {
    font-size: 20px;
    cursor: pointer;
    color: #838383;
    width: 10px;
    text-align: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .list_step .step .fa-ellipsis-v:hover {
    font-size: 20px;
    cursor: pointer;
    color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table {
    width: 100%;
    border-collapse: collapse;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr {
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr td {
    border: 1px solid #dedede;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr.ktv {
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr.busy {
    background: #adadad;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr td.diem {
    font-size: 16px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr td input[type=checkbox] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv table tr td input[type=radio] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc {
    width: 100%;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc table {
    width: 100%;
    border: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc table tr {
    background: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc table tr td {
    border: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc table tr td input[type=checkbox] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_qc table tr td span {
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more {
    width: 100%;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td {
    padding: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td select{
    border:1px solid #dedede;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td .datetimepicker_mask{
    width: 120px;
    border:1px solid #dedede;
    padding: 5px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td .datetimepicker_mask:disabled{
    background: #fff;
    border: none;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td textarea.ly_do{
    border:1px solid #dedede;
    width: 195px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td textarea.ly_do:disabled{
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .table_ktv .table_more table td .edit_ngaygiao{
    font-size: 20px;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_lenh {
    width: 100%;
    margin-bottom: 5px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    background: #fff;
    padding: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_lenh .li_info_lenh {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    background: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_lenh .li_info_lenh .col {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh {
    width: 100%;
    display: flex;
    gap: 0px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    background: #fff;
    padding: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh .chon_cv {
    width: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh .chon_cv input {
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh .chon_cv label {
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh .chon_cv label i {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .li_congviec_chitiet_lenh .ten_cv {
    width: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai {
    width: 100%;
    display: flex;
    gap: 20px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    background: #1374ad;
    color: #fff;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .left {
    width: 50%;
    display: flex;
    gap: 15px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    background: #1374ad;
    color: #fff;
    justify-content: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .right {
    width: 50%;
    display: flex;
    gap: 15px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    background: #1374ad;
    color: #fff;
    justify-content: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .nhom_phanloai {
    display: flex;
    gap: 15px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    background: #1374ad;
    color: #fff;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .li_phanloai {
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .li_phanloai input {
    display: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .li_phanloai label {
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .li_phanloai label:hover {
    color: yellow;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .list_phanloai .li_phanloai i {
    font-size: 20px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .section {
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .section .section_title {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .section .ma_giamgia {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_tiepnhan .section .ma_giamgia input {
    height: 40px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left {
    width: calc(60% - 10px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_right {
    width: calc(40% - 10px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_right .li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    gap: 0px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_right .li_info .name {
    width: 110px;
    text-align: left;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_right .li_info .text {
    width: calc(100% - 110px);
    text-align: left;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_right .li_info .text input {
    height: 34px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    gap: 0px;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .li_info .name {
    width: 110px;
    text-align: left;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .li_info .text {
    width: calc(100% - 110px);
    text-align: left;
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .li_info .text select {
    height: 34px;
    font-size: 15px;
    color: #354052;
    max-width: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .li_info .text input {
    height: 34px;
    font-size: 15px;
    color: #354052;
    max-width: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .group_li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .group_li_info .li_info {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .group_li_info .li_info:nth-child(2n+2) .name {
    width: 80px;
    text-align: left;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .info_baogia .info_left .group_li_info .li_info:nth-child(2n+2) .text {
    width: calc(100% - 100px);
    text-align: left;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .title_tiepnhan h1 {
    font-size: 18px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_doanhnghiep {
    width: calc(100% - 380px);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_doanhnghiep h1 {
    font-size: 16px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_xe {
    position: relative;
    width: 150px;
    color: #f00;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_xe input {
    width: 150px;
    color: #f00;
    border: 2px dashed #f00;
    text-align: center;
    height: 40px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_xe .goi_y_bks{
    position: absolute;
    margin: auto;
    width: 150px;
    height: 100px;
    top:65px;
    background: #fff8f5;
    padding: 10px;
    overflow: auto;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_xe .goi_y_bks .li_goi_y_bks{
    width: 100%;
    height: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_xe .goi_y_bks .li_goi_y_bks:hover{
    font-weight: 700;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_logo {
    width: 250px;
    display: flex;
    align-items: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .info_tiepnhan .info_logo img {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form:last-of-type {
    border-bottom: none;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form label {
    font-weight: 700;
    height: 40px !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form .li_form_right label {
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo .li_photo {
    width: calc(100% - 5px);
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo .li_photo .li_photo_content {
    width: 100%;
    position: relative;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo .li_photo .li_photo_content img {
    width: 100%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo .li_photo .li_photo_content button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    height: 30px;
    line-height: normal;
    background: #1374ad;
    color: #fff;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .li_group_form .li_form .list_photo .li_photo .button_photo {
    width: 110px;
    line-height: normal;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group .col {
    width: 50%;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group label {
    width: calc(100% - 10px);
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group input {
    margin: 0;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group .minh_hoa {
    width: 200px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group .minh_hoa img {
    width: 100%;
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group textarea {
    margin: 0;
    width: calc(100% - 10px);
    height: 100px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .form_group select {
    margin: 0;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 .li_form {
    width: calc(100%/3);
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 .li_form .col_hieuluc {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 .li_form label {
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 .li_form input[type=text] {
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .list_tiepnhan .li_group_form_2 .li_form select {
    margin: 0;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec {
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .box_goi_combo{
	position: relative;
	width: 250px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .box_goi_combo .title_box_combo{
	width: 250px;
	height: 40px;
	border:1px solid #dedede;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 10px;
    user-select: none; /* Không cho phép chọn văn bản */
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo{
    position: absolute;
    margin: auto;
    background: #fff;
    z-index: 999;
    width: 250px;
    max-height: 150px;
    padding: 10px;
    overflow: auto;
    border:1px solid #dedede;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo{
    width: 100%;
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
    align-items: center;
    gap:5px;
    cursor: pointer;
    border-bottom: 1px dashed #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo .input{
	width: 20px;
	display: flex;
	align-items: center;
	align-content: center;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo .input input{
	transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo .text{
	width: calc(100% - 30px);
	overflow: hidden;
	text-transform: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo .text label{
	display: inline-block;
	width: 100%;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo .text::first-letter {
  text-transform: uppercase;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_goi_combo .li_goi_combo:hover .text{
	color: #f00;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .title select {
    margin: 0;
    width: 200px;
    height: 40px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 35px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
    margin-right: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content {
    width: 100%;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table {
    width: 100%;
    border-collapse: collapse;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
    position: relative;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y{
    position: absolute;
    margin: auto;
    top: 30px;
    width: 350px;
    height: 200px;
    overflow: auto;
    background: #e9eaff;
    z-index: 999;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y .li_goi_y{
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y .li_goi_y:hover{
    color: #f60;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input{
    width: 100%;
    border: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input[type=radio]{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input[type=checkbox]{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_giamgia {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_thanhtien {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_baohiem {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_noibo {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_baohanh {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_tutra {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung {
    width: 100%;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content {
    width: 100%;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table {
    width: 100%;
    border-collapse: collapse;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
    position: relative;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y{
    position: absolute;
    margin: auto;
    top: 30px;
    width: 350px;
    height: 200px;
    overflow: auto;
    background: #e9eaff;
    z-index: 999;
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y .li_goi_y{
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y .li_goi_y:hover{
    color: #f60;
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input{
    width: 100%;
    border: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input[type=checkbox]{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input[type=radio]{
    transform: scale(1.5);
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_giamgia {
    cursor: pointer;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_baohiem {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_noibo {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_baohanh {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_tutra {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_thanhtien {
    cursor: pointer;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan {
    width: 100%;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan button{
    width: 150px;
    background: #dedede;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan button.active{
    background: #1374ad;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content {
    width: 100%;
    margin-top: 10px;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content.hide {
    display: none;
}
.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table {
    width: 100%;
    border-collapse: collapse;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box_pop_add .box_pop_add_content .pop_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
}
.pop_list_in {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

.pop_list_in .pop_list_in_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 300px;
    height: 200px;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.pop_list_in .pop_list_in_content #close_pop_in{
    position: absolute;
    margin: auto;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: -10px;
    cursor: pointer;
}
.pop_list_in .pop_list_in_content #close_pop_in:hover{
    background: #f60;
    color: #fff;
}
.pop_list_in .pop_list_in_content button{
    width: 100%;
}
.pop_edit {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

.pop_edit .pop_edit_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 350px;
    height: 58px;
    background: #fff;
    padding: 10px;
}

.pop_edit .pop_edit_content .li_pop_edit {
    width: 100%;
    display: flex;
    gap: 10px;
}

.pop_edit .pop_edit_content .li_pop_edit input[type=text] {
    width: 250px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.pop_edit .pop_edit_content .li_pop_edit button {
    width: calc(100% - 260px);
}

.pop_add_congviec {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 550px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    z-index: 99999;
    display: none;
}

.pop_add_congviec .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.pop_add_congviec .title i {
    cursor: pointer;
}

.pop_add_congviec .group_congviec {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.pop_add_congviec .li_congviec {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.pop_add_congviec .li_congviec label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
}

.pop_add_congviec .li_congviec input[type=text] {
    width: 100%;
    margin-top: 5px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.pop_add_congviec .li_congviec select {
    margin-top: 5px;
    width: 100%;
    height: 38px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 35px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url(images/arrow-down.png) no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
    margin-right: 10px;
}

.pop_add_congviec .li_congviec .goi_y {
    position: absolute;
    width: calc(100% - 20px);
    background: #fff;
    margin: auto;
    z-index: 999;
    border: 1px solid #dedede;
    padding: 10px;
    top: 62px;
    border-radius: 0px 0px 5px 5px;
    max-height: 138px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.pop_add_congviec .li_congviec .goi_y .li_goi_y {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.pop_add_congviec .li_congviec .goi_y .li_goi_y:hover {
    color: #5fae04;
    cursor: pointer;
}

.pop_add_congviec .list_button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.pop_add_phutung {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 550px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    z-index: 99999;
    display: none;
}

.pop_add_phutung .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.pop_add_phutung .title i {
    cursor: pointer;
}

.pop_add_phutung .group_congviec {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}
.pop_add_phutung .group_congviec_check {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}
.pop_add_phutung .group_congviec_check  .input_check{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.pop_add_phutung .group_congviec_check  .input_check input[type=checkbox]{
    transform: scale(1.5);
}
.pop_add_phutung .li_congviec {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.pop_add_phutung .li_congviec .goi_y {
    position: absolute;
    width: calc(100% - 20px);
    background: #fff;
    margin: auto;
    z-index: 999;
    border: 1px solid #dedede;
    padding: 10px;
    top: 62px;
    border-radius: 0px 0px 5px 5px;
    max-height: 138px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.pop_add_phutung .li_congviec .goi_y .li_goi_y {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.pop_add_phutung .li_congviec .goi_y .li_goi_y:hover {
    color: #5fae04;
    cursor: pointer;
}

.pop_add_phutung .li_congviec label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
}

.pop_add_phutung .li_congviec input[type=text] {
    width: 100%;
    margin-top: 5px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung .li_congviec select {
    width: 100%;
    margin-top: 5px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung .list_button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.pop_add_phutung .pop_content{
    width: 100%;
}
.pop_add_phutung .pop_content .list_input{
    width: 100%;
    overflow-y: auto;
    padding: 10px;
}
.pop_add_phutung .pop_content .list_input .li_group_form{
    width: 100%;
    gap:10px;
    display: flex;
}
.pop_add_phutung .pop_content .list_input .li_group_form .li_form{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}
.pop_add_phutung .pop_content .list_input .li_group_form .li_form label{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
.pop_add_phutung .pop_content .list_input .li_group_form .li_form select{
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung .pop_content .list_input .li_group_form .li_form input{
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung .pop_content .list_input .box_search_add{
    width: 100%;
    margin-bottom: 10px;  
}
.pop_add_phutung .pop_content .list_input .box_search_add input{
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung .pop_content .list_input .table_scroll{
    width: 100%;
    max-height: 410px; /* Adjust height as needed */
    overflow-y: auto; /* Vertical scrolling */
    overflow-x: auto; /* Horizontal scrolling */
    border: 1px solid #ccc; /* Optional border */
}
.pop_add_phutung .pop_content .list_input .table_scroll .load_more{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop_add_phutung .pop_content .list_input table{
    width: 100%;
}
.pop_add_phutung .pop_content .list_input table tr th{
    text-align: center;
    padding: 5px;
    border:1px solid #414141;  
}
.pop_add_phutung .pop_content .list_input table tr td{
    text-align: center; 
    padding: 5px; 
    border:1px solid #414141;
    word-break: break-all;
}
.pop_add_phutung .pop_content .list_input table tr td input[type=text]{
    width: 100%;
    border:1px solid #dedede;
}
.pop_add_phutung_nhapkho {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 550px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    z-index: 9999;
    display: none;
}

.pop_add_phutung_nhapkho .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.pop_add_phutung_nhapkho .title i {
    cursor: pointer;
}

.pop_add_phutung_nhapkho .group_congviec {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

.pop_add_phutung_nhapkho .li_congviec {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.pop_add_phutung_nhapkho .li_congviec .goi_y {
    position: absolute;
    width: calc(100% - 20px);
    background: #fff;
    margin: auto;
    z-index: 999;
    border: 1px solid #dedede;
    padding: 10px;
    top: 62px;
    border-radius: 0px 0px 5px 5px;
    max-height: 138px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}

.pop_add_phutung_nhapkho .li_congviec .goi_y .li_goi_y {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.pop_add_phutung_nhapkho .li_congviec .goi_y .li_goi_y:hover {
    color: #5fae04;
    cursor: pointer;
}

.pop_add_phutung_nhapkho .li_congviec label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
}

.pop_add_phutung_nhapkho .li_congviec input[type=text] {
    width: 100%;
    margin-top: 5px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung_nhapkho .li_congviec select {
    width: 100%;
    margin-top: 5px;
    height: 38px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.pop_add_phutung_nhapkho .list_button {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.pop_lichsu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.pop_lichsu .pop_lichsu_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 850px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    z-index: 99999;
    display: block;
}

.pop_lichsu .pop_lichsu_content .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
}

.pop_lichsu .pop_lichsu_content .title i {
    cursor: pointer;
}

.pop_lichsu .pop_lichsu_content .list_lichsu {
    width: 100%;
    height: 500px;
    overflow-y: auto;
}

.pop_lichsu .pop_lichsu_content .list_lichsu table {
    width: 100%;
    border-collapse: collapse;
}

.pop_lichsu .pop_lichsu_content .list_lichsu table tr th {
    background: #1374ad;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
}

.pop_lichsu .pop_lichsu_content .list_lichsu table tr.even td {
    padding: 5px;
    background: #7ccfff;
    border: 1px solid #fff;
}

.pop_lichsu .pop_lichsu_content .list_lichsu table tr.odd td {
    padding: 5px;
    background: #a5deff;
    border: 1px solid #fff;
}

.pop_lichsu .pop_lichsu_content .list_lichsu table tr td a {
    background: #1374ad;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 6px;
    color: #fff;
}

.pop_lichsu .pop_lichsu_content .list_lichsu .table_chitiet {
    width: 100%;
    border-collapse: collapse;
}

.pop_lichsu .pop_lichsu_content .list_lichsu .table_chitiet tr th {
    background: #797979;
    color: #fff;
    border: 1px solid #dedede;
    padding: 5px;
}

.pop_lichsu .pop_lichsu_content .list_lichsu .table_chitiet tr td {
    padding: 5px;
    background: #fff;
    border: 1px solid #dedede;
}

.pop_lichsu .pop_lichsu_content .list_lichsu .title_ls {
    color: #f00;
    font-weight: 700;
}
.pop_uoctinh_loinhuan {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 960px;
    background: #fff;
    height: 540px;
    border: 1px solid #dedede;
    z-index: 99999;
    display: block;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .title {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .title i {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_tiepnhan {
    width: 100%;
    max-height: 100%;
    margin-bottom: 10px;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec {
    width: 100%;
    margin-top: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .title select {
    margin: 0;
    width: 200px;
    height: 40px;
    font-size: 15px;
    color: #354052;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 35px;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
    margin-right: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content {
    width: 100%;
    margin-top: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table {
    width: 100%;
    border-collapse: collapse;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
    position: relative;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y{
    position: absolute;
    margin: auto;
    top: 30px;
    width: 350px;
    height: 200px;
    overflow: auto;
    background: #e9eaff;
    z-index: 999;
    display: none;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y .li_goi_y{
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .goi_y .li_goi_y:hover{
    color: #f60;
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input{
    width: 100%;
    border: none;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input[type=radio]{
    transform: scale(1.5);
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td input[type=checkbox]{
    transform: scale(1.5);
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_giamgia {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_thanhtien {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_baohiem {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_noibo {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_baohanh {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_congviec .list_congviec_content table tr td .edit_tutra {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung {
    width: 100%;
    margin-top: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content {
    width: 100%;
    margin-top: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table {
    width: 100%;
    border-collapse: collapse;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
    position: relative;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y{
    position: absolute;
    margin: auto;
    top: 30px;
    width: 350px;
    height: 200px;
    overflow: auto;
    background: #e9eaff;
    z-index: 999;
    display: none;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y .li_goi_y{
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .goi_y .li_goi_y:hover{
    color: #f60;
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input{
    width: 100%;
    border: none;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input[type=checkbox]{
    transform: scale(1.5);
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td input[type=radio]{
    transform: scale(1.5);
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_giamgia {
    cursor: pointer;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_baohiem {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_noibo {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_baohanh {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_tutra {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_phutung .list_phutung_content table tr td .edit_thanhtien {
    cursor: pointer;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan {
    width: 100%;
    margin-top: 10px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .title {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan button{
    width: 150px;
    background: #dedede;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .title .list_phanloai_thanhtoan button.active{
    background: #1374ad;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content {
    width: 100%;
    margin-top: 10px;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content.hide {
    display: none;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table {
    width: 100%;
    border-collapse: collapse;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table tr th {
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .list_thanhtoan_content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #dedede;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .li_thanhtoan{
    display: flex;
    justify-content: flex-end;
    height: 40px;
    align-items: center;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .li_thanhtoan .text{
    text-align: right;
    padding-right: 10px;
    font-weight: 700;
}
.pop_uoctinh_loinhuan .pop_uoctinh_loinhuan_content .list_tab_content .li_tab .list_input .list_thanhtoan .li_thanhtoan .num{
    font-weight: 700;
    font-size: 18px;
    text-align: right;
    min-width: 120px;
}
.box_pop_add .box_pop_add_content .pop_button {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.box_pop_add .box_pop_add_content .pop_button .text_left {
    float: left;
    line-height: 35px;
}

.box_pop_add .box_pop_add_content .pop_button .text_left a:hover {
    color: #f0564a;
}

.box_pop_add .box_pop_add_content .pop_button .text_right {
    float: right;
}

.box_pop_add .box_pop_add_content .pop_button .text_center {
    text-align: center;
}

.box_pop_add .box_pop_add_content .pop_button .text_center button {
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    width: 100px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #f0564a;
    font-weight: 600;
}

.box_pop_add .box_pop_add_content .pop_button .text_right button {
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    width: 100px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #f0564a;
    font-weight: 600;
}

.box_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none;
}

.box_pop .box_pop_content {
    left: 50% !important;
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    padding-bottom: 25px;
    width: 430px;
    max-width: calc(100% - 20px);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background: #fff;
}

.box_pop .box_pop_content .pop_title {
    font-size: 18px;
    background: #1374ad;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
}
.box_pop .box_pop_content .pop_title span{
    cursor: pointer;
}
.box_pop .box_pop_content .pop_content {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.box_pop .box_pop_content .pop_content .li_input {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.box_pop .box_pop_content #content_customer {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.box_pop .box_pop_content #content_customer .count-down {
    position: relative;
    width: 100px;
}

.box_pop .box_pop_content #content_customer .count-down .content-count-down {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #f60;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 20px;
}

.box_pop .box_pop_content #content_customer .info_customer {
    width: calc(100% - 100px);
    text-align: left;
}

.box_pop .box_pop_content .pop_content .li_input label {
    width: 100%;
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
}

.box_pop .box_pop_content .pop_content .li_input input {
    margin: 0;
    width: 100%;
    height: 49px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop .box_pop_content .pop_content .li_input select {
    margin: 0;
    width: 100%;
    height: 49px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.box_pop .box_pop_content .pop_content .li_input button {
    border: none;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    background-color: #f0564a;
    font-weight: 600;
}

.box_pop .box_pop_content .pop_button {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.box_pop .box_pop_content .pop_button .text_left {
    float: left;
    line-height: 35px;
}

.box_pop .box_pop_content .pop_button .text_left a:hover {
    color: #f0564a;
}

.box_pop .box_pop_content .pop_button .text_right {
    float: right;
}

.box_pop .box_pop_content .pop_button .text_center {
    text-align: center;
}

.box_pop .box_pop_content .pop_button .text_center button {
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    width: 100px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #f0564a;
    font-weight: 600;
}

.box_pop .box_pop_content .pop_button .text_right button {
    padding: 0 10px;
    border: none;
    border-radius: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    width: 100px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #f0564a;
    font-weight: 600;
}
.pop_thongbao {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none;
}

.pop_thongbao .pop_thongbao_content {
    left: 50% !important;
    top: 50% !important;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
    padding-bottom: 25px;
    width: 430px;
    max-width: calc(100% - 20px);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    background: #fff;
}
.pop_thongbao .pop_thongbao_content .pop_title {
    font-size: 18px;
    background: #1374ad;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
}
.pop_thongbao .pop_thongbao_content .pop_title .close{
    cursor: pointer;
}
.pop_thongbao .pop_thongbao_content .pop_content {
    padding: 10px;
}
.box_list_xuly {
    width: 100%;
    margin-bottom: 10px;
}

.box_list_xuly .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.box_list_xuly .title .left {
    display: flex;
    align-items: center;
    gap:5px;
    height: 40px;
}
.box_list_xuly .title .text {
    background: #9b9b9b;
    color: #fff;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    gap:10px;
}
.box_list_xuly .title .text.active {
    background: #1374ad;
    color: #fff;
}
.box_list_xuly .title .box_search{
    width: 300px;
    gap:5px;
    display: flex;
}
.box_list_xuly .title .box_search input{
    height: 40px;
    border:1px solid #dedede;
    padding: 5px;
    width: 205px;
}
.box_list_xuly .title .tk {
    display: flex;
    gap: 10px;
}
.box_list_xuly .title .tk .tk_text{
    background: #1374ad;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.box_list_xuly .list_xuly {
    width: 100%;
    background: #fff;
}
.box_list_xuly .list_xuly .icon-transmission{
    font-size: 25px;
    cursor: pointer;
    color: #f60;
}
.box_list_xuly .list_xuly table {
    width: 100%;
    border-collapse: collapse;
}

.box_list_xuly .list_xuly table tr th {
    background: #1374ad;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
}

.box_list_xuly .list_xuly table tr.even td {
    background: #7ccfff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
    font-weight: 700;
}

.box_list_xuly .list_xuly table tr.odd td {
    background: #a5deff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
    font-weight: 700;
}
.box_list_xuly .list_xuly .content_list_baogia{
    width: 100%;
    background: #fff;
    padding: 10px;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #1374ad;
    color: #fff;
    margin-top: 10px;
    height: 40px;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .action{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .chitiet{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .duyet{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .so_tien{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .ngay{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .so{
    width: 150px;
    text-align: left;
    padding: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .khach{
    width: calc(100% - 1000px);
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .th_baogia .bks{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia{
    width: 100%;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    height: 40px;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .action{
    width: 100px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .chitiet{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .duyet{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .duyet input{
    transform: scale(1.5);
    cursor: pointer;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .so_tien{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .ngay{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .so{
    width: 150px;
    text-align: left;
    padding: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    border-left: 1px solid #dedede;
    align-items: center;
    gap:10px;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .so .icon{
    font-size: 18px;
    cursor: pointer;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .so .icon:hover{
    color: #f00;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .khach{
    width: calc(100% - 1000px);
    text-align: left;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box_list_xuly .list_xuly .content_list_baogia .list_baogia .li_baogia .bks{
    width: 150px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #dedede;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tientrinh_covan {
    position: relative;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    height: 100px;
}

.tientrinh_covan .line_tientrinh_covan {
    width: calc(100% - 20px);
    margin: auto;
    position: absolute;
    height: 4px;
    top: 0;
    bottom: 0;
    background: #fff;
}

.tientrinh_covan .list_tientrinh_covan {
    width: calc(100% - 20px);
    margin: auto;
    position: absolute;
    height: 60px;
    top: 0;
    bottom: 0;
    display: flex;
    gap: 20px;
}

.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan {
    width: calc(100%/13 - 10px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
}

.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan.wait {
    background: #fff700;
    color: #212529;
}

.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan.active {
    background: #1374ad;
    color: #fff;
}

.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan.pause {
    background: #f00;
    color: #fff;
}
.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan.warning {
    background: #f00;
    color: #fff;
}
.tientrinh_covan .list_tientrinh_covan .li_tientrinh_covan.phat_sinh {
    background: #90c;
    color: #fff;
}

.loadpage {
    position: relative;
    margin: auto;
    background: #fff;
    min-width: 100vw;
    min-height: 100vh;
}

.loadpage .content_loadpage {
    position: absolute;
    margin: auto;
    background: #fff;
    width: 350px;
    height: 250px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    max-width: 95%;
    text-align: center;
}

.loadpage .content_loadpage .logox {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.loadpage .content_loadpage .logox img {
    width: 165px;
    max-width: 100%;
}

.loadpage .content_loadpage .loadx {
    position: relative;
    margin: auto;
    background: #efefef;
    border-radius: 10px;
    display: block;
    width: 100px;
    height: .2rem;
    position: relative;
    overflow: hidden;
}

.loadpage .content_loadpage .loadx:after {
    -webkit-animation: run 1s infinite;
    animation: run 1s infinite;
    background: #f69123;
    border-radius: 10px;
    content: ' ';
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page_body {
    position: relative;
    margin: auto;
    background: #F1F4F6;
    /* width: 100vw; */
    width: 100%;
    min-height: 100vh;
    display: none;
}

.page_body .content_login {
    position: absolute;
    margin: auto;
    padding: 40px;
    background: #fff;
    width: 400px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 400px;
    max-width: calc(98% - 40px);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .125);
}

.page_body .content_login .logox {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    height: 100px;
    padding: 1rem;
}

.page_body .content_login .logox img {
    max-width: 100%;
    max-height: 100%;
}

.page_body .content_login .title_login {
    width: 100%;
    text-align: center;
    color: #4d5156;
    letter-spacing: normal;
    margin: 0px;
    padding: 0px;
}

.page_body .content_login .desc_login {
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.page_body .content_login .text_back {
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.page_body .content_login .text_back a {
    color: #0073e6;
}

.page_body .content_login input {
    height: 48px;
    border: 1px solid #e0e5e9;
    font-size: 16px;
}

.load_overlay {
    position: fixed;
    background: #000;
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 99999;
    display: none;
}

.load_process {
    position: fixed;
    margin: auto;
    z-index: 99999;
    background: #fff;
    width: 400px;
    max-width: calc(90% - 10px);
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    display: none;
}

.load_note {
    color: #f60;
}

.main_thongbao {
    position: relative;
    margin: auto;
    width: 500px;
    max-width: calc(90% - 20px);
    height: 150px;
    border: 5px double #fbb162;
    /*border-style: double;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color: #f60;
    font-family: "Roboto", Arial;
}

.page_body .topbar {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    background: #1374ad;
    z-index: 8999;
    margin: 0;
    border: 0;
    padding: 0;
    filter: none;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.page_body .container {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.page_body .topbar .topbar_content {
    margin: auto;
    height: 100%;
    width: calc(100% - 20px);
    display: flex;
    align-items: center;
}

.page_body .topbar .topbar_content .logo {
    position: relative;
    height: 100%;
    width: 200px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    float: left;
    flex-wrap: wrap;
}

.page_body .topbar .topbar_content .logo a {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: auto;
}

.page_body .topbar .topbar_content .logo a img {
    max-height: 100%;
    max-width: 100%;
}

.page_body .topbar .topbar_content .logo span {
    position: absolute;
    margin: auto;
    top: 3px;
    right: 15px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 10px;
    color: #fff;
    background: #8bc34a;
    text-align: center;
    border-radius: 5px;
}

.page_body .topbar .topbar_menu {
    width: calc(100% - 235px);
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    float: left;
    display: flex;
}
.page_body .topbar .topbar_menu .menu_mobile {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #fff;
    display: none;
}

.page_body .topbar .topbar_menu .menu_left {
    display: flex;
    gap: 10px;
    align-items: center;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top {
    position: relative;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .sub_top {
    display: none;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top:hover .sub_top {
    position: absolute;
    margin: auto;
    top: 40px;
    width: 200px;
    right: 0;
    left: 0;
    display: block;
    background: #1374ad;
    text-align: left;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .sub_top .li_sub_top {
    width: 100%;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .sub_top .li_sub_top:hover {
    background: #1094e1;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .sub_top .li_sub_top a {
    width: 100%;
    display: inline-block;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top button {
    background: #f60;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .list_hotline {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .list_hotline .li_hotline {
    display: flex;
    color: #fff;
    justify-content: flex-start;
}

.page_body .topbar .topbar_menu .menu_left .li_main_top .list_hotline .li_hotline a {
    padding-left: 5px;
    padding-left: 5px;
    font-weight: 700;
}
@media all AND (max-width: 480px){
    .page_body .topbar .topbar_content .logo {
        position: relative;
        height: 100%;
        width: 120px;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        float: left;
        flex-wrap: wrap;
    }
    .page_body .topbar .topbar_content .logo a {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        margin: auto;
        top: 0px;
    }
    .page_body .topbar .topbar_menu {
        width: calc(100% - 120px);
        padding-left: 10px;
        padding-right: 0px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-content: center;
        float: left;
        display: flex;
    }
    .page_body .topbar .topbar_menu .menu_mobile {
        display: flex;
        gap: 5px;
        align-items: center;
        color: #fff;
    }
    .page_body .topbar .topbar_menu .menu_left {
        display: none;
        position: absolute;
        margin: auto;
        top: 40px;
        right: 0;
        background: #1374ad;
    }
    .page_body .topbar .topbar_menu .menu_left.active {
        display: block;
    }
    .page_body .topbar .topbar_menu .menu_right{
        width: 100%;
        justify-content: flex-end;
    }
    .page_body .topbar .menu_right .li_menu_right .name{
        display: flex;
        align-items: center;
        gap:5px;
        display: none;
    }
    .page_body .topbar .menu_right .li_menu_right .name span{
        width: calc(100% - 10px);
    }
    .page_body .topbar .menu_right .li_menu_right .name i{
        width: 5px;
    }
    .page_body .topbar .menu_right .li_menu_right.menu_toogle {
        width: 40px;
        display: block !important;
    }
}
.page_body .topbar .form_search {
    float: left;
    width: 100%;
    max-width: 300px;
    height: calc(100% - 20px);
    background: #f4f4f4;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0 0 10px;
    border: 1px solid #ffffff;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 3px;
}

.page_body .topbar .form_search button {
    background: none;
    height: calc(100% - 6px);
    width: 40px;
    color: #9ea3a5;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.page_body .topbar .form_search input {
    padding-left: 7px;
    padding-right: 7px;
    height: calc(100% - 6px);
    width: calc(100% - 40px);
    border: none;
    background: transparent;
    color: #1e2629;
}

.page_body .topbar .form_search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9ea3a5;
}

.page_body .topbar .form_search input::-moz-placeholder {
    /* Firefox 19+ */
    color: #9ea3a5;
}

.page_body .topbar .form_search input:-ms-input-placeholder {
    /* IE 10+ */
    color: #9ea3a5;
}

.page_body .topbar .form_search input:-moz-placeholder {
    /* Firefox 18- */
    color: #9ea3a5;
}

.page_body .topbar .menu_right {
    list-style: none;
    margin-right: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    align-content: center;
}
.page_body .topbar .menu_right .li_menu_thongbao {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    float: left;
}
.page_body .topbar .menu_right .li_menu_thongbao .main{
    position: relative;
    display: inline-block;
}
.page_body .topbar .menu_right .li_menu_thongbao .main i{
    font-size: 25px;
    color: #fff;
}
.page_body .topbar .menu_right .li_menu_thongbao .main span{
    position: absolute;
    margin: auto;
    bottom: 7px;
    right: 0px;
    background: #f00;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao{
    position: absolute;
    margin: auto;
    top: 35px;
    left: -195px;
    background: #fff;
    padding: 10px;
    height: 300px;
    width: 450px;
    z-index: 999;
    border-radius: 5px;
    display: none;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .title{
    font-weight: 700;
    margin-bottom: 10px;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .list_tab_thongbao{
    width: 100%;
    display: flex;
    gap:5px;
    margin-bottom: 10px;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .list_tab_thongbao button{
    width: 100px;
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #ececec;
    color: #414141;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .list_tab_thongbao button.active{
    background: #f60;
    color: #fff;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .list_note{
    width: 100%;
    height: 218px;
    overflow: auto;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .li_thongbao{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 15px;
    background: #ececec;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    gap:10px;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .li_thongbao.moi{
    background: #ffc1c1;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .li_thongbao .bks{
    width: 75px;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .li_thongbao .time{
    width: 80px;
}
.page_body .topbar .menu_right .li_menu_thongbao .list_thongbao .li_thongbao .noi_dung{
    width: calc(100% - 165px);
}
.page_body .topbar .menu_right .li_menu_right {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    float: left;
}

.page_body .topbar .menu_right .li_menu_right.menu_toogle {
    width: 40px;
    display: none;
}

.page_body .topbar .menu_right .li_menu_right.menu_toogle a i {
    font-size: 20px;
}

.page_body .topbar .menu_right .li_menu_right a {
    margin-right: 0px;
    padding: 0px;
    height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    color: #fff;
}

.page_body .topbar .menu_right .li_menu_right img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.page_body .topbar .menu_right .li_menu_right .sub_menu_right {
    display: none;
}

.page_body .topbar .menu_right .li_menu_right:hover .sub_menu_right {
    position: absolute;
    margin: auto;
    top: 40px;
    right: 0;
    width: 150px;
    right: 0;
    left: 0;
    display: block;
    background: #1374ad;
    text-align: left;
}
.page_body .topbar .menu_right .li_menu_right .sub_menu_right .li_sub_right {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
}

.page_body .topbar .menu_right .li_menu_right .sub_menu_right .li_sub_right:hover {
    background: #1094e1;
}

.page_body .topbar .menu_right .li_menu_right .sub_menu_right .li_sub_right a {
    width: 100%;
    display: inline-block;
    height: 100%;
}

.page_body .topbar .menu_right .li_menu_right .sub_menu_right .li_sub_right a i {
    margin-right: 10px;
}
.page_body .content_khaosat {
    width: 100%;
    background: #fff;
    padding-top: 40px;
    display: flex;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    flex-wrap: wrap;
    gap:30px;
}
.page_body .content_khaosat .desc{
    width: 100%;
    margin-top: 20px;
}
.page_body .content_khaosat .desc .desc_content{
    width: 100%;
    background: #918ae9;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}
.page_body .content_khaosat .desc .desc_content .title{
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}
.page_body .content_khaosat .col_content{
    width: calc(100%/3 - 20px);
}
.page_body .content_khaosat .col_content .title{
    width: 100%;
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
}
.page_body .content_khaosat .col_content .title span{
    font-weight: normal;
}
.page_body .content_khaosat .col_content .list_text{
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}
.page_body .content_khaosat .col_content .list_text .li_text{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .content_khaosat .col_content .list_text .li_text .li_text_left{
    width: 100px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}
.page_body .content_khaosat .col_content .list_text .li_text .li_text_right{
    width: calc(100% - 100px);
}
.page_body .content_khaosat .col_content .list_rate{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:10px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.page_body .content_khaosat .col_content .list_rate .li_rate{
    width: calc(100%/10 - 5px);
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}
.page_body .content_khaosat .col_content .list_rate .li_rate.active{
    background: #f60;
    color: #fff;
}
.page_body .content_khaosat .col_content .list_button{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.page_body .content_khaosat .col_content .list_input{
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}
.page_body .content_khaosat .col_content .list_input .li_input{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    width: 100%;
    gap:10px;
    float: left;
}
.page_body .content_khaosat .col_content .list_input .li_input input[type=checkbox]{
    transform: scale(1.5);
    margin: 0px;
}
.page_body .content_khaosat .col_content .list_input .li_input input[type=radio]{
    transform: scale(1.5);
    margin: 0px;
}
.page_body .content_khaosat .col_content .list_input .li_input textarea{
    width: 100%;
    border: 1px solid #cfcfcf;
    padding: 5px;
    background: #f5f5f5;
    border-radius: 5px;
}
.page_body .content_khaosat .col_content .list_input.col_2 .li_input{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    width: 50%;
}
.page_body .content_khaosat .col_content .list_input.col_3 .li_input{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    width: calc(100%/3);
}
@media all AND (max-width: 768px){
    .page_body .content_khaosat {
        width: 100%;
        background: #fff;
        padding-top: 40px;
        display: flex;
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px;
        gap:0px;
        flex-wrap: wrap;
    }
    .page_body .content_khaosat .col_content{
        width: 100%;
    }
    .page_body .content_khaosat .col_content .list_input.col_2 .li_input{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 10px;
        width: 100%;
    }
    .page_body .content_khaosat .col_content .title {
        font-size: 16px;
    }
}
@media all AND (max-width: 480px){
    .page_body .topbar .menu_right .li_menu_right:hover .sub_menu_right {
        position: absolute;
        margin: auto;
        top: 40px;
        left: auto;
        right: -44px;
        width: 150px;
        display: block;
        background: #1374ad;
        text-align: left;
    }
}
.page_body .container .main_content {
    position: relative;
    margin: auto;
    width: calc(100% - 20px);
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    flex-wrap: wrap;
}
.page_body .container .main_content .top_catalogue_noithat{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    align-items: center;
}
.page_body .container .main_content .top_catalogue_noithat .box_search{
	position: relative;
	width: calc(100% - 600px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 35px;
	background: #dedede;
	border-radius: 17.5px;
}
.page_body .container .main_content .top_catalogue_noithat .box_search .box_icon{
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.page_body .container .main_content .top_catalogue_noithat .box_search input{
	width: calc(100% - 65px);
	height: 100%;
	border:none;
	background: none;
}
.page_body .container .main_content .top_catalogue_noithat .box_search input::placeholder{
	color: #212529;
}
.page_body .container .main_content .top_catalogue_noithat .box_model{
	position: relative;
	display: flex;
	justify-content: flex-end;
	gap:10px;
	align-items: center;
	width: 250px;
}
.page_body .container .main_content .top_catalogue_noithat .box_model select{
	width: 180px;
	border:1px solid #dedede;
	height: 35px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter{
	position: relative;
	display: flex;
	justify-content: flex-start;
	gap:10px;
	align-items: center;
	width: 300px;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter{
	position: relative;
	display: flex;
	justify-content: flex-start;
	gap:5px;
	align-items: center;
	width: 140px;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter input[type=checkbox]{
	transform: scale(1.5);
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:10px;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter label i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border:1px solid #909090;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter label .fa-star{
	color: #ffac00;
}
.page_body .container .main_content .top_catalogue_noithat .box_filter .li_filter label .fa-thumbs-up{
	color: #006fd5;
}
.page_body .container .main_content .bottom_catalogue_noithat{
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat{
	width: calc(100%/7 - 8.58px);
	padding: 10px;
	background: #f2f2f2;
    border-radius: 5px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat:hover{
	background: #d6ceff;
	border-radius: 5px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat.active{
	background: #d6ceff;
	border-radius: 5px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa{
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa img{
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	z-index: 0;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa .so_luong{
	margin: auto;
	top: 7px;
	left: 7px;
	position: absolute;
	width: 25px;
	height: 25px;
	object-fit: cover;
	border-radius: 50%;
	background: #f60;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa .filter{
	margin: auto;
	top: 7px;
	right: 7px;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa .filter .fa-star{
	color: #ffac00;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .minh_hoa .filter .fa-thumbs-up{
	color: #006fd5;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .ma_nt{
	position: relative;
	width: 100%;
	margin-top: 5px;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .ten_nt{
	position: relative;
	width: 100%;
	margin-top: 5px;
    font-weight: 700;
}
.page_body .container .main_content .bottom_catalogue_noithat .list_catalogue_noithat .li_noithat .gia_nt{
	position: relative;
	width: 100%;
	margin-top: 5px;
}
.page_body .container .main_content .list_xuat_dulieu{
    width: 100%;
    padding: 10px;
    display: flex;
    gap:30px;
    flex-wrap: wrap;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu{
    width: calc(100%/3 - 20px);
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.page_body .container .main_content .list_xuat_dulieu.dich_vu .li_xuat_dulieu{
    width: calc(100%/2 - 20px);
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .icon_xuat{
    width: 65px;
    text-align: center;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .icon_xuat .fa{
    font-size: 40px;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .icon_xuat img{
    max-width: 100%;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .list_button_xuat{
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .list_button_xuat button{
    width: 100px;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .info_xuat{
    width: calc(100% - 205px);
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .info_xuat .tieu_de{
    width: 100%;
    font-size: 18px;
    font-weight: 700;
}
.page_body .container .main_content .list_xuat_dulieu .li_xuat_dulieu .info_xuat .mo_ta{
    width: 100%;
    font-size: 16px;
    color: #8c8c8c;
}
.page_body .container .main_content .content_baocao_luotxe{
    width: 100%;
    padding: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:30px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang .content_box_thang{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    background: #615ad1;
    width: 200px;
    height: 60px;
    padding: 10px;
    border-radius: 5px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang .text{
    color: #fff;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input{
    width: 132px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    background: #fff;
    border-radius: 5px;
    height: 25px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input select{
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    width: 98px;
    border:none;
    border-radius: 5px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input i{
    width: 20px;
    font-size: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh{
    width: 200px;
    padding: 10px;
    border-radius: 5px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .title{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .title span{
    color: #f00;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .bieutuong{
    position: absolute;
    margin: auto;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid #dedede;
    background: #615ad1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .bieutuong i{
    font-size: 25px;
}
.page_body .container .main_content .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .tk{
    width: calc(100% - 40px);
    box-shadow: 5px 5px #615ad1;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:20px;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_tron{
    width: 350px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_tron .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
    background: none !important;
    color: #414141;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_tron .title .text{
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_tron .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe{
    width: 450px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
    background: none !important;
    color: #414141;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .text{
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .phan_loai .sub_title{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
    background: #fff;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
    gap:20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 295px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/5);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:85%;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ad9dff,#edeaff);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#e0b0c9,#fe42a6);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#faf3d5,#ebcd4d);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ffa27b,#f00);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#f00;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    justify-content: center;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    font-size: 12px;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet{
    width: calc(100% - 840px);
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
    background: none !important;
    color: #414141;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .text{
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .phan_loai .sub_title{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
    background: #fff;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 280px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/10);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:60px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#ffd36e;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_box_luotxe_chitiet .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left{
    width: calc(40% - 10px);
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .text{
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .sub_title{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
    gap:20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 280px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/6);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:85%;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ad9dff,#edeaff);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#e0b0c9,#fe42a6);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#faf3d5,#ebcd4d);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ffa27b,#f00);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#f00;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    justify-content: center;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    font-size: 12px;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right{
    width: calc(60% - 10px);
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .text{
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .sub_title{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 280px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/10);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:60px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#ffd36e;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh{
    width: 100%;
    margin-bottom: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .title{
    width: 100%;
    display: flex;
    background: #a083d5;
    padding: 5px;
    color: #fff;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content{
    margin: auto;
    width: calc(100% - 80px);
    margin-top: 40px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .sub_title{
    width: 100%;
    font-weight: 700;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box{
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .don_vi{
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .phan_loai{
    display: flex;
    justify-content: flex-start;
    gap:25px;
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .phan_loai .li_phanloai{
    display: flex;
    justify-content: flex-start;
    gap:5px;
    align-items: center;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 300px;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_thongke{
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 300px;
    align-items: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col{
    width: calc(100%/12);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 300px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content{
    position: relative;
    width: 68px;
    text-align: center;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .gj{
    position: relative;
    width: 100%;
    background: #ffd36e;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 9;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .gj:before{
    position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 0;
    content: "";
    height: 10px;
    border-radius: 10px 10px 0px 0px;
    background: #ffd36e;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .bp{
    position: relative;
    width: 100%;
    background: #a897fd;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 5;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .bp:before{
    position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 0;
    content: "";
    height: 10px;
    border-radius: 10px 10px 0px 0px;
    background: #a897fd;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .hh{
    position: relative;
    width: 100%;
    background: #6f6c99;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    z-index: 0;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .hh:before{
    position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 0;
    content: "";
    height: 10px;
    border-radius: 10px 10px 0px 0px;
    background: #6f6c99;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .txt{
    width: 100%;
    position: absolute;
    margin: auto;
    top:-35px;
    font-weight: 700;
    left: 0;
    right: 0;
    color: #f60;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .thang{
    display: flex;
    width: 100%;
    font-size: 12px;
    justify-content: center;
    height: 40px;
    align-items: center;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap:20px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai{
    width: 100px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .sub_title{
    width: 100px;
    font-size: 14px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .list_phanloai{
    width: 100px;
    margin-top: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .list_phanloai .li_phanloai{
    width: 100px;
    height: 25px;
    background: #615ad1;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu{
    width: 300px;
    height: 300px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .sub_title{
    width: 100%;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content{
    width: 100%;
    height: 280px;
    background: #171724;
    border-radius: 10px;
    margin-top: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang{
    display: flex;
    width: 100%;
    color: #fff;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang{
    width: 20%;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:5px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line{
    width: 22px;
    height: 200px;
    background: #2e2d3f;
    border-radius: 11px;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line span{
    position: relative;
    width: 22px;
    border-radius: 11px;
    background: #7ef68a;
    display: inline-block;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line span .text{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -15px;
    width: 22px;
    font-size: 10px;
    text-align: center;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .ten_thang{
    width: 100%;
    font-size: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu{
    width: calc(100% - 700px);
    height: 300px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .sub_title{
    width: 100%;
    font-size: 14px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content{
    width: 100%;
    height: 280px;
    border-radius: 5px;
    border:1px solid #dedede;
    margin-top: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box .don_vi{
    font-size: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    width: 300px;
    font-size: 10px;
    gap:10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 235px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content{
    position: relative;
    width: 68px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .txt{
    width: 100%;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .bp{
    width: 100%;
    text-align: center;
    background: #fc855f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin-bottom: -10px;
    border-radius: 10px 10px 0px 0px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .gj{
    width: 100%;
    text-align: center;
    background: #b08bf7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 10px 10px 0px 0px;
}
.page_body .container .main_content .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .thang{
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .main_content .box_top_kynang {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.page_body .container .main_content .box_top_kynang .box_theodoi{
    width: calc(60% - 5px);
    background: #fff;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    background: #ff9700;
    gap:10px;
    font-weight: 700;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .title select{
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid #dedede;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi{
    display: flex;
    width: 100%;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi{
    width: calc(100%/3);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content{
    position: relative;
    width: 255px;
    height: 155px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_1{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 200px;
    height: 155px;
    background: #dcdaf1;
    z-index: 0;
    border-radius: 15px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_2{
    margin: auto;
    position: absolute;
    width: 210px;
    height: 155px;
    left: 0;
    right: 0;
    bottom: -5px;
    background: #9690d6;
    z-index: 5;
    border-radius: 15px;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_top{
    margin: auto;
    position: absolute;
    width: 225px;
    height: 155px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom,#4b42bc,#09074e);
    z-index: 9;
    border-radius: 15px;
    color: #fff;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_top .diem{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    height: 110px;
    font-weight: 700;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_top .rate{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 40px;
    font-weight: 700;
    gap:5px;
    color: #ffe900;
}
.page_body .container .main_content .box_top_kynang .box_theodoi .list_box_theodoi .li_box_theodoi .li_box_content .nen_top .tieu_de{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 30px;
}
.page_body .container .main_content .box_top_kynang .box_kynang{
    background: #fff;
    width: calc(40% - 5px);
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .title{
    width: 100%;
    background: #f00;
    color: #fff;
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb{
    position: relative;
    width: 50%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .diem_tb_content{
    position: relative;
    width: 225px;
    height: 155px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_1{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 200px;
    height: 155px;
    background: #dcdaf1;
    z-index: 0;
    border-radius: 15px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_2{
    margin: auto;
    position: absolute;
    width: 210px;
    height: 155px;
    left: 0;
    right: 0;
    bottom: -5px;
    background: #9690d6;
    z-index: 5;
    border-radius: 15px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_top{
    margin: auto;
    position: absolute;
    width: 225px;
    height: 155px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom,#4b42bc,#09074e);
    z-index: 9;
    border-radius: 15px;
    color: #fff;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_top .diem{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    height: 70px;
    font-weight: 700;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_top .rate{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 40px;
    font-weight: 700;
    gap:5px;
    color: #ffe900;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .diem_tb .nen_top .tieu_de{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    height: 30px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang{
    width: 50%;
    padding: 10px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    margin-bottom: 10px;
    align-items: center;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang .ten_kynang{
    width: 120px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang .line_kynang{
    width: calc(100% - 150px);
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang .line_kynang .line_content{
    position: relative;
    width: 100%;
    height: 10px;
    background: #000;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang .line_kynang .line_content span{
    position: absolute;
    height: 10px;
    display: inline-block;
    background: #f60;
    border-radius: 5px;
}
.page_body .container .main_content .box_top_kynang .box_kynang .box_content .list_kynang .li_kynang .diem_kynang{
    width: 30px;
    text-align: center;
}
.page_body .container .main_content .box_thongke_lichsu{
    width: 100%;
    display: flex;
    gap:10px;
    justify-content: space-between;
    margin-top: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu{
    width: calc(45% - 5px);
    background: #fff;
    border-radius: 5px;
    padding-bottom: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu{
    width: calc(55% - 5px);
    background: #fff;
    border-radius: 5px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .title{
    width: 100%;
    padding: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .title span{
    display: inline-block;
    border-bottom: 2px solid #f60;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 20px;
    font-weight: 700;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .box_search{
    width: 100%;
    padding: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .box_search .box_search_content{
    width: 100%;
    background: #F1F4F6;
    display: flex;
    height: 30px;
    border-radius: 15px;
    justify-content: flex-start;
    align-items: center;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .box_search .box_search_content i{
    width: 40px;
    text-align: center;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .box_search .box_search_content input{
    width: calc(100% - 40px);
    height: 100%;
    background: transparent;
    border:none;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .box_search .box_search_content input::placeholder{
    color: #414141;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu{
    width: 100%;
    padding: 10px;
    height: 350px;
    overflow: auto;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu{
    width: 100%;
    margin-bottom: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .stt{
    position: relative;
    width: 65px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .stt .line{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #c7c7c7;
    width: 100%;
    z-index: 0;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .stt span{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 20px;
    min-width: 30px;
    max-width: 50%;
    text-align: center;
    background: #fff;
    z-index: 9;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .info{
    width: calc(100% - 65px);
    padding-top: 7px;
    padding-bottom: 7px;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .info .name{
    width: calc(100% - 330px);
    padding-right: 10px;
    padding-left: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .info .giao{
    width: 180px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .top_lichsu .info .cong{
    width: 150px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .stt{
    width: 65px;
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .stt .chi_muc{
    width: 50%;
    height: 100px;
    border-left: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info{
    width: calc(100% - 65px);
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_ktv{
    display: flex;
    justify-content: flex-start;
    gap:10px;
    margin-top: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_ktv .li_ktv{
    display: inline-block;
    background: #f60;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 15px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv{
    width: 100%;
    background: #F1F4F6;
    border-radius: 5px;
    margin-top: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th .stt{
    width: 50px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th .name{
    width: calc(100% - 390px);
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th .so_ktv{
    width: 100px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th .dt_cong_nhan{
    width: 120px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .list_th .dt_cong{
    width: 120px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv .stt{
    width: 50px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv .name{
    width: calc(100% - 390px);
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv .so_ktv{
    width: 100px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv .dt_cong_nhan{
    width: 120px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_lichsu .list_lichsu .li_lichsu .bottom_lichsu .info .list_cv .li_cv .dt_cong{
    width: 120px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu .title{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu .title .left span{
    display: inline-block;
    border-bottom: 2px solid #f60;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 20px;
    font-weight: 700;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu .title .right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu .title .right span{
    font-weight: 700;
}
.page_body .container .main_content .box_thongke_lichsu .box_doanhthu .title .right input{
    width: 100px;
    text-align: center;
    border:none;
    border-bottom:2px solid #f60;
    height: 25px;
}
.page_body .container .main_content .list_tab_bh {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .list_tab_bh .li_tab_bh {
    width: 200px;
    display: flex;
    align-items: flex-end;
}

.page_body .container .main_content .list_tab_bh .li_tab_bh button {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dcdcdc;
    color: #212529;
    border-radius: 10px 10px 0px 0px;
    font-weight: 700;
    font-size: 16px;
}

.page_body .container .main_content .list_tab_bh .li_tab_bh.active button {
    background: #a80606;
    color: #fff;
    height: 50px;
}

.page_body .container .main_content .list_tab_bh_content {
    width: 100%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content {
    width: 100%;
    display: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content.active {
    display: block;
    background: #fff;
    padding: 10px;
    border-radius: 0px 5px 5px 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh {
    position: relative;
    width: 185px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh button {
    width: 100%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add {
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    z-index: 99;
    width: 450px;
    top: 40px;
    border-radius: 5px;
    display: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .title {
    width: 100%;
    height: 30px;
    color: #fff;
    background: #1374ad;
    border-radius: 5px 5px 0px 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .title i {
    cursor: pointer;
    width: 25px;
    font-size: 20px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form {
    width: 100%;
    background: #fff;
    padding: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .left {
    width: 50%;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .left .text {
    width: 60px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .left input {
    width: 135px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .right {
    width: 50%;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .right .text {
    width: 60px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .content_box_form .li_form .right input {
    width: 135px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .list_button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_add_hang_bh .box_form_add .list_button button {
    width: 100px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_search {
    width: 1000px;
    background: #f6f6f6;
    display: flex;
    border-radius: 20px;
    align-items: center;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_search .fa-search {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_search input {
    width: calc(100% - 80px);
    padding: 5px;
    border: none;
    background: none;
    font-size: 14px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_search input::placeholder {
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_li_tab_bh_content .box_search .fa-sliders {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .stt {
    position: relative;
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .stt .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #000;
    z-index: 0;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .stt span {
    position: relative;
    background: #fff;
    z-index: 9;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang {
    display: flex;
    justify-content: flex-start;
    height: 50px;
    align-items: center;
    border-radius: 25px;
    color: #fff;
    border: none;
    overflow: hidden;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang span {
    font-weight: 700;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .name {
    width: 250px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    cursor: pointer;
    align-items: center;
    padding-left: 25px;
    background: #3f3f3f;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .name .fa-pencil-square{
    font-size: 20px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .ma {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .total {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .da_ghi {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .mat {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .info_hang .conlai {
    width: 150px;
    height: 100%;
    background: #ffebb7;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #212529;
    border-radius: 0px 25px 25px 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .action {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .action div {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .top_hang .action div .fa-list {
    background: #a80606;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi {
	position: relative;
    width: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 35px;
    padding-bottom: 30px;
    padding-right: 40px;
    padding-left: 40px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .prev{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	font-size: 30px;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 5px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .next{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	font-size: 30px;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 5px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi {
    position: relative;
    width: 220px;
    height: 150px;
    border: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_1 {
    position: absolute;
    margin: auto;
    top: 30px;
    bottom: 0;
    left: 20px;
    width: 220px;
    height: 150px;
    background: #f4f4e7;
    border-radius: 25px;
    transform: rotate(10deg);
    z-index: 0;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_2 {
    position: absolute;
    margin: auto;
    top: 17px;
    bottom: 0;
    left: 10px;
    width: 220px;
    height: 150px;
    background: #d8d8c0;
    border-radius: 25px;
    transform: rotate(5deg);
    z-index: 5;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 150px;
    background: #59178d;
    border-radius: 25px;
    z-index: 10;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    font-size: 18px;
    text-align: center;
    background: #ff85d5;
    color: #fff;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 25px 25px 0px 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info .ma {
    width: 100%;
    color: #fff;
    font-size: 12px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info .conlai {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: #fff;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info .conlai .left {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info .conlai .right {
    display: flex;
    justify-content: flex-end;
    width: 50%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_3 .info .conlai .right span {
    background: #fff;
    color: #f00;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 90px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_4 {
    position: absolute;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 150px;
    background: #f2f2f2;
    border-radius: 25px;
    z-index: 10;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_4 .bieutuong {
    width: 100%;
    text-align: center;
    font-size: 40px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_hang_baohiem .li_hang_baohiem .list_anchi .li_anchi .bg_4 .text {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .stt {
    position: relative;
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .stt .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #000;
    z-index: 0;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .stt span {
    position: relative;
    background: #fff;
    z-index: 9;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang {
    display: flex;
    justify-content: flex-start;
    height: 50px;
    align-items: center;
    border-radius: 25px;
    color: #fff;
    border: none;
    overflow: hidden;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang span {
    font-weight: 700;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .name {
    width: 250px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 25px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .ma {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .total {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .da_ghi {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .mat {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background: #3f3f3f;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .info_hang .conlai {
    width: 150px;
    height: 100%;
    background: #ffebb7;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #212529;
    border-radius: 0px 25px 25px 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .action {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .action div {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .top_hang .action div .fa-list {
    background: #a80606;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach {
	position: relative;
    width: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
    margin-bottom: 35px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    gap:3px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .prev{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	font-size: 30px;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 5px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .next{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	font-size: 30px;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 5px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach {
    position: relative;
    width: 220px;
    height: 150px;
    border: none;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_1 {
    position: absolute;
    margin: auto;
    top: 30px;
    bottom: 0;
    left: 20px;
    width: 220px;
    height: 150px;
    background: #f4f4e7;
    border-radius: 25px;
    transform: rotate(10deg);
    z-index: 0;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_2 {
    position: absolute;
    margin: auto;
    top: 17px;
    bottom: 0;
    left: 10px;
    width: 220px;
    height: 150px;
    background: #d8d8c0;
    border-radius: 25px;
    transform: rotate(5deg);
    z-index: 5;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 150px;
    background: #59178d;
    border-radius: 25px;
    z-index: 10;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    font-size: 18px;
    text-align: center;
    background: #ff85d5;
    color: #fff;
    font-weight: 700;
    border-radius: 25px 25px 0px 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .ma {
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .ma .hh{
    background: #fff;
    color: #f00;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    height: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 10px;
}
.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .conlai {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: #fff;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .conlai .left {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .conlai .right {
    display: flex;
    justify-content: flex-end;
    width: 50%;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_3 .info .conlai .right span {
    background: #fff;
    color: #f00;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 90px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_4 {
    position: absolute;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 150px;
    background: #f2f2f2;
    border-radius: 25px;
    z-index: 10;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_4 .bieutuong {
    width: 100%;
    text-align: center;
    font-size: 40px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_chinhsach_baohiem .li_chinhsach_baohiem .list_chinhsach .li_chinhsach .bg_4 .text {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .trolai {
    width: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .trolai i {
    font-size: 20px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_search {
    width: 800px;
    background: #f6f6f6;
    display: flex;
    border-radius: 20px;
    align-items: center;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_search .fa-search {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_search input {
    width: calc(100% - 80px);
    padding: 5px;
    border: none;
    background: none;
    font-size: 14px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_search input::placeholder {
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_search .fa-sliders {
    font-size: 20px;
    width: 40px;
    text-align: center;
    color: #8e8e8e;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .check_expired {
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .check_expired input {
    transform: scale(1.5);
    accent-color: #00ab16;
    color: #fff;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .check_expired label {
    font-size: 16px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_filter {
    display: flex;
    gap: 10px;
    font-size: 16px;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_filter .input {
    width: 110px;
    border-bottom: 2px solid #f60;
    display: flex;
    align-items: flex-end;
    height: 35px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_filter .input input {
    padding: 5px;
    border: none;
    font-size: 18px;
    width: 110px;
    height: 30px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .top_thedoi_taituc .box_filter .input input::placeholder {
    font-size: 14px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .stt {
    width: 50px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .hang_bh {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .ma {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .ho_ten {
    width: 120px;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .dia_chi {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .dien_thoai {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .bks {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .so_khung {
    width: 150px;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .model {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .start {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .expired {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .thoi_han {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th .action {
    width: calc(100% - 1280px);
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .stt {
    width: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .hang_bh {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .ma {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .ho_ten {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .dia_chi {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .dien_thoai {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .bks {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .so_khung {
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .model {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .start {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .expired {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .tv_bh {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .giatri {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .hh_bh {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .status {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_th_khachhang .action {
    width: calc(100% - 1440px);
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang {
    width: 100%;
    border-radius: 10px;
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 580px;
    overflow: auto;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .stt {
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info {
    width: 1350px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #dedede;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .edit {
    width: calc(100% - 1380px);
    font-size: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .hang_bh {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .ma {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .ho_ten {
    width: 120px;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .dia_chi {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .dien_thoai {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .bks {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .so_khung {
    width: 150px;
    padding: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .model {
    width: 120px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .start {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .expired {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .thoi_han {
    width: 100px;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .action {
    width: 100px;
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    border-left: 1px solid #dedede;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .action .inbox {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang .li_khachhang .info .action .lienhe {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh {
    width: 100%;
    border-radius: 10px;
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 580px;
    overflow: auto;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .stt {
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info {
    width: calc(100% - 100px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #dedede;
    gap: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .edit {
    width: 50px;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .hang_bh {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .ma {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .ho_ten {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .dia_chi {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .dien_thoai {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .bks {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .so_khung {
    width: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .model {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .start {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .expired {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .tv_bh {
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .giatri {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .hh_bh {
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang .info .status {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat {
    gap: 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info {
    background: none;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info .left {
    width: 180px;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border: 1px solid #f00;
    border-radius: 25px;
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info .right {
    position: relative;
    width: calc(100% - 180px);
    float: left;
    padding-left: 20px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info .right .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info .right .text {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #f00;
    font-size: 14px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.mat .info .right .text span {
    font-weight: 700;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty {
    gap: 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info {
    background: none;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .left {
    width: 180px;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 25px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .right {
    position: relative;
    width: 280px;
    float: left;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .right .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .right button {
    position: relative;
    width: 120px;
    border-radius: 25px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .right button.bao_mat {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_tab_bh_content .li_tab_bh_content .list_khachhang_bh .li_khachhang.empty .info .right button.them {
    background: #59178d;
}

.page_body .container .main_content .list_tab_sale {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .list_tab_sale .li_tab_sale {
    width: 200px;
    display: flex;
    align-items: flex-end;
}

.page_body .container .main_content .list_tab_sale .li_tab_sale button {
    background: #000;
    color: #fff;
    width: 100%;
    border-radius: 0px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_sale .li_tab_sale#tab_khtn button {
    border-radius: 5px 0px 0px 0px;
}

.page_body .container .main_content .list_tab_sale .li_tab_sale#tab_yeucau button {
    border-radius: 0px 5px 0px 0px;
}

.page_body .container .main_content .list_tab_sale .li_tab_sale.active button {
    background: #ad1338;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px 5px 0px 0px !important;
}

.page_body .container .main_content .list_tab_content {
    width: 100%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content {
    width: 100%;
    display: none;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content.active {
    display: block;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top {
    width: 100%;
    display: flex;
    gap: 10px;
    padding-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    height: 220px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .title_box {
    width: 100%;
    padding: 10px;
    height: 40px;
    background: #fba65c;
    font-weight: 700;
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box {
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe {
    width: calc(100% - 160px);
    height: 160px;
    text-align: center;
    display: flex;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe button {
    background: #615ad1;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh button {
    background: #615ad1;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left {
    width: 160px;
    height: 160px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left .box_xe_left_tk {
    width: 100%;
    height: 132px;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right {
    width: calc(100% - 160px);
    height: 160px;
    text-align: center;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info {
    width: 100%;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .bieutuong {
    width: 50px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .txt {
    width: 50px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar {
    display: flex;
    width: calc(100% - 60px);
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line {
    position: relative;
    width: 100%;
    height: 7px;
    background: #dedede;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line .percent {
    height: 7px;
    background: #62be00;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line .total {
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #6e6e6e;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh {
    width: 160px;
    height: 180px;
    border-left: 1px solid #dedede;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh .box_kh_tk {
    width: 100%;
    height: 132px;
    display: flex;
    justify-content: center;
    padding: 20px;
}

@keyframes growProgressBar {

    0%,
    33% {
        --pgPercentage: 0;
    }

    100% {
        --pgPercentage: var(--value);
    }
}

@property --pgPercentage {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left .progressbar {
    --size: 100px;
    --fg: #eb55c1;
    --bg: #10d4ff;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    place-items: center;
    background:
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left .progressbar .percent {
    width: 100%;
    margin-top: 25px;
    height: 20px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left .progressbar .txt {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    margin-top: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left .progressbar .count {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

/*.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_xe .box_xe_left div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}*/
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh .progressbar {
    --size: 100px;
    --fg: #369;
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    place-items: center;
    background:
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh .progressbar .percent {
    width: 100%;
    margin-top: 25px;
    height: 20px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh .progressbar .txt {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    margin-top: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box .content_box .box_kh .progressbar .count {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

/*.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .li_box div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}*/
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai {
    width: 450px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .line {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    border-top: 2px solid sandybrown;
    height: 2px;
    z-index: 0;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai {
    height: 100%;
    width: calc(100%/3);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #f60;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    z-index: 9;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content:before {
    position: absolute;
    bottom: 150px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    color: #191919;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai.active .phanloai_content:before {
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.khtn:before {
    content: "Khách hàng tiềm năng";
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.khtn {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.hot:before {
    content: "Khách hàng HOT";
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.hot {
    background: #ffc59e;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.giaoxe {
    background: #a1dcff;
    border: 2px solid #0073e6;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai .phanloai_content.giaoxe:before {
    content: "Sau giao xe";
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai.active .phanloai_content {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 4px solid #fcedda;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai.active .phanloai_content.hot {
    background: #fba65c;
    border: 4px solid #f9becc;
    color: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai.active .phanloai_content.giaoxe {
    background: #615ad1;
    border: 4px solid #cccbd9;
    color: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_phanloai .list_phanloai .li_phanloai.active .phanloai_content:before {
    bottom: 160px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_thongke {
    width: calc(100% - 790px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi {
    width: 320px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi .content_box .list_cv {
    width: 100%;
    height: 175px;
    overflow: auto;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi .content_box .list_cv .li_cv {
    width: 100%;
    gap: 10px;
    display: flex;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi .content_box .list_cv .li_cv .time {
    width: 40px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi .content_box .list_cv .li_cv .txt {
    width: 120px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_top .box_theodoi .content_box .list_cv .li_cv .customer {
    width: calc(100% - 180px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list {
    width: 100%;
    display: none;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_khtn {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab {
    width: 250px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab button {
    width: 100%;
    color: #fff;
    padding: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter {
    width: 100%;
    border: 1px solid #dedede;
    margin-top: 10px;
    border-radius: 5px;
    padding-bottom: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .title_filter {
    width: 100%;
    padding: 10px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_filter {
    width: 100%;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_filter select{
    width: 100%;
    padding: 10px;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_status {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_status .li_status {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_status .li_status input[type=checkbox] {
    transform: scale(1.5);
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_nguon {
    width: 100%;
    max-height: 250px;
    overflow: auto;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_nguon .li_nguon {
    width: 100%;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_nguon .li_nguon input[type=checkbox] {
    transform: scale(1.5);
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_quantam {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_quantam .li_quantam {
    width: calc(100%/2);
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_quantam .li_quantam select {
    width: 100%;
    padding: 10px;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .left_tab .box_filter .list_quantam .li_quantam input[type=text] {
    width: 100%;
    padding: 10px;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab {
    width: calc(100% - 250px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .title_tab {
    width: 100%;
    background: #d9d9d9;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .box_search_khtn {
    width: 100%;
    display: flex;
    background: #d9d9d9;
    height: 40px;
    border-radius: 20px;
    align-items: center;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .box_search_khtn .box_icon{
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .box_search_khtn .input{
	width: calc(100% - 70px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .box_search_khtn .input input{
	width: 100%;
	height: 35px;
	background: #d9d9d9;
	border:none;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .box_search_khtn .input input::placeholder{
	color: #212529;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach {
    width: 100%;
    overflow: auto;
    background: #d9d9d9;
    padding-bottom: 10px;
    margin-top: 10px;
    max-height: auto;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .loading{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list div {
    padding: 5px;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .stt {
    width: 60px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .ten {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .nguon {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .status {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .tinh {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .quantam {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .ngaytao {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .lienhe {
    width: 120px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .tvbh {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .th_list .yeucau {
    width: calc(100% - 1080px);
    text-align: left;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list {
    width: 100%;
    max-height: 580px;
    background: #d9d9d9;
    border-radius: 5px;
    overflow: auto;
    padding-bottom: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .stt {
    width: 60px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info {
    width: calc(100% - 65px);
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bababa;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info.lost_sale {
    border: 1px solid #bababa;
    background: #d4d4d4
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info div {
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .ten {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .nguon {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .status {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .tinh {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .quantam {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .ngaytao {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .lienhe {
    width: 120px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau {
    width: calc(100% - 870px);
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .text_yeucau {
    width: calc(100% - 130px);
    text-align: left;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu {
    width: 65px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu .text {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe {
    width: 65px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe .text {
    width: 100%;
    padding: 0px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list div {
    padding: 5px;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .stt {
    width: 60px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .ten {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .nguon {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .status {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .tinh {
    width: 140px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .quantam {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .ngaytao {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .lienhe {
    width: 120px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .tvbh {
    width: 120px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach.truongphong .th_list .yeucau {
    width: calc(100% - 1050px);
    text-align: left;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .stt {
    width: 60px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info {
    width: calc(100% - 60px);
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bababa;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info.lost_sale {
    border: 1px solid #bababa;
    background: #d4d4d4
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info div {
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .ten {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .nguon {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .status {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .tinh {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .quantam {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .ngaytao {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .lienhe {
    width: 120px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.tvbh .info .lienhe {
    width: 100px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau {
    width: calc(100% - 970px);
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .text_yeucau {
    width: calc(100% - 130px);
    text-align: left;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .text_yeucau select{
    padding-left: 5px;
    height: 30px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_laithu {
    width: 65px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_laithu .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_laithu .text {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_lienhe {
    width: 65px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_lienhe .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .list .tr_list.truong_phong .info .yeucau .button_lienhe .text {
    width: 100%;
    padding: 0px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_hot {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
    display: block;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .info {
    width: 250px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .info i {
    font-size: 30px;
    padding-right: 10px;
    margin-left: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .list_step {
    width: calc(100% - 250px);
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .list_step .input_search {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .list_step .li_step {
    width: calc(100%/14);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .list_step .li_step button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    background: #ad1338;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .th_list_hot .list_step .li_step button span {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #ad1338;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -8px;
    border: 1px solid #ad1338;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .line {
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #1374ad;
    z-index: 0;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .info {
    width: 250px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .info button {
    height: 40px;
    font-size: 12px;
    border-radius: 24px;
    background: #cbe1ed;
    color: #191919;
    font-weight: 700;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .info button i {
    font-size: 25px;
    color: #721c24;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step {
    width: calc(100% - 250px);
    display: flex;
    gap: 10px;
    z-index: 9;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step .li_step {
    width: calc(100%/14);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step .li_step button {
    position: relative;
    width: 100%;
    font-size: 12px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: #f5f5f5;
    color: #787878;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step .li_step button:hover {
    background: #f60;
    color: #fff;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step .li_step.active button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_hot .tr_list_hot .list_step .li_step.wait button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: yellow;
    color: #212529;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer {
    width: calc(50% - 5px);
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_kq_khaosat {
    width: calc(50% - 5px);
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .text {
    display: flex;
    width: calc(100% - 310px);
    gap: 40px;
    justify-content: flex-end;
    align-items: center;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .text i {
    font-size: 25px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .list_tab {
    display: flex;
    width: 230px;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .list_tab .li_tab {
    width: 50%;
    border-bottom: 2px solid #dedede;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .list_tab .li_tab.active {
    border-bottom: 2px solid #f00;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .lichsu {
    display: flex;
    width: 80px;
    flex-wrap: wrap;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .lichsu .bieutuong {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .lichsu .bieutuong i {
    font-size: 25px;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .title_customer .lichsu .txt {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer {
    width: 100%;
    overflow: auto;
    height: 738px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer {
    width: calc(100% - 10px);
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .line {
    width: calc(100% - 10px);
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    border-top: 2px solid #1374ad;
    height: 1px;
    z-index: 0;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    z-index: 9;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer {
    display: flex;
    width: calc(100% - 220px);
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer button {
    border-radius: 20px;
    width: 300px;
    background: #cbe1ed;
    color: #191919;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer i {
    font-size: 30px;
    z-index: 9;
    background: #fff;
    color: #f00;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .list_step {
    display: flex;
    align-items: center;
    gap: 26px;
    width: 187px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .list_step .li_step button {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    background: #dedede;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .list_step .li_step button.active {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    background: #1374ad;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc {
    width: 588px;
    background: #26273b;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc {
    width: 100%;
    height: 50px;
    background: #615ad1;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 200px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .rate .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .rate .text i {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    color: #ff983e;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .rate .percent {
    width: calc(100% - 80px);
    height: 10px;
    background: #31334e;
    border-radius: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .rate .percent .line {
    height: 10px;
    background: #ff983e;
    border-radius: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_voc .title {
    display: flex;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_list_voc {
    width: 100%;
    display: flex;
    background: #26273b;
    color: #fff;
    height: 20px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_list_voc .info {
    width: calc(100% - 100px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .title_list_voc .action {
    width: 100px;
    border-left: 1px solid #fff;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc {
    width: 100%;
    background: #26273b;
    color: #fff;
    overflow: auto;
    height: 756px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc {
    width: 100%;
    background-color: #26273b;
    background-image: linear-gradient(to top, #1e1f33, #26273b);
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text {
    width: calc(100% - 100px);
    padding: 10px;
    display: flex;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info {
    width: 130px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info .name {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info .time {
    width: 100%;
    color: #7c7c7c;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .content {
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .action {
    width: 100px;
    border-left: 1px solid #fff;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_voc .list_voc .li_voc .action input {
    transform: scale(1.5);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback {
    width: calc(100% - 1180px);
    background: #26273b;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .title_feedback {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .feedback_main {
    width: 100%;
    margin-top: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content {
    width: calc(100% - 60px);
    position: relative;
    margin: auto;
    background: #4f46bb;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content .score {
    width: 100%;
    font-size: 40px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content .list_star {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 20px;
    color: #ff983e;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate {
    width: 100%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate {
    width: 100%;
    display: flex;
    color: #fff;
    margin-top: 10px;
    gap: 5px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate .text {
    width: 30px;
    text-align: right;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate .text i {
    color: #ff983e;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate .percent {
    width: calc(100% - 80px);
    height: 10px;
    background: #31334e;
    border-radius: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate .percent .line {
    height: 10px;
    background: #ff983e;
    border-radius: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate .li_rate .total_rate {
    width: 50px;
    text-align: left;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail {
    width: 100%;
    margin-top: 20px;
    overflow: auto;
    height: 454px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail {
    width: 100%;
    display: flex;
    color: #fff;
    align-items: top;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px dashed #7c7c7c;
    padding-bottom: 10px;
    padding-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info {
    width: calc(100% - 100px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .name {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .time {
    width: 100%;
    color: #7c7c7c;
    margin-top: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .content {
    width: 100%;
    color: #c6c6c6;
    margin-top: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .score {
    width: 30px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list.active.tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .score i {
    color: #ff983e
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach {
    width: 1450px;
    min-width: 100%;
    margin-top: 0px;
    border-collapse: collapse;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach .sticky-column {
    position: sticky;
    right: 0;
    z-index: 1;
    vertical-align: middle;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach .sticky-row {
    position: sticky;
    top: 0;
    z-index: 1;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr th{
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td{
    position: relative;
    background: #fff;
    text-align: center;
    padding: 0px;
    height: 70px;
    padding: 5px;
    border:none;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+2) td{
    background: #d9d9d9;
    padding: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td .list_action{
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td .text_quantam{
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:first-child{
    background: #d9d9d9;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-child(2){
    background: #d9d9d9;
    padding: 0px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-child(2) div{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2){
    background: #d9d9d9;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action select{
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_laithu{
    cursor: pointer;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_laithu:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_chuyenkhach:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_lienhe:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .tab_khtn_content_bottom .tab_list_khtn .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:last-child{
    background: #d9d9d9;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau {
    width: 600px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    float: left;
    border-radius: 0px 5px 5px 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list_yeucau_title {
    width: 100%;
    background: #615ad1;
    color: #fff;
    display: flex;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list_yeucau_title .name {
    width: 150px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list_yeucau_title .mobile {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list_yeucau_title .note {
    width: calc(100% - 250px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list {
    width: 100%;
    background: #000000;
    padding: 10px;
    height: 500px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau {
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
    display: flex;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau.active {
    background: #fff0ad;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau .name {
    width: 140px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau .mobile {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau .note {
    width: calc(100% - 345px);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .list_yeucau .list .li_yeucau .time {
    width: 95px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat {
    width: calc(100% - 610px);
    float: left;
    margin-left: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search {
    width: 100%;
    position: relative;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #fcfcfc;
    border: 1px solid #dedede;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search {
    width: 100%;
    position: relative;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search .goi_y {
    width: 100%;
    position: absolute;
    margin: auto;
    z-index: 999;
    background: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    top: 39px;
    border-radius: 5px;
    display: none;
    overflow: auto;
    max-height: 300px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search .goi_y .li_goi_y {
    width: 100%;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #dedede;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    gap: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search .goi_y .li_goi_y:hover {
    background: #ad1338;
    color: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_yeucau .box_search .goi_y .li_goi_y:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .title_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #615ad1;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .title_top .name {
    width: 200px;
    font-size: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .title_top .lichsu {
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .title_top .lichsu .bieutuong {
    font-size: 20px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .title_top .lichsu .txt {
    font-size: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat {
    width: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    height: 535px;
    background: #d8d8d8;
    margin-top: 10px;
    border-radius: 5px;
    padding-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat {
    position: relative;
    margin: auto;
    width: calc(100% - 20px);
    background: #000;
    padding: 10px;
    height: 145px;
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info .ngay {
    width: 300px;
    display: flex;
    gap: 10px;
    color: #fff;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info .ngay .txt {}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info .ngay input {
    padding: 5px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info .quytrinh {
    width: 300px;
    display: flex;
    gap: 10px;
    color: #fff;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .info .quytrinh select {
    padding: 5px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .note {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .top_chat .note label {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    height: 280px;
    overflow: auto;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 25px;
    align-items: top;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .info {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .info .avatar {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .info .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .info .name {
    width: 100px;
    font-size: 12px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .txt {
    max-width: 400px;
    padding: 0px;
    padding-top: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left.none_avatar .txt {
    max-width: 500px;
    padding: 0px;
    padding-top: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_left .txt span {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 25px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .info {
    width: 100px;
    text-align: center;
    height: 70px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .info .avatar {
    width: 100px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .info .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .info .name {
    width: 100px;
    font-size: 12px;
    text-align: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .txt {
    max-width: 400px;
    padding: 0px;
    padding-top: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right.none_avatar .txt {
    max-width: 500px;
    padding: 0px;
    padding-top: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .list .li_chat_right .txt span {
    text-align: right;
    background: #d7f0fe;
    border-radius: 5px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .input_chat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    height: 50px;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .input_chat input {
    width: calc(100% - 50px);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .input_chat button {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .bottom_chat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #615ad1;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
}

.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .bottom_chat .text_status {
    position: relative;
    padding-left: 25px;
    color: #fff;
    height: 64px;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .bottom_chat .text_status .loading_chat{
	display: none;
}
.page_body .container .main_content .list_tab_content .li_tab_sale_content .box_chat .list_chat .bottom_chat button {
    background: #f60;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    border-radius: 5px;
}

.page_body .container .dieu_huong {
    position: relative;
    margin: auto;
    width: calc(100% - 20px);
    margin-top: 10px;
}

.page_body .container .dieu_huong .title_action {
    display: inline-block;
    margin: auto;
    padding: 0;
    font-size: 16px;
    color: #1374ad;
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .main_content .list_lenh_giao {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe {
    width: 100%;
    background: #fff;
    display: flex;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: space-between;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .info {
    display: flex;
    gap: 30px;
    font-size: 18px;
    width: calc(100% - 245px);
    background: #ececec;
    padding: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .info .bks {
    position: relative;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .info .bks:after {
    position: absolute;
    margin: auto;
    content: "-";
    width: 30px;
    height: 100%;
    text-align: center;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .info .khoang:after {
    position: absolute;
    margin: auto;
    content: "-";
    width: 30px;
    height: 100%;
    text-align: center;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .info .thoigian_cho:after {
    position: absolute;
    margin: auto;
    content: "-";
    width: 30px;
    height: 100%;
    text-align: center;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .action {
    width: 235px;
    gap: 20px;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .action button {
    width: calc(100% - 10px);
}

.page_body .container .main_content .list_lenh_giao .li_ruaxe .action button.disable {
    background: #dedede;
    cursor: default;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao {
    width: calc(50% - 5px);
    background: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title {
    width: 100%;
    height: 40px;
    background: #1374ad;
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.wait .li_lenh_giao_title {
    background: #ff8400;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.run .li_lenh_giao_title {
    background: #579f02;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.phat_sinh .li_lenh_giao_title {
    background: #90c;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.pause .li_lenh_giao_title {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.cho_kiemtra .li_lenh_giao_title {
    background: #999025;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.chua_ok .li_lenh_giao_title {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.ok .li_lenh_giao_title {
    background: #007086;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .status {
    width: 150px;
    border-right: 1px solid #fff;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info {
    width: calc(100% - 100px);
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
    height: 100%;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info .info_bks {
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info .info_bks:after {
    position: absolute;
    content: "-";
    width: 30px;
    text-align: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info .info_goi {
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info .info_goi:after {
    position: absolute;
    content: "-";
    width: 30px;
    text-align: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_title .info .info_giao {
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh {
    width: 100%;
    display: flex;
    gap: 10px;
    height: 100px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_ktv {
    width: calc(40% - 5px);
    border: 1px solid #dedede;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_ktv .li_ktv {
    width: 100%;
    padding-left: 15px;
    position: relative;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_ktv .li_ktv:before {
    font-family: 'FontAwesome';
    position: absolute;
    margin: auto;
    left: 0px;
    content: "\f007";
    width: 15px;
    height: 25px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_cv {
    width: calc(60% - 5px);
    border: 1px solid #dedede;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_cv .li_cv {
    width: 100%;
    padding-left: 15px;
    position: relative;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_lenh .info_cv .li_cv:before {
    font-family: 'FontAwesome';
    position: absolute;
    margin: auto;
    left: 0px;
    content: "\f013";
    width: 15px;
    height: 25px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_qc {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_qc span {
    background: #1374ad;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_time {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    align-items: center;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_time .info_time_name {
    background: #f60;
    color: #fff;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.run .li_lenh_giao_content .info_time .info_time_name {
    background: #579f02;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.phat_sinh .li_lenh_giao_content .info_time .info_time_name {
    background: #90c;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.wait .li_lenh_giao_content .info_time .info_time_name {
    background: #ff8400;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.pause .li_lenh_giao_content .info_time .info_time_name {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.cho_kiemtra .li_lenh_giao_content .info_time .info_time_name {
    background: #999025;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.chua_ok .li_lenh_giao_content .info_time .info_time_name {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao.ok .li_lenh_giao_content .info_time .info_time_name {
    background: #007086;
    color: #fff;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_button button {
    width: calc(100%/4 - 5px);
}

.page_body .container .main_content .list_lenh_giao .li_lenh_giao .li_lenh_giao_content .info_button button.disable {
    background: #dedede;
    cursor: default;
}
.page_body .container .main_content .thongke_top {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
}
.page_body .container .main_content .thongke_top .li_tk_top{
    width: calc(100%/8 - 9px);
}
.page_body .container .main_content .thongke_top .li_tk_top .text{
    width: 100%;
    text-align: center;
}
.page_body .container .main_content .thongke_top .li_tk_top .number{
    width: 100%;
    text-align: center;
}
.page_body .container .main_content .thongke_top .li_tk_top .number button{
    min-width: 50px;
    height: 25px;
    font-weight: 700;
    padding: 0px !important;
}
.page_body .container .main_content .row_section {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    height:calc(100vh - 145px);
}

.page_body .container .main_content .row_section .menu_section {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .row_section .menu_section .menu_busy button {
    background: #adadad;
}

.page_body .container .main_content .row_section .menu_section .menu_busy button.active {
    background: #f00;
}

.page_body .container .main_content .row_section .title {
    background: #1374ad;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
}

.page_body .container .main_content .row_section .row_section_left {
    width: calc(50% - 5px);
}

.page_body .container .main_content .row_section .row_section_right {
    width: calc(50% - 5px);
}

.page_body .container .main_content .row_section .section_dieuphoi_left {
    width: calc(75% - 5px);
}

.page_body .container .main_content .row_section .section_dieuphoi_right {
    width: calc(25% - 5px);
/*    background: #e7f3fb;*/
    /*box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);*/
    border-radius: 3px;
    overflow: hidden;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_right{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap:2px;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_right .li_tab{
    width: calc(100%/3);
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_right .li_tab button{
    background: #e8e8e8;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    color: #414141;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_right .li_tab.active button{
    background: #a80606;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    color: #fff;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_content{
    width: 100%;
    background: #e7f3fb;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_content .li_tab_content{
    width: 100%;
    height: 488px;
    overflow: auto;
    display: none;
}
.page_body .container .main_content .row_section .section_dieuphoi_right .list_tab_content .li_tab_content.active{
    display: block;
}
.page_body .container .main_content .row_section .section_dieuphoi_left .box_phong{
    width: 150px;
    height: 400px;
    background: #fff;
    float: right;
}
.page_body .container .main_content .row_section .section_dieuphoi_left .box_phong .li_phong{
    height: calc(100%/3);
    width: 100%;
    border-bottom:1px solid #e4e4e4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .row_section .section_dieuphoi_left .box_phong .li_phong .text{
    text-align: center;
}
.page_body .container .main_content .row_section .list_khoang {
    width: 100%;
    float: left;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_chucnang{
    width: 160px;
    border-right: 1px solid #dedede;
    padding-right: 5px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_chucnang .li_khoang_chucnang{
    width: 100%;
    display: flex;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_chucnang .li_khoang_chucnang .li_khoang{
    width: calc(50% - 5px);
    height: 45px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_dichvu{
     width: calc(100% - 160px);
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_dichvu .ten_tang{
     font-weight: 700;
     margin-bottom: 10px;
     padding-left: 10px;
     margin-top: 10px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .list_khoang_dichvu .line_tang{
    width: 100%;
    border-bottom:1px solid #dedede;
    margin-top: 40px;
    margin-bottom: 10px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang {
    width: calc(100%/10 - 90px/10);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .title_khoang {
    width: 100%;
    text-align: center;
    background: #1374ad;
    color: #fff;
    font-size: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .text_khoang{
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .icon_khoang{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap:10px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .icon_khoang i{
    font-size: 30px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .loidi_khoang{
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .loidi_khoang i{
    font-size: 30px;
    height: 20px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao {
    width: calc(100%/10 - 3px);
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .title_khoang {
    width: 100%;
    text-align: center;
    background: #1374ad;
    color: #fff;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .li_khoang_content {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    /*overflow: hidden;*/
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding: 10px;
    min-height: 70px;
    gap:10px;
    overflow: auto;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh {
    width: calc(100%/5 - 8px);
    border: 1px solid #dedede;
    padding: 0px;
    border-radius: 3px;
    height: 60px;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh {
    position: relative;
    display: none;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.uu_tien{
    padding-right: 10px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.uu_tien:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f12a";
    margin: auto;
    left: 0;
    right: 0;
    width: 10px;
    text-align: center;
    color: #f00;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.bks {
    display: block;
    background: #72533c;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.col_goi {
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh.ui-draggable-dragging {
    z-index: 999;
    display: block;
    background: #fff;
    position: absolute;
    height: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    width: 100px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh.ui-draggable-dragging .col_lenh.bks {
    color: #414141;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .li_khoang_content {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    /*overflow: hidden;*/
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: move;
    border-bottom: 1px solid #dedede;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .time_start {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size: 11px;
    height: 16px;
    line-height: 20px;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .time_end {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 20px;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh .col_lenh {
    display: none;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh .col_lenh.bks {
    display: block;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh.ui-draggable-dragging {
    z-index: 999;
    display: block;
    background: #fff;
    position: absolute;
    height: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    width: 100px;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh.ui-draggable-dragging .col_lenh.bks{
    color: #414141;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .title_khoang {
    background: #9ea3a5;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .content_khoang {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    cursor: default;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .content_khoang .li_lenh {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.run .content_khoang {
    background: #579f02;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.phat_sinh .content_khoang {
    background: #90c;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .content_khoang {
    background: yellow;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.dagiao .content_khoang {
    background: #c5fffa;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.pause .content_khoang {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.chua_ok .content_khoang {
    background: #f00;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.ok .content_khoang {
    background: #007086;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.cho_kiemtra .content_khoang {
    background: #999025;
    color: #fff;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .time_start {
    display: block;
}

.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .time_end {
    display: block;
}
.page_body .container .main_content .row_section .list_khoang .list_khoang_center .li_khoang_center .li_khoang .bks_tiep {
    width: 100%;
    font-size: 11px;
    text-align: left;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    background: #e7f5ff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    text-transform: uppercase;
}
.page_body .container .main_content .row_section .lenh_cho {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh_title {
    width: 100%;
    display: flex;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh_title .col_lenh {
    width: calc(100%/4);
    text-align: center;
    background: #1374ad;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #fff;
}

.page_body .container .main_content .row_section .lenh_cho .list_lenh {
    width: 100%;
    min-height: 100px;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh {
    width: 100%;
    display: flex;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    gap: 0px;
    margin-top: 5px;
    font-size: 12px;
}

.page_body .container .main_content .row_section .list_lenh_dangdo .li_lenh {
    background: #ff7811;
    color: #fff;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh {
    text-align: center;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.da_ghep .col_lenh {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.cho_sua .col_lenh {
    background: #a5deff;
    color: #212529;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.dang_sua .col_lenh {
    background: #8bc34a;
    color: #fff;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.move {
    cursor: move;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_bks {
    width: 85px;
    border-right: 1px solid #dedede;
}
.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_bks.uu_tien:before{
    font-family: 'FontAwesome';
    content: "\f06a";
    color: #f00;
    padding-right: 2px;
    font-size: 16px;
}
.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_goi {
    width: 90px;
    border-right: 1px solid #dedede;
    text-transform: uppercase;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_giao {
    width: calc(100% - 170px);
    padding-right: 5px;
    padding-left: 5px;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_start {}

.page_body .container .main_content .row_section .lenh_cho .li_lenh .col_lenh.col_end {}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.ui-draggable-dragging {
    width: 100px;
    z-index: 999;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.ui-draggable-dragging .col_lenh {
    display: none;
    cursor: move;
    border: none !important;
}

.page_body .container .main_content .row_section .lenh_cho .li_lenh.ui-draggable-dragging .col_lenh.bks {
    display: flex;
    color: 212529 !important;
    width: 100%;
}

.page_body .container .main_content .row_section .list_bangcho {
    width: 100%;
    max-height: 400px;
    min-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.page_body .container .main_content .row_section .list_bangcho tr{
    position: relative;
}
.page_body .container .main_content .row_section .list_bangcho tr .overlay_tiepnhan{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}
.page_body .container .main_content .row_section .list_bangcho tr .tiepnhan_index{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    height: 30px;
    background: #f00;
    color: #fff;
    border: none;
}
.page_body .container .main_content .row_section .list_bangcho tr:hover .overlay_tiepnhan{
    display: block;
}
.page_body .container .main_content .row_section .list_lenh_cho_qc {
    width: 100%;
    border-collapse: collapse;
}

.page_body .container .main_content .row_section .list_lenh_cho_qc tr th {
    background: #8cb858;
    color: #fff;
    padding: 5px;
    border: 1px solid #fff;
    width: calc(100%/3);
}

.page_body .container .main_content .row_section .list_lenh_cho_qc tr td {
    padding: 5px;
    border: 1px solid #fff;
    text-align: center;
}

.page_body .container .main_content .row_section .list_lenh_cho_qc tr td .li_lenh {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-bottom: 5px;
}

.page_body .container .main_content .row_section .list_lenh_cho_qc tr td .li_lenh:last-of-type {
    margin-bottom: 0px;
}

.page_body .container .main_content .row_section .list_bangcho table {
    width: 100%;
    border-collapse: collapse;
}

.page_body .container .main_content .row_section .list_bangcho table tr th {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
}

.page_body .container .main_content .row_section .list_bangcho table tr.even td {
    background: #a5deff;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
}

.page_body .container .main_content .row_section .list_bangcho table tr.odd td {
    background: #7ccfff;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
}

.bang_cho {
    width: 100%;
    border-collapse: collapse;
}

.bang_cho tr th {
    background: #1374ad;
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
}

.bang_cho tr.even td {
    background: #a5deff;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
}

.bang_cho tr.odd td {
    background: #7ccfff;
    padding: 10px;
    text-align: center;
    border: 1px solid #fff;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th {
    display: flex;
    width: 100%;
    background: #1374ad;
    color: #fff;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div {
    padding: 5px;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.name_dichvu {
    width: 125px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content {
    width: calc(100% - 125px);
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub div.stt {
    width: 60px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub div.name {
    width: 125px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub div.mobile {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub div.thoi_gian {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho_th div.content .li_bangcho_sub div.bks {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: #a5deff;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho:nth-child(2n+2) {
    background: #7ccfff;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.name_dichvu {
    width: 125px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content {
    width: calc(100% - 125px);
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div {
    padding: 5px;
    border-left: 1px solid #fff;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div.stt {
    width: 60px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div.name {
    width: 125px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div.mobile {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div.thoi_gian {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .row_section .list_bangcho .li_bangcho div.content .li_bangcho_sub div.bks {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .box_left {
    position: relative;
    width: calc(100% - 285px);
    float: left;
}

.page_body .container .main_content .box_right {
    position: relative;
    width: 275px;
    float: right;
}

.page_body .container .main_content .dieuhuong_giamdoc {
    width: 100%;
    height: 40px;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .left_giamdoc {
    position: relative;
    width: 285px;
    background: #f8f8f8;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
    float: left;
    z-index: 99;
}

.page_body .container .main_content .right_giamdoc {
    position: relative;
    width: calc(100% - 295px);
    margin-left: 10px;
    float: right;
    z-index: 9;
}

.page_body .container .main_content .left_giamdoc .title {
    position: relative;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.page_body .container .main_content .left_giamdoc .title .line {
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #dedede;
    z-index: 0;
}

.page_body .container .main_content .left_giamdoc .title span {
    position: relative;
    display: block;
    max-width: calc(100% - 40px);
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    text-align: center;
    text-transform: uppercase;
    background: #ffe2e2;
    z-index: 9;
}

.page_body .container .main_content .left_giamdoc .li_menu_left {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    gap: 5px;
    margin-bottom: 10px;
}

.page_body .container .main_content .left_giamdoc .li_menu_left .bieutuong {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

.page_body .container .main_content .left_giamdoc .li_menu_left .button {
    width: calc(100% - 75px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.page_body .container .main_content .left_giamdoc .li_menu_left .button button {
    width: 100%;
    background: #dcdcdc;
    color: #212529;
}

.page_body .container .main_content .left_giamdoc .li_menu_left .total {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .left_giamdoc .li_menu_left.active .button button {
    width: 100%;
    background: #f00;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho{
    position: relative;
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
    margin-bottom: 40px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao{
    width: calc(100%/3 - 10px);
    display: flex;
    justify-content: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content{
    width: 300px;
    max-width: calc(100% - 20px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .text_top_baocao{
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .so_lieu{
    width: 195px;
    position: relative;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .so_lieu .icon_baocao{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 60px;
    left: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    background-clip: text;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .so_lieu .icon_baocao img{
    max-width: 100%;
    max-height: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .so_lieu .content_baocao{
    width: 100%;
    height: 40px;
    background:#f00;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .top_baocao_tonkho .li_top_baocao .li_top_baocao_content .so_lieu .content_baocao .number{
    font-weight: 700;
    font-size: 30px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .title_baocao{
    position: relative;
    width: 100%;
    height: 30px;
    background:#ff983e;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke{
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border:1px solid #dedede;
    margin-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .text{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:20px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note .icon_km{
    width: 20px;
    height: 15px;
    background-color: #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note .icon_ban{
    width: 20px;
    height: 15px;
    background-color: #8bd3c7;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note .icon_khaithac{
    position: relative;
    width: 50px;
    height: 15px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note .icon_khaithac .line{
    position: absolute;
    height: 3px;
    width: 100%;
    margin: auto;
    bottom: 0;
    top: 0;
    background-color: #ffd966;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .title_bieudo .note .li_note .icon_khaithac .dot{
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #ffd966;
    border:2px solid #ff5000;
    z-index: 99;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo{
    position: relative;
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_bieudo{
    width: 100%;
    height: calc(100% - 69px);
    position: absolute;
    margin: auto;
    top: 20px;
    right: 0;
    left: 0;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_bieudo .point_tk{
    width: 12px;
    height: 12px;
    background-color: #ffd36e;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #f00;
    z-index: 99;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_bieudo .point_tk span{
    position: relative;
    top: -25px;
    display: inline-block;
    width: 30px;
    height: 15px;
    font-size: 12px;
    color: #414141;
    background-color: #ffd36e;
    text-align: center;
    left: -10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col{
    width: calc(100%/10);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col .text{
    width: 100%;
    height: 49px;
    padding: 5px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    border-top: 1px solid #dedede;
    box-sizing: border-box;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col .so_lieu{
    width: 100%;
    height: calc(100% - 49px);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col .so_lieu .number{
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col .so_lieu .tong_solieu{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .box_bieudo_thongke .content_bieudo .list_col .li_col .so_lieu .tong_solieu .solieu_content{
    width: 60px;
    height: 100%;
    background-color: #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:20px;
    margin-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left{
    display: flex;
    width: 300px;
    justify-content: center;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .title_ton_chuaky{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .so_lieu{
    width: 195px;
    position: relative;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .so_lieu .icon_baocao{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 60px;
    left: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    background-clip: text;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .so_lieu .icon_baocao img{
    max-width: 100%;
    max-height: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .so_lieu .content_baocao{
    width: 100%;
    height: 40px;
    background:#f00;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_left .so_lieu .content_baocao .number{
    font-weight: 700;
    font-size: 30px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right{
    width: 500px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .th_ton{
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #645caa;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .th_ton .model{
    width: 200px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .th_ton .ngay_nhap{
    width: 180px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .th_ton .tong{
    width: 120px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton{
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton .li_ton_lau{
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color:#ffa284;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton .li_ton_lau:nth-child(2n+1){
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #fcff00;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton .li_ton_lau .model{
    width: 200px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton .li_ton_lau .ngay_nhap{
    width: 180px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_tonlau_right .list_ton .li_ton_lau .tong{
    width: 120px;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao{
    width: calc(50% - 10px);
    border:1px solid #dedede;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note{
    display: flex;
    justify-content: flex-end;
    gap:20px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note .li_note{
    display: flex;
    justify-content: flex-start;
    gap:5px;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note .li_note .icon_ton_thucte{
    width: 20px;
    height: 15px;
    border:1px dashed #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note .li_note .icon_ton_chuaky{
    width: 20px;
    height: 15px;
    background-color: #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note .li_note .icon_ton_chuaky{
    width: 20px;
    height: 15px;
    background-color: #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .top_box_baocao .note .li_note .icon_ton_coky{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffd966;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao{
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 24px;
    margin-bottom: 7px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .label{
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 5px;
    box-sizing: border-box;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .so_lieu{
    width: calc(100% - 100px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .so_lieu .tong_solieu{
    position: relative;
    height: 24px;
    border: 1px dashed #cd104d;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .so_lieu .tong_solieu .solieu_ton_chuaky{
    position: absolute;
    margin: auto;
    left: -1px;
    top:-1px;
    bottom: -1px;
    height: 24px;
    background-color: #cd104d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .so_lieu .number{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_baocao .content_baocao .li_ton_model .so_lieu .solieu_coky{
    height: 24px;
    background-color: #ffd966;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414141;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_filter_baocao{
    width: 250px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_filter_baocao .box_filter{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    border: 2px solid #dedede;
    margin-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_filter_baocao .box_filter .title_filter{
    width: 100%;
    border-bottom: 1px solid #dedede;
    height: 30px;
    display: flex;
    align-items: center;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_filter_baocao .box_filter .list_filter{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_filter_baocao .box_filter .list_filter .li_filter{
    width: calc(50% - 5px);
    background-color: #e4b2d4;
    line-height: 25px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang{
    width: calc(100% - 260px);
    border-radius: 10px;
    border: 2px solid #dedede;
    padding-right: 10px;
    padding-left: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .text{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:20px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note .li_note{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note .li_note .icon_doanhthu{
    width: 20px;
    height: 15px;
    background-color: #ffd966;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note .li_note .icon_khaithac{
    position: relative;
    width: 50px;
    height: 15px;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note .li_note .icon_khaithac .line{
    position: absolute;
    height: 3px;
    width: 100%;
    margin: auto;
    bottom: 0;
    top: 0;
    background-color: #222a35;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .title_top_mathang .note .li_note .icon_khaithac .dot{
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #ffd966;
    border:2px solid #ff5000;
    z-index: 99;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang{
    position: relative;
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_bieudo{
    width: 100%;
    height: calc(100% - 69px);
    position: absolute;
    margin: auto;
    top: 20px;
    right: 0;
    left: 0;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col{
    width: calc(100%/10);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col .text{
    width: 100%;
    height: 49px;
    padding: 5px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    border-top: 1px solid #dedede;
    box-sizing: border-box;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col .so_lieu{
    width: 100%;
    height: calc(100% - 49px);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col .so_lieu .number{
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col .so_lieu .tong_solieu{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.page_body .container .main_content .right_giamdoc .content_baocao_tonkho .group_baocao .box_top_mathang .content_top_mathang .list_col .li_col .so_lieu .tong_solieu .solieu_content{
    width: 40px;
    height: 100%;
    background-color: #ffd966;
}
.page_body .container .main_content .right_giamdoc .box_tk {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai {
    width: 500px;
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    height: 220px;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .title_box {
    width: 100%;
    padding: 10px;
    height: 40px;
    background: #fba65c;
    font-weight: 700;
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box {
    width: 100%;
    height: 180px;
    position: relative;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
    border-top: 2px solid #f60;
    height: 1px;
    z-index: 0;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 9;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai {
    width: calc(100%/3);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .phanloai_content {
    height: 70px;
    width: 70px;
    background: #ffc59e;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .phanloai_content {
    height: 90px;
    width: 90px;
    font-size: 25px;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .khtn {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .khtn:before {
    position: absolute;
    margin: auto;
    bottom: 130px;
    width: 100%;
    text-align: center;
    content: "Khách hàng tiềm năng";
    font-size: 12px;
    color: #191919;
    font-weight: normal;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .khtn {
    background: #f60;
    color: #fff;
    border: 4px solid #fcedda;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .khtn:before {
    bottom: 140px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .hot {
    background: #ffc59e;
    border: 2px solid #f60;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .hot {
    background: #fba65c;
    color: #fff;
    border: 4px solid #f9becc;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .giaoxe {
    background: #a1dcff;
    border: 2px solid #0073e6;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .giaoxe {
    background: #615ad1;
    color: #fff;
    border: 4px solid #cccbd9;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .hot:before {
    position: absolute;
    margin: auto;
    bottom: 130px;
    width: 100%;
    text-align: center;
    content: "Khách hàng HOT";
    font-size: 12px;
    color: #191919;
    font-weight: normal;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .hot:before {
    bottom: 140px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai .giaoxe:before {
    position: absolute;
    margin: auto;
    bottom: 130px;
    width: 100%;
    text-align: center;
    content: "Sau giao xe";
    font-size: 12px;
    color: #191919;
    font-weight: normal;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_phanloai .content_box .list_phanloai .li_phanloai.active .giaoxe:before {
    bottom: 140px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .box_tk .box_thongke {
    width: calc(100% - 500px);
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}

.page_body .container .main_content .right_giamdoc .box_tk .title_box {
    width: 100%;
    padding: 10px;
    height: 40px;
    background: #fba65c;
    font-weight: 700;
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box {
    width: 100%;
    display: flex;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe {
    width: calc(100% - 160px);
    height: 160px;
    text-align: center;
    display: flex;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe button {
    background: #615ad1;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh button {
    background: #615ad1;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left {
    width: 160px;
    height: 160px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left .box_xe_left_tk {
    width: 100%;
    height: 132px;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right {
    width: calc(100% - 160px);
    height: 160px;
    text-align: center;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info {
    width: 100%;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .bieutuong {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .txt {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar {
    display: flex;
    width: calc(100% - 60px);
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line {
    position: relative;
    width: 100%;
    height: 7px;
    background: #dedede;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line .percent {
    height: 7px;
    background: #62be00;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_right .box_xe_right_content .li_info .proccess_bar .line .total {
    position: absolute;
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #6e6e6e;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh {
    width: 160px;
    height: 180px;
    border-left: 1px solid #dedede;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh .box_kh_tk {
    width: 100%;
    height: 132px;
    display: flex;
    justify-content: center;
    padding: 20px;
}

@keyframes growProgressBar {

    0%,
    33% {
        --pgPercentage: 0;
    }

    100% {
        --pgPercentage: var(--value);
    }
}

@property --pgPercentage {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left .progressbar {
    --size: 100px;
    --fg: #eb55c1;
    --bg: #10d4ff;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    place-items: center;
    background:
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left .progressbar .percent {
    width: 100%;
    margin-top: 25px;
    height: 20px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left .progressbar .txt {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    margin-top: 5px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left .progressbar .count {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

/*.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_xe .box_xe_left div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}*/
.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh .progressbar {
    --size: 100px;
    --fg: #369;
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    place-items: center;
    background:
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh .progressbar .percent {
    width: 100%;
    margin-top: 25px;
    height: 20px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh .progressbar .txt {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    margin-top: 5px;
}

.page_body .container .main_content .right_giamdoc .box_tk .li_box .content_box .box_kh .progressbar .count {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

.page_body .container .main_content .right_giamdoc .right_tab {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .right_tab .top_tab {
    width: 100%;
    gap: 10px;
    display: flex;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .top_tab button {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .top_tab .title_tab {
    width: calc(100% - 160px);
    background: #d9d9d9;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec {
    position: relative;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec{
    position: absolute;
    margin: auto;
    top: 40px;
    right: 0;
    left: 0;
    background: #fff;
    width: 300px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    display: none;
    z-index: 99;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec.active{
    display: block;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .title_giaoviec{
    width: 100%;
    height: 35px;
    background: #1374ad;
    color: #fff;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec .li_viec{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 5px 10px;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec .li_viec .label{
    width: 60px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec .li_viec .input{
    width: calc(100% - 140px);
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec .li_viec .input input{
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border:1px solid #dedede;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_viec .li_viec .text{
    width: 60px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_button_giaoviec{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    padding: 15px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_giaoviec .content_giaoviec .list_button_giaoviec button{
    height: 35px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_search_khtn {
    width: 100%;
    display: flex;
    background: #d9d9d9;
    height: 40px;
    border-radius: 20px;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_search_khtn .box_icon{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_search_khtn .input{
    width: calc(100% - 70px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_search_khtn .input input{
    width: 100%;
    height: 35px;
    background: #d9d9d9;
    border:none;
}
.page_body .container .main_content .right_giamdoc .right_tab .top_tab .box_search_khtn .input input::placeholder{
    color: #212529;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach {
    width: 100%;
    margin-top: 5px;
    overflow: auto;
    max-height: calc(100vh - 50px);
    padding-bottom: 10px;
    background: #d9d9d9;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .loading{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fff;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list div {
    padding: 5px;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .stt {
    width: 60px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .ten {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .nguon {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .status {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .tinh {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .quantam {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .ngaytao {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .lienhe {
    width: 120px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .tvbh {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .th_list .yeucau {
    width: calc(100% - 930px);
    text-align: left;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list {
    width: 100%;
    max-height: 615px;
    background: #d9d9d9;
    border-radius: 5px;
    overflow: auto;
    padding-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list {
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .stt {
    width: 60px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info {
    width: calc(100% - 65px);
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #bababa;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info.lost_sale {
    border: 1px solid #bababa;
    background: #d4d4d4
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info div {
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .ten {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .nguon {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .status {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .tinh {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .quantam {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .ngaytao {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .lienhe {
    width: 120px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau {
    width: calc(100% - 870px);
    display: flex;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .text_yeucau {
    width: calc(100% - 130px);
    text-align: left;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu {
    width: 65px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_laithu .text {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe {
    width: 65px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe .bieutuong {
    width: 100%;
    padding: 0px;
}

.page_body .container .main_content .right_giamdoc .right_tab .list_khach .list .tr_list .info .yeucau .button_lienhe .text {
    width: 100%;
    padding: 0px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach {
    width: 1450px;
    margin-top: 0px;
    border-collapse: collapse;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach .sticky-column {
    position: sticky;
    right: 0;
    z-index: 1;
    vertical-align: middle;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach .sticky-row {
    position: sticky;
    top: 0;
    z-index: 2;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr th{
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td{
    position: relative;
    background: #fff;
    text-align: center;
    padding: 0px;
    height: 50px;
    padding: 5px;
    border:none;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+2) td{
    background: #d9d9d9;
    padding: 5px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td .list_action{
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td .text_quantam{
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:first-child{
    background: #d9d9d9;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-child(2){
    background: #d9d9d9;
    padding: 0px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-child(2) div{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2){
    background: #d9d9d9;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #fff;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action select{
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_laithu{
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_laithu:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_chuyenkhach:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:nth-last-child(2) .list_action .button_lienhe:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .right_tab .list_khach .table_list_khach tr:nth-child(2n+1) td:last-child{
    background: #d9d9d9;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
    display: block;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .info {
    width: 200px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .info i {
    font-size: 30px;
    padding-right: 10px;
    margin-left: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .list_step {
    width: calc(100% - 200px);
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .list_step .input_search {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .list_step .li_step {
    width: calc(100%/14);
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .list_step .li_step button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    background: #ad1338;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .th_list_hot .list_step .li_step button span {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #ad1338;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -8px;
    border: 1px solid #ad1338;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .line {
    position: absolute;
    width: 100%;
    border-top: 2px solid #1374ad;
    z-index: 0;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info {
    position: relative;
    width: 200px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info button {
    height: 40px;
    font-size: 12px;
    border-radius: 24px;
    background: #cbe1ed;
    color: #191919;
    font-weight: 700;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info button i {
    font-size: 25px;
    color: #721c24;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info .box_info {
    position: absolute;
    margin: auto;
    top: -100px;
    left: 180px;
    width: 550px;
    background: #000;
    color: yellow;
    z-index: 999;
    display: none;
    border-radius: 5px;
    font-size: 14px;
    font-family: "Roboto"
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info i:hover .box_info {
    display: block;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info .box_info .tr_info{
    display: flex;
    justify-content: flex-start;
    padding: 5px 10px;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info .box_info .tr_info .li_left{
    display: flex;
    justify-content: flex-start;
    gap:10px;
    width: 50%;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .info .box_info .tr_info .li_left .label{
    width: 90px;
    text-align: right;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .list_step {
    width: calc(100% - 200px);
    display: flex;
    gap: 10px;
    z-index: 9;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .list_step .li_step {
    width: calc(100%/14);
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .list_step .li_step button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: #f5f5f5;
    color: #787878;
}

.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .list_step .li_step.active button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .tab_list_hot .tr_list_hot .list_step .li_step.wait button {
    position: relative;
    width: 100%;
    font-size: 10px;
    height: 40px;
    padding: 0px;
    border-radius: 24px;
    background: yellow;
    color: #212529;
}
.page_body .container .main_content .right_giamdoc .tab_list_giaoxe {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer {
    width: 496px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .text {
    display: flex;
    width: calc(100% - 240px);
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .text i {
    font-size: 25px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .list_tab {
    display: flex;
    width: 160px;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .list_tab .li_tab {
    width: 50%;
    border-bottom: 2px solid #dedede;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .list_tab .li_tab.active {
    border-bottom: 2px solid #f00;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .lichsu {
    display: flex;
    width: 80px;
    flex-wrap: wrap;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .lichsu .bieutuong {
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .lichsu .bieutuong i {
    font-size: 25px;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .title_customer .lichsu .txt {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer {
    width: 100%;
    overflow: auto;
    height: 738px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer {
    width: calc(100% - 10px);
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .line {
    width: calc(100% - 10px);
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    border-top: 2px solid #1374ad;
    height: 1px;
    z-index: 0;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    z-index: 9;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer {
    display: flex;
    width: calc(100% - 220px);
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer button {
    border-radius: 20px;
    width: 300px;
    background: #cbe1ed;
    color: #191919;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .info_customer i {
    font-size: 30px;
    z-index: 9;
    background: #fff;
    color: #f00;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .list_step {
    display: flex;
    align-items: center;
    gap: 26px;
    width: 187px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_customer .list_customer .li_customer .content_customer .list_step .li_step button {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
}
.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_kq_khaosat {
    width: calc(100% - 506px);
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}
.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc {
    width: 400px;
    background: #26273b;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc {
    width: 100%;
    height: 50px;
    background: #615ad1;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 200px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .rate .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .rate .text i {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    color: #ff983e;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .rate .percent {
    width: calc(100% - 80px);
    height: 10px;
    background: #31334e;
    border-radius: 15px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .rate .percent .line {
    height: 10px;
    background: #ff983e;
    border-radius: 15px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_voc .title {
    display: flex;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_list_voc {
    width: 100%;
    display: flex;
    background: #26273b;
    color: #fff;
    height: 20px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_list_voc .info {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .title_list_voc .action {
    width: 100px;
    border-left: 1px solid #fff;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc {
    width: 100%;
    background: #26273b;
    color: #fff;
    overflow: auto;
    height: 756px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc {
    width: 100%;
    background-color: #26273b;
    background-image: linear-gradient(to top, #1e1f33, #26273b);
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text {
    width: 100%;
    padding: 10px;
    display: flex;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info {
    width: 130px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info .name {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .info .time {
    width: 100%;
    color: #7c7c7c;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .text .content {
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .action {
    width: 100px;
    border-left: 1px solid #fff;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_voc .list_voc .li_voc .action input {
    transform: scale(1.5);
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback {
    width: calc(100% - 896px);
    background: #26273b;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .title_feedback {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .feedback_main {
    width: 100%;
    margin-top: 20px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content {
    width: calc(100% - 60px);
    position: relative;
    margin: auto;
    background: #4f46bb;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content .score {
    width: 100%;
    font-size: 40px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .feedback_main .feedback_main_content .list_star {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 20px;
    color: #ff983e;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate {
    width: 100%;
    display: flex;
    color: #fff;
    margin-top: 10px;
    gap: 5px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate .text {
    width: 30px;
    text-align: right;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate .text i {
    color: #ff983e;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate .percent {
    width: calc(100% - 80px);
    height: 10px;
    background: #31334e;
    border-radius: 15px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate .percent .line {
    height: 10px;
    background: #ff983e;
    border-radius: 15px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate .li_rate .total_rate {
    width: 50px;
    text-align: left;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail {
    width: 100%;
    margin-top: 20px;
    overflow: auto;
    height: 454px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail {
    width: 100%;
    display: flex;
    color: #fff;
    align-items: top;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px dashed #7c7c7c;
    padding-bottom: 10px;
    padding-top: 10px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .avatar {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info {
    width: calc(100% - 100px);
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .name {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .time {
    width: 100%;
    color: #7c7c7c;
    margin-top: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .info .content {
    width: 100%;
    color: #c6c6c6;
    margin-top: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .score {
    width: 30px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .right_giamdoc .tab_list_giaoxe .box_list_feedback .list_rate_detail .li_rate_detail .score i {
    color: #ff983e
}

.page_body .container .main_content .right_giamdoc .list_baogia {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .title {
    display: inline-block;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    font-weight: 700;
    height: 40px;
    align-items: center;
    background: #000;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .list_baogia .form_time_cs {
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .list_baogia .form_time_cs .li_input{
    width: 100%;
    margin-top: 10px;
}
.page_body .container .main_content .right_giamdoc .list_baogia .form_time_cs .li_input label{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.page_body .container .main_content .right_giamdoc .list_baogia .form_time_cs .li_input input[type=text]{
    width: 300px;
    padding: 5px;
    border:1px solid #dedede;
    height: 40px;
    border-radius: 5px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .list_baogia .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .stt {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .sale_name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .model {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .grade {
    width: 70px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .giam {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .dangkiem {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .gtgt {
    width: 70px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th .tong {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    height: 80px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .line {
    position: absolute;
    width: 100%;
    margin: auto;
    border-top: 2px solid #000;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia {
    position: relative;
    width: 100%;
    display: flex;
    z-index: 9;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info {
    display: flex;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
    align-items: center;
    text-align: center;
    height: 80px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .stt {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .sale_name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .model {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .grade {
    width: 70px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .giam {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .dangkiem {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .gtgt {
    width: 70px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .info .tong {
    width: 100px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .action {
    width: calc(100% - 940px);
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .action button {
    padding-left: 20px;
    padding-right: 20px;
    background: #e6e6e6;
    color: #191919;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .action button.active {
    background: #530098;
    color: #fff;
}
.page_body .container .main_content .right_giamdoc .list_baogia .list .li_baogia .info_baogia .action button.wait {
    background: yellow;
    color: #414141;
}
.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .stt {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .dien_thoai {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .dia_chi {
    width: calc(100% - 700px);
    text-align: left;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .status {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .list_th_trung .action {
    width: 200px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 700;
    background: #fff;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .stt {
    width: 50px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .name {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .dien_thoai {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .dia_chi {
    width: calc(100% - 700px);
    text-align: left;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .status {
    width: 150px;
}

.page_body .container .main_content .right_giamdoc .list_baogia .li_khach_trung .action {
    width: 200px;
}
.page_body .container .main_content .bottom_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.list_phantrang {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.list_phantrang .li_phantrang {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dedede;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.list_phantrang .li_phantrang i {
    font-size: 25px;
}
.list_phantrang .li_phantrang.active {
    background: #992bf5;
    color: #fff;
}

.page_body .container .main_content .right_giamdoc .list_kehoach {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian {
    width: 200px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .title {
    background: #000;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .content_box {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 0px 5px 5px 5px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .content_box .li_select {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .content_box .li_select:last-of-type {
    margin-bottom: 0px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .content_box .li_select .txt {
    width: 65px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_thoigian .content_box .li_select select {
    width: calc(100% - 65px);
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
    background: #dedede;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh {
    width: 400px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .title {
    background: #6a6e9e;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 0px 5px 5px 5px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box .hr {
    width: 100%;
    border-top: 1px solid #dedede;
    height: 1px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box .li_kehoach {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box .li_kehoach .left {
    width: calc(100% - 130px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box .li_kehoach .right {
    width: 130px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_kinhdoanh .content_box .li_kehoach .right input {
    width: 80px;
    padding: 5px;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 5px;
    background: #dedede;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien {
    width: calc(100% - 620px);
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .title {
    background: #ff983e;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 0px 5px 5px 5px;
    display: flex;
    flex-wrap: wrap;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .col {
    width: 50%;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .hr {
    width: 100%;
    display: inline-block;
    clear: both;
    border-top: 1px solid #dedede;
    height: 1px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .col .li_kehoach {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    height: 45px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .col .li_kehoach .left {
    width: calc(100% - 130px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .col .li_kehoach .right {
    width: 130px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_top_kehoach .box_kehoach_phukien .content_box .col .li_kehoach .right input {
    width: 80px;
    padding: 5px;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 5px;
    background: #dedede;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    height: 40px;
    align-items: center;
    margin-top: 20px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong .list {
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong .line {
    width: calc(100% - 240px);
    border-top: 1px solid #dedede;
    height: 1px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong .list .li_phong {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dedede;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong .list .li_phong.active {
    color: #fff;
    background: #8744e1;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_phong .list i {
    font-size: 30px;
    color: #dedede;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .top {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .top .col_1 {
    width: 350px;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .top .col_2 {
    width: 300px;
    display: flex;
    justify-content: center;

}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .top .col_3 {
    width: 400px;
    display: flex;
    justify-content: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .top .col_4 {
    width: 135px;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_1 {
    width: 350px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_1 .tvbh {
    width: 150px;
    text-align: center;
    border-left: 4px solid #f8f8f8;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_1 .xegiao {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_1 .xeky {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_2 {
    width: 300px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_2 .doanhthu {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_2 .phantram_bh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_3 {
    width: 400px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_3 .doanhthu {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_3 .phantram_pk {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_3 .phukien_ch {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_4 {
    width: 135px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_4 .khtn {
    width: 65px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_th .bottom .col_4 .action {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale {
    width: 100%;
    background: #fff;
    margin-top: 5px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #ffaf69;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 4px solid #ad1338;
    border-radius: 5px 5px 0px 0px;
}
.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th [contenteditable]:focus {
  outline: 2px solid yellow;
}
.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .tvbh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .xegiao {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .xeky {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .doanhthu_bh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .phantram_bh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .doanhthu_pk {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .phantram_pk {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .phukien_ch {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .khtn {
    width: 65px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_th .action {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 4px solid #8744e1;
    margin-top: 5px;
}
.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale [contenteditable]:focus {
  outline: 2px solid #f60;
}
.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .tvbh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .xegiao {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .xeky {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .doanhthu_bh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .phantram_bh {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .doanhthu_pk {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .phantram_pk {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .phukien_ch {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .khtn {
    width: 65px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .action {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .list_kehoach .list_sale .li_sale .action i {
    font-size: 20px;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list {
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .list_action_bottom {
    width: 100%;
    margin-top: 10px;
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .list_action_bottom.active {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list .list_action {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list .list_action button {
    width: 180px;
    border-radius: 20px 20px 0px 0px;
    background: #dcdcdc;
    z-index: 9;
    color: #414141;
    border: 1px solid #fff;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list .list_action button.active {
    background: #f60;
    color: #fff;
    z-index: 99;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list .list_action button.kho_thucte {
    margin-right: -15px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .top_list .list_action button.kho_chuave {
    margin-left: -15px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_input {
    width: calc(100% - 220px);
    display: flex;
    justify-content: flex-start;
    background: #dcdcdc;
    height: 35px;
    border-radius: 20px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_input i {
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_input input {
    width: calc(100% - 100px);
    height: 100%;
    background: none;
    border: none;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_input input::placeholder {
    color: #414141;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_filter {
    width: 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_filter .li_filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search .box_filter .li_filter input {
    transform: scale(1.5);
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_input {
    width: calc(100% - 420px);
    display: flex;
    justify-content: flex-start;
    background: #dcdcdc;
    height: 35px;
    border-radius: 20px;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_input i {
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_input input {
    width: calc(100% - 100px);
    height: 100%;
    background: none;
    border: none;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_input input::placeholder {
    color: #414141;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_filter {
    width: 400px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_filter .li_filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .box_search_giaoxe .box_filter .li_filter input {
    transform: scale(1.5);
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .list_action {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .list_action button {
    border-radius: 20px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .list_action button#nhap_xe_nhanh {
    background: #442bf5;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .list_action button#nhap_xe_nhanh.active {
    display: block;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab {
    width: 100%;
    display: none;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab.active {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap .text_thang_kh{
    background: #31334e;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    width: 100px;
    text-align: center;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap .icon_date{
    background: #f00;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap .icon_date .fa{
    font-size: 20px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap .text_thang{
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap .text_nam{
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .top_kehoach_nhap select{
    height: 30px;
    border: 1px solid #dedede;
    width: 80px;
    border-radius: 5px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    height: 40px;
    border-left: 3px solid #fff;
    font-weight: 700;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .stt{
    width: 100px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .model{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .phien_ban{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .grade{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .color{
    width: 150px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .so_luong{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .so_luong input{
    width: 50px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .ngay_dukien{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_th_kh_nhap .status{
    width: calc(100% - 900px);
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap{
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .list_grade{
    width: 100%;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap_add{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:5px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap_add span{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:5px;
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap_add .fa{
    font-size: 25px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap{
    width: 100%;
    margin-bottom: 10px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top{
    width: 100%;
    background: #ffaf69;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    border-radius: 5px;
    margin-bottom: 5px;
    border-left: 3px solid #f00;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .stt{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .stt .fa{
    font-size: 26px;
    cursor: pointer;
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .model{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .phien_ban{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .grade{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .color{
    width: 150px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .so_luong{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .so_luong input{
    width: 50px;
    text-align: center;
    height: 25px;
    border-radius: 5px;
/*    background: #f00;
    color: #fff;*/
    border:none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .so_luong input.warning{
    width: 50px;
    text-align: center;
    height: 25px;
    border-radius: 5px;
    background: #f00;
    color: #fff;
    border:none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .ngay_dukien{
    width: 150px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .status{
    width: calc(100% - 900px);
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .status .fa{
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .li_model_nhap_top .status .fa:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap{
    position: relative;
    width: 100%;
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap.active .list_nhap{
    display: block;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .line_v{
    position: absolute;
    margin: auto;
    border-left: 1px solid #000000;
    height: 100%;
    width: 1px;
    left: 52px;
    top: -22px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap.active .list_nhap .line_v{
    position: absolute;
    margin: auto;
    border-left: 1px solid #000000;
    height: calc(100% - 10px);
    width: 1px;
    left: 52px;
    top: -22px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe{
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 3px solid #615ad1;
    margin-top: 10px;
    background: #fff;
    border-radius: 5px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap.active .list_nhap .li_model_nhap_xe.add{
    border-left: 3px solid transparent;
    background: none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .stt{
    position: relative;
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .stt .line_h{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 50px;
    border-bottom: 1px solid #000;
    width: 50%;
    height: 1px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .stt .fa{
    font-size: 20px;
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .model{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .phien_ban{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .grade{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .color{
    width: 150px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .so_luong{
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .so_luong input{
    width: 50px;
    text-align: center;
    height: 25px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .ngay_dukien{
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .ngay_dukien input{
    width: 100px;
    text-align: center;
    height: 25px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .status{
    width: calc(100% - 900px);
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .status .fa{
    cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .list_kh_nhap .li_model_nhap .list_nhap .li_model_nhap_xe .status .fa:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe {
    width: calc(100%/5 - 8px);
    border-radius: 15px;
    border: 1px solid #dedede;
    background: #fff;
    padding: 10px;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .img {
    position: relative;
    width: 100%;
    height: 150px;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 15px;
    margin-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .img img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .img span {
    position: absolute;
    margin: auto;
    display: inline-block;
    top: 10px;
    left: 10px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    z-index: 9;
    color: #fff;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .img input {
    position: absolute;
    margin: auto;
    display: inline-block;
    top: 10px;
    right: 10px;
    border-radius: 10px;
    z-index: 9;
    color: #fff;
    transform: scale(1.5);
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_khung {
    position: relative;
    width: 100%;
    height: 25px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_may {
    position: relative;
    width: 100%;
    height: 25px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab#content_tab_chuave .li_xe .so_khung {
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab#content_tab_chuave .li_xe .so_may {
    display: none;
    margin-top: 10px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab#content_tab_chuave .li_xe.active .so_khung {
    display: block;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab#content_tab_chuave .li_xe.active .so_may {
    display: block;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_khung span {
    width: 100%;
    background: #dcdcdc;
    height: 100%;
    border-radius: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_khung input {
    width: 100%;
    background: #efefef;
    height: 100%;
    border-radius: 20px;
    border: none;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_khung input::placeholder {
    color: #414141;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_may input {
    width: 100%;
    background: #efefef;
    height: 100%;
    border-radius: 20px;
    border: none;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .so_may input::placeholder {
    color: #414141;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .name {
    position: relative;
    width: 100%;
    max-height: 50px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .ho_ten {
    position: relative;
    width: 100%;
    height: 25px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .midle_list .content_tab .li_xe .giao_dukien {
    position: relative;
    width: 100%;
    height: 25px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .title .txt {
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .title .action {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .thoigian_apdung {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .thoigian_apdung input {
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    background: #dcdcdc;
    border: 1px solid #dedede;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .model {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .grade {
    width: 80px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .giam {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .khuyenmai {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .thuong {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .thuong_min {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .list_th .tran_thuongmin {
    width: 200px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    background: #fff;
    margin-bottom: 10px;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model:nth-child(2n+1):before {
    position: absolute;
    margin: auto;
    left: 1px;
    bottom: 0;
    top: 0;
    background: #8744e1;
    width: 3px;
    height: 100%;
    content: "";
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model:nth-child(2n+2):before {
    position: absolute;
    margin: auto;
    left: 1px;
    bottom: 0;
    top: 0;
    background: #f60;
    width: 3px;
    height: 100%;
    content: "";
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .model {
    width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    gap:5px;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .model i{
	cursor: pointer;
}
.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade {
    width: calc(100% - 80px);
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .grade {
    width: 80px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .giam {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .khuyenmai {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .thuong {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .thuong_min {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .tran_thuongmin {
    width: 200px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .action {
    width: 150px;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .action .icon {
    font-size: 25px;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_chinhsach .li_model .list_grade .li_grade .action .fa {
    font-size: 30px;
    color: #ad1338;
    cursor: pointer;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter {
    width: 100%;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter .li_filter {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter .li_filter .col {
    width: calc(100%/3);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter .li_filter .col .txt {
    width: 100px;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter .li_filter .col select {
    width: 200px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .box_filter .li_filter .col input[type=text] {
    width: 100px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #dedede;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 10px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach {
    width: calc(55% - 10px);
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe {
    width: calc(45% - 10px);
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .title {
    width: 100%;
    background: #f60;
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .title {
    width: 100%;
    background: #1d0058;
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 7px;
    padding-top: 7px;
    font-weight: 700;
    font-size: 12px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .stt {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .name {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .model {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .grade {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .mau {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .giao_dukien {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .so_hopdong {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .list_th .baogia {
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach {
    width: 100%;
    font-size: 12px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #dedede;
    padding-bottom: 5px;
    padding-top: 5px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top:before {
    position: absolute;
    margin: auto;
    left: 0;
    bottom: 0;
    top: 0;
    width: 3px;
    background: #992bf5;
    content: "";
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .stt {
    width: 70px;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .name {
    width: 150px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    line-height: 18px;
    overflow: hidden;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .model {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .grade {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .mau {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .giao_dukien {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .so_hopdong {
    width: 100px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    line-height: 18px;
    overflow: hidden;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .baogia {
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .top .baogia button {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #dedede;
    padding-bottom: 0px;
    min-height: 50px;
    padding-top: 0px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .blank {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    padding-top: 8px;
    gap: 10px;
    color: #939393;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .blank i {
    font-size: 20px;
    color: #000;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .stt {
    width: 70px;
    text-align: center;
    font-weight: 700;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .stt i {
    transform: rotate(90deg);
    font-size: 20px;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep{
    width: calc(100% - 70px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .stt {
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .name {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .model {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .grade {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .mau {
    width: 70px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .giao_dukien{
    text-align: center;
    width: 100px;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .giao_dukien button{
    padding-top: 3px;
    padding-bottom: 3px;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move {
    background: #fff;
    z-index: 9999;
}
/*.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move .stt{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move .model{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move .grade{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move .mau{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .li_khach .bottom .li_xe .info_xe_ghep .li_xe.current_move .giao_dukien{
    display: none;
}*/
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_khach .bottom_list {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 7px;
    padding-top: 7px;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #dedede;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .stt {
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .name {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .model {
    width: calc(100% - 410px);
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .grade {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .mau {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .list_th .giao_dukien {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20.5px;
    padding-top: 20.5px;
    background: #fff;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe:before {
    position: absolute;
    margin: auto;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #992bf5;
    content: "";
    height: calc(100% - 10px);
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .stt {
    width: 50px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .name {
    width: 120px;
    text-align: center;
    cursor: move;
    word-break: break-word;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .model {
    width: calc(100% - 410px);
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .grade {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .mau {
    width: 70px;
    text-align: center;
}

.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe .giao_dukien {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe.current_move{
    background: #fff;
    height: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #f00;
    z-index: 9999;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe.current_move:before{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe.current_move .stt{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .li_xe.current_move .giao_dukien{
    display: none;
}
.page_body .container .main_content .right_giamdoc .content_ghepkhung .list_box .box_xe .bottom_list {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .content_noithat {
    width: 100%;
}
.page_body .container .main_content .content_noithat .top_cs{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #dedede;
}
.page_body .container .main_content .content_noithat .top_cs .list_tab {
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .content_noithat .top_cs .action_call {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 5px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .top_cs .action_call button{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    height: 35px;
    background: #ffd800;
    color: #333;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .top_cs .action_call button i{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #41bf13;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.incoming{
    width: 300px;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100px;
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:10px;
    z-index: 999;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}
.incoming .call_info{
    width: 100%;
    display: flex;
    justify-content: center;
    height: 35px;
    align-items: center;
    font-weight: 700;
    gap:10px;
}
.incoming .call_info .number{
    color: #f00;
}
.incoming .call_action{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.incoming .call_action .timer{
    display: flex;
    font-weight: 700;
    font-size: 20px;
}
.incoming button{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    height: 35px;
    background: #ffd800;
    color: #333;
    font-weight: 700;
}
.incoming button i{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #41bf13;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.incoming #answer i{
    background: #41bf13;
}
.incoming #reject{
    background: #ffb28c;
    width: 130px;
}
.incoming #answer{
    background: #8cdaff;
    width: 160px;
}
.incoming #reject i{
    background: #f00;
}
.page_body .container .main_content .content_noithat .list_tab {
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_noithat .list_tab .li_tab {
    display: flex;
    align-items: flex-end;
}
.page_body .container .main_content .content_noithat .list_tab .li_tab button {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    background: #575757;
    color: #fff;
    border-radius: 15px 15px 0px 0px;
    min-width: 120px;
}

.page_body .container .main_content .content_noithat .list_tab .li_tab.active button {
    background: #a80606;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab {
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs{
    width: 100%;
    display: flex;
    margin-top: 10px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs{
    width: 280px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs{
    width: calc(100% - 300px);
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .button_taolich{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .button_tao_ds_goi{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc{
    width: 100%;
    background: #fff;
    margin-top: 10px;
    border-radius: 5px;
    border:1px solid #dedede;
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ketqua{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ketqua .li_ketqua{
    width: 100%;
    border:1px solid #f1f4f6;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    margin-top: 5px;
    background: #f1f4f6;
    display: flex;
    font-size: 12px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ketqua .li_ketqua:hover{
    background: #ffcf00;
    cursor: pointer;
    border: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ketqua .li_ketqua.active{
    background: #ffcf00;
    border: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_nhantin{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_nhantin .li_ds_sms{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #f6f6f6;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0px 3px 0px #adadad;
    gap:5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_nhantin .li_ds_sms.active{
    box-shadow: 0px 3px 0px #f00;
    color: #f00;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_nhantin .li_ds_sms:hover{
    box-shadow: 0px 3px 0px #f00;
    color: #f00;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi .li_ds_goi{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #f6f6f6;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0px 3px 0px #adadad;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi .li_ds_goi.active{
    box-shadow: 0px 3px 0px #f00;
    color: #f00;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi .li_ds_goi:hover{
    box-shadow: 0px 3px 0px #f00;
    color: #f00;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi input[type=text]{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #f6f6f6;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px #f00;
    border: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_ds_goi input[type=text]::placeholder{
    color: #414141;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search{
    width: 100%;
    display: flex;
    align-items: center;
    background: #eee;
    border-radius: 18px;
    height: 35px;
    overflow: hidden;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search .icon_search{
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search .icon_search i{
    font-size: 20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search .input{
    width: calc(100% - 40px);
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search .input input{
    width: calc(100% -10px);
    height: 30px;
    background: none;
    border: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .box_search .input input::placeholder{
    color: #757575;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .title_loc{
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-weight: 700;
    gap:5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .title_loc i{
    font-size: 20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_checkbox{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_checkbox .li_checkbox{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_checkbox .li_checkbox .input{
    width: 100%;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_checkbox .li_checkbox .input input{
    transform: scale(1.5);
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_checkbox .li_checkbox .tieu_de{
    width: 100%;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .li_loc{
    width: 100%;
    margin-top: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .li_loc select{
    width: 100%;
    height: 35px;
    border: 1px solid #dedede;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_input{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_input .li_input{
    width: calc(50% - 5px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_input .li_input input{
    width: 100%;
    border:1px solid #dedede;
    height: 30px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_input .li_input input.datepicker{
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .left_main_cs .box_loc .list_input .li_input select{
    width: 100%;
    border:1px solid #dedede;
    height: 30px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content{
    position: relative;
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 170px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .loading_data{
    position: sticky;
    top: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #a80606;
    gap:10px;
    color: #fff;
    z-index: 999;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich{
    width: 100%;
    padding: 10px;
    background:#fff;
    border:1px solid #dedede;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list .action{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list .ngay_gui{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list .ngay_tao{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list .loai_ds{
    width: 190px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .th_task_list .tieu_de{
    width: calc(100% - 640px);
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    border:1px solid #dedede;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list .action{
    width: 150px;
    text-align: center;
    padding: 5px;
    display: flex;
    justify-content: center;
    gap:15px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list .ngay_gui{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list .ngay_tao{
    width: 150px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list .loai_ds{
    width: 190px;
    text-align: center;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list .tieu_de{
    width: calc(100% - 640px);
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list_content{
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    display: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list_content.active{
    display: block;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_task_list_content .list_action{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap:10px;
    margin-top: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input{
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .text{
    width: 250px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input{
    width: calc(100% - 250px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .list_action{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap:10px;
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input .list_nguon{
    width: 100%;
    display: flex;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input .list_nguon button{
    background: #fff;
    color: #414141;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input .list_nguon button:hover{
    background: #f60;
    border:1px solid #f60;
    color: #fff;
    border:none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input input[type=text]{
    width: 100%;
    border:1px solid #dedede;
    height: 35px;
    padding: 5px;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich .li_input .input textarea{
    width: 100%;
    border:1px solid #dedede;
    height: 100px;
    padding: 5px;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang{
    width: 100%;
    border-collapse: collapse;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang tbody {
    display: block; /* Đảm bảo bảng có thể cuộn */
    max-height: 250px; /* Đặt chiều cao cho phần nội dung có thể cuộn */
    overflow-y: auto; /* Cho phép cuộn dọc */
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang thead, .page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* Cố định độ rộng các cột */
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang th {
    position: sticky; /* Giữ nguyên vị trí khi cuộn */
    top: 0; /* Dính vào đầu khi cuộn */
    background-color: #f1f1f1; /* Đặt nền để nhìn rõ */
    z-index: 2; /* Đảm bảo thẻ <th> nằm trên các hàng */
    border: 1px solid #ddd;
    padding: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .box_add_chiendich table.list_khachhang td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .list_add_chiendich{
    width: 300px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .list_add_chiendich .li_add_chiendich{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0px 3px 0px #adadad;
    gap: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .list_button_top_call{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .list_button_top_call .tro_lai{
    display: inline-block;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .list_button_top_call button{
    height: 25px;
    display: flex;
    align-items: center;
    border-radius: 18px;
    width: 130px;
    justify-content: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #fff;
    border-radius: 5px;
    border:1px solid #dedede;
    padding: 10px;
    gap:20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .action_audio{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .action_audio .text{
    width: 250px;
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .action_audio .audio{
    width: calc(100% - 250px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .action_audio .audio audio{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_left{
    width: calc(50% - 25px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right{
    width: calc(50% - 25px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban{
    width: 100%;
    display: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban.active{
    width: 100%;
    display: block;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask{
    width: 100%;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .left_li_ask{
    width: calc(100% - 260px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .left_li_ask .edit_ask{
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .left_li_ask .edit_ask:hover{
    color: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .left_li_ask span{
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask{
    width: 250px;
    display: flex;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask input[type=text]{
    width: 100%;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask textarea{
    width: 100%;
    padding: 5px;
    height: 50px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask select{
    width: 100%;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask .li_radio{
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    gap:5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask .li_radio input[type=radio]{
    transform: scale(1.5);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask .li_checkbox{
    width: 50%;
    display: flex;
    align-items: center;
    gap:5px;
    margin-bottom: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask .right_li_ask .li_checkbox input[type=checkbox]{
    transform: scale(1.5);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask_add{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_add_call_right .content_kichban .list_ask .li_ask_add button{
    background: #f2f2f2;
    color: #414141;
    display: flex;
    align-items: center;
    height: 30px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call{
    width: 100%;
    height: 40px;
    display: none;
    justify-content: flex-end;
    align-items: center;
    gap:30px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .hr{
    height: 100%;
    width: 1px;
    border: none;
    border-right: 1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call #count_record{
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    background: none;
    color: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .song_am{
    width: calc(100% - 200px);
    height: 40px;
    overflow: hidden;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .song_am audio{
    width: 100%;
    height: 35px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .ghi_am{
    width: 35px;
    height: 35px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .ghi_am i{
    font-size: 20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .button_hangup{
    width: 35px;
    height: 35px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .button_hangup i{
    font-size: 20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .button_show_hen{
    width: 35px;
    height: 35px;
    background: #1374ad;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .main_live_call .button_show_hen i{
    font-size: 25px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_action_call{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_action_call button{
    height: 25px;
    display: flex;
    align-items: center;
    border-radius: 18px;
    width: 80px;
    justify-content: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .hr{
    width: 100%;
    border-bottom: 1px solid #dedede;
    margin-bottom: 5px;
    margin-top: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_noidung_goi{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_noidung_goi .li_input select{
    padding: 5px;
    border: 1px solid #dedede;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_noidung_goi .li_input textarea{
    padding: 5px;
    border: 1px solid #dedede;
    border-radius: 5px;
    height: 200px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_voc{
    width: 100%;
    display: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .content_voc.active{
    display: block;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .title_call{
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .title_call span.text{
    display: inline-block;
    border-bottom: 2px solid #f00;
    padding-right: 25px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input_one{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input_one label{
    display: inline-block;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input_one select{
    width: 150px;
    padding: 5px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input{
    width: 100%;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input label{
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .li_input textarea{
    width: 100%;
    height: 50px;
    border:1px solid #dedede;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input{
    width: 100%;
    display: flex;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input .li_input{
    width: calc(25% - 5px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input .li_input label{
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input .li_input input{
    width: 100%;
    padding: 5px;
    border:1px solid #dedede;
    margin-top: 5px;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input_2{
    width: 100%;
    display: flex;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input_2 .li_input{
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input_2 .li_input label{
    width: 125px;
    text-align: right;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .group_input_2 .li_input input{
    width: calc(100% - 135px);
    padding: 5px;
    border:1px solid #dedede;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_ds_call{
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: auto;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_ds_call table{
    width: 100%;
    border-collapse: collapse;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_ds_call table tr:nth-child(2n+1) th{
    padding: 5px;
    text-align: center;
    color: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_ds_call table tr:nth-child(2n+1) td{
    padding: 5px;
    text-align: center;
    background: #fff;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .content_add_call .list_ds_call table tr:nth-child(2n+2) td{
    padding: 5px;
    text-align: center;
    background: #fff2d8;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .title{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1374ad;
    color: #fff;
    border-radius: 5px;
    height: 36px;
    margin-bottom: 10px;
    gap:3px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background:#fff;
    border:1px solid #dedede;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main{
    width: 320px;
    border-right: 1px solid #dedede;
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main{
    width: calc(100% - 331px);
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .list_button{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    gap:10px;
    border-top: 1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .title_setting{
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input{
    width: 100%;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input{
    width: 100%;
    display: flex;
    gap:10px;
    align-items: center;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input .left_input{
    width: 120px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input .right_input{
    width: calc(100% - 130px);
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input .right_input select{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    padding-left: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input .right_input input{
    width: 100%;
    height: 30px;
    border:1px solid #dedede;
    border-radius: 5px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .left_setting_main .list_input .li_input .right_input .col_input{
    width: calc(50% - 5px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .title_setting{
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask{
    width: 100%;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .left_li_ask{
    width: calc(100% - 330px);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .left_li_ask .edit_ask{
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .left_li_ask .edit_ask:hover{
    color: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .left_li_ask span{
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask{
    width: 320px;
    display: flex;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask input[type=text]{
    width: 100%;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask textarea{
    width: 100%;
    padding: 5px;
    height: 50px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask select{
    width: 100%;
    padding: 5px;
    height: 30px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask .li_radio{
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    gap:5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask .li_radio input[type=radio]{
    transform: scale(1.5);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask .li_checkbox{
    width: 50%;
    display: flex;
    align-items: center;
    gap:5px;
    margin-bottom: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask .right_li_ask .li_checkbox input[type=checkbox]{
    transform: scale(1.5);
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask_add{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .setting_main .right_setting_main .list_ask .li_ask_add button{
    background: #f2f2f2;
    color: #414141;
    display: flex;
    align-items: center;
    height: 30px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 60px;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .prev{
    height: 30px;
    width: 30px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6d6d6d;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .next{
    height: 30px;
    width: 30px;
    font-size: 25px;
    color: #6d6d6d;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai{
    width: calc(100% - 80px);
    height: 35px;
    display: flex;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper{
    width: 100%;
    height: 35px;
    display: flex;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper .li_phanloai{
    width: calc(20% - 9px) !important;
    height: 35px;
    border:1px solid #dedede;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: #fff;
    gap:10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper .li_phanloai .text{
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper .li_phanloai.active{
    background: #a80606;
    color: #fff;
    border: none;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper .li_phanloai span{
    display: inline-block;
    background: #a80606;
    color: #fff;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    line-height: 20px;
    font-size: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .list_phanloai .slide_phanloai .swiper-wrapper .li_phanloai.active span{
    background: #fff;
    color: #a80606;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .table_lichhen{
    width: 1367px;
    border-collapse: collapse;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .table_lichhen th{
    padding: 5px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .table_lichhen td{
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .table_lichhen tr:nth-child(2n) td{
    background: #eaeaea;
}
.page_body .container .main_content .content_noithat .list_content_tab .main_cs .right_main_cs .right_main_cs_content .table_lichhen tr:nth-child(2n+1) td{
    background: #fff;
}
.page_body .container .main_content .content_noithat .list_content_tab .li_content_tab {
    width: 100%;
    display: none;
}

.page_body .container .main_content .content_noithat .list_content_tab .li_content_tab.active {
    width: 100%;
    display: block;
}

.page_body .container .main_content .content_noithat .list_content_tab .li_content_tab .top {
    width: 100%;
    padding: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .li_content_tab .content_tab {
    width: 100%;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    border-radius: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab {
    background: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .list_th {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    border-bottom: 2px solid #dedede;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .list_th .ma_lenh {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .list_th .giao_dukien {
    width: 120px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .list_th .bks {
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    margin-top: 5px;
    border-bottom: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh:nth-child(2n+1):before {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #f60;
    content: "";
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh:nth-child(2n+2):before {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #6425ba;
    content: "";
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .ma_lenh {
    width: 120px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .giao_dukien {
    width: 120px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .bks {
    width: 150px;
    text-align: center;
    text-transform: uppercase;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info {
    position: relative;
    width: calc(100% - 390px);
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dedede;
    z-index: 0;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info .list_step {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 9;
    gap: 30px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info .list_step .step {
    background: #dedede;
    width: 125px;
    font-size: 12px;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info .list_step .step.active {
    color: #fff;
    background: #6425ba;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_laplenh .content_tab .li_lenh .info .list_step .step.wait {
    background: #ffe454;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab {
    background: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    border-bottom: 2px solid #dedede;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .stt {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .model {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .ho_ten {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .so_hopdong {
    width: 180px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .so_tien {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .list_th .giao_dukien {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    margin-top: 5px;
    border-bottom: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh:nth-child(2n+1):before {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #f60;
    content: "";
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh:nth-child(2n+2):before {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #6425ba;
    content: "";
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .stt {
    width: 100px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .model {
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .model span{
    background: #f60;
    color: #fff;
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .ho_ten {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .so_hopdong {
    width: 180px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .so_tien {
    width: 150px;
    text-align: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .giao_dukien {
    width: 150px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info {
    position: relative;
    width: calc(100% - 880px);
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info .line {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dedede;
    z-index: 0;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info .list_step {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 9;
    gap: 30px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info .list_step .step {
    background: #dedede;
    width: 180px;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info .list_step .step.active {
    color: #fff;
    background: #012c5c;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_thanhtoan .content_tab .li_lenh .info .list_step .step.wait {
    background: #ffe454;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .top {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: flex-end;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .top button {
    background: #6425ba;
    display: flex;
    gap: 5px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .top button i {
    font-size: 15px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter {
    width: 100%;
    gap: 30px;
    display: flex;
    justify-content: flex-start;
    height: 40px;
    align-items: center;
    margin-bottom: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .title {
    background: #012c5c;
    color: #fff;
    width: 200px;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .title i {
    font-size: 20px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .li_input {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: 160px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .li_input input {
    transform: scale(1.5);
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search {
    position: relative;
    width: calc(100% - 708px);
    height: 40px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .fa-search {
    width: 30px;
    text-align: right;
    font-size: 20px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search input[type=text] {
    width: calc(100% - 80px);
    height: 35px;
    border: none;
    background: no-repeat;
    padding-right: 10px;
    padding-left: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .fa-sliders {
    width: 40px;
    text-align: left;
    font-size: 25px;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .list_sort {
    position: absolute;
    width: 150px;
    height: 140px;
    background: #fff;
    margin: auto;
    top: 35px;
    right: -50px;
    padding: 10px;
    display: none;
    box-shadow: 0px 0px 6px 0px rgb(50 50 93 / 10%), 1px 1px 5px rgb(0 0 0 / 2%);
    z-index: 999;
    border-radius: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .list_sort .li_sort{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    gap: 10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .list_sort .li_sort input{
    transform: scale(1.5);
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .box_search .list_sort .li_sort label{
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .style_show {
    width: 100px;
    display: flex;
    gap:10px;
    font-size: 35px;
    align-items: center;
    justify-content: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .style_show i{
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .box_filter .style_show i.active{
    color: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab {
    background: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .info_pt{
    width: calc(100% - 50px);
    display: flex;
    justify-content: flex-start;
    background: #fff;
    font-weight: 700;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .ma_phutung{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .ten_phutung{
    width: calc(100% - 900px);
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .ncc{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .soluong_ton{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .gia_mua{
    width: 150px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .gia_ban{
    width: 150px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .th_kho_list .action{
    width: 50px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt{
    position: relative;
    width: calc(100% - 50px);
    display: flex;
    justify-content: flex-start;
    background: #fff;
    align-items: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt:before{
    position: absolute;
    margin: auto;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 3px solid #f60;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.danger:before{
    border-left: 3px solid #f60;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.warning:before{
    border-left: 3px solid #f60;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.good:before{
    border-left: 3px solid #8bc34a;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.danger{
    background: #ffddc7;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.warning{
    background:  #ffd947;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.good{
    background:  #fff;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .ma_phutung{
    width: 250px;
    padding: 5px;
    padding-left: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .ten_phutung{
    width: calc(100% - 900px);
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .ncc{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .soluong_ton{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .soluong_ton span{
    background: #f60;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    font-size: 12px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.danger .soluong_ton span{
    background: #f00;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.warning .soluong_ton span{
    background:  #f60;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .info_pt.good .soluong_ton span{
    background:  #8bc34a;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .gia_mua{
    width: 150px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .gia_ban{
    width: 150px;
    padding: 5px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .action{
    width: 50px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_kho_list .action i{
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat {
    width: calc(100%/7);
    padding: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_add {
    width: calc(100%/7);
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_add .content_add {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_add .content_add i {
    font-size: 30px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat.active {
    background: linear-gradient(to right, #fba46d, #ff0000);
    color: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat:hover {
    background: linear-gradient(to right, #fba46d, #ff0000);
    color: #fff;
    cursor: pointer;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .minh_hoa {
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 5px;
    overflow: hidden;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .minh_hoa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .minh_hoa .ton {
    position: absolute;
    margin: auto;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f60;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .ma {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .name {
    width: 100%;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    font-weight: 700;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .gia_ban {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_kho .content_tab .list_noithat .li_noithat .gia_nhap {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .top {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .top button {
    background: #6425ba;
    display: flex;
    gap: 5px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .top button i {
    font-size: 15px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab {
    background: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .div_more {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .div_more a {
    color: #212529;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .div_more i {
    display: inline-block;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
    color: #fff;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .line_hr {
    width: 100%;
    border-bottom: 1px solid #dedede;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .title .txt {
    font-weight: 700;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat {
    position: relative;
    width: 100%;
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .prev{
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    font-size: 30px;
    z-index: 999;
    background: rgba(0,0,0,0.1);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .prev:hover{
    background: rgba(0,0,0,0.7);
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .next{
    position: absolute;
    margin: auto;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    font-size: 30px;
    z-index: 999;
    background: rgba(0,0,0,0.1);
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .next:hover{
    background: rgba(0,0,0,0.7);
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat {
    width: calc(100%/7);
    padding: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .minh_hoa {
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 5px;
    overflow: hidden;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .minh_hoa img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .minh_hoa .ton {
    position: absolute;
    margin: auto;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f60;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .ma {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .name {
    width: 100%;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    overflow: hidden;
    font-weight: 700;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .gia_ban {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_dathang .content_tab .list_noithat .li_noithat .gia_nhap {
    width: 100%;
    margin-top: 5px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    background: #fff;
    padding: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .line_hr {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    margin-bottom: 10px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .left_tiendo {
    width: 300px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo {
    width: calc(100% - 310px);
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_th {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 20px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_th .gio {
    width: 50px;
    height: 100%;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_th .thu {
    width: calc((100% - 50px)/7);
    text-align: center;
    height: 100%;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_ngay {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 20px;
    border-bottom: 1px solid #dedede;
    height: 40px;
    align-items: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_ngay .gio {
    width: 50px;
    height: 100%;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_ngay .ngay {
    width: calc((100% - 50px)/7);
    text-align: center;
    border-left: 1px solid #dedede;
    font-size: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .list_ngay .ngay span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .li_gio {
    position: relative;
    width: 100%;
    display: flex;
    /*min-height: 500px;*/
    justify-content: flex-start;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    align-items: flex-start;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .li_gio .gio {
    width: 50px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    font-size: 12px;
}

.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .li_gio .ngay {
    position: relative;
    width: calc((100% - 50px)/7);
    text-align: center;
    min-height: inherit;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.page_body .container .main_content .content_noithat .list_content_tab .tab_tiendo .content_tab_tiendo .right_tiendo .li_gio .ngay .li_lenh{
    position: relative;
    background: #dcdcdc;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.page_body .container .main_content .box_left .box_taophieu {
    width: 100%;
    display: flex;
    gap: 10px;
}
.page_body .container .main_content .box_left .box_taophieu #file_nhapkho{
    display: none;
}
.page_body .container .main_content .box_left .box_taophieu #button_taophieu {
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai {
    width: calc(100% - 210px);
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai {
    width: 100%;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai:last-of-type {
    margin-bottom: 0px;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai button {
    width: 180px;
    border-radius: 0px;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai .list_sub {
    position: absolute;
    margin: auto;
    left: 185px;
    width: calc(100% - 185px);
    top: 0px;
    gap: 5px;
    display: none;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai:hover .list_sub {
    display: flex;
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai .list_sub .li_sub {
    width: calc(25% - 5px);
}

.page_body .container .main_content .box_left .box_taophieu .box_phanloai .list_phanloai .li_phanloai .list_sub .li_sub button {
    width: 100%;
}

.page_body .container .main_content .box_left .list_tab_kho {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.page_body .container .main_content .box_left .list_tab_kho .li_tab {
    padding: 10px;
    background: #dedede;
    cursor: pointer;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .list_tab_kho .li_tab.active {
    padding: 10px;
    background: #1374ad;
    color: #fff;
    cursor: pointer;
}

.page_body .container .main_content .box_left .list_content_tab {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab {
    width: 100%;
    display: none;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab.active {
    display: block;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_tab_content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_tab_content .li_tab {
    padding: 10px;
    cursor: pointer;
    padding-right: 15px;
    padding-left: 15px;
    width: 150px;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_tab_content .li_tab.active {
    cursor: pointer;
    border: 1px solid #dedede;
    border-bottom: 3px solid #f00;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_tab_content .li_tab span {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #f00;
    color: #fff;
    border-radius: 50%;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_tab_content .li_tab:hover {
    cursor: pointer;
    color: #f00;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .box_search {
    width: 100%;
    display: flex;
    background: #eee;
    border-radius: 5px;
    height: 40px;
    align-items: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .box_search i {
    width: 50px;
    text-align: center;
    font-size: 25px;
    color: #d0d4d4;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .box_search i.icofont-abacus-alt {
    color: #6d6d6d;
    font-size: 35px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .box_search input {
    background: none;
    border: none;
    font-size: 16px;
    width: calc(100% - 100px);
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .box_search input::placeholder {
    color: #aaa;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab {
    width: 100%;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr th{
    height: 40px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr td{
    padding: 5px;
    border:1px solid #388abb;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr:nth-child(2n+1) td{
    background: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr:nth-child(2n) td{
    background: #a5deff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr td .list_action{
    height: 30px;
    display: flex;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_ncc tr td button{
    height: 25px;
    display: flex;
    align-items: center;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr th{
    height: 40px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr td{
    padding: 5px;
    border:1px solid #388abb;
    text-align: center;
    word-break: break-all;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr:nth-child(2n+1) td{
    background: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr:nth-child(2n) td{
    background: #a5deff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr td .list_action{
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_cv tr td button{
    height: 25px;
    display: flex;
    align-items: center;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr th{
    height: 40px;
    background: #1374ad;
    color: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr td{
    padding: 5px;
    border:1px solid #388abb;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr:nth-child(2n+1) td{
    background: #fff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr:nth-child(2n) td{
    background: #a5deff;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr td .list_action{
    height: 30px;
    display: flex;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_kho tr td button{
    height: 25px;
    display: flex;
    align-items: center;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_left{
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_left .li_tab_left{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1374ad;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_left .li_tab_left.active{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f00;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_right{
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_right button{
    display: none;
}
.page_body .container .main_content .box_left .list_content_tab .li_content_tab .list_button_tab .tab_right button.active{
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho {
    width: 100%;
    background: #ffe699;
    border-radius: 5px;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho .text {
    width: 100%;
    background: #ffe699;
    padding: 10px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho .info {
    width: 100%;
    background: #fff1c8;
    padding: 10px;
    display: none;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table {
    width: 100%;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table th {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table td input[type=checkbox] {
    transform: scale(1.5);
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table td .soluong_xuat {
    width: 50px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho table tr.gray td {
    background: #cdcdcd;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_xuatkho .info .list_button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    gap:10px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang {
    width: 100%;
    border-radius: 5px;
    border: 2px solid #dedede;
    margin-top: 10px;
    overflow: hidden;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top {
    width: 100%;
    display: flex;
    background: #f8cbad;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f8cbad;
    font-weight: 700;
    align-items: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .ncc {
    width: 300px;
    color: #f00;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .ma_lenh {
    width: 250px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .tongtien {
    width: 200px;
    text-align: right;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .status {
    width: calc(100% - 750px);
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .status img {
    height: 30px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .top .status i {
    font-size: 20px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom {
    position: relative;
    width: 100%;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom button {
    position: absolute;
    margin: auto;
    right: 10px;
    bottom: 10px;
    width: 100px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px dashed #dedede;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .minh_hoa {
    width: 100px;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .minh_hoa img {
    width: 100%;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .ma_hh {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .ten_hh {
    width: 260px;
    text-align: left;
    color: #f00;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .so_luong {
    width: 100px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_content_tab .li_content_tab .content_tab .li_dathang .bottom .li_hh .thanh_tien {
    width: 190px;
    text-align: right;
}

.page_body .container .main_content .box_left .title_kho {
    width: 100%;
    font-weight: 700;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .list_thieu {
    width: 100%;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: flex-start;
}

.page_body .container .main_content .box_left .list_thieu .li_thieu {
    width: calc(20% - 10px);
    background: #1374ad;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_list_kho {
    width: 100%;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: flex-start;
}
.page_body .container .main_content .box_left .box_list_kho .li_nhapkho {
    width: 100%;
    background: #ffe699;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho {
    width: 100%;
    background: #ffe699;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho .text {
    width: 100%;
    background: #ffe699;
    padding: 10px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho .info {
    width: 100%;
    background: #fff1c8;
    padding: 10px;
    display: none;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table {
    width: 100%;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table th {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table td input[type=checkbox] {
    transform: scale(1.5);
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table td .soluong_xuat {
    width: 50px;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho table tr.gray td {
    background: #cdcdcd;
}

.page_body .container .main_content .box_left .box_list_kho .li_xuatkho .info .list_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.page_body .container .main_content .box_left .box_list_kho .li_xuatkho .info .list_button button:hover{
    background: #f00;
    color: #fff;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .info_pt{
    width: calc(100% - 100px);
    display: flex;
    justify-content: flex-start;
    background: #fff;
    font-weight: 700;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .ma_phutung{
    width: 300px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .ten_phutung{
    width: calc(100% - 850px);
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .ncc{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .soluong_ton{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .gia_mua{
    width: 150px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .gia_ban{
    width: 180px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .vi_tri{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .vat{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .gia_ban_sau_vat{
    width: 180px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .th_kho_list .action{
    width: 100px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt{
    position: relative;
    width: calc(100% - 100px);
    display: flex;
    justify-content: flex-start;
    background: #fff;
    align-items: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt:before{
    position: absolute;
    margin: auto;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 3px solid #f60;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.danger:before{
    border-left: 3px solid #f60;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.warning:before{
    border-left: 3px solid #f60;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.good:before{
    border-left: 3px solid #8bc34a;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.danger{
    background: #ffddc7;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.warning{
    background:  #ffd947;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.good{
    background:  #fff;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .ma_phutung{
    width: 300px;
    padding: 5px;
    padding-left: 10px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .ten_phutung{
    width: calc(100% - 850px);
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .ncc{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .soluong_ton{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .soluong_ton span{
    background: #f60;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    font-size: 12px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.danger .soluong_ton span{
    background: #f00;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.warning .soluong_ton span{
    background:  #f60;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .info_pt.good .soluong_ton span{
    background:  #8bc34a;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .gia_mua{
    width: 150px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .gia_ban{
    width: 180px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .vi_tri{
    width: 250px;
    padding: 5px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .gia_ban_sau_vat{
    width: 180px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .vat{
    width: 100px;
    padding: 5px;
    text-align: center;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .action{
    width: 100px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    gap:15px;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list .action i{
    cursor: pointer;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho_list {
    width: 100%;
    display: flex;
}
.page_body .container .main_content .box_left .box_list_kho .li_kho {
    width: calc(20% - 10px);
    background: #1374ad;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.page_body .container .main_content .box_left .list_filter {
    width: 100%;
    display: flex;
    gap: 10px;
}
.page_body .container .main_content .box_left .list_filter .add_kho {
    display: flex;
    position: relative;
    gap:10px;
}
.page_body .container .main_content .box_left .list_filter .add_kho button{
    color: #fff;
    background: #f60;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    font-size: 11px;
}
.page_body .container .main_content .box_left .list_filter .col_filter {
    position: relative;
}

.page_body .container .main_content .box_left .list_filter .col_filter button {
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.page_body .container .main_content .box_left .list_filter .col_filter button.active {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .box_left .list_filter .col_filter .list_sub {
    position: absolute;
    width: 250px;
    display: none;
    background: #fff;
    z-index: 1;
    max-height: 350px;
    overflow: auto;
}

.page_body .container .main_content .box_left .list_filter .col_filter:hover .list_sub {
    display: block;
}

.page_body .container .main_content .box_left .list_filter .col_filter .list_sub .li_sub {
    width: 100%;
    background: #c4c8c9;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .box_left .list_filter .col_filter .list_sub .li_sub:hover {
    background: #1374ad;
    color: #fff;
}

.page_body .container .main_content .box_left .list_filter .col_filter .list_sub .li_sub.active {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .box_left .box_search {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .box_search input[name=keyword] {
    width: 100%;
    padding: 10px;
    border: 2px solid #1374ad;
    border-radius: 5px;
}
.page_body .container .main_content .box_left .box_search_kho {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.page_body .container .main_content .box_left .box_search_kho .box_input{
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
    border:1px solid #dedede;
    height: 35px;
    border-radius: 5px;
    background: #fff;
}
.page_body .container .main_content .box_left .box_search_kho input[name=keyword] {
    width: calc(100% - 50px);
    padding: 10px;
    border:none;
    border-radius: 5px;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    flex-wrap: wrap;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort .fa-filter:hover{
    color: #f00;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort .list_sort{
    position: absolute;
    width: 150px;
    height: 140px;
    background: #fff;
    margin: auto;
    top: 35px;
    padding: 10px;
    display: none;
    z-index: 999;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort .list_sort .li_sort{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    gap:10px;
    margin-bottom: 10px;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort .list_sort .li_sort input{
    transform: scale(1.5);
    cursor: pointer;
}
.page_body .container .main_content .box_left .box_search_kho .icon_sort .list_sort .li_sort label:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .box_left .box_search_kho .style_show{
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
    font-size: 35px;
}
.page_body .container .main_content .box_left .box_search_kho .style_show .fa:hover{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .box_left .box_search_kho .style_show .fa.active{
    cursor: pointer;
    color: #f00;
}
.page_body .container .main_content .box_left .box_list_phong {
    width: 100%;
}

.page_body .container .main_content .box_left .box_list_phong .title {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    background: #1374ad;
    text-transform: uppercase;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_list_phong .list_phong {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.page_body .container .main_content .box_left .box_list_phong .list_phong .li_phong {
    width: calc(100%/3 - 10px);
    background: #fff;
    padding: 20px;
}

.page_body .container .main_content .box_left .box_list_phong .list_phong .li_phong .li_phong_title {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_list_phong .list_phong .li_phong .li_phong_text {
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_list_phong .list_phong .li_phong .li_phong_text span {
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh .li_thongke_kinhdoanh {
    width: 100%;
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh .li_thongke_kinhdoanh .title {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    background: #1374ad;
    text-transform: uppercase;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh .li_thongke_kinhdoanh .li_thongke_kinhdoanh_content {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh .li_thongke_kinhdoanh .li_thongke_kinhdoanh_content .chart {
    width: calc(60% - 5px);
}

.page_body .container .main_content .box_left .box_thongke_kinhdoanh .li_thongke_kinhdoanh .li_thongke_kinhdoanh_content .chart:nth-child(2) {
    width: calc(40% - 5px);
}

.page_body .container .main_content .box_left .list_giaoxe {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe {
    width: calc(100%/2 - 5px);
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe .title {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    background: #1374ad;
    text-transform: uppercase;
    font-weight: 700;
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe table {
    width: 100%;
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe table tr th {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #1374ad;
    border: 1px solid #fff;
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe table tr td {
    background: #7ccfff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_giaoxe .li_giaoxe table tr:nth-child(2n+2) td {
    background: #a5deff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_giaoviec {
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .list_giaoviec .title {
    color: #fff;
    background: #1374ad;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .list_giaoviec .list_giaoviec_content {
    width: 100%;
}

.page_body .container .main_content .box_left .list_giaoviec .list_giaoviec_content table {
    width: 100%;
}

.page_body .container .main_content .box_left .list_giaoviec .list_giaoviec_content table tr th {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #1374ad;
    border: 1px solid #fff;
}

.page_body .container .main_content .box_left .list_giaoviec .list_giaoviec_content table tr.even td {
    background: #7ccfff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .list_giaoviec .list_giaoviec_content table tr.odd td {
    background: #a5deff;
    border: 1px solid #fff;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_thongke_kho {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .box_thongke_kho .title {
    color: #fff;
    background: #1374ad;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_thongke_kho .list_thongke_kho {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_thongke_kho .list_thongke_kho .li_thongke_kho {
    width: calc(100%/3 - 10px);
}

.page_body .container .main_content .box_left .box_tab {
    width: 100%;
}

.page_body .container .main_content .box_left .box_tab .list_tab {
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_tab .list_tab button {
    text-transform: uppercase;
    background: #c0c0c0;
}

.page_body .container .main_content .box_left .box_tab .list_tab button.active {
    text-transform: uppercase;
    background: #1374ad;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content {
    width: 100%;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content {
    width: 100%;
    display: none;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content.active {
    display: block;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    padding: 10px;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo button {
    height: 160px;
    width: 160px;
    font-size: 20px;
    border-radius: 50%;
    font-weight: 700;
    background: #c0c0c0;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo button.active {
    background: #1374ad;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo_content {
    width: 100%;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo_content .li_tiendo_content {
    width: 100%;
    display: none;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_tab .list_tab_content .li_tab_content .list_tiendo_content .li_tiendo_content.active {
    width: 100%;
    display: block;
}

.page_body .container .main_content .box_left .box_top_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info {
    width: 250px;
    height: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content {
    width: 250px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left {
    width: 100%;
    background: #fff;
    margin-top: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_title {
    width: 100%;
    padding: 10px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content {
    width: 100%;
    padding: 10px;
    background: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_thongke_left {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_thongke_left button {
    width: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 9px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong .top div {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 12px;
    color: #19669a;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong .top div i {
    font-size: 14px;
    margin-right: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong .bottom {
    font-size: 12px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .widget_left .widget_left_content .list_hoatdong .li_hoatdong .bottom button {
    display: none;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action {
    width: calc(100% - 260px);
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan{
    margin: auto;
    width: 1000px;
    max-width: calc(100% - 20px);
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .title_huongdan{
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap:10px;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .title_huongdan .fa{
    font-size: 30px;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:20px;
    margin-top: 20px;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan{
    width: calc(100%/3 - 60px/2);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan:hover {
    transform: scale(1.05);
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .minh_hoa{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    cursor: pointer;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .minh_hoa img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .play-button {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 9;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .play-button:hover {
    opacity: 1;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .play-icon {
    width: 4rem; /* Tailwind h-16 w-16 */
    height: 4rem;
    color: white;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .tieu_de{
    position: relative;
    width: 100%;
    padding: 10px;
    max-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    margin-bottom: 10px;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .main_huongdan .list_huongdan .li_huongdan .tieu_de a{
    position: relative;
    width: 100%;
    color: #4B5563;
    font-weight: 700;
}
.page_body .container .main_content .box_left .box_top_main .box_top_covan {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_kehoach_thang {
    width: calc(60% - 5px);
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_kehoach_nam {
    width: calc(40% - 5px);
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_kehoach .list_kehoach {
    width: 100%;
    padding: 10px;
    background: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_kehoach h1 {
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_lichhen {
    width: calc(100% - 360px);
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_lichhen .box_top_covan_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_covan .box_lichhen .box_top_covan_title span {
    font-weight: 700;
    font-size: 18px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_kehoach_sale {
    width: 280px;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_kehoach_sale .title {
    width: 100%;
    height: 40px;
    background: #1374ad;
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_kehoach_sale .title span {
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #8bc34a;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale {
    width: calc(100% - 290px);
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale {
    display: flex;
    height: 110px;
    align-items: center;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale .li_thongke_sale {
    width: calc(100%/3);
    height: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale .li_thongke_sale .li_thongke_sale_content {
    position: relative;
    margin: auto;
    width: 130px;
    height: 110px;
    border-radius: 50%;
    background: #1374ad;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale .li_thongke_sale .li_thongke_sale_content span {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale .li_thongke_sale .li_thongke_sale_content span.text {
    top: -40px;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .list_top_thongke_sale .li_thongke_sale .li_thongke_sale_content span.number {
    top: 30px;
    height: 30px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .bangtin_kehoach {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .bangtin_kehoach .title {
    background: #1374ad;
    color: #fff;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    margin-bottom: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .bangtin_kehoach .li_bangtin_kehoach {
    position: relative;
    width: 100%;
    padding-left: 10px;
    font-style: italic;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_thongke_sale .box_thongke_kehoach_sale .bangtin_kehoach .li_bangtin_kehoach:before {
    font-family: "FontAwesome";
    content: "\f101";
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_title {
    width: 100%;
    padding: 10px;
    height: 40px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_kehoach_sale {
    width: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_kehoach_sale .li_kehoach_sale {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_kehoach_sale .li_kehoach_sale.success {
    color: #f00;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 20px;
    text-align: center;
    display: block;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_kehoach_sale .li_kehoach_sale span {
    color: #fff;
    background: #f60;
    padding-right: 10px;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_title .list_control {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_title .list_control button {
    display: inline-block;
    background: #1374ad;
    color: #fff;
    height: 30px;
    width: 40px;
    line-height: 15px;
    z-index: 999;
}

.page_body .container .main_content .box_left .bar_thongke {
    width: 100%;
    background: #fff;
    padding: 5px;
    margin-top: 10px;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .bar_thongke .li_bar_thongke {
    position: relative;
    width: calc(100%/15);
    border: 2px solid #1374ad;
    background: #1374ad;
    color: #fff;
    text-align: center;
    padding: 10px;
    height: 160px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_body .container .main_content .box_left .bar_thongke .li_bar_thongke span {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
}

.page_body .container .main_content .box_left .bar_thongke .li_bar_thongke span.text {
    font-size: 12px;
}

.page_body .container .main_content .box_left .bar_thongke .li_bar_thongke span.number {
    position: absolute;
    bottom: -120px;
    height: 30px;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.page_body .container .main_content .box_left .list_box_thongke {
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .list_box_thongke .title {
    background: #1374ad;
    color: #fff;
    display: inline-block;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.page_body .container .main_content .box_left .list_box_thongke .list_box_thongke_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    gap: 10px;
}

.page_body .container .main_content .box_left .list_box_thongke .list_box_thongke_content .li_box_thongke {
    width: calc(100%/3);
}

.page_body .container .main_content .box_left .list_box_thongke .list_box_thongke_content .li_box_thongke .box_title {
    max-width: 70%;
    display: inline-block;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe {
    width: 100%;
    font-weight: 700;
    height: 234px;
    background: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .swiper-container {
    width: 100%;
    height: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe {
    width: 100%;
    height: 100%;
    display: flex;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe {
    height: 100%;
    padding: 10px;
    float: left;
    flex-basis: calc(100%/3);
    flex-grow: 0;
    flex-shrink: 0;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .minh_hoa {
    width: 100%;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .minh_hoa img {
    max-width: 200px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .ten_xe {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .bks {
    width: 100%;
    font-weight: 700;
    color: #f00;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .button_add_xe span {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #a1a1a1;
    color: #fff;
    line-height: 80px;
    font-size: 30px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .note {
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 20px;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .note h2 {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 70px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    text-align: left;
    background: #e27e05;
    font-size: 12px;
    color: #fff;
}

/*.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .note h2:after{
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #e27e05;
    border-right: 20px solid transparent;
    content: "";
}*/
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .note.confirm span {
    display: inline-block;
    height: 100%;
    line-height: 20px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    background: #2e9703;
    color: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_xe .li_xe .li_xe_content .note span {
    display: inline-block;
    height: 100%;
    line-height: 20px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    background: #dedede;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_title {
    width: 100%;
    padding: 10px;
    height: 40px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_title button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen {
    width: 100%;
    background: #fff;
    height: calc(100% - 40px);
    border-radius: 0px 0px 8px 8px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen .li_group_info_xe {
    width: 100%;
    float: left;
    display: flex;
    background: #4e4e4e;
    color: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen .li_group_info_xe:nth-child(2n+1) {
    background: #5e5f63;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen .li_info_xe {
    width: calc(100%/3);
    float: left;
    display: flex;
    color: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen .li_info_xe .li_info_xe_left {
    color: #ffeb00;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 110px;
    text-align: right;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_top_main_action_lichhen .li_info_xe .li_info_xe_right {
    color: #fff;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: calc(100% - 150px);
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_tk {
    width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_tk button {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 245px;
    max-width: calc(100% - 20px);
    margin: 10px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_tk button span {
    background: #fff;
    color: #f00;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main {
    width: 100%;
    background: #fff;
    min-height: calc(100vh - 200px);
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra {
    width: 100%;
    max-width: calc(100% - 20px);
    margin: auto;
    margin-top: 10px;
    display: flex;
    gap:10px;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra{
    width: calc(100%/3 - 15px);
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet{
    width: 100%;
    background: #e7f6ff;
    padding: 10px;
    height: 250px;
    overflow: auto;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet .li_xe_ra {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    align-content: center;
    gap: 10px;
    border-bottom: 1px solid #d1d2d9;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet .li_xe_ra:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet .li_xe_ra .bks {
    width: calc(50% - 5px);
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet .li_xe_ra .btn {
    width: calc(50% - 5px);
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .box_duyet_ra .list_duyet .li_xe_ra .btn button:hover {
    background: #f00;
}
.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_tab_duyet button{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .title {
    width: 100%;
    height: 40px;
    padding: 10px;
    background: #1374ad;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content {
    width: 100%;
    border: 1px solid #d1d2d9;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content .li_xe_ra {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    align-content: center;
    gap: 10px;
    border-bottom: 1px solid #d1d2d9;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content .li_xe_ra:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content .li_xe_ra .bks {
    width: calc(50% - 5px);
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content .li_xe_ra .btn {
    width: calc(50% - 5px);
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_duyet_ra .list_duyet_ra_content .li_xe_ra .btn button:hover {
    background: #f00;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content {
    width: 100%;
    max-width: calc(100% - 20px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .button_content {
    width: 500px;
    max-width: calc(100% - 20px);
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .box_input {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .box_input input {
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #f00;
    margin-bottom: 10px;
    height: 70px;
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid #f00;
    text-transform: uppercase;
    font-family: "Helvetica", sans-serif;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .box_input input::-webkit-input-placeholder {
    /* Edge */
    color: #354052;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .box_input input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #354052;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .box_input input::placeholder {
    color: #354052;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content .button_content .list_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content button {
    width: calc(50% - 10px);
    padding: 30px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background: #1374ad;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .list_button_main .list_button_main_content button:hover {
    background: #f00;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile {
    margin: auto;
    width: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile .change_avatar {
    width: 100%;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile .change_avatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile h2 {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile input {
    margin: 0;
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.page_body .container .main_content .box_left .box_top_main .box_top_main_action .box_profile textarea {
    margin: 0;
    width: 100%;
    height: 100px;
    font-size: 15px;
    color: #354052;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .avatar {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 150px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .avatar img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .chucvu {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .chucvu span {
    display: inline-block;
    background: #1374ad;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .name {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .ngay_sinh {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_top_main .box_acount_info .box_acount_info_content .dien_thoai {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_thongke_main {
    width: 100%;
    background: #fff;
    min-height: 100px;
    border-radius: 5px;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .box_thongke_main .list_tab {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    gap: 10px;
    background: #d1d2d9;
}

.page_body .container .main_content .box_left .box_thongke_main .box_title {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    gap: 10px;
    font-weight: 700;
    background: #d1d2d9;
}

.page_body .container .main_content .box_left .box_thongke_main .box_title .select_car {
    display: inline-block;
    background: #1374ad;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_thongke_main .box_title .select_car select {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: url("images/arrow-down-white.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 1rem) center !important;
    padding-left: 10px;
    padding-right: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    color: #fff;
}

.page_body .container .main_content .box_left .box_thongke_main .box_title .select_car select option {
    color: #f60;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_main .list_tab button {
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_main .box_top_main_action_title {
    width: 100%;
    padding: 10px;
    font-weight: 700;
    background: #1374ad;
    color: #fff;
}

.page_body .container .main_content .box_left .box_thongke_main .box_thongke_title {
    width: 100%;
    padding: 10px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua {
    width: 100%;
    height: auto;
    min-height: 300px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-wrap: wrap;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua {
    background: #f1f4f6;
    height: 100%;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

/*.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .thongke_suachua{
	width: 300px;
	height: 100%;
}
.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .gan_nhat{
	width: calc(100% - 600px);
	height: 100%;
}
.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .ke_tiep{
	width: 300px;
	height: 100%;
}*/
.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .thongke_suachua .title {
    height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .ke_tiep .title {
    height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .gan_nhat .title {
    height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua {
    position: relative;
    width: 100%;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua table {
    width: 100%;
    border-collapse: collapse;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua table td {
    position: relative;
    border: 1px solid #dedede;
    padding: 10px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua table td span {
    font-weight: 700;
    background: #1374ad;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 5px;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua button {
    position: absolute;
    margin: auto;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 40px;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua ul li {
    position: relative;
    padding-left: 10px;
    font-weight: normal;
}

.page_body .container .main_content .box_left .box_thongke_main .lichsu_suachua .col_suachua .content_suachua ul li:before {
    position: absolute;
    margin: auto;
    left: 0px;
    width: 10px;
    height: 20px;
    font-family: "FontAwesome";
    content: "\f101";
}

.page_body .container .main_content .box_left .box_tientrinh {
    width: 100%;
    margin-top: 10px;
}

.page_body .container .main_content .box_left .box_tientrinh .title {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    gap: 10px;
    font-weight: 700;
    background: #d1d2d9;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh {
    width: 100%;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .title_tientrinh {
    width: 100%;
    padding: 10px;
    font-weight: 700;
    background: #1374ad;
    color: #fff;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh {
    width: 100%;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh table {
    width: 100%;
    border-collapse: collapse;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh table.thongtin_xe tr {
    background: #7ccfff;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh table.thongtin_xe tr:nth-child(2n+1) {
    background: #a5deff;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh table.thongtin_xe tr td {
    border: 1px solid #fff;
    padding: 10px;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh table.thongtin_xe tr td span {
    display: inline-block;
    width: 100px;
    text-align: right;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 10px;
    height: 150px;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .line {
    position: absolute;
    margin: auto;
    background: #eaeaea;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    height: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 20px);
    z-index: 9;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step {
    position: absolute;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding: 10px;
    z-index: 99;
    margin: auto;
    top: 48px;
    left: 0px;
    right: 0px;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step .step {
    cursor: pointer;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step .step div {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #aaa;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step .step div span {
    background: #eaeaea;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step .step.active div span {
    background: #1374ad;
}

.page_body .container .main_content .box_left .box_tientrinh .li_tientrinh .content_tientrinh .line_tientrinh .list_step .step.active div {
    color: #1374ad;
}

.page_body .container .main_content .box_left .box_thongke_main h2 {
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe {
    width: 100%;
    background: #fff;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe {
    width: 25%;
    min-height: 255px;
    padding: 10px;
    display: flex;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content {
    position: relative;
    width: 100%;
    border: 2px solid #f3f3f3;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 0 3px 32px 0 rgb(0 0 0 / 6%);
    position: relative;
    text-align: center;
    padding-bottom: 50px;
    cursor: pointer;
    overflow: hidden;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .minh_hoa {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .minh_hoa img {
    max-width: calc(100% - 20px);
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .ten_xe {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .bks {
    width: 100%;
    font-weight: 700;
    color: #f00;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .button_add_xe span {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #a1a1a1;
    color: #fff;
    line-height: 80px;
    font-size: 30px;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .note {
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 20px;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .note h2 {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 70px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    text-align: left;
    background: #e27e05;
    font-size: 12px;
    color: #fff;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .note h2:after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #e27e05;
    border-right: 20px solid transparent;
    content: "";
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .note.confirm span {
    display: inline-block;
    height: 100%;
    line-height: 20px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    background: #2e9703;
    color: #fff;
}

.page_body .container .main_content .box_left .box_thongke_main .list_xe .li_xe .li_xe_content .note span {
    display: inline-block;
    height: 100%;
    line-height: 20px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    background: #dedede;
}

.page_body .container .main_content .box_left .box_main_left {
    width: 100%;
}

.page_body .container .main_content .section {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page_body .container .main_content .box_left .box_main_left_menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
}

.page_body .container .main_content .box_left .box_main_left_menu button.active {
    background: #f60;
    color: #fff;
}

.page_body .container .main_content .box_left .box_main_left_list {
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
}

.page_body .container .main_content .box_right .box_tichdiem {
    width: 100%;
    height: 130px;
    background: #f00;
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.page_body .container .main_content .box_right .box_tichdiem .box_tichdiem_title {
    width: 100%;
    text-align: center;
    height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.page_body .container .main_content .box_right .box_tichdiem .box_tichdiem_content {
    width: 100%;
    text-align: center;
    height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_body .container .main_content .box_right .box_tichdiem .box_tichdiem_content span {
    display: inline-block;
    width: calc(100% - 80px);
    height: 40px;
    border-radius: 8px;
    background: #fff;
    color: #f00;
    line-height: 40px;
}

.page_body .container .main_content .box_right .box_tichdiem .link {
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
}

.page_body .container .main_content .box_right .box_tichdiem .link a {
    color: #fff;
}

.page_body .container .main_content .box_right .calendar-wrapper {
    width: 100% !important;
    padding: 0px !important;
}

.page_body .container .main_content .box_right .calendar-wrapper .calendar-container {
    border-radius: 5px;
}

.page_body .container .main_content .box_right .calendar-grid .calendar-date-holder {
    height: 230px;
    width: 100%;
}

.page_body .container .main_content .box_right .calendar-date-holder .calendar-dates .date.selected a {
    background-color: #19669a;
    color: #fff;
    border: none;
}

.page_body .container .main_content .box_right .widget_right {
    width: 100%;
    background: #fff;
    margin-top: 10px;
    border-radius: 5px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_title {
    width: 100%;
    padding: 10px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content {
    width: 100%;
    padding: 10px;
    background: #fff;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_thongke_right {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_thongke_right button {
    width: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 9px;
    display: flex;
    cursor: pointer;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .avatar {
    width: 60px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info {
    width: calc(100% - 60px);
    padding-left: 10px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info .name {
    width: 100%;
    font-weight: 700;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info .status {
    width: 100%;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info .status span {
    display: inline-block;
    background: #f60;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    font-size: 10px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info .status span.online {
    background: #1fa500;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_friend .li_friend .info .status span.offline {
    background: #adadad;
}

.loading_header {
    height: 50px;
    width: 100%;
    text-align: left;
    background: #fff;
    line-height: 50px;
    display: none;
}

.loading_header img {
    margin-top: 7px;
    margin-left: 20px;
    float: left;
}

.loading_header .text_load {
    margin-top: 0px;
    float: left;
    margin-left: 10px;
}

.main_box_chat {
    position: fixed;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
}

.main_box_chat .box_chat {
    position: relative;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    height: 350px;
    width: 250px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px 2px;
    border-top: 1px solid #dedede;
}

.main_box_chat .box_chat .box_chat_top {
    width: 100%;
    height: 30px;
    background: #f6f7f9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .20);
    color: #191919;
    padding-right: 3px;
    z-index: 2;
}

.main_box_chat .box_chat .box_chat_top.active {
    background: #fcff00;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_name {
    float: left;
    width: 145px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_online {
    float: left;
    width: 10px;
    height: 10px;
    background: #adadad;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 10.45px;
    margin-left: 3px;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_online.online {
    background: #1fa500;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_online.offline {
    background: #adadad;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_menu {
    float: right;
    width: 90px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_menu .box_chat_top_photo {
    float: left;
    width: 20px;
    height: 30px;
    cursor: pointer;
    margin-right: 3px;
    text-align: center;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_menu .box_chat_top_smile {
    float: left;
    width: 20px;
    height: 30px;
    cursor: pointer;
    margin-right: 3px;
    text-align: center;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_menu .box_chat_top_delete {
    float: left;
    width: 20px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}

.main_box_chat .box_chat .box_chat_top .box_chat_top_menu .box_chat_top_close {
    float: left;
    width: 20px;
    height: 30px;
    margin-left: 3px;
    cursor: pointer;
}

.main_box_chat .box_chat .chating {
    margin: auto;
    position: relative;
    width: 101%;
    height: 25px;
    background: #0a9208;
    text-align: left;
    text-indent: 5px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin-bottom: -25px;
    display: none;
}

.main_box_chat .box_chat .box_chat_midle {
    width: 100%;
    height: 275px;
    overflow-y: auto;
    border-bottom: 1px solid #dedede;
    padding-left: 3px;
    padding-right: 5px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in_first {
    margin-top: 5px;
    width: 100%;
    float: left;
    clear: both;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in_first .li_sms_in_first_avatar {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    text-align: center;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in_first .li_sms_in_first_avatar img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in_first .li_sms_in_first_content {
    float: left;
    max-width: 175px;
    background: #e9ebee;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in_first .li_sms_in_first_content_smile {
    float: left;
    max-width: 175px;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in .li_sms_in_content {
    float: left;
    max-width: 209px;
    background: #e9ebee;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_in .li_sms_in_content_smile {
    float: left;
    max-width: 209px;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_out {
    width: 100%;
    float: right;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_out .li_sms_out_content {
    float: right;
    max-width: 200px;
    margin-top: 5px;
    background: #ffecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #af3813;
    padding: 5px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_midle .li_sms_out .li_sms_out_content_smile {
    float: right;
    max-width: 200px;
    margin-top: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    color: #af3813;
    padding: 5px;
    font-size: 14px;
}

.main_box_chat .box_chat .box_chat_footer {
    width: 100%;
    height: 70px;
}

.main_box_chat .box_chat .box_chat_footer .box_chat_footer_text {
    position: relative;
    margin: auto;
    width: 245px;
    height: 30px;
}

.main_box_chat .box_chat .box_chat_footer .box_chat_footer_text input[type=text] {
    position: relative;
    margin: auto;
    width: 100%;
    height: 30px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    overflow-x: hidden;
    border: none;
}

.main_box_chat .box_chat .box_chat_footer_other {
    float: right;
    position: relative;
    margin: auto;
    width: 60px;
    height: 30px;
    margin-top: 13px;
}

.main_box_chat .box_chat .box_chat_footer_other .box_chat_footer_other_file {
    float: left;
    cursor: pointer;
}

.main_box_chat .box_chat .box_chat_footer_other .box_chat_footer_other_smile {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.main_box_chat .box_chat .box_chat_footer_other .box_chat_footer_other_photo {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 9px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong:last-of-type {
    border-bottom: none;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong .top div {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 12px;
    color: #19669a;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong .top div i {
    font-size: 14px;
    margin-right: 5px;
}

.page_body .container .main_content .box_right .widget_right .widget_right_content .list_hoatdong .li_hoatdong .bottom {
    font-size: 12px;
}

.page_body .container .boxtop_lt {
    margin: auto;
    width: calc(100% - 20px);
    margin-bottom: 20px;
}

.page_body .container .boxtop_lt .boxtop_lt_content {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho {
    width: calc(100% - 380px);
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke {
    width: 370px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke h1 {
    font-size: 18px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .menu_giamdoc_dichvu {
    width: 95px;
    margin-top: 10px;
    float: left;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu {
    width: calc(100% - 105px);
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    height: 100%;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc{
    position: relative;
    width: 100%;
    background: #fff;
    height: calc(100vh - 80px);
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left{
    position: fixed;
    margin: auto;
    left: 0;
    top: 40px;
    width: 200px;
    background: #fff;
    height: 100%;
    border-right: 1px solid #dedede;
    padding: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right{
    position: absolute;
    margin: auto;
    width: calc(100% - 180px);
    background: #fff;
    min-height: 100vh;
    left: 190px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .button_back_main{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .button_back_main:hover{
    color: #f60;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .button_back_main i{
    font-size: 30px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    margin-bottom: 20px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao .dot{
    width: 30px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao .dot i{
    display: none;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao.active .dot i{
    display: block;
    color: #6a24ff;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao .text{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    width: calc(100% - 30px);
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao.active .text{
    border-right: 2px solid #6a24ff;
    color: #6a24ff;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_left .li_menu_baocao .text i{
    font-size: 25px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe{
    width: 100%;
    padding: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:30px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang .content_box_thang{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    background: #615ad1;
    width: 200px;
    height: 60px;
    padding: 10px;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang .text{
    color: #fff;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input{
    width: 132px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    background: #fff;
    border-radius: 5px;
    height: 25px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input select{
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    width: 98px;
    border:none;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_thang .box_input i{
    width: 20px;
    font-size: 20px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh{
    width: 200px;
    padding: 10px;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .title{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .title span{
    color: #f00;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .bieutuong{
    position: absolute;
    margin: auto;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid #dedede;
    background: #615ad1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .bieutuong i{
    font-size: 25px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .top_baocao_luotxe .box_luotxe_molenh .info .tk{
    width: calc(100% - 40px);
    box-shadow: 5px 5px #615ad1;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 20px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe{
    width: 100%;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:20px;
    flex-wrap: wrap;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left{
    width: calc(40% - 10px);
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .text{
    display: flex;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .sub_title{
    width: 100%;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 10px;
    gap:20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 280px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
    margin-top: -15px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/6);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:85%;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ad9dff,#edeaff);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_1 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#e0b0c9,#fe42a6);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_2 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#faf3d5,#ebcd4d);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_3 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4{
    position: relative;
    width: calc(100%/3 - 5px);
    background:linear-gradient(to top,#ffa27b,#f00);
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_4 span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#f00;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    justify-content: center;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_left .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    font-size: 12px;
    justify-content: center;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right{
    width: calc(60% - 10px);
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
    height: 46px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .text{
    display: flex;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .text span{
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #dedede;
    height: 20px;
    padding-right: 10px;
    font-weight: 700;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .sub_title{
    width: 100%;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .list_phanloai{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .title .phan_loai .list_phanloai .li_phanloai{
    display: inline-block;
    background:#615ad1;
    color: #fff;
    height: 20px;
    width: 60px;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke{
    width: 100%;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .top_box{
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box{
    width: 100%;
    padding: 10px;
    height: 280px;
    display: flex;
    justify-content: flex-start;
    font-size: 12px;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .col_donvi{
    width: 30px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .col_donvi .li_donvi{
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col{
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col{
    width: calc(100%/10);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
    font-size: 12px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke{
    width:60px;
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    gap:3px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left{
    position: relative;
    width: calc(100%/2 - 5px);
    background:#ffd36e;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_left span{
    position: absolute;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
    justify-content: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right{
    position: relative;
    width: calc(100%/2 - 5px);
    background: #dcdbe3;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .li_col_thongke .li_col_thongke_right span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin: auto;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .thongke_baocao_luotxe .box_baocao_luotxe .box_baocao_right .content_thongke .bottom_box .list_col .li_col .ten_tinh{
    width: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh{
    width: 100%;
    margin-bottom: 20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .title{
    width: 100%;
    display: flex;
    background: #a083d5;
    padding: 5px;
    color: #fff;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content{
    margin: auto;
    width: calc(100% - 80px);
    margin-top: 40px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .sub_title{
    width: 100%;
    font-weight: 700;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box{
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    border:1px solid #dedede;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .don_vi{
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .phan_loai{
    display: flex;
    justify-content: flex-start;
    gap:25px;
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .top_box .phan_loai .li_phanloai{
    display: flex;
    justify-content: flex-start;
    gap:5px;
    align-items: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 300px;
    flex-wrap: wrap;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_thongke{
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 300px;
    align-items: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col{
    width: calc(100%/12);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 300px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content{
    position: relative;
    width: 68px;
    text-align: center;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .gj{
    position: relative;
    width: 100%;
    background: #ffd36e;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 5px 5px 0px 0px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .bp{
    position: relative;
    width: 100%;
    background: #a897fd;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    border-radius: 5px 5px 0px 0px;
    bottom:-5px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .hh{
    position: relative;
    width: 100%;
    background: #6f6c99;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 0;
    border-radius: 5px 5px 0px 0px;
    bottom: -10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .txt{
    width: 100%;
    position: absolute;
    margin: auto;
    top:-15px;
    font-weight: 700;
    left: 0;
    right: 0;
    color: #f60;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .thongke_box .bottom_box .list_col .li_col .li_col_content .thang{
    display: flex;
    width: 100%;
    font-size: 12px;
    justify-content: center;
    height: 40px;
    align-items: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap:20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai{
    width: 100px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .sub_title{
    width: 100px;
    font-size: 14px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .list_phanloai{
    width: 100px;
    margin-top: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .phan_loai .list_phanloai .li_phanloai{
    width: 100px;
    height: 25px;
    background: #615ad1;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu{
    width: 300px;
    height: 300px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .sub_title{
    width: 100%;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content{
    width: 100%;
    height: 280px;
    background: #171724;
    border-radius: 10px;
    margin-top: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang{
    display: flex;
    width: 100%;
    color: #fff;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang{
    width: 20%;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:5px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line{
    width: 22px;
    height: 200px;
    background: #2e2d3f;
    border-radius: 11px;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line span{
    position: relative;
    width: 22px;
    border-radius: 11px;
    background: #7ef68a;
    display: inline-block;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .line span .text{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -15px;
    width: 22px;
    font-size: 10px;
    text-align: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_khong_doanhthu .thongke_box_content .list_thang .li_thang .ten_thang{
    width: 100%;
    font-size: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu{
    width: calc(100% - 700px);
    height: 300px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .sub_title{
    width: 100%;
    font-size: 14px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content{
    width: 100%;
    height: 280px;
    border-radius: 5px;
    border:1px solid #dedede;
    margin-top: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box .don_vi{
    font-size: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .top_box .phan_loai{
    display: flex;
    justify-content: flex-end;
    width: 300px;
    font-size: 10px;
    gap:10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 235px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content{
    position: relative;
    width: 68px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .txt{
    width: 100%;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .bp{
    width: 100%;
    text-align: center;
    background: #fc855f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin-bottom: -10px;
    border-radius: 10px 10px 0px 0px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .gj{
    width: 100%;
    text-align: center;
    background: #b08bf7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 10px 10px 0px 0px;
}
.box_baocao_giamdoc .content_baocao_right .content_baocao_luotxe .box_doanhthu_molenh .box_doanhthu_molenh_content .group_thongke .box_lenh_co_doanhthu .thongke_box_content .bottom_box .list_col .li_col .li_col_content .thang{
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .list_ngay{
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .list_ngay .li_ngay{
    width: 100%;
    height: 25px;
    background: #e6e6e6;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .list_ngay .li_ngay.active{
    width: 100%;
    height: 25px;
    background: #f60;
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .list_ngay .li_ngay:hover{
    width: 100%;
    height: 25px;
    background: #f60;
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_baocao_giamdoc .content_baocao{
    width: calc(100% - 200px);
    float: left;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_tab {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid #dedede;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_tab .li_tab {
    display: flex;
    align-items: flex-end;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_tab .li_tab button {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    background: #575757;
    color: #fff;
    border-radius: 15px 15px 0px 0px;
    min-width: 120px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_tab .li_tab.active button {
    background: #a80606;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding: 10px;
    gap:10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh{
    width: calc(100% - 260px);
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .title{
    width: 100%;
    height: 35px;
    border-radius: 5px;
    color: #fff;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box{
    width: 100%;
    border:1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom:1px solid #dedede;
    background: #f60;
    color: #fff;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .stt{
    width: 100px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .ma_lenh{
    width: 130px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .ten_kh{
    width: 220px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .status{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .tien_molenh{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .tien_dathu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .title_list .tien_xuat_hd{
    width: calc(100% - 900px);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc{
    width: 100%;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #dedede;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .stt{
    width: 100px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .ma_lenh{
    width: 130px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .ten_kh{
    width: 220px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .status{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .tien_molenh{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .tien_dathu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_lenh .content_box .list_lenh_sc .li_lenh_sc .tien_xuat_hd{
    width: calc(100% - 900px);
    text-align: center;
    padding:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc{
    width: 250px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .title{
    width: 100%;
    background: #000;
    color: #fff;
    height: 35px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box{
    width: 100%;
    border:1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .h2{
    width: 100%;
    padding: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    gap:10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .h2 i{
    font-size: 18px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_input{
    width: 100%;
    height: 25px;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    margin-top: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_input label{
    width: 70px;
    display: inline-block;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_input input{
    width: 130px;
    display: inline-block;
    border:1px solid #dedede;
    border-radius: 5px;
    padding: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_check{
    width: 100%;
    height: 25px;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_check input[type=checkbox]{
    transform: scale(1.5);
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .box_loc .content_box .li_check label{
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno{
    width: 100%;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .title{
    width: 100%;
    height: 35px;
    border-radius: 5px;
    color: #fff;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box{
    width: 100%;
    border:1px solid #dedede;
    border-radius: 5px;
    margin-top: 10px;
    overflow: auto;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #1374ad;
    color: #fff;
    font-size: 14px;
    width: 2200px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .stt{
    width: 100px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .ngay_nghiemthu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .ngay_ro{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .so_ro{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .bks{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .so_khung{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .ngay_hoanthanh{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .khach_hang{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .covan{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .doanhthu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .vat{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .tongtien{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .da_thanhtoan{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .da_viet_hd{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .title_list .congno{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno{
    width: 2200px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_khach_congno{
    width: 100%;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_khach_congno .title_khach_congno{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    font-weight: 700;
    background: #ffecc3;
    padding: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno{
    width: 2200px;
    display: flex;
    border-bottom: 1px solid #dedede;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .stt{
    width: 100px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .ngay_nghiemthu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .ngay_ro{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .so_ro{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .bks{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .so_khung{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .ngay_hoanthanh{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .khach_hang{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .covan{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .doanhthu{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .vat{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .tongtien{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .da_thanhtoan{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .da_viet_hd{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .content_tab .list_danhsach_congno .content_box .list_congno .li_congno .congno{
    width: 150px;
    text-align: center;
    border-right: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .menu_giamdoc_dichvu .li_menu {
    width: 100%;
    height: 90px;
    background: #fff;
    color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .menu_giamdoc_dichvu .li_menu .icon_menu {
    width: 100%;
    font-size: 30px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .menu_giamdoc_dichvu .li_menu .icon_menu i {
    font-size: 30px;
    color: #1374ad;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .menu_giamdoc_dichvu .li_menu .text_menu {
    color: #1374ad;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet {
    width: 100%;
    background: #4c5665;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .icon_box {
    width: 130px;
    border-right: 1px solid #fff;
    height: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .icon_box .img {
    width: 100%;
    text-align: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .icon_box .img img {
    border-radius: 5px;
    max-width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .icon_box .text {
    width: 100%;
    text-align: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box {
    width: calc(100% - 130px);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box .content_box_left {
    width: 50%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box .content_box_right {
    width: 50%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box .li_pheduyet {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box .li_pheduyet .stt {
    width: 50px;
    text-align: right;
    font-size: 16px;
    padding: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_pheduyet .content_box .li_pheduyet .text {
    background: #fff;
    width: calc(100% - 50px);
    color: #212529;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu{
    width: 100%;
    background: #fff;
    border-radius: 5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap:5px;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .info_loai{
    width: 100px;
    border-right:1px solid #dedede;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .info_loai .ten_loai{
    width: 100px;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .info_loai .ke_hoach{
    width: 100px;
    font-size: 20px;
    font-weight: 700;
    color: #f00;
    text-align: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu{
    width: calc(100% - 100px);
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .prev{
    position: absolute;
    margin: auto;
    width: 40px;
    height: 100%;
    left: 0px;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .prev i{
    font-size: 40px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .next{
    position: absolute;
    margin: auto;
    width: 40px;
    height: 100%;
    right: 0px;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .next i{
    font-size: 40px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu{
    width: calc(100%/4);
    display: flex;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_avatar{
    width: 100px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_avatar img{
    width: 100px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_info{
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_info .ho_ten{
    width: 100%;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_info .doanh_thu{
    width: 100%;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_box_nhansu .box_nhansu .list_nhansu .li_nhansu .nhansu_info .kehoach span{
    font-weight: 700;
    color: #f00;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang {
    width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center {
    width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 3px;
    margin-bottom: 5px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang {
    width: calc(100%/9 - 3px);
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .title_khoang {
    width: 100%;
    text-align: center;
    background: #1374ad;
    color: #fff;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao {
    width: calc(100%/9 - 3px);
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .title_khoang {
    width: 100%;
    text-align: center;
    background: #1374ad;
    color: #fff;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .li_khoang_content {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    /*overflow: hidden;*/
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding: 10px;
    min-height: 70px;
    gap:10px;
    overflow: auto;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh {
    width: calc(100%/5 - 8px);
    border: 1px solid #dedede;
    padding: 0px;
    border-radius: 3px;
    height: 60px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh {
    position: relative;
    display: none;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.uu_tien{
    padding-right: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.uu_tien:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f12a";
    margin: auto;
    left: 0;
    right: 0;
    width: 10px;
    text-align: center;
    color: #f00;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.bks {
    display: block;
    background: #72533c;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh .col_lenh.col_goi {
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh.ui-draggable-dragging {
    z-index: 999;
    display: block;
    background: #fff;
    position: absolute;
    height: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    width: 100px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang_ao .content_khoang_ao .li_lenh.ui-draggable-dragging .col_lenh.bks {
    color: #414141;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .li_khoang_content {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    /*overflow: hidden;*/
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    height: 30px;
    cursor: move;
    border-bottom: 1px solid #dedede;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .time_start {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .time_end {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh .col_lenh {
    display: none;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh .col_lenh.bks {
    display: block;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh.ui-draggable-dragging {
    z-index: 999;
    display: block;
    background: #fff;
    position: absolute;
    height: 30px;
    line-height: 30px;
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    width: 100px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang .content_khoang .li_lenh.ui-draggable-dragging .col_lenh.bks{
    color: #414141;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .title_khoang {
    background: #9ea3a5;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .content_khoang {
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    cursor: default;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.disable .content_khoang .li_lenh {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.run .content_khoang {
    background: #579f02;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.phat_sinh .content_khoang {
    background: #90c;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .content_khoang {
    background: yellow;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.dagiao .content_khoang {
    background: #c5fffa;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.pause .content_khoang {
    background: #f00;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.chua_ok .content_khoang {
    background: #f00;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.ok .content_khoang {
    background: #007086;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.cho_kiemtra .content_khoang {
    background: #999025;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .time_start {
    display: block;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .list_khoang .list_khoang_center .li_khoang_center .li_khoang.wait .time_end {
    display: block;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach{
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    gap:10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_thang{
    width: 150px;
    border-radius: 5px;
    border:1px solid #dedede;
    padding: 10px;
    background: #f0f0f0;
    display: flex;
    flex-wrap: wrap;
    gap:5px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_thang .li_thang{
    width: 100%;
    background: #fff;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border:1px solid #dedede;
    cursor: pointer;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_thang .li_thang.active{
    background: #fffe00;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right{
    width: calc(100% - 160px);
    background: #fcf2f2;
    padding: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach{
    width: 100%;
    display: flex;
    gap:20px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke{
    width: 240px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke .solieu_thongke_content{
    width: 300px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke .title{
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke .li_info{
    width: 100%;
    display: flex;
    align-items: center;
    height: 50px;
    margin-top: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke .li_info .txt{
    width: 50%;
    font-size: 20px;
    text-align: right;
    padding-right: 20px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .solieu_thongke .li_info .num{
    width: 50%;
    height: 50px;
    background: #fff;
    border:1px solid #dedede;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .box_thongke_kehoach .bieudo_thongke{
    width: calc(100% - 260px);
    padding: 10px;
    background: #fff;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .content_giamdoc_dichvu .box_kehoach .box_kehoach_right .line_hr{
    width: 100%;
    height: 1px;
    border-top:1px solid #b6b6b6;
    margin-top: 10px;
    margin-bottom: 10px;
}
.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_tab_baohiem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-top: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_tab_baohiem .li_tab_baohiem {
    width: calc(100%/2 - 5px);
    background: #1374ad;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    flex-wrap: wrap;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table .table_suachua_moi {
    width: 100%;
    margin-bottom: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table .table_suachua_moi .title {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #1374ad;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table table {
    width: 100%;
    border-collapse: collapse;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table table tr th {
    background: #1374ad;
    color: #fff;
    padding: 5px;
    border: 1px solid #fff;
    text-align: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table table tr td {
    background: #7ccfff;
    padding: 10px;
    border: 1px solid #fff;
    text-align: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table table tr:nth-child(2n+2) td {
    background: #a5deff;
    padding: 10px;
    border: 1px solid #fff;
    text-align: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table .table_suachua_hoanthanh {
    width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .list_table .table_suachua_hoanthanh .title {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #1374ad;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho h1 {
    width: 100%;
    font-size: 18px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_cho .box_cho_list {
    width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list {
    width: 100%;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list .list_tk {
    width: 100%;
    display: flex;
    gap: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list .list_tk .li_tk {
    text-align: center;
    width: 150px;
    background: #f60;
    padding: 10px;
    border-radius: 5px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list .list_tk .li_tk h2 {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list .list_tk .li_tk .count {
    padding: 0px;
    margin: 0px;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .box_thongke_list .bieu_do {
    width: 100%;
    background: #fff;
    margin-top: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_title {
    width: 100%;
    padding: 10px;
    background: #d1d2d9;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong {
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    padding: 10px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 4px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong:last-of-type {
    border-bottom: none;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong .top div {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 12px;
    color: #19669a;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong .top div i {
    font-size: 14px;
    margin-right: 5px;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong .bottom {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong .bottom button {
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 7px;
    padding-right: 10px;
    padding-left: 10px;
    background: #1374ad;
    color: #fff;
}

.page_body .container .boxtop_lt .boxtop_lt_content .box_thongke .widget_hoatdong .widget_hoatdong_content .list_hoatdong .li_hoatdong.da_don .bottom button {
    display: none;
}

.page_body .container .topbar_lt {
    margin: auto;
    width: calc(100% - 20px);
}

.page_body .container .topbar_lt h1 {
    font-size: 18px;
}

.page_body .container .topbar_lt_menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page_body .container .topbar_lt_menu .topbar_lt_menu_list {
    width: calc(100% - 5px);
    display: flex;
    justify-content: flex-start;
}

.page_body .container .topbar_lt_menu .topbar_lt_menu_list button {
    margin-right: 5px;
}

.page_body .container .topbar_lt_menu .topbar_lt_menu_list button:hover {
    background: #f00;
}

.page_body .container .topbar_lt_menu .topbar_lt_menu_list .active {
    background: #f00;
}

.page_body .container .topbar_lt_menu .topbar_lt_menu_right {
    width: calc(50% - 5px);
    display: flex;
    justify-content: flex-start;
}

.page_body .container .content_lt {
    margin: auto;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
}

.page_body .container .content_lt .box_content_lt {
    width: calc(100% - 5px);
    min-height: calc(100vh - 145px);
    border-radius: 8px;
}

.page_body .container .content_lt .box_content_lt h1 {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-content: center;
    align-items: center;
}

.page_body .container .content_lt .box_content_lt h1 .box_time {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.page_body .container .content_lt .box_content_lt h1 .box_time input {
    border: 1px solid #dedede;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.page_body .container .content_lt .box_content_lt .li_box_content_lt {
    width: 100%;
    display: none;
}

.page_body .container .content_lt .box_content_lt .li_box_content_lt.active {
    display: block;
}

.page_body .container .content_lt .box_content_lt .li_box_content_lt .top_box_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.page_body .container .content_lt .box_content_lt .li_box_content_lt .top_box_list button {
    height: 40px;
}
.page_body .container .content_lt .box_content_lt .li_box_content_lt .top_box_list .box_search_hen {
    width: 300px;
    display: flex;
    gap:10px;
}
.page_body .container .content_lt .box_content_lt .li_box_content_lt .top_box_list .box_search_hen input{
    height: 40px;
    border: 1px solid #dedede;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.page_body .container .content_lt .box_content_lt .box_left_lt_tiepnhan {
    width: 100%;
    background: #fff;
    height: 100%;
    border-radius: 8px;
}

.page_body .container .content_lt .box_right_lt {
    width: calc(50% - 5px);
    border-radius: 8px;
}

.page_body .container .content_lt .box_right_lt .box_right_lt_baogia {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    height: calc(50% - 20px);
}

.page_body .container .content_lt .box_right_lt .box_right_lt_hoadon {
    width: 100%;
    border-radius: 8px;
    height: 50%;
    margin-top: 10px;
}

.page_body .container .content_lt .box_right_lt .box_right_lt_hoadon .box_right_lt_hoadon_menu {
    width: 100%;
    height: 40px;
}

.page_body .container .content_lt .box_right_lt .box_right_lt_hoadon .box_right_lt_hoadon_content {
    width: 100%;
    height: calc(100% - 40px);
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
}
.content_in_phieu {
    width: 960px;
    position: relative;
    margin: auto;
    background: #fff;
    font-family: "Times New Roman";
    padding: 10px;
}

.content_in_phieu  .info_tiepnhan {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content_in_phieu  .title_tiepnhan {
    width: 100%;
    text-align: center;
}
.content_in_phieu  .title_tiepnhan h1{
    font-size: 18px;
}
.content_in_phieu  .info_tiepnhan .info_doanhnghiep {
    width: calc(100% - 380px);
}

.content_in_phieu  .info_tiepnhan .info_doanhnghiep h1 {
    font-size: 16px;
}

.content_in_phieu  .info_tiepnhan .info_xe {
    position: relative;
    width: 150px;
    color: #f00;
}

.content_in_phieu  .info_tiepnhan .info_xe input {
    width: 150px;
    color: #f00;
    border: 2px dashed #f00;
    text-align: center;
    height: 40px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.content_in_phieu  .info_tiepnhan .info_xe .goi_y_bks{
    position: absolute;
    margin: auto;
    width: 150px;
    height: 100px;
    top:65px;
    background: #fff8f5;
    padding: 10px;
    overflow: auto;
    display: none;
}
.content_in_phieu  .info_tiepnhan .info_xe .goi_y_bks .li_goi_y_bks{
    width: 100%;
    height: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.content_in_phieu  .info_tiepnhan .info_xe .goi_y_bks .li_goi_y_bks:hover{
    font-weight: 700;
}
.content_in_phieu  .info_tiepnhan .info_logo {
    width: 250px;
    display: flex;
    align-items: center;
}

.content_in_phieu  .info_tiepnhan .info_logo img {
    width: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe{
    width: 100%;
    font-size: 12px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_thoigian{
    width: 100%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_thoigian .left{
    width: 50%;
    display: flex;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_thoigian .left .input input{
    border:none;
    padding: 5px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_thoigian .right{
    width: 50%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_thoigian .right .li_time{
    width: 50%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach{
    width: 100%;
    display: flex;
    border:1px solid #000;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left{
    width: 300px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center{
    width: calc(100% - 450px);
    border-left: 1px solid #000;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_right{
    width: 150px;
    border-left: 1px solid #000;
    display: flex;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #000;
    height: 30px;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info:last-of-type{
    border-bottom: none;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info .text{
    width: 100px;
    padding-left: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_left .li_info .input{
    width: calc((100% - 100px)/2);
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info{
    width: 100%;
    display: flex;
    display: flex;
    border-bottom: 1px solid #000;
    height: 30px;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info .col_1{
    width: 70%;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info .col_2{
    width: 30%;
    display: flex;
    align-items: center;
    border-left: 1px solid #000;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type{
    border-bottom: none;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type .col_1{
    width: 50%;
    display: flex;
    height: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_khach .col_center .li_info:last-of-type .col_2{
    width: 50%;
    display: flex;
    height: 100%;
    border-left: 1px solid #000;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .note_kt{
    width: 100%;
    padding: 10px;
    font-style: italic;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe{
    width: 100%;
    display: flex;
    border:1px solid #000;
    border-top:none;
    flex-wrap: wrap;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info{
    width: 100%;
    display: flex;
    border-bottom:1px solid #000;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left{
    width: 50%;
    border-right: 1px solid #000;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top{
    width: 100%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .img{
    width: 50%;
    display: flex;
    padding: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .img img{
    max-width: 80%;
    height: auto;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left .img_top{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left .img_top img{
    height: 100px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra{
    width: 50%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra{
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .text{
    width: 100px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .input{
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_top .list_kiemtra .li_kiemtra .input .li_check{
    width: 50%;
    display: flex;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom{
    width: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .yeucau_khac{
    width: 100%;
    padding: 10px;
    height: 100px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .yeucau_khac .title_yeucau{
    width: 100%;
    font-weight: 700;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col{
    width: 100%;
    display: flex;
    padding: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col{
    width: 50%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .text{
    width: 80px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .input{
    width: calc(100% - 80px);
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_col .col .input input{
    border:none;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full{
    width: 100%;
    padding: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .flex{
    width: 100%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .note{
    width: 100%;
    font-size: 12px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia{
    width: 100%;
    border-collapse: collapse;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td{
    border:1px solid #000;
    font-size: 12px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td .list_danhgia{
    width: 100%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_left_bottom .li_info_full .tb_danhgia td .list_danhgia .li_danhgia{
    width: 50%;
    display: flex;
    align-items: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right{
    width: 50%;
    border-right: none;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten{
    width: 100%;
    height: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #000;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .left_kt{
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #000;
    justify-content: center;
    text-align: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt{
    width: calc(100% - 150px);
    height: 100%;
    align-items: center;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt .tiep_nhan{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: 1px solid #000;
    height: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .top_kt .right_kt .giao_xe{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt{
    width: 100%;
    height: calc((100% - 30px)/2);
    border-bottom: 1px solid #000;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt:last-of-type{
    width: 100%;
    border-bottom: none;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt{
    width: 150px;
    height: 100%;
    border-right: 1px solid #000;
    text-align: center;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt .chucvu_kt{
    width: 100%;
    margin-top: 20px;
    font-size: 12px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .left_kt .name_kt{
    width: 100%;
    margin-top: 30px;
    font-weight: 700;
}

.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt{
    width: calc(100% - 150px);
    height: 100%;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt .tiep_nhan{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: 1px solid #000;
    height: 100%;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .box_ky_ten .li_kt .right_kt .giao_xe{
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .img_top{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .img_top img{
    height: 100px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full{
    width: 100%;
    padding: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra{
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .text{
    display: flex;
    width: 150px;
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .input{
    display: flex;
    width: calc(100% - 150px);
}
.content_in_phieu .list_tiepnhan .content_kiemtra_xe .box_info_xe .li_info .info_right .list_kiemtra_full .li_kiemtra .input .li_check{
    display: flex;
    width: 50%;
    align-items: center;
}
.content_in_baogia {
    width: 960px;
    position: relative;
    margin: auto;
    background: #fff;
    font-family: "Times New Roman"
}

.content_in_baogia .in_baogia_header {
    width: 100%;
    display: flex;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    gap: 20px;
}

.content_in_baogia .in_baogia_header .logo {
    width: 200px;
    display: flex;
    align-items: center;
}
.content_in_baogia .in_baogia_header .logo img{
    max-width: 180px;
}
.content_in_baogia .in_baogia_header .info_xe {
    width: 230px;
}

.content_in_baogia .in_baogia_header .info_xe table {
    width: 100%;
    border-collapse: collapse;
}

.content_in_baogia .in_baogia_header .info_xe table td {
    border: 1px solid #414141;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.content_in_baogia .in_baogia_header .info_xe table td.bks {
    font-weight: 700;
    font-size: 20px;
}

.content_in_baogia .in_baogia_header .info_congty {
    width: calc(100% - 430px);
}

.content_in_baogia .in_baogia_header .info_congty h1 {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.content_in_baogia .in_baogia_header .info_congty .dia_chi {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-top: 10px;
}

.content_in_baogia .in_baogia_header .info_congty .dien_thoai {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-top: 5px;
}

.content_in_baogia .in_baogia_header .info_congty .ma_sothue {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-top: 5px;
}
.content_in_baogia .in_baogia_header .info_bophan {
    width: 430px;
    text-align: right;
}
.content_in_baogia .in_baogia_header .info_bophan h1 {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
}
.content_in_baogia .box_logo_bottom {
    width: 100%;
    display: flex;
    align-items: center;
    gap:30px;
    margin-top: 20px;
}
.content_in_baogia .box_logo_bottom .logo{
    width: 150px;
}
.content_in_baogia .box_logo_bottom .logo img{
    max-width: 100%;
}
.content_in_baogia .box_logo_bottom .title{
    width: calc(100% - 160px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0px;
}
.content_in_baogia .box_logo_bottom .title h1{
    width: calc(100% - 200px);
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.content_in_baogia .box_logo_bottom .title span{
    width: calc(100% - 200px);
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
}
.content_in_baogia .in_baogia_title {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
}
.content_in_baogia .box_cap_qc{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    gap:10px;
}
.content_in_baogia .box_cap_qc .text_qc{
    width: 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 20px;
}
.content_in_baogia .box_cap_qc .list_qc{
    display: flex;
    justify-content: flex-end;
    gap:10px;
}
.content_in_baogia .box_cap_qc .list_qc .li_qc{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:5px;
}
.content_in_baogia .box_cap_qc .list_qc .li_qc .text{
    font-size: 20px;
}
.content_in_baogia .box_cap_qc .list_qc .li_qc .input{
    height: 20px;
    width: 20px;
    border:1px solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.content_in_baogia .box_so_phieu{
    width: 100%;
    display: flex;
    align-items: center;
}
.content_in_baogia .box_so_phieu .li_info{
    width: 50%;
    padding-left: 10px;
    font-weight: 700;
}
.content_in_baogia .box_thoigian{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.content_in_baogia .box_thoigian .li_info{
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    font-weight: 700;
    gap:5px;
}
.content_in_baogia .info_kiemtra {
    width: 100%;
}

.content_in_baogia .info_kiemtra .li_info_kiemtra {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
}

.content_in_baogia .info_kiemtra .li_info_kiemtra .li_info_kiemtra_left {
    width: 50%;
}

.content_in_baogia .info_kiemtra .li_info_kiemtra .li_info_kiemtra_right {
    width: 50%;
}

.content_in_baogia .noidung_kiemtra {
    width: 100%;
    padding: 10px;
}

.content_in_baogia .noidung_kiemtra table.info_xe {
    width: 100%;
    border-collapse: collapse;
}
.content_in_baogia .noidung_kiemtra table.info_xe th {
    border: 1px solid #414141;;
}
.content_in_baogia .noidung_kiemtra table.info_xe td {
    border: 1px solid #414141;;
    padding: 5px;
    width: 25%;
    font-size: 16px;
}

.content_in_baogia .noidung_kiemtra table.info_xe td .title_muc {
    font-weight: 700;
}

.content_in_baogia .noidung_kiemtra table.info_xe td .img {
    width: 100%;
}

.content_in_baogia .noidung_kiemtra table.info_xe td .img img {
    max-width: 100%;
}

.content_in_baogia .info_baogia {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding: 10px;
    font-size: 16px;
}

.content_in_baogia .info_baogia .info_left {
    width: calc(50% - 10px);
}

.content_in_baogia .info_baogia .info_right {
    width: calc(50% - 10px);
}

.content_in_baogia .info_baogia .info_left .li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.content_in_baogia .info_baogia .info_left .li_info .name {
    width: 145px;
    text-align: left;
}

.content_in_baogia .info_baogia .info_left .li_info .text {
    width: calc(100% - 125px);
    text-align: left;
    font-weight: 700;
}

.content_in_baogia .info_baogia .info_left .group_li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.content_in_baogia .info_baogia .info_left .group_li_info .li_info {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;
}

.content_in_baogia .info_baogia .info_left .group_li_info .li_info:nth-child(2n+2) .name {
    width: 80px;
    text-align: left;
}

.content_in_baogia .info_baogia .info_left .group_li_info .li_info:nth-child(2n+2) .text {
    width: calc(100% - 100px);
    text-align: left;
}
.content_in_baogia .info_baogia .info_right .li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.content_in_baogia .info_baogia .info_right .li_info .name {
    width: 125px;
    text-align: left;
}

.content_in_baogia .info_baogia .info_right .li_info .text {
    width: calc(100% - 125px);
    text-align: left;
    font-weight: 700;
}

.content_in_baogia .info_baogia .info_right .group_li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.content_in_baogia .info_baogia .info_right .group_li_info .li_info {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;
}

.content_in_baogia .info_baogia .info_right .group_li_info .li_info:nth-child(2n+2) .name {
    width: 80px;
    text-align: left;
}

.content_in_baogia .info_baogia .info_right .group_li_info .li_info:nth-child(2n+2) .text {
    width: calc(100% - 100px);
    text-align: left;
}

.content_in_baogia .box_thongtin_lapdat {
    width: 100%;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.content_in_baogia .box_thongtin_lapdat .title {
    width: 100%;
    border:1px solid #414141;
    display: flex;
    justify-content: space-between;
}
.content_in_baogia .box_thongtin_lapdat .title .title_left{
    width: calc(100% - 310px);
}
.content_in_baogia .box_thongtin_lapdat .title .title_right{
    width: 300px;
    padding-left: 10px;
}
.content_in_baogia .box_thongtin_lapdat .list_thongtin {
    width: 100%;
}
.content_in_baogia .box_thongtin_lapdat .li_thongtin {
    width: 100%;
    display: flex;
    border-left: 1px solid #414141;
    border-right: 1px solid #414141;
    border-bottom: 1px solid #414141;
}
.content_in_baogia .box_thongtin_lapdat .li_thongtin_left {
    width: calc(100% - 310px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .name {
    width: 145px;
    text-align: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .text {
    width: calc(100% - 125px);
    text-align: left;
    font-weight: 700;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .group_li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .group_li_info .li_info {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .group_li_info .li_info:nth-child(2n+2) .name {
    width: 80px;
    text-align: left;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_left .group_li_info .li_info:nth-child(2n+2) .text {
    width: calc(100% - 100px);
    text-align: left;
}
.content_in_baogia .box_thongtin_lapdat .li_thongtin_right {
    width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .name {
    width: 100px;
    text-align: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .text {
    width: calc(100% - 125px);
    text-align: left;
    font-weight: 700;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .group_li_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .group_li_info .li_info {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    grid-gap: 20px;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .group_li_info .li_info:nth-child(2n+2) .name {
    width: 80px;
    text-align: left;
}

.content_in_baogia .box_thongtin_lapdat .li_thongtin_right .group_li_info .li_info:nth-child(2n+2) .text {
    width: calc(100% - 100px);
    text-align: left;
}
.content_in_baogia .hr {
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.content_in_baogia .hr .line {
    width: 100%;
    border-top: 1px solid #414141;;
}

.content_in_baogia .noidung_yeucau {
    width: 100%;
    padding: 10px;
    display: flex;
    gap:10px;
}
.content_in_baogia .noidung_yeucau .box_yeucau_khac {
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    gap: 10px;
    font-size: 16px;
    flex-wrap: wrap;
}
.content_in_baogia .noidung_yeucau .box_yeucau_khac .li_yeucau_khac{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.content_in_baogia .noidung_yeucau .box_yeucau_khac .li_yeucau_khac .input{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #414141;
}
.content_in_baogia .noidung_yeucau .noidung_yeucau_content {
    width: calc(100% - 200px);
    border: 1px solid #414141;
    padding: 10px;
    display: flex;
    gap: 10px;
    font-size: 16px;
}

.content_in_baogia .noidung_yeucau .noidung_yeucau_content .name {
    font-weight: 700;
    text-decoration: underline;
}

.content_in_baogia .title {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.content_in_baogia .list_congviec {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
}

.content_in_baogia .list_congviec table {
    width: 100%;
    border-collapse: collapse;
}

.content_in_baogia .list_congviec table th {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #414141 !important;
    color: #414141;
    background: #fff;
    line-height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.content_in_baogia .list_congviec table td {
    padding: 5px;
    border: 1px solid #414141;
}
.content_in_baogia .box_xacnhan_xuatkho {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    height: 100px;
    /*page-break-before: always;*/
    page-break-inside: avoid;
}

.content_in_baogia .box_xacnhan_xuatkho .box_col_xacnhan{
    width: calc(100%/4);
    background: #fff;
}
.content_in_baogia .box_xacnhan_xuatkho .box_col_xacnhan .name{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_xuatkho .box_col_xacnhan .note{
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
}
.content_in_baogia .box_xacnhan_xuatkho .box_col_xacnhan .box_chu_ky{
    width: 100%;
    height: 80px;
}
.content_in_baogia .box_xacnhan_xuatkho .box_col_xacnhan .ten_daidien{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_ngay {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    font-weight: 700;
    padding: 10px;
}
.content_in_baogia .box_xacnhan_baogia {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 10px;
    height: 100px;
    /*page-break-before: always;*/
    page-break-inside: avoid;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc{
    width: 360px;
    padding: 10px;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc table {
    width: 100%;
    border-collapse: collapse;
}

.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc table th {
    padding: 5px;
    border: 1px solid #414141 !important;
    color: #414141;
    background: #fff;
    text-align: center;
}

.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc table td {
    padding: 5px;
    border: 1px solid #414141;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc table td .chu_ky{
    height: 70px;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_qc table td .thoi_gian{
    text-align: center;
    font-weight: 700;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_covan{
    width: 250px;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_covan .text{
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_covan .chu_ky{
    width: 100%;
    height: 80px;
}
.content_in_baogia .box_xacnhan_baogia .box_xacnhan_covan .ho_ten{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_left_xacnhan{
    width: calc(100%/3);
    background: #fff;
}
.content_in_baogia .box_xacnhan_baogia .box_right_xacnhan{
    width: calc(100%/3);
    background: #fff;
}
.content_in_baogia .box_xacnhan_baogia .box_center_xacnhan{
    width: calc(100%/3);
    background: #fff;
}
.content_in_baogia .box_xacnhan_baogia .box_center_xacnhan .name{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_center_xacnhan .note{
    width: 100%;
    height: 20px;
    text-align: center;
    font-style: italic;
}
.content_in_baogia .box_xacnhan_baogia .box_center_xacnhan .box_chu_ky{
    width: 100%;
    height: 80px;
}
.content_in_baogia .box_xacnhan_baogia .box_center_xacnhan .ten_daidien{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_left_xacnhan .name{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_left_xacnhan .note{
    width: 100%;
    height: 20px;
    text-align: center;
    font-style: italic;
}
.content_in_baogia .box_xacnhan_baogia .box_left_xacnhan .box_chu_ky{
    width: 100%;
    height: 80px;
}
.content_in_baogia .box_xacnhan_baogia .box_left_xacnhan .ten_daidien{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_right_xacnhan .name{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_xacnhan_baogia .box_right_xacnhan .note{
    width: 100%;
    height: 20px;
    text-align: center;
    font-style: italic;
}
.content_in_baogia .box_xacnhan_baogia .box_right_xacnhan .box_chu_ky{
    width: 100%;
    height: 80px;
}
.content_in_baogia .box_xacnhan_baogia .box_right_xacnhan .ten_daidien{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.content_in_baogia .box_tong {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}
.content_in_baogia .box_tong .text_tong{
    width: 50%;
    text-align: left;
}
.content_in_baogia .box_tong .num_tong{
    width: 50%;
    text-align: right;
    padding-right: 5px;
}
.content_in_baogia .box_note_baogia {
    width: 100%;
    margin-top: 30px;
}
.content_in_baogia .box_note_baogia ul{
    width: 100%;
    list-style: none;
    padding: 0px;
}
.content_in_baogia .box_note_baogia ul li{
    width: 100%;
    font-style: italic;
}
.content_in_hopdong {
    position: relative;
    margin: auto;
    background: #fff;
    font-family: "Times New Roman"
}
.content_in_hopdong .logo{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap:10px;
}
.content_in_hopdong .logo img{
    height: 50px;
    width: 230px;
    height: auto;
}
.content_in_hopdong .logo .info_congty{
    width: calc(100% - 250px);
}
.content_in_hopdong .logo .info_congty .ten_congty{
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.content_in_hopdong .logo .info_congty .ten_daily{
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
}
.content_in_hopdong .line_1{
    width: 100%;
    border-bottom: 2px solid #2d4b81;
}
.content_in_hopdong .line_2{
    width: 100%;
    border-bottom: 4px solid #2d4b81;
    margin-top: 2px;
}
.content_in_hopdong .so_hopdong{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    font-style: italic;
}
.content_in_hopdong .so_dexuat{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    font-style: italic;
}
.content_in_hopdong .tieu_ngu{
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 20px;
    font-weight: 700;
}
.content_in_hopdong .tieu_ngu_2{
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    font-weight: 700;
}
.content_in_hopdong .tieu_ngu_3{
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    font-weight: 700;
}
.content_in_hopdong .title_hopdong{
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}
.content_in_hopdong .title_hopdong{
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}
.content_in_hopdong .list_option_xuat{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.content_in_hopdong .list_option_xuat .list_option_xuat_content{
    width: 100%;
    display: flex;
    justify-content: center;
    gap:100px;
}
.content_in_hopdong .list_option_xuat .list_option_xuat_content .li_option{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    gap:10px;
}
.content_in_hopdong .list_option_xuat .list_option_xuat_content .li_option .check_option{
    display: flex;
    width: 20px;
    height: 20px;
    border:1px solid #141414;
}
.content_in_hopdong .table_giao{
    margin: auto;
    width: calc(100% - 10px);
    border-collapse: collapse;
    margin-top: 20px;
    box-sizing: border-box;
}
.content_in_hopdong .table_giao tr th{
    border:1px solid #141414;
    padding: 5px;
}
.content_in_hopdong .table_giao tr td{
    padding: 5px;
    border:1px solid #141414;
}
.content_in_hopdong .thongtin_xe{
    margin: auto;
    width: calc(100% - 10px);
    border-collapse: collapse;
    margin-top: 20px;
    box-sizing: border-box;
}
.content_in_hopdong .thongtin_xe tr th{
    border:1px solid #141414;
    padding: 5px;
}
.content_in_hopdong .thongtin_xe tr td{
    padding: 5px;
    border:1px solid #141414;
}
.content_in_hopdong .title_phong{
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700;
}
.content_in_hopdong .ngay_giao{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.content_in_hopdong .note_giao{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.content_in_hopdong .li_info{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    gap:10px;
}
.content_in_hopdong .li_info .col{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.content_in_hopdong .li_info .left_info{
    display: flex;
    justify-content: space-between;
    width: 140px;
}
.content_in_hopdong .li_info .right_info{
    width: calc(100% - 100px);
}
.content_in_hopdong .li_info .col .left_info{
    width: 152px;
}
.content_in_hopdong input{
    border: none;
}
.content_in_hopdong input:hover{
    border: 1px dashed #f00;
}
.content_in_hopdong .table_info_hopdong{
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.content_in_hopdong .table_info_hopdong th{
    border:1px solid #1e1e1e;
    text-align: center;
    padding: 5px;
}
.content_in_hopdong .table_info_hopdong td{
    border: 1px solid #1e1e1e;
    padding: 5px;
    text-align: center;
    font-weight: 700;
}
.content_in_hopdong .table_hopdong{
    width: 100%;
    border-collapse: collapse;
}
.content_in_hopdong .table_hopdong th{
    border:1px solid #909090;
    text-align: center;
    padding: 5px;
}
.content_in_hopdong .table_hopdong td{
    border: 1px solid #909090;
    padding: 5px;
}
.content_in_hopdong .table_dexuat{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.content_in_hopdong .table_dexuat th{
    border:1px solid #909090;
    text-align: center;
    padding: 5px;
}
.content_in_hopdong .table_dexuat td{
    border: 1px solid #909090;
    padding: 5px;
}
.content_in_hopdong .table_dexuat .col_3{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content_in_hopdong .table_dexuat .col_3 .col{
    width: calc(100%/3);
    padding: 10px;
}
.content_in_hopdong .table_dexuat .col_3 .col .chuc_vu{
    width: 100%;
    font-weight: 700;
    font-size: 18px;
}
.content_in_hopdong .table_dexuat .col_3 .col .chu_ky{
    width: 100%;
    height: 100px;
}
.content_in_hopdong .table_dexuat .col_3 .col .ten_ky{
    width: 100%;
    font-weight: 700;
    font-size: 18px;
}
.content_in_hopdong .note_phieu{
    width: 100%;
    font-style: italic;
    font-weight: 700;
    margin-top: 20px;
}
.content_in_hopdong .line_lien{
    width: 100%;
    height: 1px;
    border-top:0.5px dashed #000;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content_in_hopdong .table_xe{
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.content_in_hopdong .table_xe th{
    padding: 5px;
    border:1px solid #000;
    text-align: center;
    font-weight: 700;
}
.content_in_hopdong .table_xe td{
    padding: 5px;
    border:1px solid #000;
    text-align: center;
}
.content_in_hopdong .table_chuky{
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.content_in_hopdong .table_chuky th{
    padding: 5px;
    border:1px solid #000;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
.content_in_hopdong .table_chuky th span{
    font-style: italic;
    font-weight: normal;
}
.content_in_hopdong .table_chuky td{
    padding: 5px;
    border:1px solid #000;
    text-align: center;
}
.content_in_hopdong .table_phieu_racong{
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}
.content_in_hopdong .table_phieu_racong td{
    padding: 5px;
}
.content_in_hopdong .table_phieu_racong .col_3{
    width: 100%;
    display: flex;
    margin-top: 40px;
}
.content_in_hopdong .table_phieu_racong .col_3 .col{
    width: calc(100%/3);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.content_in_hopdong .table_phieu_racong .col_3 .col .chucvu_ky{
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.content_in_hopdong .table_phieu_racong .col_3 .col .note_ky{
    width: 100%;
    text-align: center;
}
.content_in_hopdong .table_phieu_racong .col_3 .col .chu_ky{
    width: 100%;
}
.content_in_hopdong .table_phieu_racong .col_3 .col .ten_ky{
    width: 100%;
    margin-top: 60px;
}
.content_in_hopdong .table_phieu_racong .text{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content_in_hopdong .dieu{
    width: 100%;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content_in_hopdong .can_cu{
    width: 100%;
    font-style: italic;
    margin-top: 10px;
}
.content_in_hopdong .para{
    width: 100%;
    padding-left: 20px;
}
.content_in_hopdong .thongtin_daidien{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    height: 250px;
}
.content_in_hopdong .thongtin_daidien .ben_mua{
    width: 50%;
}
.content_in_hopdong .thongtin_daidien .ben_mua .tit{
    width: 100%;
    font-weight: 700;
    text-align: center;
}
.content_in_hopdong .thongtin_daidien .ben_ban{
    width: 50%;
}
.content_in_hopdong .thongtin_daidien .ben_ban .tit{
    width: 100%;
    font-weight: 700;
    text-align: center;
}
.content_in_hopdong .list_button{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.content_in_hopdong .list_button .list_button_left{
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.content_in_hopdong .list_button .list_button_right{
    display: flex;
    justify-content: flex-end;
    gap:10px;
}

@media print {
    .content_in_baogia .list_congviec table th {
        padding: 5px;
        border: 1px solid #dedede;
        color: #212529;
        background: #bcbcbc;
        text-align: center;
    }
}