/**
 * 通用css样式布局处理
 * Copyright (c) 2019
 */


/** layui 选中表格*/
.layui-table-acitve {
    background-color: #fffbe9;
}

/** layui 表tool 搜索框*/
.layui-table-tool-operator {
    float: left;
}

.layui-table-tool-search {
    /* float: contour;*/
    display: inline;

}

.layui-table-tool-search > div {
    display: inline;
}

.layui-table-tool-search .control-label {
    text-align: center;
    white-space: nowrap;
}


.layui-search-btn-group {
    background-color: #d8d8d8;
    border-color: #1ab394;
    color: #FFF;
    margin-bottom: 5px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    padding: 4px 10px;
}

.layui-search-btn-group .layui-input {
    color: #1db394;
    font-weight: bold;
}

/** waerly new */

.layui-table-td-new .layui-table-cell {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    overflow: initial;
}

/*----------优化编辑样式 start--------------*/

/*优化编辑样式*/
hr {
    margin: 6px 0px;
}

.form-horizontal.m {
    margin: 0px;
}

.form-group {
    margin-bottom: 8px;
}

.form-horizontal .control-label {
    padding-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.form-control {
    height: 30px;
}

.select2-container--bootstrap .select2-selection--single {
    height: 30px !important;
    padding: 4px 24px 4px 12px !important;
}

.input-group-btn .btn {
    padding: 4px 8px;
}

.layui-card-body {
    padding: 0px;
}

/*表格*/
.layui-card-body {
    height: calc(100% - 320px);
    overflow-y: scroll;
    overflow-x: hidden;
}

/*----------优化编辑样式 end--------------*/


/*---------------- 优化编辑新版2021 new start ------------*/
.si-page-header {
    position: relative;
    top: 0px;
    height: 40px;
    padding: 0px 10px;
}

.si-page-header-logo {
    display: block;
    /*width: 80px;*/
    height: 30px;
    margin: auto;
}

.si-page-header > div.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.si-page-content {
    height: auto;
    overflow-x: auto;
    overflow-y: scroll;
}

.si-page-footer {
    position: relative;
    bottom: 0px;
}

.si-page-footer > row {
    width: 100%;
    /* position: absolute;
     bottom: 0px;
     width: 100%;*/
}

.si-page-footer > row .form-group .control-label {
    margin-top: 5px;
}


/*表格更新失败样式*/
.table-tr-error {
    color: #efc2c2 !important;
}

.table-tr-update {
    color: #dfe565 !important;
}

.table-tr-update-error {
    color: #ff1010 !important;
}

.table-tr-update-success {
    color: #1ab394 !important;
}

.table-tr-update-primary {
    color: #1c84c6 !important;
}

.table-tr-update-warning {
    color: #f8ac59 !important;
}

/*闪烁*/
.sitime-flicker {
    -webkit-animation: twinkling 1s infinite ease-in-out
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes twinkling {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/*---------------- 优化编辑新版2021 new end ------------*/


/** 基础通用 **/
.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml0 {
    margin-left: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.m20 {
    margin-left: 20px;
}

.m50 {
    margin-left: 50px;
}

.img-xs {
    width: 32px;
    height: 32px;
}

.img-sm {
    width: 64px;
    height: 64px;
}

.img-md {
    width: 96px;
    height: 96px;
}

.img-lg {
    width: 120px;
    height: 120px;
}

.section-content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 5px 5px 5px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.ibox {
    margin-bottom: 25px;
    background-color: #fff;
   /* border: 1px solid #ddd;*/
    border-radius: 5px;
    height: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.list-group-striped > .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.ibox-title-gray {
    height: 41px;
    background-color: #f0f3f4;
    color: #333;
    font-weight: 700;
    border-radius: 2px 2px 0 0;
    padding: 13px !important;
    border-bottom: 1px solid #eee;
    display: block;
    clear: both;
}

.dashboard-header h5 {
    padding: 8px 0 0 0;
    display: inline-block;
    font-size: 14px;
    text-overflow: ellipsis;
    float: left;
    font-weight: 400;
}

.ibox-title-gray h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

/* 导航页签 */
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px
}

.nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.nav-tabs-custom > .nav-tabs > li {
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    margin-right: 5px
}

.nav-tabs-custom > .nav-tabs > li.header {
    padding-left: 5px;
    font-size: 16px;
    line-height: 30px;
}

.nav-tabs-custom > .nav-tabs > li.disabled > a {
    color: #777
}

.nav-tabs-custom > .nav-tabs > li > a {
    color: #444;
    font-weight: normal;
    border-radius: 0
}

.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
    background: transparent;
    margin: 0
}

.nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #999
}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
    border-color: transparent
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #1890ff
}

.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #fff;
    color: #444
}

.nav-tabs-custom > .nav-tabs > li.active > a {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4
}

.nav-tabs-custom > .tab-content {
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

/** 弹层组件 禁用样式 **/
.layer-disabled {
    border: 1px #dedede solid !important;
    background-color: #f1f1f1 !important;
    color: #333 !important;
    pointer-events: none;
}

/** 用户管理 样式布局 **/
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table
}

.box-header:after, .box-body:after, .box-footer:after {
    clear: both
}

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}

.box-main {
    margin: 0;
    border: 0;
    padding-top: 2px;
    border-radius: 0;
    box-shadow: none
}

.box-main > .box-header {
    border-bottom: 1px solid #eee;
    padding: 12px 10px 2px 15px
}

.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-main > .box-header .box-title {
    font-size: 16px;
    margin-bottom: 13px;
    float: left
}

.box-main > .box-header .box-title .fa {
    font-size: 14px;
    padding-right: 3px;
    margin-top: -2px
}

.box-main > .box-header .box-tools {
    position: relative;
    top: -5px;
    right: 0
}

.box-main > .box-header .box-tools .btn {
    padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-bottom: 2px
}

.box-main > .box-header .box-tools .btn-box-tool {
    padding: 4px 2px
}

.box-main form > .box-footer, .nav-main form > .box-footer {
    background: #fafafa
}

.box-main form > .box-footer .row, .nav-main form > .box-footer .row {
    margin: 5px 0 5px -25px
}

@media ( min-width: 768px) {
    .section-content .about {
        padding-left: 0px
    }
}

/** select2 样式修改 **/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1AB394;
    border-color: #1AB394;
    padding: 1px 10px;
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.7)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px
}

/** 表单验证 样式布局 **/
label.error {
    position: absolute;
    right: 18px;
    top: -22px;
    color: #ef392b;
    font-size: 12px;
    line-height: 30px;
    z-index: 999;
}

.input-group label.error {
    z-index: 99;
    right: 42px
}

.input-group.date label.error {
    z-index: 99;
    right: 3px
}

.Validform_error, input.error, select.error {
    background-color: #fbe2e2;
    border-color: #c66161;
    color: #c00
}

.Validform_wrong, .Validform_right, .Validform_warning {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 25px
}

.i-checks label.error, .check-box label.error, .radio-box label.error {
    right: auto;
    width: 150px;
    left: 210px;
    top: 1px;
    max-width: none;
}

/** 复选框&单选框  **/
.check-box, .radio-box {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 5px;
}

.icheckbox, .icheckbox-blue, .iradio, .iradio-blue, .iradio-purple {
    position: absolute;
    /*top: 8px;*/
    left: 0
}

/** iCheck **/
.icheckbox-blue, .iradio-blue {
    display: block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(/cloud/img/blue-4a709f8cf673f2b25537f8547cc6db07.png) no-repeat;
    border: none;
    cursor: pointer;
    transform: scale(0.9);
    filter: grayscale(1.5);
}

.icheckbox-blue, .icheckbox-blue.static:hover {
    background-position: 0 0
}

.icheckbox-blue.hover, .icheckbox-blue:hover {
    background-position: -20px 0
}

