/*风格皮肤start*/
body {
    background-color: #282b37;
    color: #eee;
    font-size: 14px;
    line-height: normal;
    font-weight: lighter;
    font-family: 'PingFangRegular'
}

* {
    box-sizing: border-box;
}
input,select{outline:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: #ededed !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent!important;
    background-image: none!important;
    transition: background-color 50000s ease-in-out 0s!important;
}
hr {
    background-color: rgba(255,255,255, 0.05)
}
.custom-control-input:checked ~ .custom-control-label::before {
    background: #f4cc8c;
    border-color: #f4cc8c;
}

.btn-red-change, .btn-teal, .bg-blue {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%) !important;
    color: #22252f !important;
    border: none;
}
.btn-warning:hover {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%) !important;
    color: #22252f !important;
    border: none;
}
.btn-warning {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%) !important;
    color: #22252f !important;
    border: none;
}
.btn-danger {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%) !important;
    color: #22252f !important;
    border: none;
}

.btn-gray {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%) !important;
    color: #22252f !important;
    border: none;
}
.btn-green-change {
    background: linear-gradient(135deg,#07cdae 0%, #84d9d2 100%);
    color: #fff;
    border: none;
}

.btn-golden-change, .btn-primary, .btn-golden-change:hover, .btn-primary:hover, .btn-info, .btn-info:hover, .btn-yellow, .btn-yellow:hover, .btn-success, .btn-success:hover, .bg-primary {
    background: linear-gradient(81deg,#f7d8a7 0%, #f4cc8c 100%)!important;
    color: #22252f !important;
    border: none;
}

.btn-danger-change:hover {
    color: #fff;
}

.btn-outline-danger {
    color: #f46c70 !important;
    border-color: #f46c70 !important;
}
.bg-teal {
    background-color: #e3c79b!important;
    color:#22252f!important;
}
.btn-outline-danger:hover {
    background-color: #f46c70 !important;
    color: #fff !important;
}

.hidden {
    overflow: hidden;
}
.ml-110{
    margin-left:110px;
}
.px-110{
    padding:0 110px;
}
.text-danger {
    color: #f46c70 !important;
}

.text-yellow {
    color: #edea07 !important;
}

.text-rise {
    color: #ff4248 !important;
}

.text-light {
    color: #999 !important;
}

.text-white {
    color: #fff;
}

.text-golden, .text-primary {
    color: #e3c79b !important;
}
.line-height{line-height:normal;}
/*上涨*/
.text-fall {
    color: #07e1bc !important;
}

.badge-fall {
    background-color: #07e1bc !important;
    color: #22252f;
}
/*下跌*/
.text-grey {
    color: #f23645 !important;
}

.badge-grey {
    background-color: #f23645 !important;
    color: #22252f;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}
a {
    color:#fff;
}
a:hover {
    text-decoration: none;
}

.app-flex {
    display: flex;
}

.app-flex-item {
    flex: 1;
}

.app-align-items {
    align-items: center;
}

*::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}

*::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.1);
}

*::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    border-radius: 0;
    background: #22252f;
}

.form-control:focus, button:focus {
    box-shadow: none !important;
    outline: none !important;
}

.crmSystem a, .crmSystem a {
    text-decoration: none;
}

.btn {
    white-space: nowrap;
}
.btn.btn-lg {
    border-radius:5px;
    line-height:26px;
}

ul,ul li {
    margin: 0;
    list-style: none;
    padding: 0;
}

/*header start*/
.crmSystem .header {
    padding: 0 1rem;
    background-color: #282b37;
    border-bottom: 5px solid #22252f;
    position:fixed;
    top:0;left:0;right:0;
}
.crmSystem .header-actions > li > a.user-settings {
    background-color: #22252f;
    border-color: #22252f;
    color:#fff;
}
    .crmSystem .header-actions > li > a.user-settings span.user-name, .crmSystem .header-actions > li > a > i.icon-flag {
        color: #fff;
    }
    .crmSystem .header-actions > li > a.user-settings img {
        width:20px;
    }
.crmSystem .dropdown-menu {
    background-color:#282b37;
}
    .crmSystem .dropdown-menu .header-profile-actions a{
        color:#fff;
    }
    .crmSystem .dropdown-menu .header-profile-actions a:hover{
        background-color:#f7d8a7;
        color:#22252f;
    }
    .crmSystem .dropdown-menu:before {
        border-bottom-color: #282b37;
    }
/*header end*/
/*left start*/
.crmSystem .navbarLeft {
    top: 82px;
    background-color: #22252f;
    padding-right:5px;
    width:225px;
}
    .crmSystem .navbarLeft .navbar {
        background-color: #282b37;
        border-radius: 0 5px 0 0;
        padding-top: 5px;
        height: calc(100vh - 82px);
    }
