/* common */
.ml-0{margin-left: 0;}
.ml-1{margin-left: 1rem !important;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 3rem;}
.mr-0{margin-right: 0;}
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.btn a{color: #fff;}
.btn a:hover{color: #fff;}
.cursor{cursor: pointer;}
.btn.hide{display: none !important;}
.text-blue{color: #2D6EF7;cursor: pointer;}
.btn-href{padding: 0;border: 0;}
.btn-href a{padding: 0.6rem 1.25rem;}
.input-group:focus-within .form-control, .input-group:focus-within .input-group-text{border-color: #2D6EF7 !important;}
.white-space-nowrap{white-space: nowrap;}
.btn-primary.show.dropdown-toggle{background-color: #2D6EF7 !important;border-color: #2D6EF7 !important;}
.dropdown-menu-settings img{margin-right: 8px;}
.dropdown-menu-settings button{color: #515A6E;}
.dropdown-menu-settings h6{padding: 0 1.25rem;margin-bottom: 5px;}
.btn-primary[data-bs-target="#offcanvasEnd"]{z-index: 1037;}/* 手机端遮住filter按钮 */
.offcanvas-wide .offcanvas.offcanvas-end{width: 1080px;}/* filter侧边栏宽度 */
.offcanvas-wide .offcanvas-body{padding: 0 0 100px 0;}
.offcanvas-wide .offcanvas-body .col-12{padding-left: 1.5rem;padding-right: 1.5rem;background: #fff;}
.offcanvas-wide .offcanvas-border{border-top: 1px solid #E9EBF1;position: absolute;bottom: 20px;padding: 0 1.5rem;}
.offcanvas-wide .btn{white-space: nowrap;}
/* 其他filter弹窗 */
.offcanvas-wide .offcanvas-custom .offcanvas-body{padding: 1.5rem 1.5rem;}
/* table */
.light-style table.dataTable th, .light-style table.dataTable td{font-size: 14px;padding: 9px 10px;}
.dataTables_wrapper{height: 600px;}
.no-height-table .dataTables_wrapper{height: auto;}
.fixcolumns-table thead.border-top{position: sticky;top: -1px;background: #fff;z-index: 99;}
.fixcolumns-table thead.border-top th{background: #fff;}
.fixcolumns-table thead.border-top th.dtfc-fixed-left{top: -1.1rem;background-color: #F8F8F8 !important;}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]){padding-top: 1rem !important;}
table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after{line-height: 0.8rem !important;}
.light-style table.dataTable th{font-size: 14px;color: #1c1c1c !important;background: #F8F8F8;}
.light-style table.dataTable td{font-size: 13px;color: #5B626B;}
.light-style table.dataTable tbody tr:nth-child(even){background: #F8F8F8;}
/* sidebar */
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle){background: linear-gradient(to right,#2D6EF7,#59A7FC);box-shadow: 0px 1px 4px 0px #59A7FC;}
.app-brand .app-brand-text{color: #2D6EF7;}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link:hover{text-decoration: none;}
/* dashboard */
.dashboard .dropdown-menu{
  --bs-dropdown-min-width: 20rem;
}
#dashboard-table .swiper-wrapper .swiper-slide{
  background-color: #fff;
  padding: 0;
  font-size: 14px;
  color: #232323;
}
#dashboard-table .swiper-button-prev{
  left: 0;
  background-color: #fff;
  width: 30px;
}
#dashboard-table .swiper-button-next{
  right: 0;
  background-color: #fff;
  width: 30px;
}
#dashboard-table .swiper-wrapper .nav-link{
  padding: 5px 0;
  width: 100%;
  border: 1px solid #DCDFE6;
}
#dashboard-table .swiper-wrapper .nav-link.active{
  background: #F2F7F9;
  color: #2D6EF7;
  border: 1px solid #2D6EF7;
  border-left: 1px solid #2D6EF7;
}
#dashboard-table .swiper-pagination .swiper-pagination-bullets{
  top: 40px;
}
#dashboard-table .select-input{
  height: 40px;
  min-height: 40px;
  resize: none;
  font-size: 18px;
  color: #2D6EF7;
  font-weight: 400;
  padding: 0 15px;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  line-height: 40px;
  white-space: nowrap;
  background-color: #EEF3FE;
  border: 1px solid #2D6EF7;
}
#dashboard-table .select-input:focus{
  border: 1px solid #2D6EF7;
}
#dashboard-table .dashboard-table-select{
  position: relative;
  width: fit-content;
  height: 40px;
}
#dashboard-table .dashboard-table-select i{
  color: #3876f8;
  position: absolute;
  right: 5px;
  top: 13px;
  cursor: pointer;
}
#dashboard-table .dashboard-table-select i.fa-up{
  transform: rotate(180deg);
}
#dashboard-table .dashboard-tablist{
  position: absolute;
  background-color: #EEF3FE;
  z-index: 11;
  width: 236px;
  padding: 15px;
}
.dashboard .reset i{
  border-right: 1px solid #E9E9E9;
  padding-right: 10px;
}
  /* login page */
  /*.authentication-wrapper{
    min-height: inherit;
  }
  .login-page .card{
    border-radius: 0;
    height: 580px;
  }
  .login-page .authentication-inner .ICP{
    width: 100%;
  }
  .layout-navbar-fixed .layout-page:before{
    backdrop-filter: inherit;
    background: inherit;  
  }*/
  
  .auth-login-form .ICP{
    text-indent: 20px;
  }
  
  /* datatable style */
.table th{text-transform: capitalize;word-wrap: normal;vertical-align: middle;white-space: nowrap;}
.table td img.cursor-pointer{width: 50px;}
.table .pname{word-wrap: break-word;white-space: pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;cursor: pointer;width: 100px;}
.table .pname:hover{overflow: visible;-webkit-line-clamp: inherit;}
.table .first-row{border-bottom: 1px solid #ebedf2;margin-left: -1.25rem;margin-right: -1.25rem;line-height: 45px;text-align: center;}
.table .first-row:last-child {border-bottom: 0;}
.datatables-payment-report.table thead th{text-align: center;}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before{background-color: #2D6EF7;}
.authentication-wrapper.authentication-basic .authentication-inner:before{display: none;}
.authentication-wrapper.authentication-basic .authentication-inner:after{display: none;}
.light-style table.dataTable.dtfc-has-left tbody > tr:hover td{background-color: #F2F7F9 !important;}
table.dataTable > tbody > tr:hover{background-color: #F2F7F9;}
table.dataTable > tbody > tr.selected > *{box-shadow: inset 0 0 0 9999px #F2F7F9 !important;color: #6f6b7d !important;}
table.dataTable .received-qty .fa-arrow-right{position: absolute;left: 0;top: 40%;}
table.dataTable .received-qty .form-control{position: absolute;left: 22px;top: 20%;width: 80%;}
.dashboard-table{width: 100%;overflow-x: auto;}
.light-style table.dataTable td.dtfc-fixed-left{border-color: #dbdade !important;background-color: #FFF !important;}
.light-style table.dataTable tbody tr:nth-child(even) td.dtfc-fixed-left{background-color: #F8F8F8 !important;}
.dt-action-buttons .dt-buttons .buttons-collection.dropdown-toggle{border: 1px solid #C3C3C3 !important;color: #1C1C1C;background-color: #fff;}
.dt-action-buttons .dt-buttons .buttons-collection.dropdown-toggle:hover{color: #1C1C1C !important;background-color: #fff !important;}
.dataTables_filter .form-control{padding: 0.422rem 0.875rem;font-size: 0.9375rem;min-height: inherit;background: #fff url('/assets/img/custom/datatables-search.png') no-repeat left 10px center;text-indent: 20px;}
/* footer */
.footer.bg-footer-theme .fw-medium{color: #2D6EF7;}
  
  /* common css */
a{color: #2D6EF7;}
a:hover, :focus{color: #2d64d7;}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top: 60px !important;}
/* nav */
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus{background-color: #2D6EF7;color: #fff;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #2D6EF7;}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus{box-shadow: 0 -2px 0 #2D6EF7 inset;}
.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus,
.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {color: #2D6EF7;}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link：hover{text-decoration: none;}
/* btn */
.btn-primary{background-color: #2D6EF7;border-color: #2D6EF7;border-top-right-radius: 0.375rem !important;border-bottom-right-radius: 0.375rem !important;border-right: 0 !important;}
.btn-primary:hover {background-color: #2d64d7 !important;border-color: #2d64d7 !important;}
.btn-label-primary{color: #2D6EF7;background: #F2F7F9;border-color: #2D6EF7 !important;border-right: 1px solid #2D6EF7 !important;border-left: 1px solid #2D6EF7 !important;border-top-right-radius: 0.375rem !important;border-bottom-right-radius: 0.375rem !important;}
.bg-label-primary{background-color: #F2F7F9 !important;color: #2D6EF7 !important;}
.btn-label-primary:hover {background: #ECF1F3 !important;color: #2D6EF7 !important;border-color: #2D6EF7 !important;}
.btn-label-primary:focus, .btn-label-primary.focus{background: #ECF1F3;color: #2D6EF7;  }
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus{background-color: #2D6EF7;border-color: #2D6EF7;}
.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn{border-top-left-radius: 0.375rem !important;border-bottom-left-radius: 0.375rem !important;border-left: 0;}
.dt-buttons.btn-group button{border-color: inherit;box-shadow: none !important;}
/* input */
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate{background-color: #2D6EF7;border-color: #2D6EF7;}
.form-check-input:focus {border-color: #2D6EF7;}
/* select */
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection{border-color: #2D6EF7 !important;}
.select2-results__option[role=option][aria-selected=true]{background-color: #2D6EF7;}
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {background-color: #F2F7F9 !important;color: #2D6EF7 !important;}
/* pagination */
.page-item.active .page-link, .pagination li.active > a:not(.page-link){border-color: #2D6EF7;background-color: #2D6EF7;}
/* template-customizer */
#template-customizer .template-customizer-open-btn{background: #2D6EF7;}
#template-customizer.template-customizer-open .custom-option.checked{color: #2D6EF7;}
.custom-option.checked{border: 1px solid #2D6EF7;}
/* timeline */
.timeline .timeline-point-primary{background-color: #2D6EF7 !important;}
html:not([dir=rtl]) .border-primary, html[dir=rtl] .border-primary{border-color: #2D6EF7 !important;}
/* switch */
.switch-input:checked ~ .switch-toggle-slider{background: #2D6EF7;border-color: #2D6EF7 !important;}
/* svg */
.custom-option-icon.checked i, .custom-option-icon.checked svg{color: #2D6EF7;}
  
/* larger image */
.bigPicture{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 9999;}
.bigPicture .bigPicture-content{position: relative;width: 100%;height: 100%;}
.bigPicture .bigPicture-content .img-src{position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);}
.bigPicture .bigPicture-content .fa-close{position: absolute;right: 50px;top: 50px;font-size: 30px;color: #fff;cursor: pointer;}
  
/* promotion status */
.status ol{list-style-type: none;padding-left: 0;margin-top: 1.2rem;margin-bottom: 1rem;}
.status ol li{display: inline-block;margin-right: 10px;}
.status span{width: 12px;height: 12px;border-radius: 6px;display: inline-block;margin-right: 5px;}
.status .unfinished{background: #004AFF;}
.status .complete{background: #FF0000;}
.status .the-ongoing{background: #00DD85;}
  
/* test btn */
.channel-btn .btn{padding: 0;}
.channel-btn .channel-btn-test{padding: 0.6rem 1.25rem;display: block;}
  
/* custom model */
#addDBModal{background: #4b465c82;}.modal-custom{background: #4b465c82;}
/* save filter */
#saveFilter{z-index: 111;background: white;}
.collapse-bg{z-index: 111;background: white; }
.collapse-bg h6{text-align: left !important;}
#addToPromotion{z-index: 111;background: white;}
  
/* stock reports charts */
.inventoryQuantity-pie li{list-style: none;}
.inventoryQuantity-pie span{width: 10px;height: 10px;border-radius: 5px;display: inline-block;margin-right: 5px;}

/* stock reports */
.card .stock-reports-tabs.nav.nav-tabs{margin: 0;}
.stock-reports-tab-content{padding: 0;}
.stock-reports-tab-content .tab-pane:last-child{padding: 1.5rem;}
  
/* loading */
.page-loading{width: 100%;height: 100%;background: rgba(0,0,0,0.1);position: fixed;left: 0;top: 0;z-index: 9991;}
.page-loading img {position: fixed;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);}
  
.analysis-1{width: 23px;height: 23px;background: #FFEAE4;border: 1px solid #FF987D;color: #FF987D;font-size: 12px;border-radius: 2px;display: inline-block;line-height: 23px;}
.analysis-2{width: 23px;height: 23px;background: #E9EFFF;border: 1px solid #2D6EF7;color: #2D6EF7;font-size: 12px;border-radius: 2px;display: inline-block;line-height: 23px;}
.analysis-3{width: 23px;height: 23px;background: #F3F3F3;border: 1px solid #6F6F6F;color: #6F6F6F;font-size: 12px;border-radius: 2px;display: inline-block;line-height: 23px;}
  
/* Report Settings */
.report-settings .card-header{padding: 20px 0;}
.report-settings .card-body{padding: 20px 0; }
.report-settings .card-header h6 a{color: #1C1C1C;}
.report-settings .card-header a[aria-expanded=true]:before{content: "\F04A";}
.report-settings .setting-input{display: flex;}
.report-settings .setting-input .setting-input-item{width: 28.33%;float: left;}
.report-settings .setting-input .setting-input-icon{width: 5%;float: left;font-size: 18px;color: #1C1C1C;text-align: center;line-height: 38px;}
.report-settings .setting-input .setting-input-item .form-control.setting-readonly{background: #F2F7F9;border: 1px solid #77A3FF;border-radius: 5px;color: #2D6EF7;text-align: center;}
  
.restockCalculatorItem{border: 1px solid #2D6EF7;background: #fff;height: 38px;line-height: 38px;border-radius: 5px;box-sizing: content-box;margin-bottom: 10px;float: left;}
.restockCalculatorItem span{color: #1C1C1C;font-size: 14px;background: #F4F8FE;border-radius: 5px 0 0 5px;padding: 0 5px;float: left;width: max-content;}
.restockCalculatorItem input{width: 80px;border: 0;border-radius: 0 5px 5px 0;height: 38px;line-height: 38px;color: #2D6EF7;text-align: center;float: left;padding: 5px;}
.restockCalculatorValue{background: #FFFFFF;margin-left: 0;margin-right: 0;}
.restockCalculatorValueBorder{border-right: 1px solid #EAEAEA;}
.restockCalculatorValue .restockCalculatorNum{height: 21px;float: left;}
.restockCalculatorValue label{color: #888888;font-size: 14px;}
.restockCalculatorValue span{color: #1C1C1C;font-size: 14px;font-weight: 600;}
.datatables-restock-calculator tbody tr:nth-of-type(11){background-color: #E3F9F6;}
.datatables-restock-calculator tbody tr:nth-of-type(13){background-color: #E3F9F6;}
.datatables-restock-calculator tbody tr:nth-of-type(14){background-color: #E3F9F6;}
.datatables-restock-calculator tbody a:not([href]){color: #007bff;}
.modified-item{width: 50px;display: block;}
.modified{border: 1px solid #427CF7;width: 50px;text-align: center;padding: 0;background-color: #E3F9F6;}
.datatables-target-setting .modified-item{width: auto;color: #6f6b7d !important;}
.bootstrap-table .fixed-table-container .detailView_category.table .detail-view>td{padding: 0;}
.by_category thead th{border-bottom-width: 1px;}
.by_category thead th:nth-of-type(1){width: 30px;}
.by_category thead th:nth-of-type(2){width: 60px;}
.by_category thead th:nth-of-type(3){width: 180px;}
.by_category thead th:nth-of-type(4){width: 80px;}
.by_category thead th:nth-of-type(5){width: 120px;}
.by_category thead th:nth-of-type(6){width: 120px;}
.by_category thead th:nth-of-type(7){width: 80px;}
.by_category thead th:nth-of-type(8){width: 100px;}
.by_category thead th:nth-of-type(9){width: 90px;}
.by_category thead th:nth-of-type(10){width: 90px;}
.by_category thead th:nth-of-type(11){width: 100px;}
.by_category thead th:nth-of-type(12){width: 100px;}
.by_category thead th:nth-of-type(13){width: 80px;}
.by_category thead th:nth-of-type(14){width: 100px;}
.by_category thead th:nth-of-type(15){width: 100px;}
.by_category thead th:nth-of-type(16){width: 70px;}
.by_category tbody td:nth-of-type(1){width: 30px;}
.by_category tbody td:nth-of-type(2){width: 60px;}
.by_category tbody td:nth-of-type(3){width: 180px;}
.by_category tbody td:nth-of-type(4){width: 80px;}
.by_category tbody td:nth-of-type(5){width: 120px;}
.by_category tbody td:nth-of-type(6){width: 120px;}
.by_category tbody td:nth-of-type(7){width: 90px;}
.by_category tbody td:nth-of-type(8){width: 100px;}
.by_category tbody td:nth-of-type(9){width: 80px;}
.by_category tbody td:nth-of-type(10){width: 90px;}
.by_category tbody td:nth-of-type(11){width: 100px;}
.by_category tbody td:nth-of-type(12){width: 100px;}
.by_category tbody td:nth-of-type(13){width: 80px;}
.by_category tbody td:nth-of-type(14){width: 100px;}
.by_category tbody td:nth-of-type(15){width: 100px;}
.by_category tbody td:nth-of-type(16){width: 70px;}
.by_category tbody td{padding: 0;text-align: center;color: #1c1c1c;}
.summary_category thead th:nth-of-type(1){width: 30px;}
.summary_category thead th:nth-of-type(2){width: 60px;}
.summary_category thead th:nth-of-type(3){width: 200px;}
.summary_category thead th:nth-of-type(4){width: 80px;}
.summary_category thead th:nth-of-type(5){width: 80px;}
.summary_category thead th:nth-of-type(6){width: 100px;}
.summary_category thead th:nth-of-type(7){width: 100px;}
.summary_category thead th:nth-of-type(8){width: 100px;}
.summary_category thead th:nth-of-type(9){width: 100px;}
.summary_category thead th:nth-of-type(10){width: 100px;}
.summary_category thead th:nth-of-type(11){width: 100px;}
.summary_category thead th:nth-of-type(12){width: 100px;}
.summary_category thead th:nth-of-type(13){width: 100px;}
.summary_category thead th:nth-of-type(14){width: 100px;}
.summary_category thead th:nth-of-type(15){width: 100px;}
.summary_category thead th:nth-of-type(16){width: 100px;}
.summary_category thead th:nth-of-type(17){width: 100px;}
.summary_category thead th:nth-of-type(18){width: 100px;}
.summary_category thead th:nth-of-type(19){width: 100px;}
.summary_category thead th:nth-of-type(20){width: 100px;}
.summary_category thead th:nth-of-type(21){width: 100px;}
.summary_category thead th:nth-of-type(22){width: 100px;}
.summary_category thead th:nth-of-type(23){width: 100px;}
.summary_category thead th:nth-of-type(24){width: 100px;}
.summary_category thead th:nth-of-type(25){width: 100px;}
.summary_category thead th:nth-of-type(26){width: 100px;}
.summary_category thead th:nth-of-type(27){width: 100px;}
.summary_category thead th:nth-of-type(28){width: 100px;}
.summary_category thead th:nth-of-type(29){width: 100px;}
.summary_category thead th:nth-of-type(30){width: 100px;}
.summary_category thead th:nth-of-type(31){width: 100px;}
.summary_category tbody td:nth-of-type(1){width: 30px;}
.summary_category tbody td:nth-of-type(2){width: 60px;}
.summary_category tbody td:nth-of-type(3){width: 200px;display: block;border: 0;}
.summary_category tbody td:nth-of-type(4){width: 80px;}
.summary_category tbody td:nth-of-type(5){width: 80px;}
.summary_category tbody td:nth-of-type(6){width: 100px;}
.summary_category tbody td:nth-of-type(7){width: 100px;}
.summary_category tbody td:nth-of-type(8){width: 100px;}
.summary_category tbody td:nth-of-type(9){width: 100px;}
.summary_category tbody td:nth-of-type(10){width: 100px;}
.summary_category tbody td:nth-of-type(11){width: 100px;}
.summary_category tbody td:nth-of-type(12){width: 100px;}
.summary_category tbody td:nth-of-type(13){width: 100px;}
.summary_category tbody td:nth-of-type(14){width: 100px;}
.summary_category tbody td:nth-of-type(15){width: 100px;}
.summary_category tbody td:nth-of-type(16){width: 100px;}
.summary_category tbody td:nth-of-type(17){width: 100px;}
.summary_category tbody td:nth-of-type(18){width: 100px;}
.summary_category tbody td:nth-of-type(19){width: 100px;}
.summary_category tbody td:nth-of-type(20){width: 100px;}
.summary_category tbody td:nth-of-type(21){width: 100px;}
.summary_category tbody td:nth-of-type(22){width: 100px;}
.summary_category tbody td:nth-of-type(23){width: 100px;}
.summary_category tbody td:nth-of-type(24){width: 100px;}
.summary_category tbody td:nth-of-type(25){width: 100px;}
.summary_category tbody td:nth-of-type(26){width: 100px;}
.summary_category tbody td:nth-of-type(27){width: 100px;}
.summary_category tbody td:nth-of-type(28){width: 100px;}
.summary_category tbody td:nth-of-type(29){width: 100px;}
.summary_category tbody td:nth-of-type(30){width: 100px;}
.summary_category tbody td:nth-of-type(31){width: 100px;}
.summary_category tbody td{padding: 0;text-align: center;color: #1c1c1c;}
.table-striped tbody>tr {background-color: #F7FAFF !important;}
.table-striped > tbody > tr:nth-of-type(odd) > *{--bs-table-bg-type: #F7FAFF !important;}
.table-striped tbody tr{border-style: none;border-bottom: 1px solid #dee2e6;}
.table-striped .detail-view .table>thead tr{border-bottom: 0;background-color: #D9E5FE;}
.table-striped .detail-view .table{border-top: 0;}
.table-striped .detail-view .table tbody tr{background-color: #D9E5FE !important;} 
.table-striped .detail-view .table .detail-view .table tbody tr{background-color: #B2CAFF !important;}
.table-bordered > :not(caption) > *{border-width: 0;}
.bootstrap-table .fixed-table-container .table thead th .th-inner{font-weight: 700;color: #1c1c1c;text-align: center;}
#tb_departments .bootstrap-table .fixed-table-container .fixed-table-body .table tr{border-left: 0;}
#tb_departments .fa{width: 24px;height: 24px;}

/* custom pagination */
.pagination.pager li{background: #F8F8F8;border-radius: 2px;width: 36px;height: 36px;color: #1C1C1C;line-height: 36px;text-align: center;font-size: 14px;margin: 0 5px;cursor: pointer;}
.pagination.pager .active{background: #2D6EF7;color: #fff;}
.datatables-target-report .table-fields th:last-child{background: #FFFAFA;}
.datatables-target-report tbody tr td:last-child{background: #FFFAFA;}
.datatables-target-report thead.border-top th{border-left: 1px;}
.rounded .badge{float: right;}
.rounded .rounded-data{display: inline-grid;}
.layout-navbar .navbar-dropdown .dropdown-menu{min-width: 40rem;}
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list{max-height: inherit;}
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon{background-color: #fff;border-radius: 50%;}
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon:hover{background-color: transparent;}
.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-menu-footer{border-top: 1px solid #dbdade;}

/* dashboard */
.layout-navbar-fixed .layout-navbar.navbar-detached{width: calc(100% - 16.25rem);margin: 0;height: 48px;border-radius: 0;}
.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached{width: calc(100% - 5.25rem);}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]){padding-top: 0;}
.dashboard .card-title{color: #000000;}
.dashboard .card-title-level{font-size: 14px;}
.dashboard .total_value{color: #999999;font-size: 18px;}
.dashboard .total_item{border-bottom: 1px solid #E8E8E8;padding-bottom: 15px;}
.dashboard .badge_value{float: right;}
.dashboard .badge_value.bg-label-danger{color: #F5222D !important;background-color: #FCE5E7 !important;}
.dashboard .badge_value.bg-label-success{color: #52C41A !important;background-color: #DCF3D1 !important;}
.dashboard .list-unstyled .row div.mb-3:nth-child(odd){padding-right: 10px;}
.dashboard .list-unstyled .row div.mb-3:nth-child(even){padding-left: 10px;}
.dashboard .list-unstyled li div.me-1{color: #999999;font-size: 13px;line-height: 23px;}
.dashboard .list-unstyled li h6{color: #000;font-size: 13px;}
.dashboard .list-unstyled li span{font-size: 12px;}
.dashboard .list-unstyled li small{font-size: 12px;}
.dashboard .list-unstyled li div.col-6:nth-child(odd){padding-right: 5px;}
.dashboard .list-unstyled li div.col-6:nth-child(even){padding-left: 5px;}
.dashboard .dropdown-menu h6{color: #1C1C1C;}
.dashboard .dropdown-menu span{color: #9AA1A9;}
.dashboard .dropdown-menu h6.card-title{color: #999999;}
.dashboard .dropdown-menu .text-muted{color: #999999;}
.dashboard .user-progress img{margin-top: 7px;}
.dashboard .sales-by-countries h6{color: #000000 !important;font-size: 14px;}
.dashboard .sales-by-countries small{color: #999999 !important;font-size: 14px;}
.dashboard .btn.btn-vertical{box-shadow: none !important;}
.dashboard .btn-vertical img{width: 14px;height: 14px;}
/* invoice detail */
.detail-content h4{font-size: 15px;color: #1A2233;font-weight: 600;}
.detail-content .invoice-info label{float: left;font-weight: 600;color: #1c1c1c;font-size: 14px;}
.detail-content .invoice-info:nth-of-type(1){border-top: 1px solid #E4E4E4;}
.detail-content .invoice-info{border-bottom: 1px solid #E4E4E4;padding: 13px 5px;}
.detail-content .invoice-info span{font-size: 13px;color: #000000;text-transform: uppercase;float: left;}
.detail-content .invoice-items{background: #F2F7F9;border-radius: 5px;}
.detail-content .invoice-items .info-left{width: 120px;line-height: 38px;font-size: 14px;color: #000000;}
.detail-content .invoice-info{border-bottom: 1px solid #E4E4E4;padding: 13px 5px;display: flex;}
.tracking-num{width: 40%;}
.detail-content .form-control{resize: none;}

/* wts tools shipping-calculate */
.calculateItem{border-bottom: 1px solid #C1C1C1;}
.calculateItem div{width: 33.33%;}
#addCalculate{width: 38px;height: 38px;background: #FFFFFF;border: 1px solid #C1C1C1;border-radius: 19px;color: #1c1c1c;font-size: 20px;}
.datatables-shipping-calculate tr td{border-bottom: 1px solid #dbdade;}
.shipping-calculate .container{max-width: 100%;}

/* promotion list add discount popup */
#discountForm label{width: 20%;border: 1px solid #ebedf2;border-left: 0;text-align: center;font-weight: bold;background: #C2C2C2;color: #fff;line-height: 36px;}
#log-name{border-radius: 0.375rem 0 0 0.375rem;}

/* Category Comparison */
.info ol{list-style-type: none;padding-left: 0;margin-bottom: 0;}
.info ol li{display: inline-block;margin-right: 10px;}
.showroom{width: 6px;height: 6px;border-radius: 3px;background-color: #FA5A7E;display: inline-block;margin-right: 5px;}
.website{width: 6px;height: 6px;border-radius: 3px;background-color: #52C41A;display: inline-block;margin-right: 5px;}
#main-channel option:nth-child(1){pointer-events: none;color: #ccc;}
#compare-channel option:nth-child(1){pointer-events: none;color: #ccc;}
.level{width: 24px;height: 24px;border-radius: 5px;color: #fff;font-size: 14px;display: block;text-align: center;line-height: 24px;}
.level-0{background-color: #2D6EF7;}
.level-1{background-color: #6c99f9;}
.level-2{background-color: #59A7FC;}
.level-3{background-color: #c0d3fc;}
.datatables-category-comparison.table .category-0{border-left: 3px solid #2D6EF7 !important;}
.datatables-category-comparison.table .category-1{border-left: 3px solid #6c99f9 !important;}
.datatables-category-comparison.table .category-2{border-left: 3px solid #59A7FC !important;}
.datatables-category-comparison.table .category-3{border-left: 3px solid #c0d3fc !important;}
.datatables-category-comparison.table .website-0{border-left: 3px solid #FA5A7E !important;}
.datatables-category-comparison.table .showroom-0{border-left: 3px solid #52C41A !important;}
.datatables-category-comparison.table .website-1{border-left: 3px solid #fb8ba4 !important;}
.datatables-category-comparison.table .showroom-1{border-left: 3px solid #83d35c !important;}
.datatables-category-comparison.table .website-2{border-left: 3px solid #fdcdd8 !important;}
.datatables-category-comparison.table .showroom-2{border-left: 3px solid #c7e9b6 !important;}
.datatables-category-comparison.table .website-3{border-left: 3px solid #f7cfd8 !important;}
.datatables-category-comparison.table .showroom-3{border-left: 3px solid #d4efc7 !important;}

/* Whole Year */
.light-style table.datatables-whole-year td.td-level1{border-left: 3px solid #2D6EF7 !important;}
.light-style table.datatables-whole-year td.td-level2{border-left: 3px solid #6c99f9 !important;}
.light-style table.datatables-whole-year td.td-level3{border-left: 3px solid #c0d3fc !important;}
.datatables-whole-year .level{width: 24px;height: 24px;border-radius: 5px;color: #FFF;font-size: 14px;margin: auto;display: block;text-align: center;line-height: 24px;}
.datatables-whole-year .level.level1{background-color: #2D6EF7;}
.datatables-whole-year .level.level2{background-color: #6c99f9;}
.datatables-whole-year .level.level3{background-color: #c0d3fc;}

/* Factory Stock Report */
.datatables-factory-stock-report tr td:last-child{font-weight: 600;background: #FFFAFA;}

/* 带搜索的下拉 */
.offcanvas-body{overflow-y: visible !important;}
.light-style .select2-container--default .select2-selection__placeholder{color: #6f6b7d !important;}

/* Advance Search */
.offcanvasAdvancedSearch.offcanvas.offcanvas-end{width: 650px;}
.offcanvasAdvancedSearch.offcanvas.offcanvas-end .btn-xs{margin-top: 4px;background: #F2F7F9;color: #2D6EF7;border: 1px solid #2D6EF7;font-size: 14px;width: 24px;height: 24px;line-height: 19px;border-radius: 5px;margin-right: 5px;float: left;}
.offcanvasAdvancedSearch.offcanvas.offcanvas-end .product-btn-del{margin-right: 5px;}

/* column */
#column{order: 3;}
.simple-switch{width: 36px;height: 18px;border: solid 1px #ddd;border-radius: 18px;background-color: #ddd;position: relative;padding-left: 24px;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;-webkit-user-select: none;font-size: 14px;float: right;}
.simple-switch.active{border-color: #2D6EF7;background-color: #2D6EF7;padding-left: 0;padding-right: 28px;}
.simple-switch > input[type="checkbox"]{display: none;}
.simple-switch > .switch-handler{position: absolute;left: 0px;top: -1px;width: 18px;height: 18px;background-color: #FFF;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.simple-switch.active > .switch-handler{left: 16px;}
.column-items{padding-left: 0rem;}
.column-items li{list-style: none;font-size: 14px;color: #5B626B;letter-spacing: 0;text-align: right;}
.column-items .switch{width: 40px;margin-right: 0;margin-left: 15px;}
.column-items .switch .switch-toggle-slider{left: 0;}
.column-items .switch-input:checked ~ .switch-toggle-slider{left: 0;}

/* Promotion Rules */
.card .detail-content-line{border-top: 1px solid #e9ebf1;position: relative;}
.card .detail-content-line span{position: absolute;left: 50%;top: -12px;transform: translatex(-50%);padding: 0 15px;width: fit-content;background: #fff;color: #1c1c1c;font-weight: 600;font-size: 17px;}
.setting .setting-input{display: flex;}
.card .detail-content input.form-control{background: #FFFFFF;border: 1px solid #C1C1C1;border-radius: 5px;font-size: 14px;color: #222;font-weight: 600;cursor: pointer;height: 32px;padding: 0 12px;}
.setting .setting-input .setting-input-item .form-control.setting-readonly{background: #F2F7F9;border: 1px solid #77A3FF;border-radius: 5px;color: #2D6EF7;}
.setting select.form-control{height: 32px;border: 1px solid #dcdee2;outline: 0;}
.setting .setting-input .form-control{text-align: center;}
.setting .setting-input .setting-input-item{width: 28.33%;float: left;}
.setting .setting-input .setting-input-item label{background: #F2F7F9;border: 1px solid #77A3FF;border-radius: 5px;color: #2D6EF7;display: block;padding: 4px 0;text-align: center;font-weight: 600;font-size: 14px;}
.setting .setting-input .setting-input-icon{width: 5%;float: left;font-size: 18px;color: #1C1C1C;text-align: center;line-height: 38px;}

/* product info popup */
.successful{background: #dff7e9;color: #28c76f;padding: 10px;margin-bottom: 15px;}
.failed{background: #fce5e6;color: #ea5455;padding: 10px;margin-bottom: 15px;}

/* category */
.category{height: 800px;overflow-y: scroll;}
.category ul.all{padding-left: 0;}
.category ul.all li{list-style: none;}
.category .alls{padding-left: 15px;display: none;}
.category .alls li{cursor: pointer;}
.category .all-title{background: url(/assets/img/custom/arrowclose.png) no-repeat 0 center;line-height: 20px;padding: 10px 0 10px 25px;cursor: pointer;display: block;font-weight: 400;font-size: 13px;background-size: 14px 14px;}
.category .all-title-current{background: url(/assets/img/custom/arrowopen.png) no-repeat 0 center;color: #2D6EF7;font-weight: 500;background-size: 14px 14px;}
.category .current{display: block;}
#navs-general-information .picture{background: url(/assets/img/custom/image-upload-placeholder.jpg) no-repeat 0 center;width: 250px;height: 200px;background-size: 100% 100%;}
#navs-general-information .picture img{width: 250px;height: 250px;}
.image-upload-content{position: relative;border-radius: 2px;border: 1px solid #C1C1C1;width: 120px;height: 28px;}
.image-upload-content label{cursor: pointer;background: url(/assets/img/custom/image-upload.png) no-repeat left 8px center;text-align: center;background-size: 14px 14px;text-indent: 12px;width: 100%;line-height: 28px;}
.image-upload{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 28px;}

/* column */
.column-items div{color: #1c1c1c;text-align: right;}

/* 文本编辑器弹窗 */
.text-popup{width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 1090;}
.text-popup .popup-content{box-shadow: 0 0.31rem 1.25rem 0 rgba(75, 70, 92, 0.4);padding: 3rem;background-color: #fff;margin: 5em;margin-right: auto;margin-left: auto;transform: translateY(0) scale(1);max-width: 50em;height: 700px;overflow-y: scroll;}

.datatables-sales-predict .btn-dis{background-color: #ccc !important;color: #fff;border: 1px solid #ccc !important;cursor: default !important;pointer-events: inherit !important;}
.datatables-sync-block img{width: 100px;height: 50px;display: block;}

/* tradevine-shipping-group */
#addShippingTemplateForm table tr td{padding: 0 5px 10px;}
.addShippingTemplate{background: #F2F7F9;color: #2D6EF7;border: 1px solid #2D6EF7;font-size: 14px;height: 24px;line-height: 19px;border-radius: 5px;margin: 0 15px;}
.removeShippingTemplate{background: #fff;color: #a8a8a8;border: 1px solid #a8a8a8;font-size: 14px;width: 24px;height: 24px;line-height: 19px;border-radius: 5px;margin: 0 5px;}

/* ask-ai */
.chat-history-footer{border-radius: 12px;position: absolute;bottom: 0;width: 100%;}
.chat-history-footer .message-input{border-radius: 12px 0 0 12px;resize: none;overflow-y: hidden;}
.chat-history-footer .sended{border: 1px solid #2D6EF7;}
.chat-history-footer .sended .fa-circle-arrow-up{color: #2D6EF7;}
.form-send-message{background: #fff;border-radius: 12px;margin-bottom: 0;}
.chat-message-wrapper{max-height: 500px;}
.chat-message-bg-white{background: #fff;color: #1C1C1C;padding: 15px;border-radius: 0 12px 12px 12px;width: max-content;max-width: 50%;}
.chat-message-bg-blue{justify-content: end;display: flex;}
.chat-message-bg-blue .text-bg-blue{background: #2D6EF7;color: #fff;padding: 15px;border-radius: 12px 0 12px 12px;width: max-content;max-width: 50%;float: right;}
.send-msg-btn .fa-circle-arrow-up{font-size: 20px;color: #D0D0D0;}
.app-chat-contacts.app-sidebar{width: 21rem;flex-basis: 21rem;background-color: #fff;}
.app-chat-contacts.app-sidebar .cursor-pointer{z-index: 2;}
.app-chat-contacts.app-sidebar.open{position: absolute;z-index: 11;height: 100%;display: block !important;}
.app-chat-contacts.app-sidebar .sidebar-body{max-height: 700px;height: 700px;}
.app-chat-history{width: calc(100vh - 21rem);}
.app-chat-history .chat-history-body{height: 90%;}
.message-actions label{width: 20px;height: 20px;border-radius: 10px;text-align: center;}
.fileContent img{width: 80px;height: 80px;border-radius: 1rem;}
.fileContent button{padding: 0;position: absolute;right: 0;top: 0;border: 0;background: #000;color: #fff;border-radius: 10px;width: 20px;height: 20px;}
.fileContentImg{width: 95px;}
.fileContentFile{margin-right: 5px;}
.fileContentFile .file-content-group{width: 320px;border: 1px solid #ececec;border-radius: 1rem;height: 61px;}
.fileContentFile .file-content-group{background: #fff;}
.fileContentFile .file-icon{width: 40px;background: #ff5588;color: #fff;text-align: center;border-radius: .5rem;margin-right: 5px;}
.fileContentFile .file-icon i{font-size: 24px;margin: 10px auto;}
.fileContentXLSX{margin-right: 5px;}
.fileContentXLSX .file-content-group{width: 320px;border: 1px solid #ececec;border-radius: 1rem;height: 61px;}
.fileContentXLSX .file-icon{width: 40px;background: #10a37f;color: #fff;text-align: center;border-radius: .5rem;margin-right: 5px;}
.fileContentXLSX .file-icon i{font-size: 24px;margin: 10px auto;}
.chat-message-bg-blue .fileContentXLSX .file-content-group{float: inherit !important;max-width: 100% !important;}
.chat-message-bg-blue .fileContentImg{width: auto;}
.chat-message-bg-blue .fileContentImg .file-content-group{text-align: right;}
.chat-message-bg-blue .fileContent.fileContentImg img{width: 384px;height: 216px;border-radius: 0;}
.chat-message-bg-blue .fileContentFile .file-content-group{float: inherit !important;max-width: 100% !important;}
.chat-message-bg-white .fileContent.fileContentImg img{width: 384px;height: 216px;border-radius: 0;}
.chat-message-bg-white .fileContentImg{width: auto;}
.chat-contact-list li{cursor: pointer;position: relative;}
.chat-contact-list h6{font-size: .875rem;line-height: 1.25rem;color: #000;}
.chat-contact-list-item a{padding: .5rem;display: block;border-radius: 10px;width: 100%;}
.chat-contact-list-item a.active{background-color: #e3e3e3;}
.chat-contact-list-item a.active+.dropdown{display: block;}
.chat-contact-list-item a:hover{background-color: #ececec;}
.chat-contact-list-item .dropdown{position: absolute;right: 5px;top: 5px;display: none;}
.chat-contact-list-item .dropdown .btn{box-shadow: none;border: 0;}
.chat-contact-list-item .dropdown-item:hover{background-color: #2D6EF7;color: #fff;}
.chat-contact-list-item .dropdown-item:not(.disabled):active{background-color: #2D6EF7;color: #fff;}
.chat-contact-list-item .rename-input{position: absolute;top: 4px;width: calc(100% - 50px);}
.chat-contact-list-item-title h5{font-size: .75rem;line-height: 1rem;font-weight: 600;color: #000;}
.chat-history-wrapper{position: relative;height: 100%;}
.askai-card{height: calc(100% - 30px);}

/* shipping-calculator */
.add-sku .sku-content .remove{border-radius: 5px;box-shadow: none;border: 1px solid #D2E1FF !important;width: 24px;height: 24px;margin-top: 5px;padding: 0;}
.sku-info .d-flex{justify-content: space-between;}

/* product-target-setting */
.product-target-setting thead tr:first-child{border-left-width: 1px;border-right-width: 1px;}
.product-target-setting tbody td{text-align: right;}
.product-target-setting input{width: 100px;}
table.table-bordered.dataTable.product-target-setting tbody td:first-child{border-left-width: 1px;}
table.table-bordered.dataTable.product-target-setting tbody td:last-child{border-right-width: 1px;}

/* target-report */
.datatables-target-report tbody tr:nth-last-of-type(3) td{font-weight: 600;}

/* target-report-v2 */
.datatables-target-report-v2 tbody tr td:last-child{background: #FFFAFA;}
.datatables-target-report-v2 thead.border-top th{border-left: 1px;}
.datatables-tools{display: none;}

/* product details */
.card-border{border: 1px solid #E0E0E0;border-radius: 2px;}
.card-border .tagify__tag > div::before{box-shadow: none;background: rgba(168, 170, 174, 0.16);}
.card-border .tagify.form-control{border: 0;padding: 0;}
.publishing span{width: 12px;height: 12px;border-radius: 2px;background: #2D6EF7;display: inline-block;}
.publishing .publishing-other{border: 1px solid #C1C1C1;background: #F3F3F3;}
.details-status span{padding: 3px 13px;display: inline-block;}
.details-status .inactive{background: #fce5e6;color: #ea5455;}
.details-status .active{background: #CCF8DB;color: #27CD42;}
.details-status .clearance{background: #FFE4CA;color: #FF7C00;}
.details-status .discontinue{background: #E2E2E2;color: #888888;}
#add-tags{width: 100%;left: 0;top: 40px;z-index: 22;background: #fff;border-radius: 5px;box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);border: 1px solid #E7E9E8;}
#add-tags .close{cursor: pointer;font-size: 26px;}
#add-tags ul{padding-left: 0;height: 250px;overflow-y: scroll;}
#add-tags ul li{list-style: none;}
#add-tags .cancel{border: 1px solid #DCDFE6 !important;background-color: #fff;color: #606266 !important;border-left: 1px solid #DCDFE6 !important;border-right: 1px solid #DCDFE6 !important;}
#add-tags .cancel:hover{background-color: #fff !important;border-color: #DCDFE6 !important;}
.add-tags-btn{width: 100%;border: 1px solid #C1C1C1;color: #2D6EF7;background: #fff;box-shadow: none !important;border-right: 1px solid #c1c1c1 !important;justify-content: start;}
.add-tags-btn:hover{background-color: #fff !important;border-color: #C1C1C1 !important;color: #2D6EF7 !important;}
.add-tags-btn:focus{background-color: #fff !important;border-color: #C1C1C1 !important;color: #2D6EF7 !important;}
.collapse-border{border-top: 1px solid #E7E9E8;}
#viewDetail{white-space: nowrap;}

/* replenishment v2 list */
.fullItem .restockCalculatorItem{width: 100%;}
.fullItem .restockCalculatorItem input{width: 60%;display: block;margin: 0 auto;border-radius: 5px;}
.fullItem .date-readonly input{width: 80%;display: block;margin: 0 auto;}
.fullItem .date-readonly.date-single input{width: 70%;display: block;margin: 0 auto;}
.sortpicker{width: 25%;display: inline-block;}

/* warehouse-detail */
.over-10{background: #DFF4F7;color: #2D6EF7;padding: 5px 12px;border-radius: 5px;}
.low-10{background: #F7F2DF;color: #9E7505;padding: 5px 12px;border-radius: 5px;}

/* ETA Shipping */
.eta-shipping h4 img{vertical-align: baseline;margin-right: 10px;}
.eta-shipping-form{background: #fff;height: 100%;}
.shipping-estimates-item{border: 1px solid #dbdade;border-radius: 5px;}

/* datatable dom */
.row-dom .dt-action-buttons .dt-buttons .btn{margin: 16px 8px;white-space: nowrap;flex: 0 0 auto;}
.row-dom .dt-action-buttons .dt-buttons .btn-group .btn{margin: 16px 8px 16px 16px;}
.row-dom .dt-action-buttons .dt-buttons .btn:last-child{margin: 16px 0 16px 8px;}
.row-dom .dt-action-buttons .dt-buttons .buttons-collection.dropdown-toggle{margin: 16px 8px;}
.row-dom .dt-action-buttons .dt-buttons .dropdown-menu .btn{margin: 0;}



@media screen and (max-width: 1800px) {
  .fullItem .restockCalculatorItem input{width: 54%;}
  .fullItem .date-readonly.date-single input{width: 65%;}
  .fullItem .date-readonly input{width: 75%;}
}
@media screen and (max-width: 1750px) {
  /* datatable dom */
  .row-dom .dt-action-buttons{align-items: flex-start !important;}
}
@media screen and (max-width: 1600px) {
  .fullItem .restockCalculatorItem input{width: 50%;}
  .fullItem .date-readonly.date-single input{width: 60%;}
  .fullItem .date-readonly input{width: 75%;}
  /* datatable dom */
  .d-xl-justify-space-between{display: flex;justify-content: space-between;}  
}
@media screen and (max-width: 1550px) {
  .fullItem .restockCalculatorItem input{width: 48%;}
  .fullItem .restockCalculatorItem.double-date input{width: 75%;}
}
@media screen and (max-width: 1500px) {
  .fullItem .restockCalculatorItem input{width: 45%;}
  .fullItem .date-readonly input{width: 75%;}
}
@media screen and (max-width: 1450px) {
  .fullItem .date-readonly.date-single input {width: 58%;}
}
@media screen and (max-width: 1400px) {
  /* datatable dom */
  .d-xxxl-none{display: block;} 
  div.dataTables_wrapper .row-dom div.dataTables_length{margin-bottom: 0;}
  div.dataTables_wrapper .row-dom div.dataTables_filter{margin-bottom: 0;}
  .row-dom .dt-action-buttons{margin: 0 -8px;}
  .row-dom .dt-action-buttons .dataTables_filter{display: none;}  
  .row-dom .dt-action-buttons .dt-buttons .buttons-collection.dropdown-toggle{margin: 16px 8px 16px 8px;}
  .user_role{margin-top: 1rem;margin-bottom: 1rem;margin-left: .5rem !important;}/* settings user */
}
@media screen and (max-width: 1200px) {
  .layout-navbar .navbar-dropdown .dropdown-menu{position: fixed;}
  .layout-navbar-fixed .layout-navbar.navbar-detached{width: 100% !important;}
}
@media screen and (max-width: 991px) {
  .auth-login-form{width: 100% !important;margin: auto;}
  .layout-navbar-fixed .layout-navbar.navbar-detached{width: 100% !important;}
  .dashboard .total_value{font-size: 14px;}
  .product-information{overflow-x: scroll;}
  .layout-navbar .navbar-dropdown .dropdown-menu{min-width: 20rem;margin: 0 15px;}
  /* ask ai */
  .app-sidebar{display: none;}
  .askai-card{height: calc(100% - 40px);}
  /* 去除fixedColumns */
  .table.dataTable.dtfc-has-left thead tr th{position: inherit !important;}
  .table.dataTable.dtfc-has-left tbody tr td{position: inherit !important;}
  /* 手机端filter */
  .offcanvas-wide .offcanvas.offcanvas-end{width: calc(100% - 30px);}/* filter侧边栏宽度 */
  .offcanvas-wide .offcanvas-border{bottom: 0;padding-bottom: 10px;}
  .offcanvas-wide .offcanvas-border .btn.btn-primary{margin-right: 1rem !important;}
  /* datatable dom */
  .quick-actions{justify-content: left !important;}
}
@media screen and (max-width: 768px) {
  /* datatable dom */
  .row-dom .status-flex{flex-wrap: wrap;}
  .row-dom .status-flex .status{flex: 0 0 100%;order: 3;}
}
@media screen and (max-width: 600px) {
  /* 带搜索的下拉 */
  .offcanvas-body{overflow-y: scroll !important;}
  /* datatable dom */
  .promotion-pool{flex-wrap: wrap;}
  .promotion-pool .saved-filter{flex: 0 0 50%;}
  .sortpicker{width: 30%;}
  #exportExcel{margin-top: 1rem;}
}
@media screen and (max-width: 480px) {
  .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item{
    width: 50%;
    flex: inherit;
  }
  .layout-navbar-fixed .layout-navbar.navbar-detached{
    height: 68px;
    padding: 0 10px;
  }
  .nav-item-picker label{
    font-size: 12px;
  }
  .nav-item-picker em{
    margin: 0 auto;
    display: table;
    line-height: 0.5;
  }
  .dashboard .card-title-level{
    font-size: 18px;
  }
  .dashboard .btn-vertical img{
    width: 24px;
    height: 24px;
  }
  .dashboard .no-border{
    padding: 0 !important;
    border: 0 !important;
  }
  .dashboard .no-border .ti{
    font-size: 12px !important;
  }
  .dashboard .no-border h6{
    font-size: 12px;
  }
  .dashboard .no-border h4{
    font-size: 14px;
  }
  .dashboard .mobile-table{
    display: block !important;
  }
  #dashboard-table{
    margin-bottom: 20px;
  }
  #dashboard-table .select-input{
    color: #1c1c1c;
    background-color: #fff;
    border: 0;
    padding: 0;
  }
  #dashboard-table .dashboard-table-select i{
    color: #1c1c1c;
    font-size: 18px;
    right: 8px;
  }
}
@media screen and (min-width: 1800px) {
  .col-xxxl-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .total_item .card-title{
    font-size: 26px;
  }
  .total_item img{
    width: 42px;
    height: 42px;
  }
  .dashboard .total_value{
    font-size: 14px;
  }
}
@media screen and (min-width: 1750px) {
  .user_role{margin-top: 0 !important;}
}
@media screen and (min-width: 1600px) {
  .col-xl-2-0{-ms-flex: 0 0 auto;flex: 0 0 auto;width: 20%;}

}
@media screen and (min-width: 1401px) {
  /* datatable dom */
  .d-xxxl-none{display: none;} 
  .row-dom .dt-action-buttons .dataTables_filter{display: block;margin-right: 8px;}
  .col-large-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }  
  .col-large-2{
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-large-3{
    flex: 0 0 auto;
    width: 25%;
  }  
  .col-large-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-large-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-large-6{
    flex: 0 0 auto;
    width: 50%;
  }  
  .col-large-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }    
  .col-large-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }    
  .col-large-9{
    flex: 0 0 auto;
    width: 75%;
  }    
  .col-large-10{
    flex: 0 0 auto;
    width: 83.33333333%;
  } 
  .col-large-11{
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-large-12{
    flex: 0 0 auto;
    width: 100%;
  }    
}
@media screen and (min-width: 1400px) {
  /* datatable dom */
  .xl-justify-content-end{justify-content: flex-end !important;}
}
@media screen and (min-width: 992px) {
  .app-chat-contacts.app-sidebar{position: static !important;height: auto !important;}
  .app-overlay{display: none !important;}
}