.icheckbox-blue.checked {
    background-position: -40px 0
}

.icheckbox-blue.disabled {
    background-position: -60px 0;
    cursor: default
}

.icheckbox-blue.checked.disabled {
    background-position: -80px 0
}

.iradio-blue, .iradio-blue.static:hover {
    background-position: -100px 0
}

.iradio-blue.hover, .iradio-blue:hover {
    background-position: -120px 0
}

.iradio-blue.checked {
    background-position: -140px 0
}

.iradio-blue.disabled {
    background-position: -160px 0;
    cursor: default
}

.iradio-blue.checked.disabled {
    background-position: -180px 0
}

/* 切换开关 */
.toggle-switch {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 2px;
}

.toggle-switch input {
    height: 0;
    width: 0;
    position: absolute;
    opacity: 0;
}

.toggle-switch span {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ebebeb;
    border: 2px solid #ebebeb;
    cursor: pointer;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

.toggle-switch span:after {
    content: '';
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: -7px;
    color: #aaa;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    text-align: center;
    font-size: 13px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.toggle-switch input:checked ~ span:after {
    left: -webkit-calc(100% - 20px);
    left: calc(100% - 20px);
    background-color: #5f758c
}

.toggle-switch.switch-solid span {
    height: 20px;
}

.toggle-switch.switch-solid span:after {
    top: -2px;
}


.switch-solid input:checked ~ span {
    background: #5f758c;
    border-color: #5f758c
}

.switch-solid input:checked ~ span:after {
    background-color: #fff;
    color: #5f758c
}

/** 遮罩层 **/
.loaderbox {
    display: inline-block;
    min-width: 125px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /*border: 1px solid #ddd;
    background-color: #eee;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.loaderbox .loading-activity {
    float: left;
    width: 18px;
    height: 18px;
    border: solid 2px transparent;
    border-top-color: #000;
    border-left-color: #000;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}

@media (max-width: 767px) {
    .loading-activity {
        width: 18px;
        height: 18px;
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** 表单查询条件 **/
.select-list ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select-list li {
    list-style: none;
}

.time-input {
    display: block;
    width: 100%;
    padding-left: 10px;
}

label {
    font-weight: normal;
}

.container-div {
    padding: 0px 28px;
    height: 100%;
}

.container-div .row {
    height: 100%;
}

.search-collapse, .select-table {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 13px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.search-collapse {
    position: relative;
}

.search-collapse .col-sm-6 .control-label {
    color: #333;
}

@media ( max-width: 768px) {
    .search-collapse {
        display: none;
    }
}

@media ( min-width: 768px) {
    .select-list li {
        float: left;
    }
}

.select-list li {
    color: #333;
    margin: 5px 15px 5px 0px;
}

.select-list li p {
    float: left;
    width: 120px;
    margin: 5px 15px 5px 0px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-list li input {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    outline: none;
    height: 30px;
    /*min-width: 140px;*/
    /* width: 200px;*/
    padding-left: 5px;
}

.select-list li .submit-btn {
    border: 0px;
    border-radius: 4px;
    background: transparent;
    outline: none;
    width: 40px;
    height: 23px;
}

.select-list li select {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    outline: none;
    height: 30px;
    min-width: 80px;
    /* width: 200px;*/
}

.bootstrap-select.form-control .btn-default {
    color: inherit;
    padding: 6px 12px;
    border-radius: 1px;
    border: 1px solid #e5e6e7;
    outline: none;
    height: 34px;
    background: #FFFFFF none
}

.file-input .btn-default {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

.select-list .btn-default {
    color: #555;
    padding: 5px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    outline: none;
    height: 30px;
    width: 200px;
}

.select-list .btn-default:hover, .select-list .btn-default:focus, .select-list .btn-default:active, .select-list .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #555;
    background-color: #e4e4e4;
    border-color: #b2b2b2
}

.select-list .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    height: 30px;
    width: 200px;
}

.select-list .bootstrap-select > .dropdown-toggle.bs-placeholder,
.select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: inherit;
    font-size: 13px;
}

.select-list .bootstrap-select .dropdown-toggle .caret {
    position: inherit;
}

.select-list .select-selectpicker li {
    float: none;
}

.select-list .dropdown-menu > li > a, .bootstrap-select.form-control .dropdown-menu > li > a {
    line-height: inherit;
}

.select-list .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .bootstrap-select.form-control .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #12889a
}

.select-list .select-time input {
    width: 93px;
}

.select-time label, .select-time span, .select-time input {
    float: left;
}

@media (max-width: 767px) {
    .select-time label, .select-time span, .select-time input {
        float: none;
    }

    .select-list .select-time input {
        width: 200px;
    }
}

.select-time label {
    margin-top: 5px;
}

.select-time span {
    display: block;
    margin: 5px 5px;
}

/* 时间快速查询功能样式 start */
.select-time-check > div {
    float: left;
}

.form-group .select-time-check > div {
    float: left;
    /*    width: calc(100% - 20px);*/
}

.select-time-check .select-time-check-div-i i {
    line-height: 30px;
    font-size: 20px;
}

.select-time-check .check-p {
    width: 0px;
    margin: 0px;
}

.form-group .select-time-check > .check-p {
    float: left;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-time-check .check-div {
    width: 40px;
    float: left;
    text-align: center;
    position: relative;
    margin-top: 5px;
}

.select-time-check > div > p {
    width: 80px;
    height: 20px;
    margin: 0px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    float: left;
}

.select-time-check > div > p:hover {
    /*color: #1ab394;*/
    color: #277ec1;
}

.select-time-check > div > input {
    display: none;
}

.select-time-check > div > span {
    width: 20px;
    height: 20px;
    line-height: 12px;
    float: left;
    text-align: center;
    /*color: #1ab394;*/
    color: #449ee4;
}

.select-time-check > div > input {
    width: 80px;
    float: left;
}

.select-time-check .check-div:before, .select-time-check .check-div:after {
    content: ''; /*CSS伪类用法*/
    position: absolute; /*定位背景横线的位置*/
    top: 50%;
    /*background: #1ab394;*/ /*宽和高做出来的背景横线*/
    background: #449ee4;
    width: 14px;
    height: 2px;
}

.select-time-check .check-div:before {
    left: 0px;
}

.select-time-check .check-div:after {
    right: 0px;
}

.select-time-check .check-div span {
    display: block;
    width: 40px;
    float: left;
    text-align: center;
    height: 12px;
    line-height: 12px;
    margin-top: -10px;
    font-size: 10px;
    transform: scale(1.0);
}

.select-time-check-i {
   /* color: #1ab394 !important;*/
    color: #277ec1 ;
}

.select-time-check i {
    color: #277ec1 ;
    cursor: pointer;
}

.select-time-check i:hover {
    /*color: #1ab394;*/
    color: #277ec1;
}

.select-time-check .select-time-check-p > p {
    width: calc(50% - 8px);
    height: 12px;
    margin: 0px;
    float: left;
    text-align: center;
    line-height: 12px;
    color: #808080;font-size: 10px;cursor: pointer;
}
.select-time-check .select-time-check-p > p:hover {
    color: #1ab394;
}

.select-time-check .select-time-check-p > span {
    width: 16px;
    display: block;
    float: left;
    color: #808080;font-size: 10px;cursor: pointer;
    height: 10px;
    line-height: 10px;
}
.select-time-check .select-time-check-p > span:hover {
    color: #1ab394;
}

/* 时间快速查询功能样式 end */

.search-btn {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;
    margin-bottom: 5px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.select-title {
    color: #3d5266;
    font-size: 15px;
    padding: 10px 0px;
    font-weight: normal;
}

/** 表格查询数据 **/
.table-striped {
    min-height: 75%;
}

.table-striped .bootstrap-table {
    border: 0px !important;
}

.table-striped .table, .table-striped .table, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #e7eaec !important;
    background-color: transparent !important;
    border: 0px;
}

.fixed-table-footer {
    border-top: 0px solid #ddd;
}

.fixed-table-container {
    border: 0px solid #ddd;
}

.table-striped .table > thead > tr > th, .table-striped .table > tbody > tr > th {
    border-bottom: 1px solid #ccc !important;
    border-top: 0px !important;
}

.table-striped .table > thead:first-child > tr:first-child > th {
    font-weight: normal;
    font-size: 13px
}

.table-striped table thead {
   /* background-color: #eff3f8;*/
    background-color: #f7f7f7;

}

.table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important
}

.fixed-table-container thead th > .both {
    display: inline-block
}

/** 表格冻结列样式 **/
.left-fixed-table-columns, .left-fixed-body-columns {
    position: absolute;
    background-color: #fff;
    display: none;
    box-sizing: border-box;
    overflow: hidden;
}

.left-fixed-table-columns .table, .left-fixed-body-columns .table {
    border-right: 1px solid #ddd;
}

.left-fixed-table-columns .table.table-no-bordered, .left-fixed-body-columns .table.table-no-bordered {
    border-right: 1px solid transparent;
}

.left-fixed-body-columns table {
    position: absolute;
    animation: none;
}

.bootstrap-table .table-hover > tbody > tr.hover > td {
    background-color: #f5f5f5;
}

.right-fixed-table-columns {
    position: absolute;
    right: 63px;
    border-left: 1px solid #ddd;
    display: none;
    z-index: 100;
}

/** 表格树样式 **/
.bootstrap-tree-table .treetable-indent {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.bootstrap-tree-table .treetable-expander {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.bootstrap-tree-table .treetable-selected {
    background: #f5f5f5 !important;
}

.bootstrap-tree-table .treetable-table {
    border: 0 !important;
    margin-bottom: 0
}

.bootstrap-tree-table .treetable-table tbody {
    display: block;
    height: auto;
    overflow-y: auto;
}

.bootstrap-tree-table .treetable-table thead, .treetable-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.bootstrap-tree-table .treetable-thead th {
    line-height: 24px;
    border: 0 !important;
    border-radius: 4px;
    border-left: 0px solid #e7eaec !important;
    border-bottom: 1px solid #ccc !important;
    text-align: left;
}

.bootstrap-tree-table .treetable-thead tr :first-child {
    border-left: 0 !important
}

.bootstrap-tree-table .treetable-tbody td {
    overflow: hidden;
    border: 0 !important;
    border-left: 0px solid #e7eaec !important;
    border-bottom: 1px solid #e7eaec !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bootstrap-tree-table .treetable-tbody tr :first-child {
    border-left: 0 !important
}

.bootstrap-tree-table .treetable-bars .tool-left, .bootstrap-tree-table .treetable-bars .tool-right {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bootstrap-tree-table .treetable-bars .tool-left {
    float: left;
}

.bootstrap-tree-table .treetable-bars .tool-right {
    float: right;
}

.bootstrap-tree-table .treetable-bars .columns li label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    max-width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
}

.bootstrap-tree-table .table {
    border-bottom: 0px solid #e7eaec !important;
}

/** 首页样式 **/
.ax_close_max {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 9999;
    display: none;
    color: #ccc;
}

.navbar-right > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 138px;
}

.navbar-right > .user-menu .user-image {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -8px;
}


@media (max-width: 767px) {
    .navbar-right > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}

.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion {
    margin-right: 10px;
}

.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}

.dropdown-menu > .divider {
    background-color: #eee;
}

.btn-group .dropdown-toggle[data-hover]:hover + .dropdown-menu {
    display: block;

}

/*自定义列表中下拉框*/
.dropdown-menu-right {
    right: -56px;
}

.btn-group .dropdown-menu {
    top: 20px;
}

.btn-group .dropdown-menu:hover {
    display: block;
}

.fixed-table-pagination .pagination-detail .btn-group .dropdown-menu {
    top: auto;
}

/** 表单布局 **/
.form-header {
    font-size: 15px;
    color: #6379bb;
    border-bottom: 1px solid #ddd;
    margin: 8px 10px 25px 10px;
    padding-bottom: 5px
}

.main-content {
    background-color: #ffffff;
    color: inherit;
    padding: 10px 15px 15px 15px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-width: 1px 0px;
}

/** 表格跳转样式 **/
.pageGo input {
    height: 32px;
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: block;
    float: left;
}

.pageGo button {
    height: 32px;
    display: block;
    float: left;
}

/** 表格拖拽样式 **/
.reorder_rows_onDragClass td {
    color: yellow !important;
    background-color: #999 !important;
    text-shadow: 0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black;
    box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset
}

/** 表格选中样式 **/
.fixed-table-container .selected {
    background-color: #E8F7FD;
    color: #1890ff;
}

/** 滚动条样式 **/
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #999;
}

.radio-box > label {
    cursor: pointer;
}

.si-required {
    color: #f53333;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    box-shadow: none;
}
/*修复表格高度过高的问题*/

.layui-table .layui-table-cell .btn{
    padding: 3px 12px;
}
.layui-table .layui-table-cell input{
    padding: 3px 12px;
}

/*.layui-table-cell, .layui-table-tool-panel li{
    overflow:visible !important;
}*/

body .layui-table-td-search-text .layui-table-cell {
    overflow: visible !important;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #7d7d7d;
    background: #ffffff;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 20px 0 6px;
    position: relative;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    line-height: 10px;
    color: #cecece;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    /* margin-right: 3px; */
    position: absolute;
    right: 1px;
    border: 1px solid #a7a7a7;
    border-radius: 35px;
    width: 15px;
    height: 15px;
    top: 3px;
    padding-left: 2px;
    background-color: #f7f7f7;

}

body .layui-table .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    padding-left: 0px;
}