.nav-item .nav-icon {
    width:20px;
}
.nav-item .nav-icon i{
    height: 20px;
    line-height:20px;
}
.crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
    .crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link:hover {

    }
.crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link .nav-text {
    padding-left: 8px;
}
.crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link.active-page {
    background-color: #22252f;
    border: none;
}
.crmSystem .custom-navbar ul.navbar-nav li.nav-item.show .dropdown-menu {
    background-color: #22252f;
    border-radius: 0;
}
.crmSystem .custom-navbar ul.navbar-nav ul.dropdown-menu a.dropdown-item:hover, .crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link:hover, .custom-navbar ul.navbar-nav li.nav-item:hover, .custom-navbar ul.navbar-nav li.nav-item.show {
    color: #f7d8a7;
    background: transparent;
}
.crmSystem .custom-navbar ul.navbar-nav li.nav-item.show, .crmSystem .custom-navbar ul.navbar-nav li.nav-item .nav-link.active-page:hover {
    background: #22252f !important;
}
.crmSystem .dropdown-menu .dropdown-item {
    color: #dadada;
    padding-left:2.9rem;
}
.crmSystem .dropdown-menu .dropdown-item.active-page{
    background-color:#f7d8a7;
    color:#22252f;
}

/*left end*/

/*content start*/
.crmSystem .container-fluid{
    padding-left:225px;
    position:relative;
    padding-top:82px;
    
}
.crmSystem .app-content {
    padding: 20px;
    position: relative;
}
.crmSystem .app-content:before, .crmSystem .app-content::after {
    position: absolute;
    height: 6px;
    content: '';
    left: 0;
    top: 0;
    right: 0;
}

.crmSystem .app-content:before {
    background-color: #22252f;
    z-index: 10;
}

.crmSystem .app-content::after {
    background-color: #282b37;
    z-index: 11;
    border-radius: 5px 0 0 0;
}
.crmSystem .card .card-header.card-header-inverse {
    color: #fff;
    border: none;
    background-color: transparent;
    position: relative;
}
    .crmSystem .card .card-header.card-header-inverse::before {
        content: '';
        position: absolute;
        width: 7px;
        border-radius: 10px;
        height: 20px;
        left: 0;
        background-color: #f4cc8c;
    }
    .crmSystem .card .card-header.card-header-inverse .card-header-title {
        font-size:22px;
        
    }
.crmSystem .card.card-home .card-header.card-header-inverse {
    padding: 0.75rem 0.9375rem;
}
.simple-widget {
    overflow: hidden;
}
.crmSystem .home-widget div.img, .weather-widget {
    background-color: #313644;
}
.crmSystem .home-widget .widget-img-list-item h4 {
    color:#fff;
}

.crmSystem .card {
    background-color:transparent;
}
    .crmSystem .card .card-body{
        padding-left:0;
        padding-right:0;
    }
.crmSystem .gutters {
    margin-top:12px;
}
.crmSystem .card .card {
    background-color: #313644;
}
    .crmSystem .card .card .card-header {
        background-color: transparent;
        border-bottom-color:#282b37;
    }
.crmSystem .widget-card.widget-card-inverse, .crmSystem a.widget-card.widget-card-inverse {
    background-color: #313644;
    color:#fff;
}
.crmSystem .dropzone {
    border: 1px solid #22252f;
    background: #22252f;
}
.crmSystem .ztree li span {
    color: #fff
}
.crmSystem .ztree li a.curSelectedNode span{
    color:#22252f;
}
.crmSystem .tab-content.tab-content-bordered {
    background-color:transparent;
    border:none;
}
/*content end*/
/*表格*/
.crmSystem .table {
    background-color: #2d303d;
    border: 1px solid #22252f;
    margin-top: 0 !important;
    color: #fff;
}
    .crmSystem .table tr th {
        font-weight: normal;
        border-top:none;
        border-bottom: 1px solid #22252f;
        white-space:nowrap;
    }
    .crmSystem .table tr td {
        border-top: 1px solid #22252f;
        padding: 0.875rem .75rem;
    }
        .crmSystem .table tr:hover td, .crmSystem .table tr.selected td{
            background-color: rgba(247,216,167,0.05) !important;
           
        }
    .crmSystem .table tr .bg {
        border-left:none;
    }
.crmSystem .headth th {
    border:none;
}
.crmSystem .table-bordered td, .crmSystem .table-bordered th {
    border-width: 0;
}
.crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination li, .crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    border-color: #404556;
}
.crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active, .crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a, .crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:hover {
    color: #22252f;
}
    .crmSystem div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:hover{
        color:#fff;
    }
