body {
    background-color: #f5f6f9;
    min-width: 100%;
    overflow: auto;
    position: relative;
}

.header-topbar {
    position: absolute;
    top: 0;
    background-color: #2b2d40;
    left: 0;
    right: 0;
    height: 50px;
}

.body_content {
    padding-top: 50px;
    width: 100%;
    max-width: 100% !important;
}

.padding_0 {
    padding: 0 !important;
}

.width-100 {
    width: 100% !important;
}

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

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

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

.lbl_login_header {
    font-size: 21px;
    color: white;
    margin-bottom: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login_content_div {
    width: 500px;
    margin: auto;
    display: block;
    margin-top: 50px;
    text-align: center;
}

.lbl_admin_login {
    font-size: 17px;
    color: #333333;
}

.login_bg_content {
    margin-top: 20px;
    background-color: white;
    padding: 30px 100px;
}

.ipt_login_title {
    color: #2b2d40;
    font-size: 12px;
    margin-bottom: 5px;
}

.align_left {
    text-align: left;
}

.ipt_login {
    width: 100%;
    border: 1px solid #f2f2f2;
    height: 34px;
    padding: 0 12px;
    color: #2b2d40;
    font-size: 12px;
    background: transparent;
}

.ipt_login::-webkit-input-placeholder {
    color: #999999;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.btn_login {
    background-color: #d3000b;
    text-align: center;
    color: white !important;
    font-size: 14px;
    line-height: 40px;
    margin-top: 40px;
    display: block;
    width: 100%;
    cursor: pointer;
}

.chk_auto_login>span {
    border-radius: 0 !important;
    border: 1px solid #2b2d40 !important;
    background: transparent;
    width: 12px !important;
    height: 12px !important;
    top: 50%;
    transform: translateY(-50%);
}

.chk_auto_login>input:checked ~ span {
    background-color: #2b2d40 !important;
}

.chk_auto_login>span:after {
    border: solid white !important;
    border-width: 0 2px 2px 0/*rtl:ignore*/ !important;
    margin-left: -4px !important;
    margin-top: -2px !important;
    width: 6px !important;
    height: 8px !important;
}

.chk_auto_login {
    padding-left: 20px;
    margin: 0 !important;
    font-size: 12px !important;
}

.main-header {
    display: flex;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #2b2d40;
    width: 100%;
}

.main-header-title {width: 233px;height: 100%;font-size: 20px;line-height: 50px;display: block;text-align: center;color: #fff}
.main-menu-container {width: auto;height: 100%;display: flex;}
.main-menu-container .main-menu {width: auto;height: 32px;display: block;padding: 0 14px;margin-top: auto;margin-bottom: auto;line-height: 32px;font-size: 14px;color: #fff;text-decoration: none !important}
.main-menu-container .main-menu.active {border-radius: 16px !important;background: #525678}

.menu-dropdown {width: auto;height: 100%;position: relative;margin-left: auto;margin-right: auto;cursor: pointer}
.drop-menu-label {font-size: 16px;color: #fff;line-height: 50px;display: flex}
.drop-menu-label .drop-menu-ico {width: 32px;height: 32px;background: #fff;border-radius: 16px !important;display: flex;margin-top: auto;margin-bottom: auto;text-align: center;text-decoration: none !important}
.drop-menu-label .drop-menu-ico > i {margin: auto !important}
.drop-menu-label .drop-menu-ico > i::before {width: 16px;height: 12px;color: #000;line-height: 32px !important;}

.menu-dropdown.open .menu-drop-content {display: block}

.menu-drop-content {width: 240px;height: auto;display: none;background: #fff;position: absolute;top: 60px;right: 0}
.menu-drop-header {width: 100%;height: auto;display: flex}
.menu-drop-header-title {font-size: 14px;color: #999;margin-left: 20px;line-height: 70px}
.menu-drop-header-content {font-size: 16px;color: #000;margin-right: 40px;margin-left: auto;line-height: 70px}

.line-spec {width: 100%;height: 1px;background: #f4f5f9}
.menu-drop-item {width: 100%;height: 56px;padding: 0 20px;line-height: 56px;font-size: 14px;color: #666;cursor: pointer}
.menu-drop-item > i {float: right;line-height: 56px !important}

.btn-logout {width: 198px;height: 42px;background: #344777;color: #fff;text-decoration: none !important;border-radius: 4px !important;cursor: pointer;line-height: 42px;font-size: 14px;display: block;text-align: center;margin: auto}
.mb-20px {margin-bottom: 20px !important}

.page-content {width: 100%;height: auto;display: block;padding-top: 50px;}
.p-0 {padding: 0 !important}
.mt-10 {margin-top: 10px !important}
.panel-title {width: 100%;font-size: 18px;color: #333;line-height: 56px;padding-left: 15px}
.text-left {text-align: left !important}
.mb-0 {margin-bottom: 0 !important}
.float-right {float: right !important}
.mt-25 {margin-top: 25px !important}
.mb-25 {margin-bottom: 25px !important}
.line-spec {width: 100%;height: 1px;background: #bfbfbf}
.btn-kh-default {background: #344777 !important;width: 100px;margin-top: auto;margin-bottom: auto;margin-left: 15px;color: #fff !important}
.btn-setting-delete {background: #fff !important;color: #d3000b !important;border: 1px solid #d3000b !important;margin-right: 8px}

.setting-table thead tr th {text-align: center}
.setting-table tbody tr td:first-child {text-align: left}
.setting-table tbody tr td {text-align: center;border-top: 0 !important}
.setting-table tbody tr:nth-of-type(2n+1) {background: #ececec}
.datatable-detail tbody tr:nth-of-type(2n+1) {background: #fafbfd}
.border-right-1px {border-right: 1px solid #bfbfbf}
.ptb-0 {padding-top: 0 !important;padding-bottom: 0 !important}
.order-table thead tr th {background: #fff !important;}
.order-detail-table thead tr th {background: #535353 !important;color: #fff !important}
.order-detail-table tbody tr {background: #fff}
.order-table * {text-align: center !important;vertical-align: middle}
.pay-table thead tr th {background: #696969 !important;color: #cfce33 !important}
.pay-table tbody tr:nth-of-type(3n+1) {background: #fff}
.pay-table tbody tr:nth-of-type(3n+2) {background: #f7f8fc}
.pay-table tbody tr:nth-of-type(3n) {background: #d2d2d2}
.color-grey {background: #aaaaaa !important}

.meet-table tbody tr td:first-child {text-align: right;border: none !important;padding-right: 5px !important}
.meet-sub-table tbody tr td:first-child {text-align: right !important;border: none !important;padding-right: 5px !important}
.meet-table tbody tr td {text-align: center;padding: 8px 0 !important;border: 1px solid #8c8c8c !important;position: relative}
.menu-table tbody tr td {border: none !important}
.menu-table thead{display: none !important}
.menu-table {border: none !important}

.require-item {margin-bottom: 18px}

.require-title {color: #595959}
.require-title.active {color: #d3000b}
.require-content {color: #595959}

.dash-left {width: 400px;padding: 0 15px;float: left}
.dash-right {width: 1470px;padding: 0 15px;float: left}

.meet-table {width: 100%}

.schedule-item {width: 100%;height: 70px;position: absolute;top: 0;left: 0;border-radius: 3px !important;}
.schedule-item > div {color: #fff !important;text-align: left}

.sch-blue {background: #00a0e9}
.sch-red {background: #e60012}
.sch-pink {background: #ff00ff}
.btn-dash-right-danger {width: 120px;color: #d6111b !important;border: 1px solid #d6111b !important}

.schedule-container {width: 100%;height: auto;display: flex}
.schedule-left {width: 400px;height: auto;display: block}
.schedule-right {width: 1000px;height: auto;display: block;margin-left: auto}

.mtb-auto {margin-top: auto !important;margin-bottom: auto !important}
.ml-auto {margin-left: auto !important}
.mr-auto {margin-right: auto !important}

.datatable-detail * {text-align: center !important;vertical-align: middle !important}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {background: #fff !important;color: #d3000b !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {background: #fff !important;color: #d3000b !important}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {background: #fff !important;color: #d3000b !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {background: #fff !important;color: #d3000b !important}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {background: #d3000b !important;color: #fff !important}
.dataTables_wrapper .dataTables_paginate .paginate_button {border: none !important;color: #666666 !important}
.date-period {width: 15px;display: block;float: left;margin-left: 15px;line-height: 34px}

.color-container {width: 100%;display: flex;height: auto}
.color-item {width: 30px;height: 30px;border-radius: 4px !important;margin-right: 10px;cursor: pointer;position: relative}
.color-item.active:after{
    content: '';
    position: absolute;
    border-radius: 4px;
    border: 1px solid #ff00c6;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
}
.color1 {background: #ff3208}
.color2 {background: #ffdc6f}
.color3 {background: #fffa10}
.color4 {background: #25ff32}
.color5 {background: #33c388}
.color6 {background: #808080}
.color7 {background: #9d9ddd}
.color8 {background: #23b9ff}
.color9 {background: #d0ccc6}
.color10 {background: #0000ff}
.color11 {background: #d0ccc6}
.color12 {background: #78dde9}
.color13{background: #0c3d43}
.color14 {background: #28890b}
.color15 {background: #000000}
.color16 {background: #ffcc00}
.color17 {background: #96874c}
.color18 {background: #d07728}
.color19 {background: #ff5a00}
.color20 {background: #ff00c6}

.color-d3000b {color: #d3000b !important}

.menu-item {width: 300px;height: 40px;border: 1px solid #f1f1f1;color: #999999;line-height: 40px;background: #f9f9f9;padding: 0 15px;display: block}
.menu-item.active {color: #fff;background: #525678;}

.menu-header {width: 100%;height: 100px;background: #4d506e;display: block}
.menu-sub-header {width: 100%;height: 50px;background: #4d506e;display: block}

.menu-header-category {width: auto;height: 32px;display: block;text-align: center;padding: 0 15px;border-radius: 16px !important;background: transparent;margin-top: auto;margin-bottom: auto;color: #fff;margin-right: 15px;line-height: 32px;cursor: pointer}
.menu-header-category.active {background: #2b2d40}

.image-pad {width: 100%;height: 240px;background: #e9e9e9}
table.dataTable thead .sorting_asc::after {
    content: "" !important;
}

.hongbo-header {font-size: 16px;color: #333;line-height: 62px;width: 100%;display: block}
.hongbo-notice-content {width: 100%;height: auto;display: flex;padding: 0 100px 30px 100px}
.hongbo-notice-item {width: 400px;height: 412px;display: block;border: 1px solid #6d6e71 !important;margin-right: auto;margin-left: auto}
.hongbo-notice-item > img {width: 100%;height: 225px;object-fit: cover}
.hongbo-notice-content-pad {width: 100%;height: auto;padding: 0 20px}
.hongbo-notice-content-title {font-size: 20px;color: #666666}
.hongbo-notice-content-sub-title {font-size: 16px;color: #666666}

.text-oneline {
    text-align: left !important;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.btn-green {color: #009944 !important;border-color: #009944 !important}

.form-horizontal .form-group {
    margin-bottom: 5px !important;
}

.blockElement {
    position: fixed !important;
    top: 50% !important;
    z-index: 99999999999999999 !important;
}

.blockUI {
    z-index: 99999999999999998 !important;
}

.center_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.single_line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}