.layui-table-td-edit-text .si-search-inline {
    color: #666;
}

.input-group .clearable {
    right: 65px !important;
}

/*be*/

.layui-layer-shade {
    overscroll-behavior: none;
    overflow-y: auto;
}

.layui-layer-content {
    position: relative;
    overscroll-behavior: none;
    overflow-y: auto;
}


/*fun theme style*/

.theme-primary-color {
    color: #439de4;
}

.theme-primary-color.si-hover:hover, .si-hover:hover {
    color: #367cb2;
}

.theme-primary-mix-color{
    color: #879fb0;
}
.theme-primary-mix-color.si-hover:hover, .si-hover:hover{
    color: #4f5a62;
}



/*默认*/

.gray-bg .btn-link:hover, .gray-bg .btn-link:focus, .gray-bg .btn-link:active,.gray-bg  .btn-link.active, .gray-bg .open .dropdown-toggle.btn-link{
    color: #ee7f4e;
    text-decoration: none;
}


.gray-bg .loaderbox {
    color: #ee7f4e !important;
    background-color: transparent;
}

.gray-bg .theme-primary-color{
    color: #ee7f4e;
}
.gray-bg .theme-primary-color.si-hover:hover,.gray-bg .si-hover:hover{
    color: #e16f3c;
}

.gray-bg .theme-primary-mix-color{
    color: #e16f3c;
}
.gray-bg .theme-primary-mix-color.si-hover:hover,.gray-bg .si-hover:hover{
    color: #672d10;
}

.gray-bg .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{
    background: #ee7f4e;
    color: white;
}

.gray-bg .select2-selection-finish{
    border: 1px solid #ee7f4e;
    border-radius: 10px;
    line-height: 20px;
    width: 60px;
    background: #ee7f4e;
    color: white;
    margin-top: 4px;
}

.gray-bg .nav-tabs > li.active > a, .gray-bg .nav-tabs > li.active > a:hover, .gray-bg .nav-tabs > li.active > a:focus{
    color:#ee7f4e;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #ee7f4e;
}

.gray-bg .si-search-inline .table  tbody tr:hover {
    background-color: #ee7f4e !important;
}

