/*公共样式*/
.flex-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
.flex-col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-align-c{align-items:center;}
.flex-justify-b{justify-content:space-between;}
/*body.navbar-fixed-top{*/
/*    overflow: hidden;*/
/*}*/
/*覆盖系统默认样式*/
.main-sidebar, .main-sidebar:before, .main-sidebar:hover{width: 208px;}
@media (min-width:768px) {
    body:not(.sidebar-mini-md) .content-wrapper,body:not(.sidebar-mini-md) .main-footer,body:not(.sidebar-mini-md) .main-header {margin-left:208px}
}
@media (min-width:768px) {
    .sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-footer,.sidebar-mini-md .main-header {margin-left:208px}
}
@media (min-width:992px){
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link,.sidebar-mini.sidebar-collapse .main-sidebar:hover,.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link{width:208px;}
}
@media (max-width:991.98px) {
    body:not(.sidebar-mini-md) .content-wrapper,body:not(.sidebar-mini-md) .content-wrapper:before,body:not(.sidebar-mini-md) .main-footer,body:not(.sidebar-mini-md) .main-footer:before,body:not(.sidebar-mini-md) .main-header,body:not(.sidebar-mini-md) .main-header:before {margin-left:0}
}
.content-wrapper{margin-left: 208px;}
.header-navbar.fixed-top{left: 208px;}
.iframe-tab-container{width: calc(100% - 208px) !important;   top: 55px !important;}
@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .iframe-tab-container {
        margin-left: 208px !important;
    }
    body:not(.sidebar-mini-md) .iframe-tab-sidebar-separate {
        margin-left: calc(208px + 3rem) !important;;
    }
}
@media (max-width: 991px) {
    body:not(.sidebar-mini-md) .iframe-tab-container, body:not(.sidebar-mini-md) .iframe-tab-container:before {
        width: 100% !important;
        margin-left: 0 !important;
    }
}
.header-navbar.navbar-shadow{box-shadow: 0 1px 4px rgba(0,21,41,.08);}
.navbar-container{height: 55px;}
.sidebar{padding: 0;}
.navbar-header .logo-lg{color: #ffffff;font-weight: 600;letter-spacing: 0px!important;}
/*.nav.nav-pills .nav-item .nav-link{margin: 0 0 8px 0!important;}*/
.main-sidebar .nav .nav-item .nav-link{padding:10px 10px 10px 15px!important}
.main-sidebar .nav-sidebar .nav-item>.nav-link{line-height: 20px;border-radius: 0;}
.main-sidebar .nav-treeview.nav .nav-item .nav-link{padding: 10px 16px 10px 5px!important;}
.nav-sidebar>.nav-item>.nav-link i{width: 16px;}
[class*=sidebar-dark-]{background: #001529;background-image: linear-gradient(0deg, #2a2e30, #0b0b0b);}
[class*=sidebar-dark-] .sidebar a{color: #e2e2e2 }
[class*=sidebar-dark-] .navbar-header{background: #001529;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active{background: #1890ff;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link{color: #e2e2e2;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview{background: #000c17;}
/*[class*=sidebar-dark-] .nav-treeview.nav .nav-item .nav-link.active{padding: 10px 16px 10px 5px!important;}*/
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active,
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active i,
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active p,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active i,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active p,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:focus,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:hover,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:hover{
    background-color: transparent;
    color: #16b777;
    font-weight: 700;
}
.navbar-header img{
    /*border-radius: 50%;*/
    margin-top: -4px!important;
}
.nav.nav-tabs{border-bottom: 0px solid #f0f0f0;padding: 0;background-color: #fff;margin: 10px 0;}
.nav.nav-tabs .nav-item .nav-link.active{text-shadow: 0 0 .25px currentColor;}
.nav.nav-tabs .nav-item .nav-link.active:after{bottom: -1px;top: auto;box-shadow: none!important;}
.nav.nav-tabs .nav-item .nav-link
{
    padding: 10px 10px;
}
body.dark-mode [class*=sidebar-dark-] .nav-treeview.nav .nav-item .nav-link.active{
    padding: 10px 16px 10px 45px!important;;
}
body.dark-mode .nav-tabs {
    background-color: #222233;
}

body.dark-mode .nav.nav-tabs {
    border-bottom: 1px solid #2c2c43;
}

body.dark-mode .table tbody tr td {
    background-color: #222233;
}

body.dark-mode .table {
    background-color: transparent;
    padding: 0 0rem;
}

html body{background: #f0f2f5;}
.body-bg, .content-wrapper{background: #f0f2f5;}
.content .content-wrapper{padding: 79px 24px 0;}
.content .content-wrapper .content-header{padding: 0;}
/*.content .content-wrapper .content-body{padding: 0px;border-radius: 2px;}*/
table.table-bordered.data-table.complex-headers{box-shadow: none;}
table.table-bordered.data-table td:last-child, table.table-bordered.data-table th:last-child{border-right-width: 0px;}
table.table-bordered.data-table td, table.table-bordered.data-table th:not(.complex-headers){border-left-width: 0px;}
.grid__actions__ > *{padding: 0;position: relative;}
.grid__actions__ > *:after{ position: absolute;bottom: 3px;right: 0;height: 14px;width: 1px;content: '';
    /*background-color: #f0f0f0;*/
}
/*.grid__actions__ > *:first-child{padding-left: 0px!important;}*/
/*.grid__actions__ > *:last-child{padding-right: 0px!important;}*/
.grid__actions__ > *:last-child:after{width: 0;}
.form-control{border-color: #d9d9d9;}
.input-group-text{border: 1px solid #d9d9d9;padding: 0.3rem 0.6rem;}
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single{border-color: #d9d9d9!important;}
.select2-dropdown{box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.vs-checkbox-con .vs-checkbox{width: 16px;height: 16px;border: 1px solid #d9d9d9;}
.vs-radio-con .vs-radio .vs-radio--border{border: 1px solid #d9d9d9;}
.vs-radio-con input:checked~.vs-radio .vs-radio--border{opacity: 1;transform: scale(1);border-color: #1890ff;}
.vs-radio-con input:checked~.vs-radio .vs-radio--circle{box-shadow: none;width: 8px;height: 8px;margin: 5px;}

.alert{box-shadow: none!important;}
.alert a{text-decoration: none;color: #1890ff;}
.alert-info {background-color: #e6f7ff;border: 1px solid #91d5ff;}
.alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}
.alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}
.alert-danger{background-color:#fff2f0;border:1px solid #ffccc7}
.web-uploader .placeholder{border: 0px dashed #d9d9d9!important;border-radius: .25rem;background: #fafafa;}
.web-uploader .placeholder::before {content: '' !important;}
/*.web-uploader .placeholder .webuploader-pick {margin: 0px !important;}*/
/*.web-uploader .placeholder p{display: none;}*/
.modal-content{border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.modal-content .modal-header{border-bottom: 1px solid #f0f0f0;color: rgba(0,0,0,.85);padding: 16px 24px;}
.modal-content .modal-title{word-wrap: break-word;color: rgba(0,0,0,.85);font-size: 16px;line-height: 22px;}
.layui-layer{box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)!important;}
.layui-layer-title{word-wrap: break-word;color: rgba(0,0,0,.85);font-size: 16px;font-weight: 500;}
.btn.btn-default, .btn.btn-white{color: #000000d9;box-shadow: 0 2px #00000004;}
.btn-white.active, .btn-white:focus, .btn-white:hover{box-shadow: 0 2px #00000004!important;color: #40a9ff!important;}

.toast{border: none;}
.toast-container>div{padding: 17px 15px 17px 50px;opacity: 1;border-radius: 2px;-moz-box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;-webkit-box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;}
.toast-success{background-color: #16b777;}
.toast-error{background-color: #ff4d4f;}
.toast-warning{background-color: #faad14;}
.toast-info{background-color: #40a9ff;}
.main-footer {display: none;}
.card{border-radius: 2px;box-shadow: none;}

.text-red{
    color: red !important;
}
.text-rose-red{
    color: #ed64a8 !important;
}
/*.card .card-header{min-height: 48px;margin-bottom: -1px;color: rgba(0, 0, 0, 0.85);font-weight: 500;font-size: 16px;padding: 0px 24px;background: 0px 0px;border-bottom: 1px solid rgb(240, 240, 240);border-radius: 2px 2px 0px 0px;}*/
/*.card .card-box-title{display: inline-block;white-space: nowrap;text-overflow: ellipsis;flex: 1 1 0%;padding: 16px 0px;overflow: hidden;font-size: 16px;line-height: 25px;}*/
/*.card .card-body{padding: 0;}*/

.form-horizontal .fields-group .box{
    box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.05);
}


.table-responsive.table-scrollbar-x{
    min-height: 25vh;
}
.wrapper#pjax-container {
    padding-left: 0.8rem !important;
    padding-right: .8rem !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}



.sk-iconfont {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.navbar-fixed-top .content-wrapper {
    padding-top: 5.4rem;
    padding-left: 1.5rem;
}

.breadcrumbs-top {
    margin-bottom: 0.5rem;
}


.box-footer .d-md-block {
    display: none !important;
}

.has-many-items input.field_point {
    width: 20px;
}

th.grid__actions__ {
    text-align: center !important;
}
td.grid__actions__ {
    /*max-width: 200px;*/
    padding-left: 5px !important;
    /*text-align: left !important;*/
    min-width: 120px;
}

.grid__actions__ .dropdown-menu {
    right: 0 !important;
    left: unset !important;
    min-width: auto;
}

.grid__actions__ .btn,table.table-bordered.data-table.complex-headers tbody tr td:last-child .btn {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

a.dialog-create {
    color: #0a0a0a;
}

/* <980 */
@media screen and (max-width: 980px) {
    #app section.content > .row {
        /*margin: 0;*/
    }

    .wrapper {
        padding: 0px !important;
    }

    .grid-selector .wrap {
        line-height: unset;
    }

    .grid-selector .select-label {
        width: 60px;
    }

    .grid-selector .select-options {
        margin-left: 60px;
    }
}

.other {
    color: #9a9a9a;
    font-size: 0.9rem;
    text-align: left;
}



/* 消息标记 */
.header-navbar .navbar-container ul.nav li .media-list {
    max-height: none;
}

.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
    border-bottom: none;
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .media {
    border-top: 1px solid #dae1e7;
    border-bottom: none;
    padding: 0.5rem;
}

.notification-text .red {
    color: #c20000;
}


table.custom-data-table.data-table tbody td {
    padding: 0;
}

table.td-to-table {
    width: 100%;
}

table.td-to-table tr td.ph {
    padding: 0px;
    height: 30px;
}

.grid-filed-order-detail {
    display: flex;
    /*justify-content: center;*/
}

.copyClick {
    /*border-bottom: 1px solid #eee;*/
    /*margin-bottom: 5px;*/
    /*padding-bottom: 5px;*/
}

.form-group {
    margin-bottom: 0.1rem;
}
.form-group .box {
    margin-bottom: 5px;
}

.filter-box {
    padding: 0.8rem 0.8rem 0.4rem !important;
}
.filter-box .filter-input .form-group {
    margin-bottom: 0.4rem !important;
}

.td_center {
    width: 100%;
    text-align: center;
}

.control-label {
    font-size: 12px;
    display: block;
    min-width: 100px;
}
.col-md-0.control-label{
    min-width: 0px;
    display: none;
}
.box-body, .box-footer {
    padding: 6px;
}

.dropdown-content {
    color: red;
}

.dropdown-content tr td {
    border: none !important;
    max-width: 500px;
}

table.custom-data-table tbody tr:nth-child(even) {
    background: #f7f7f7;
}

table.custom-data-table.data-table tbody tr:hover {
    /*background: #f8fafc;*/
    background: #e2e2e2;
}
/*table.custom-data-table.data-table thead th:first-child,table.custom-data-table.data-table tbody tr td:first-child{*/
/*    padding-left: 4px !important;*/
/*    padding-right: 0 !important;*/
/*}*/

.shortcuts .card-body .row .col-3:hover {
    background-color: #f7f7f7;
}

.popover-header {
    background-color: #157de8;
}

.d_ceil {
    padding: 7px;
    /*border-bottom: solid 1px #eee !important;*/
}
.d_ceil:last-child {
    border: none !important;
}

.badge {
    border-radius: 0.25rem;
}
.pick-top{
    margin-bottom: 5px!important;
}
table td, .table th {
    padding: .75rem;
     vertical-align: middle!important;
    border-top: 1px solid #eff1f7;
}
.layui-layer-setwin .layui-layer-close2{
    position:unset !important;
    margin-left: 7px!important;
    width: auto !important;
    height: auto !important;
}
.layui-layer-setwin .layui-layer-close2:before {
    font-family: feather;
    content: "\E8F6";
    font-size: 1.1rem;
}
.red{
    color: red;
}
.specValues-remove{
    float: left;
}
.actual_num_form{
    font-weight: bold;
    color:#ff5722;
}
.actual_num_form:focus {
    color:#ff5722;
}
.customer_name_blue{
    color: #1552d1;
}
.toast-center-center {
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -150px;
}

.modal-appeal {
    max-width: 600px;
}
.bd-callout {
    padding: 0.5rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.bd-callout-info {
    border-left-color: #5bc0de;
}

.progress-bar-success .progress-bar{
    background: #02a562;
}
.progress-bar-warning .progress-bar{
    background: #dda451;
}

.progress-bar-danger .progress-bar{
    background: #ea5455;
}
.card-min-height {
    min-height: 383px;
}
.box.box-solid-bottom.box-default {
    border-bottom: 1px solid #e1e8ea;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .1);
    border-radius: 0;
}
.data-table{
    font-size: 0.9rem !important;
    color: #212529 !important;
    font-family: "Microsoft YaHei, Monaco, Consolas,  monospace";
    font-weight: 400;
}
/* 应用闪烁动画到元素 */
.shan {
    /*animation: blink 2s infinite; !* 播放时间为1秒，无限循环 *!*/
    background-color: #fde4bc !important;
}
.table-p{
    padding: 3px;
}
.nav-treeview>.nav-item>.nav-link p i {
    margin-top: 1px;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item i {
    margin-right: .35rem;
    color: hsla(0, 0%, 100%, .95);
}
.nav-sidebar .nav-treeview {
   padding-left: 20px;
}
.notice-card {
    max-height: 200px; /* 设置最大高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 使子元素绝对定位 */
}
.scroll-content {
    position: absolute;
    left:15px;
    top:10px;
    /*animation: scroll 60s linear infinite; !* 设置滚动动画 *!*/
}
@keyframes scroll {
    0% {
        top: 15%; /* 从底部开始 */
    }
    100% {
        top: -100%; /* 滚动到顶部 */
    }
}
.tip-area{
    margin-left: 20px;
    font-size: 12px;
}
:root {
    --text-color: #16b777; /* 这是一个蓝色的示例 */
}
.text-color{
    color: var( --text-color )
}
.layui-table{
    color: rgb(33, 37, 41) !important;;
}
.ac-area{
    padding: 10px;
}
.my-input {
    min-width: 20%;            /* 最小宽度 */
    padding: 5px;             /* 内边距 */
    border: 1px solid #ccc;    /* 边框 */
    border-radius: 3px;        /* 圆角边框 */
    font-size: 14px;           /* 字体大小 */
    transition: border 0.3s;   /* 边框变化的过渡效果 */
}

/*订单子表其他说明样式*/
.att_content{
    padding:5px;
}
.att_content img{
    max-width: 100px;
}

/*字体加粗*/
.font-bold {
    font-weight: 700;
}

.dcat-admin-body.full-page {
    padding-right: 0 !important;
    overflow-y: scroll !important;
}

.has-many-table-send_json .select2{
    width:120px;
}
.has-many-table-send_json .form-control{
    width:100px;
}