.crmSystem table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
    background-color:#f4cc8c;
    color:#22252f;
}
.dataTables_wrapper.dt-bootstrap4 .table thead tr th.sorting_desc:after, .dataTables_wrapper.dt-bootstrap4 .table thead tr th.sorting_asc:after {
    color: #f7d8a7;
}
.table.table-hover tr.even:hover, .table.table-hover tr.odd:hover, .table.table-hover tr.selected {
    background-color: rgba(247,216,167,0.05) !important;
    color: #fff;
}
.table.table-hover .even{
    background-color:transparent;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a{
    color:#ddd;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {
    color: #22252f;
}
/*数据列表*/
/*弹窗*/
.modal-open .modal.show {
    display: flex !important;
    align-items: center;
}
.modal-open .modal-content {
    background-color: #2d303d;
    min-height:660px;
}
.modal-open .modal .modal-header h4 {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
}

.modal-open .modal .modal-dialog {
    width: 65.725rem;
    max-width: 65.725rem;
}
    .modal-open .modal .modal-dialog .modal-header{
        border-bottom:1px solid #22252f;
    }
.modal .bs-card {
    background-color:#22252f;
}
    .modal .bs-card .nav-tabs {
        border:none;
    }
.bs-card .nav li {
    display: inline-block;
    margin: 0 15px;
}

    .bs-card .nav li .card-title {
        display: block;
        padding: 13px 0 14px 0;
        position: relative;
        color: #fff;
        font-size: 15px;
        margin-bottom: 0;
    }

        .bs-card .nav li .card-title.active {
            color: #f7d8a7;
        }

            .bs-card .nav li .card-title.active:before {
                position: absolute;
                content: '';
                height: 3px;
                background-color: #f7d8a7;
                left: 0;
                right: 0;
                bottom: -1px;
                border-radius: 5px;
            }
.bs-btn-group a {
    font-size: 15px;
    padding:0.625rem 1.725rem;
}
.datepicker th, .datepicker td{text-align:center;}
.datepicker.datepicker-dropdown{border-radius:0;}
.form-inline .input-item-group{
    margin-right: 1rem;
    margin-bottom:1rem;
}
.input-item-group {
    margin-right: 1rem;
}
.input-item-group:last-child {
    margin-right: 0;
}
.modal .crmSystem .table{
    font-size:13px;
}
    .modal .crmSystem .table tr th, .modal .crmSystem .table tr td {
        padding-left: 0.475rem;
        padding-right: 0.475rem;
    }


.crmSystem .layui-layer-setwin{
    top:10px;
    right:10px;
}
.crmSystem .layui-layer-title {
    background-color:#282b37;
    color:#fff;
    border-bottom-color:#22252f;
}
.crmSystem .layui-layer-setwin a.layui-layer-ico, .crmSystem .layui-layer-setwin a.layui-layer-min {
    background-image: url(img/i_icon_new.png);
}
.crmSystem .layui-layer-setwin a.layui-layer-min {
    background-position: 0px 0px;
}
.crmSystem .layui-layer-setwin .layui-layer-max {
    background-position: -26px 0px;
}
.crmSystem .layui-layer-setwin .layui-layer-close1 {
    background-position: -52px 0px;
}
.crmSystem .layui-layer-iframe iframe {
    background-color: #282b37;
}

.crmSystem .sweet-alert input {
    background-color:#22252f;
    border-color:#22252f;
    color:#fff;
}

.crmSystem .icheckbox_square-green, .crmSystem .iradio_square-green {
    background-image: url(img/green.png);
}
/*登录*/
.crmSystem .login-screen {
    background-color: #282b37;
    border-radius: 10px;
}
.crmSystem .form-control{
    border:none;
    background-color:#22252f!important;
    border-radius:5px;
    color:#fff;
}
.crmSystem .nav-tabs.nav_tab_gai li.active {
    background-color:#282b37;
}
.crmSystem .nav-tabs.nav_tab_gai li.active a{
    color: #f7d8a7;
}
.crmSystem .select2-container--default .select2-selection--single {
    background-color: #22252f;
    border: 1px solid #22252f;
    border-radius: 5px;
    height:33.8px;
}
    .crmSystem .select2-container--default .select2-selection--single .select2-selection__rendered {
        color:#fff;
        line-height:33px;
    }
.crmSystem .select2-dropdown {
    background-color: #22252f;
    border: 1px solid #22252f;
}

.crmSystem .select2-container--default .select2-results__option--highlighted[aria-selected], .crmSystem .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f7d8a7;
    color: #22252f;
}

/*日期插件*/
.crmSystem .layui-laydate .layui-this {
    background-color:#f4cc8c!important;
    color:#22252f!important;
}
.crmSystem .layui-laydate-footer span:hover, .crmSystem .layui-laydate-header i:hover, .crmSystem .layui-laydate-header span:hover {
    color: #f4cc8c;
}
/*移动端样式*/
@media (max-width: 991.98px) {
    .header .logo-wrapper {
        display: none;
    }
    .crmSystem .header{
        position:initial;
    }
    .crmSystem .container-fluid{
        padding-top:0;
    }
    .crmSystem .app-content{
        padding:0;
    }
}