.gray-bg .jhover{
    background: #ee7f4e;
    color: #fff;
}

.gray-bg .panel-success {
    border-color: #fa6e30;
}

.gray-bg .panel-success > .panel-heading {
    background-color: #ee7f4e;
    border-color: #ee7f4e;
    color: #ffffff;
}

.gray-bg .btn-success.btn-outline,.gray-bg .btn-light-success.btn-outline {
    color: #ee7f4e;
}


.gray-bg .form-control:focus,.gray-bg .single-line:focus {
    border-color: #ee7f4e !important;
}

.gray-bg .layui-table .layui-table-td-new:not(.layui-table-td-readonly-new),.gray-bg .layui-table .layui-table-td-edit-text {
    /*color: #666;*/
    color: #ee7f4e;
    /*   border-bottom: 1px #d2d2d2 dotted;*/
}

.gray-bg .layui-table-edit:focus {
    border-color: #fa6e30 !important;
}

.gray-bg .wizard > .steps .current a, .gray-bg .wizard > .steps .current a:hover, .gray-bg .wizard > .steps .current a:active{
    background: #ee7f4e;
}

.gray-bg .wizard > .steps .done a, .gray-bg .wizard > .steps .done a:hover, .gray-bg .wizard > .steps .done a:active {
    background: #fa6e30;
    color: #fff;
}

.gray-bg .wizard > .actions a, .gray-bg .wizard > .actions a:hover,.gray-bg .wizard > .actions a:active {
    background: #ee7f4e;
    color: #fff;
}

.gray-bg .table .selected {
    background-color: #fdf6f4;
    color: #ee7f4e;
}

.gray-bg .page-tabs a.active{
    color: #fa6e30;
}
.gray-bg .loaderbox .loading-activity{
    border-top-color: #ee7f4e;
    border-left-color: #ee7f4e;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}




.gray-bg .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #fa6e30;
    color: #fff;
}
.gray-bg .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-color: #fa6e30;
    overflow-x: hidden;
    margin-top: -1px;
}
.gray-bg .select2-container--bootstrap.select2-container--focus .select2-selection,
.gray-bg .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(238, 127, 78);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(238, 127, 78);
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    border-color: #ee7f4e;
}

.gray-bg .btn-light-success,.gray-bg .btn-primary, .gray-bg .btn-success, .gray-bg .layui-layer .layui-layer-btn .layui-layer-btn0  {
    background-color: #ee7f4e;
    border-color: #ee7f4e;
}
.gray-bg .table .btn-light-success, .gray-bg .table .btn-success, .gray-bg .table .layui-layer .layui-layer-btn .layui-layer-btn0  {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ee7f4e;
}

.gray-bg .table .btn-success:hover, .gray-bg .table .btn-success:focus,.gray-bg .table  .btn-success:active, .gray-bg .table .btn-success.active, .gray-bg .table .open .dropdown-toggle.btn-success ,
.gray-bg .table .btn-light-success:hover, .gray-bg .table .btn-light-success:focus, .btn-light-success:active, .gray-bg .table .btn-light-success.active, .gray-bg .table .open .dropdown-toggle.btn-light-success
{
    background-color: #fa6e30;
    color: #ffffff;
}

.gray-bg .table .btn-danger, .gray-bg .table .btn-danger, .gray-bg .table .layui-layer .layui-layer-btn .layui-layer-btn0  {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ed5565;
}

.gray-bg .table .btn-danger:hover, .gray-bg .table .btn-danger:focus,.gray-bg .table  .btn-danger:active, .gray-bg .table .btn-danger.active, .gray-bg .table .open .dropdown-toggle.btn-danger

{
    background-color: #ed5565;
    color: #ffffff;
}

.gray-bg .btn-outline{
    background-color: transparent;
}
.gray-bg .btn-outline:hover, .gray-bg .btn-outline:focus, .gray-bg .btn-outline:active, .gray-bg .btn-outline.active, .open .dropdown-toggle.btn-light-success {
    background-color: #fa6e30;
    border-color: #e7eaec;
    color: #FFFFFF;
}

.gray-bg .ztree.ztree-liulinwj li span.button[treenode_ico]::before{
    color: #ffffff;
    text-shadow: 0 0 2px #fa6e30;
}

.gray-bg .select-time-check-i {
    color: #ee7f4e;
}

.gray-bg .select-time-check i {
    color: #ee7f4e;
}
.gray-bg .select-time-check i:hover {
    /*color: #1ab394;*/
    color: #ee7f4e;
}

.gray-bg .select-time-check .check-div:before, .gray-bg .select-time-check .check-div:after{
    background: #ee7f4e;
}

.gray-bg .select-time-check .select-time-check-p > p:hover{
    color: #ee7f4e;
}
.gray-bg .layui-laydate .layui-this{
    background-color: #ee7f4e!important;
    color: #fff!important;
}



.gray-bg .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #ee7f4e;
}






/*region 青蓝色*/


.theme-light-cyan .loaderbox {
    color: #67b3b3 !important;
    background-color: transparent;
}

.theme-light-cyan .theme-primary-color {
    color: #7ec3c3;
}

.theme-light-cyan .theme-primary-color.si-hover:hover, .theme-light-cyan .si-hover:hover {
    color: #5da2a2;
}

.theme-light-cyan .theme-primary-mix-color {
    color: #94b2b2;
}

.theme-light-cyan .theme-primary-mix-color.si-hover:hover, .theme-light-cyan .si-hover:hover {
    color: #5b6e6e;
}

.theme-light-cyan .form-group[si-dbclick-dict]:hover {
    color: #7ec3c3;
}

.theme-light-cyan .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #7ec3c3;
    color: white;
}

.theme-light-cyan .select2-selection-finish {
    border: 1px solid #7ec3c3;
    border-radius: 10px;
    line-height: 20px;
    width: 60px;
    background: #7ec3c3;
    color: white;
    margin-top: 4px;
}

.theme-light-cyan .nav-tabs > li.active > a, .theme-light-cyan .nav-tabs > li.active > a:hover, .theme-light-cyan .nav-tabs > li.active > a:focus {
    color: #67b3b3;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #67b3b3;
}

.theme-light-cyan .si-search-inline .table tbody tr:hover {
    background-color: #67b3b3 !important;
}

.theme-light-cyan .jhover {
    background: #67b3b3;
    color: #fff;
}

.theme-light-cyan .panel-success {
    border-color: #7ec3c3;
}

.theme-light-cyan .panel-success > .panel-heading {
    background-color: #7ec3c3;
    border-color: #7ec3c3;
    color: #ffffff;
}

.theme-light-cyan .btn-success.btn-outline, .theme-light-cyan .btn-light-success.btn-outline {
    color: #67b3b3;
}


.theme-light-cyan .form-control:focus, .theme-light-cyan .single-line:focus {
    border-color: #67b3b3 !important;
}

.theme-light-cyan .layui-table .layui-table-td-new:not(.layui-table-td-readonly-new), .theme-light-cyan .layui-table .layui-table-td-edit-text {
    /*color: #666;*/
    color: #67b3b3;
    /*   border-bottom: 1px #d2d2d2 dotted;*/
}

.theme-light-cyan .layui-table-edit:focus {
    border-color: #78c7c7 !important;
}

.theme-light-cyan .wizard > .steps .current a, .theme-light-cyan .wizard > .steps .current a:hover, .theme-light-cyan .wizard > .steps .current a:active {
    background: #67b3b3;
}

.theme-light-cyan .wizard > .steps .done a, .theme-light-cyan .wizard > .steps .done a:hover, .theme-light-cyan .wizard > .steps .done a:active {
    background: #78c7c7;
    color: #fff;
}

.theme-light-cyan .wizard > .actions a, .theme-light-cyan .wizard > .actions a:hover, .theme-light-cyan .wizard > .actions a:active {
    background: #67b3b3;
    color: #fff;
}

.theme-light-cyan .table .selected {
    background-color: #f1fcfc;
    color: #67b3b3;
}

.theme-light-cyan .page-tabs a.active {
    color: #3a9494;
}

.theme-light-cyan .loaderbox .loading-activity {
    border-top-color: #67b3b3;
    border-left-color: #67b3b3;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}


.theme-light-cyan .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #7dc3c3;
    color: #fff;
}

.theme-light-cyan .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-color: #7dc3c3;
    overflow-x: hidden;
    margin-top: -1px;
}

.theme-light-cyan .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-light-cyan .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(125, 195, 195);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(125, 195, 195);
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border-color: #7dc3c3;
}

.theme-light-cyan .btn-light-success, .theme-light-cyan .btn-primary, .theme-light-cyan .btn-success, .theme-light-cyan .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #7dc3c3;
    border-color: #7dc3c3;
}

.theme-light-cyan .table .btn-light-success, .theme-light-cyan .table .btn-success, .theme-light-cyan .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #67b3b3;
}

.theme-light-cyan .table .btn-success:hover, .theme-light-cyan .table .btn-success:focus, .theme-light-cyan .table .btn-success:active, .theme-light-cyan .table .btn-success.active, .theme-light-cyan .table .open .dropdown-toggle.btn-success,
.theme-light-cyan .table .btn-light-success:hover, .theme-light-cyan .table .btn-light-success:focus, .btn-light-success:active, .theme-light-cyan .table .btn-light-success.active, .theme-light-cyan .table .open .dropdown-toggle.btn-light-success {
    background-color: #7dc3c3;
    color: #ffffff;
}

.theme-light-cyan .table .btn-danger, .theme-light-cyan .table .btn-danger, .theme-light-cyan .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ed5565;
}

.theme-light-cyan .table .btn-danger:hover, .theme-light-cyan .table .btn-danger:focus, .theme-light-cyan .table .btn-danger:active, .theme-light-cyan .table .btn-danger.active, .theme-light-cyan .table .open .dropdown-toggle.btn-danger {
    background-color: #ed5565;
    color: #ffffff;
}

.theme-light-cyan .btn-outline {
    background-color: transparent;
}

.theme-light-cyan .btn-outline:hover, .theme-light-cyan .btn-outline:focus, .theme-light-cyan .btn-outline:active, .theme-light-cyan .btn-outline.active, .open .dropdown-toggle.btn-light-success {
    background-color: #7dc3c3;
    border-color: #e7eaec;
    color: #FFFFFF;
}

.theme-light-cyan .ztree.ztree-liulinwj li span.button[treenode_ico]::before {
    color: #ffffff;
    text-shadow: 0 0 2px #81b1b1;
}

.theme-light-cyan .select-time-check-i {
    color: #7dc3c3;
}

.theme-light-cyan .select-time-check i {
    color: #7dc3c3;
}

.theme-light-cyan .select-time-check i:hover {
    /*color: #1ab394;*/
    color: #75b6b6;
}

.theme-light-cyan .select-time-check .check-div:before, .theme-light-cyan .select-time-check .check-div:after {
    background: #7dc3c3;
}

.theme-light-cyan .select-time-check .select-time-check-p > p:hover {
    color: #7dc3c3;
}

.theme-light-cyan .layui-laydate .layui-this {
    background-color: #7dc3c3 !important;
    color: #fff !important;
}


.theme-light-cyan .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #7dc3c3;
}


/*浅蓝色*/

.theme-light-blue .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .bootstrap-select.form-control .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #439de4
}

.theme-light-blue .layui-form-onswitch, .theme-light-blue .theme-primary-bg-color {
    color: white;
    background-color: #439de4;
    border-color: #439de4;
}

.theme-light-blue .switch-solid input:checked ~ span {
    background: #439de4;
    border-color: #439de4
}

.theme-light-blue .switch-solid input:checked ~ span:after {
    background-color: #fff;
    color: #439de4
}


.theme-light-blue .context-menu-icon.context-menu-icon--fa::before {
    color: #439de4;
}

.theme-light-blue .context-menu-item.context-menu-hover {
    color: #fff;
    cursor: pointer;
    background-color: #439de4;
}

.theme-light-blue .layui-form-checked[lay-skin=primary] i {
    border-color: #439de4 !important;
    background-color: #439de4;
    color: #fff;
}

.theme-light-blue .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #439de4;
    color: #fff;
}


.theme-light-blue .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .theme-light-blue .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #439de4;
}

.theme-light-blue .layui-layer-ico1 {
    background-position: 37px 2px;
    color: #439de4;
    font-size: 30px;
}

.theme-light-blue .layui-layer-ico0 {
    background-position: 37px 2px;
    color: #ff974b;
    font-size: 30px;
}

.theme-light-blue .layui-layer-ico2 {
    background-position: 37px 2px;
    color: #fd3636;
    font-size: 30px;
}

.theme-light-blue .loaderbox {
    color: #439de4 !important;
    background-color: transparent;
}


.theme-light-blue .theme-primary-color {
    color: #439de4;
}

.theme-light-blue .theme-primary-color.si-hover:hover, .theme-light-blue .si-hover:hover {
    color: #367cb2;
}

.theme-light-blue .theme-primary-mix-color {
    color: #82a0b6;
}

.theme-light-blue .theme-primary-mix-color.si-hover:hover, .theme-light-blue .si-hover:hover {
    color: #4f5a62;
}

.theme-light-blue .form-group[si-dbclick-dict]:hover {
    color: #439de4;
}

.theme-light-blue .select2-selection-finish {
    border: 1px solid #439de4;
    border-radius: 10px;
    line-height: 20px;
    width: 60px;
    background: #439de4;
    color: white;
    margin-top: 4px;
}

.theme-light-blue .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #439de4;
    color: white;
}

.theme-light-blue .si-search-inline .table tbody tr:hover {
    background-color: #439de4 !important;
}

.theme-light-blue .jhover {
    background: #439de4;
    color: #fff;
}

.theme-light-blue .nav-tabs > li.active > a, .theme-light-blue .nav-tabs > li.active > a:hover, .theme-light-blue .nav-tabs > li.active > a:focus {
    color: #439de4;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #439de4;
}

.theme-light-blue .panel-success {
    border-color: #439de4;
}

.theme-light-blue .panel-success > .panel-heading {
    background-color: #439de4;
    border-color: #439de4;
    color: #ffffff;
}


.theme-light-blue .btn-success.btn-outline, .theme-light-blue .btn-light-success.btn-outline {
    color: #439de4;
}

.theme-light-blue .form-control:focus, .theme-light-blue .single-line:focus {
    border-color: #439de4 !important;
}

.theme-light-blue .layui-table .layui-table-td-new:not(.layui-table-td-readonly-new), .theme-light-blue .layui-table .layui-table-td-edit-text {
    /*color: #666;*/
    color: #439de4;
    /*   border-bottom: 1px #d2d2d2 dotted;*/
}

.theme-light-blue .layui-table-edit:focus {
    border-color: #53aaee !important;
}

.theme-light-blue .wizard > .steps .current a, .theme-light-blue .wizard > .steps .current a:hover, .theme-light-blue .wizard > .steps .current a:active {
    background: #439de4;
}

.theme-light-blue .wizard > .steps .done a, .theme-light-blue .wizard > .steps .done a:hover, .theme-light-blue .wizard > .steps .done a:active {
    background: #53aaee;
    color: #fff;
}

.theme-light-blue .wizard > .actions a, .theme-light-blue .wizard > .actions a:hover, .theme-light-blue .wizard > .actions a:active {
    background: #53aaee;
    color: #fff;
}

.theme-light-blue .table .selected {
    background-color: #f6fbff;
    color: #439de4;
}

.theme-light-blue .page-tabs a.active {
    color: #439de4;
}

.theme-light-blue .loaderbox .loading-activity {
    border-top-color: #439de4;
    border-left-color: #439de4;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}

.theme-light-blue .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #439de4;
    color: #fff;
}

.theme-light-blue .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-color: #439de4;
    overflow-x: hidden;
    margin-top: -1px;
}

.theme-light-blue .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-light-blue .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(67, 157, 228);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(67, 157, 228);
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border-color: #439de4;
}

.theme-light-blue .btn-light-success, .theme-light-blue .btn-success, .theme-light-blue .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #439de4;
    border-color: #439de4;
}

.theme-light-blue .table .btn-light-success, .theme-light-blue .btn-primary, .theme-light-blue .table .btn-success, .theme-light-blue .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #439de4;
}

.theme-light-blue .table .btn-success:hover, .theme-light-blue .table .btn-success:focus, .theme-light-blue .table .btn-success:active, .theme-light-blue .table .btn-success.active, .theme-light-blue .table .open .dropdown-toggle.btn-success,
.theme-light-blue .table .btn-light-success:hover, .theme-light-blue .table .btn-light-success:focus, .btn-light-success:active, .theme-light-blue .table .btn-light-success.active, .theme-light-blue .table .open .dropdown-toggle.btn-light-success {
    background-color: #439de4;
    color: #ffffff;
}

.theme-light-blue .table .btn-danger, .theme-light-blue .table .btn-danger, .theme-light-blue .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ed5565;
}

.theme-light-blue .table .btn-danger:hover, .theme-light-blue .table .btn-danger:focus, .theme-light-blue .table .btn-danger:active, .theme-light-blue .table .btn-danger.active, .theme-light-blue .table .open .dropdown-toggle.btn-danger {
    background-color: #ed5565;
    color: #ffffff;
}

.theme-light-blue .btn-outline {
    background-color: transparent;
}

.theme-light-blue .btn-outline:hover, .theme-light-blue .btn-outline:focus, .theme-light-blue .btn-outline:active, .theme-light-blue .btn-outline.active, .open .dropdown-toggle.btn-light-success {
    background-color: #439de4;
    border-color: #e7eaec;
    color: #FFFFFF;
}

.theme-light-blue .ztree.ztree-liulinwj li span.button[treenode_ico]::before {
    color: #ffffff;
    text-shadow: 0 0 2px #4c86b4;
}

.theme-light-blue .select-time-check-i {
    color: #439de4;
}

.theme-light-blue .select-time-check i {
    color: #439de4;
}

.theme-light-blue .select-time-check i:hover {
    /*color: #1ab394;*/
    color: #439de4;
}

.theme-light-blue .select-time-check .check-div:before, .theme-light-blue .select-time-check .check-div:after {
    background: #439de4;
}

.theme-light-blue .select-time-check .select-time-check-p > p:hover {
    color: #439de4;
}

.theme-light-blue .layui-laydate .layui-this {
    background-color: #439de4 !important;
    color: #fff !important;
}

.theme-light-blue .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #439de4;
}

/* 青绿色 */

.theme-dark-green .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .bootstrap-select.form-control .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #1ab394
}

.theme-dark-green .layui-form-onswitch, .theme-dark-green .theme-primary-bg-color {
    color: white;
    background-color: #1ab394;
    border-color: #1ab394;
}

.theme-dark-green .switch-solid input:checked ~ span {
    background: #1ab394;
    border-color: #1ab394
}

.theme-dark-green .switch-solid input:checked ~ span:after {
    background-color: #fff;
    color: #1ab394
}


.theme-dark-green .context-menu-icon.context-menu-icon--fa::before {
    color: #1ab394;
}

.theme-dark-green .context-menu-item.context-menu-hover {
    color: #fff;
    cursor: pointer;
    background-color: #1ab394;
}


.theme-dark-green .layui-form-checked[lay-skin=primary] i {
    border-color: #1ab394 !important;
    background-color: #1ab394;
    color: #fff;
}

.theme-dark-green .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1ab394;
    color: #fff;
}

.theme-dark-green .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .theme-dark-green .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #1ab394;
}

.theme-dark-green .layui-layer-ico1 {
    background-position: 37px 2px;
    color: #1ab394;
    font-size: 30px;
}

.theme-dark-green .layui-layer-ico0 {
    background-position: 37px 2px;
    color: #ff974b;
    font-size: 30px;
}

.theme-dark-green .layui-layer-ico2 {
    background-position: 37px 2px;
    color: #fd3636;
    font-size: 30px;
}

.theme-dark-green .loaderbox {
    color: #1ab394 !important;
    background-color: transparent;
}

.theme-dark-green .theme-primary-color {
    color: #1ab394;
}

.theme-dark-green .theme-primary-color.si-hover:hover, .theme-dark-green .si-hover:hover {
    color: #13836c;
}

.theme-dark-green .theme-primary-mix-color {
    color: #96b2ac;
}

.theme-dark-green .theme-primary-mix-color.si-hover:hover, .theme-dark-green .si-hover:hover {
    color: #667975;
}

.theme-dark-green .form-group[si-dbclick-dict]:hover {
    color: #1ab394;
}

.theme-dark-green .select2-selection-finish {
    border: 1px solid #1ab394;
    border-radius: 10px;
    line-height: 20px;
    width: 60px;
    background: #1ab394;
    color: white;
    margin-top: 4px;
}

.theme-dark-green .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #1ab394;
    color: white;
}

.theme-dark-green .si-search-inline .table tbody tr:hover {
    background-color: #1ab394 !important;
}

.theme-dark-green .jhover {
    background: #1ab394;
    color: #fff;
}

.theme-dark-green .nav-tabs > li.active > a, .theme-dark-green .nav-tabs > li.active > a:hover, .theme-dark-green .nav-tabs > li.active > a:focus {
    color: #1ab394;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #1ab394;
}

.theme-dark-green .panel-success {
    border-color: #1ab394;
}

.theme-dark-green .panel-success > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #ffffff;
}

.theme-dark-green .btn-success.btn-outline, .theme-dark-green .btn-light-success.btn-outline {
    color: #1ab394;
}

.theme-dark-green .form-control:focus, .theme-dark-green .single-line:focus {
    border-color: #1ab394 !important;
}

.theme-dark-green .layui-table .layui-table-td-new:not(.layui-table-td-readonly-new), .theme-dark-green .layui-table .layui-table-td-edit-text {
    /*color: #666;*/
    color: #1ab394;
    /*   border-bottom: 1px #d2d2d2 dotted;*/
}

.theme-dark-green .layui-table-edit:focus {
    border-color: #33d0b0 !important;
}

.theme-dark-green .wizard > .steps .current a, .theme-dark-green .wizard > .steps .current a:hover, .theme-dark-green .wizard > .steps .current a:active {
    background: #1ab394;
}

.theme-dark-green .wizard > .steps .done a, .theme-dark-green .wizard > .steps .done a:hover, .theme-dark-green .wizard > .steps .done a:active {
    background: #33d0b0;
    color: #fff;
}

.theme-dark-green .wizard > .actions a, .theme-dark-green .wizard > .actions a:hover, .theme-dark-green .wizard > .actions a:active {
    background: #33d0b0;
    color: #fff;
}

.theme-dark-green .page-tabs a.active {
    color: #0d8c72;
}

.theme-dark-green .table .selected {
    background-color: #f4fbfa;
    color: #20b393;
}

.theme-dark-green .loaderbox .loading-activity {
    border-top-color: #1ab394;
    border-left-color: #1ab394;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}

.theme-dark-green .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #20b393;
    color: #fff;
}

.theme-dark-green .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-color: #20b393;
    overflow-x: hidden;
    margin-top: -1px;
}

.theme-dark-green .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-dark-green .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(32, 179, 147);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(32, 179, 147);
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border-color: #20b393;
}

.theme-dark-green .btn-light-success, .theme-dark-green .btn-primary, .theme-dark-green .btn-success, .theme-dark-green .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #1ab394;
    border-color: #1ab394;
}

.theme-dark-green .table .btn-light-success, .theme-dark-green .table .btn-success, .theme-dark-green .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #1ab394;
}

.theme-dark-green .table .btn-success:hover, .theme-dark-green .table .btn-success:focus, .theme-dark-green .table .btn-success:active, .theme-dark-green .table .btn-success.active, .theme-dark-green .table .open .dropdown-toggle.btn-success,
.theme-dark-green .table .btn-light-success:hover, .theme-dark-green .table .btn-light-success:focus, .btn-light-success:active, .theme-dark-green .table .btn-light-success.active, .theme-dark-green .table .open .dropdown-toggle.btn-light-success {
    background-color: #1ab394;
    color: #ffffff;
}

.theme-dark-green .table .btn-danger, .theme-dark-green .table .btn-danger, .theme-dark-green .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ed5565;
}

.theme-dark-green .table .btn-danger:hover, .theme-dark-green .table .btn-danger:focus, .theme-dark-green .table .btn-danger:active, .theme-dark-green .table .btn-danger.active, .theme-dark-green .table .open .dropdown-toggle.btn-danger {
    background-color: #ed5565;
    color: #ffffff;
}


.theme-dark-green .btn-outline{
    background-color: transparent;
}

.theme-dark-green .btn-outline:hover, .theme-dark-green .btn-outline:focus, .theme-dark-green .btn-outline:active, .theme-dark-green .btn-outline.active, .open .dropdown-toggle.btn-light-success {
    background-color: #1ab394;
    border-color: #e7eaec;
    color: #FFFFFF;
}

.theme-dark-green .ztree.ztree-liulinwj li span.button[treenode_ico]::before {
    color: #ffffff;
    text-shadow: 0 0 2px #36887a;
}

.theme-dark-green .select-time-check-i {
    color: #1ab394;
}

.theme-dark-green .select-time-check i {
    color: #1ab394;
}

.theme-dark-green .select-time-check i:hover {
    /*color: #1ab394;*/
    color: #1ab394;
}

.theme-dark-green .select-time-check .check-div:before, .theme-dark-green .select-time-check .check-div:after {
    background: #1ab394;
}

.theme-dark-green .select-time-check .select-time-check-p > p:hover {
    color: #1ab394;
}

.theme-dark-green .layui-laydate .layui-this {
    background-color: #1ab394 !important;
    color: #fff !important;
}

.theme-dark-green .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1ab394;
}


/* 深蓝色 */

.theme-dark-blue .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .bootstrap-select.form-control .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #5f758c
}


.theme-dark-blue .layui-form-onswitch, .theme-dark-blue .theme-primary-bg-color {
    color: white;
    background-color: #5f758c;
    border-color: #5f758c;
}

.theme-dark-blue .switch-solid input:checked ~ span {
    background: #5f758c;
    border-color: #5f758c
}

.theme-dark-blue .switch-solid input:checked ~ span:after {
    background-color: #fff;
    color: #5f758c
}


.theme-dark-blue .context-menu-icon.context-menu-icon--fa::before {
    color: #5f758c;
}

.theme-dark-blue .context-menu-item.context-menu-hover {
    color: #fff;
    cursor: pointer;
    background-color: #5f758c;
}

.theme-dark-blue .layui-form-checked[lay-skin=primary] i {
    border-color: #5f758c !important;
    background-color: #5f758c;
    color: #fff;
}

.theme-dark-blue .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #5f758c;
    color: #fff;
}

.theme-dark-blue .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .theme-dark-blue .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #5f758c;
}

.theme-dark-blue .layui-layer-ico1 {
    background-position: 37px 2px;
    color: #5f758c;
    font-size: 30px;
}

.theme-dark-blue .layui-layer-ico0 {
    background-position: 37px 2px;
    color: #ff974b;
    font-size: 30px;
}

.theme-dark-blue .layui-layer-ico2 {
    background-position: 37px 2px;
    color: #fd3636;
    font-size: 30px;
}

.theme-dark-blue .loaderbox {
    color: #5f758c !important;
    background-color: transparent;
}

.theme-dark-blue .theme-primary-color {
    color: #5f758c;
}

.theme-dark-blue .theme-primary-color.si-hover:hover, .theme-dark-blue .si-hover:hover {
    color: #3b4e62;
}

.theme-dark-blue .theme-primary-mix-color {
    color: #8897a8;
}

.theme-dark-blue .theme-primary-mix-color.si-hover:hover, .theme-dark-blue .si-hover:hover {
    color: #5d6773;
}

.theme-dark-blue .form-group[si-dbclick-dict]:hover {
    color: #5f758c;
}

.theme-dark-blue .select2-selection-finish {
    border: 1px solid #5f758c;
    border-radius: 10px;
    line-height: 20px;
    width: 60px;
    background: #5f758c;
    color: white;
    margin-top: 4px;
}

.theme-dark-blue .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #5f758c;
    color: white;
}

.theme-dark-blue .si-search-inline .table tbody tr:hover {
    background-color: #5f758c !important;
}

.theme-dark-blue .jhover {
    background: #5f758c;
    color: #fff;
}

.theme-dark-blue .nav-tabs > li.active > a, .theme-dark-blue .nav-tabs > li.active > a:hover, .theme-dark-blue .nav-tabs > li.active > a:focus {
    color: #5f758c;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #5f758c;
}

.theme-dark-blue .panel-success {
    border-color: #5f758c;
}

.theme-dark-blue .panel-success > .panel-heading {
    background-color: #5f758c;
    border-color: #5f758c;
    color: #ffffff;
}

.theme-dark-blue .btn-success.btn-outline, .theme-dark-blue .btn-light-success.btn-outline {
    color: #5f758c;
}

.theme-dark-blue .form-control:focus, .theme-dark-blue .single-line:focus {
    border-color: #5f758c !important;
}

.theme-dark-blue .layui-table .layui-table-td-new:not(.layui-table-td-readonly-new), .theme-dark-blue .layui-table .layui-table-td-edit-text {
    /*color: #666;*/
    color: #6286ab;
    /*   border-bottom: 1px #d2d2d2 dotted;*/
}

.theme-dark-blue .layui-table-edit:focus {
    border-color: #778fa8 !important;
}

.theme-dark-blue .wizard > .steps .current a, .theme-dark-blue .wizard > .steps .current a:hover, .theme-dark-blue .wizard > .steps .current a:active {
    background: #5f758c;
}

.theme-dark-blue .wizard > .steps .done a, .theme-dark-blue .wizard > .steps .done a:hover, .theme-dark-blue .wizard > .steps .done a:active {
    background: #778fa8;
    color: #fff;
}

.theme-dark-blue .wizard > .actions a, .theme-dark-blue .wizard > .actions a:hover, .theme-dark-blue .wizard > .actions a:active {
    background: #5f758c;
    color: #fff;
}

.theme-dark-blue .page-tabs a.active {
    color: #5f758c;
}

.theme-dark-blue .table .selected {
    background-color: #f4fbfa;
    color: #5f758c;
}

.theme-dark-blue .loaderbox .loading-activity {
    border-top-color: #5f758c;
    border-left-color: #5f758c;
    border-radius: 10px;
    -webkit-animation: pace-spinner 1200ms linear infinite;
    -moz-animation: pace-spinner 1200ms linear infinite;
    -ms-animation: pace-spinner 1200ms linear infinite;
    -o-animation: pace-spinner 1200ms linear infinite;
    animation: pace-spinner 1200ms linear infinite;
}

.theme-dark-blue .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #5f758c;
    color: #fff;
}

.theme-dark-blue .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border-color: #5f758c;
    overflow-x: hidden;
    margin-top: -1px;
}

.theme-dark-blue .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-dark-blue .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(47, 64, 80);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(47, 64, 80);
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    border-color: #5f758c;
}

.theme-dark-blue .btn-light-success, .theme-dark-blue .btn-primary, .theme-dark-blue .btn-success, .theme-dark-blue .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #5f758c;
    border-color: #5f758c;
}

.theme-dark-blue .table .btn-light-success, .theme-dark-blue .table .btn-success, .theme-dark-blue .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #5f758c;
}

.theme-dark-blue .table .btn-success:hover, .theme-dark-blue .table .btn-success:focus, .theme-dark-blue .table .btn-success:active, .theme-dark-blue .table .btn-success.active, .theme-dark-blue .table .open .dropdown-toggle.btn-success,
.theme-dark-blue .table .btn-light-success:hover, .theme-dark-blue .table .btn-light-success:focus, .btn-light-success:active, .theme-dark-blue .table .btn-light-success.active, .theme-dark-blue .table .open .dropdown-toggle.btn-light-success {
    background-color: #5f758c;
    color: #ffffff;
}

.theme-dark-blue .table .btn-danger, .theme-dark-blue .table .btn-danger, .theme-dark-blue .table .layui-layer .layui-layer-btn .layui-layer-btn0 {
    background-color: #ffffff;
    border-color: #e7eaec;
    color: #ed5565;
}

.theme-dark-blue .table .btn-danger:hover, .theme-dark-blue .table .btn-danger:focus, .theme-dark-blue .table .btn-danger:active, .theme-dark-blue .table .btn-danger.active, .theme-dark-blue .table .open .dropdown-toggle.btn-danger {
    background-color: #ed5565;
    color: #ffffff;
}


.theme-dark-blue .btn-outline {
    background-color: transparent;
}

.theme-dark-blue .btn-outline:hover, .theme-dark-blue .btn-outline:focus, .theme-dark-blue .btn-outline:active, .theme-dark-blue .btn-outline.active, .open .dropdown-toggle.btn-light-success {
    background-color: #5f758c;
    border-color: #e7eaec;
    color: #FFFFFF;
}

.theme-dark-blue .ztree.ztree-liulinwj li span.button[treenode_ico]::before {
    color: #ffffff;
    text-shadow: 0 0 2px #5f758c;
}

.theme-dark-blue .select-time-check-i {
    color: #5f758c;
}

.theme-dark-blue .select-time-check i {
    color: #5f758c;
}

.theme-dark-blue .select-time-check i:hover {
    /*color: #5f758c;*/
    color: #5f758c;
}

.theme-dark-blue .select-time-check .check-div:before, .theme-dark-blue .select-time-check .check-div:after {
    background: #5f758c;
}

.theme-dark-blue .select-time-check .select-time-check-p > p:hover {
    color: #5f758c;
}

.theme-dark-blue .layui-laydate .layui-this {
    background-color: #5f758c !important;
    color: #fff !important;
}

.theme-dark-blue .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #5f758c;
}


.select-divs .select-div {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 0 5px 0 8px;
    margin-bottom: 5px;
    border-radius: 9px;
    cursor: pointer;
}

.select-divs .select-div:hover {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
}

.select-divs .select-div p {
    float: left;
}

.select-divs .select-div i {
    color: #ccc;
    margin-left: 5px;
    font-size: 15px;
    line-height: 30px;
}

.select-divs .select-div i:hover {
    color: #ff0000;
}

.select-divs .select-div-add {
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-left: 10px;
    cursor: pointer;
}


/*----fileinput start------*/

.si-file-upload {
    height: 235px;
    display: flex;
    flex-direction: row;
    width: auto;
}

.mini.si-file-upload {
    height: 135px;
}

/*@overwrite*/
.si-file-upload .file-preview {
    border-radius: 5px;
    width: auto;
    margin-bottom: 5px;
    border: none;
    padding: 0;
}

.si-file-upload .file-preview .fileinput-remove {
    display: none;
}

.si-file-upload .file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px;
    min-height: 211px;
    min-width: 245px;
}

.mini.si-file-upload .file-drop-zone {
    min-height: 130px;
    min-width: 130px;
}

.si-file-upload .file-drop-zone-title {
    font-size: 14px;
    padding: 0;
}

.si-file-upload .file-drop-zone .file-preview-thumbnails {
    cursor: default;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.si-file-upload .file-caption {
    display: none;
}

.si-file-upload .krajee-default.file-preview-frame .file-thumbnail-footer {
    position: relative;
    height: auto;
}

.si-file-upload .krajee-default .file-thumb-progress {
    height: 11px;
    left: 0;
    right: 0;
    position: absolute;
    top: -50px;
}

.si-file-upload .file-preview-frame:hover .file-footer-caption {
    display: block;
}

.si-file-upload .file-preview-frame .file-footer-caption {
    display: none;
    position: absolute;
    top: -35px;
    width: 100%;
}

.si-file-upload .krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
    background: #cecece26 !important;
}

/*默认大小*/
.si-file-upload .krajee-default.file-preview-frame .kv-file-content {
    width: 213px;
    height: 140px;
    overflow: hidden;
}

.mini.si-file-upload .krajee-default.file-preview-frame .kv-file-content {
    width: 113px;
    height: 60px;
    overflow: hidden;
}

.mini.si-file-upload .btn-group-sm > .btn, .btn-sm {
    padding: 2px 5px;
}

.mini.si-file-upload .krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
    margin-top: 4px;
}

.si-file-upload .file-caption-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px dashed #aaa;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 0px;
    padding: 5px;
    min-width: 200px;
    width: 200px;
}

.mini.si-file-upload .file-caption-main {
    min-width: 100px;
    margin: 12px 0px 12px 0px;
    min-height: 130px;
    width: 130px;
}

.si-file-upload .file-caption-main > .input-group-btn {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}


.si-file-upload .file-caption-main:hover > .input-group-btn .fileinput-remove-button {
    /*display: block;*/
}

.si-file-upload .file-caption-main > .input-group-btn .fileinput-remove-button {
    position: absolute;
    width: 40px;
    bottom: -82px;
    z-index: 99;
}

.mini.si-file-upload .file-caption-main > .input-group-btn .fileinput-remove-button {
    position: absolute;
    width: 40px;
    bottom: -32px;
    z-index: 99;
}

.si-file-upload .file-caption-main > .input-group-btn .fileinput-remove-button > span {
    display: none;
}

.si-file-upload .file-caption-main > .input-group-btn .fileinput-cancel-button {
    position: absolute;
    width: 40px;
    top: -82px;
    z-index: 99;
    left: 0px;
}

.mini.si-file-upload .file-caption-main > .input-group-btn .fileinput-cancel-button {
    position: absolute;
    width: 40px;
    top: -32px;
    z-index: 99;
    left: 0px;
}

.si-file-upload .file-caption-main > .input-group-btn .fileinput-upload-button {
    position: absolute;
    width: 40px;
    bottom: -82px;
    z-index: 99;
    left: 40px;
}

.mini.si-file-upload .file-caption-main > .input-group-btn .fileinput-upload-button {
    position: absolute;
    width: 40px;
    bottom: -32px;
    z-index: 99;
    left: 40px;
}

.si-file-upload .file-caption-main > .input-group-btn .fileinput-upload-button > span {
    display: none;
}

.si-file-upload .file-caption-main > .input-group-btn .btn-file {
    content: "+";
}

.si-file-upload .file-caption-main > .input-group-btn .btn-file > i.glyphicon-plus {
    font-size: 20px;
}

.si-file-upload .file-caption-main > .input-group-btn .btn-file.btn-success {
    color: #ee804e;
    background-color: transparent;
    border-color: transparent;
}

.si-file-upload .file-caption-main > .input-group-btn .btn-file > span {
    display: none !important;
}

/*----fileinput end-----*/