﻿/*为系统主题添加Tab鼠标滑动动画*/
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li{
    height: 40px;
    line-height:40px;
}
/*红色系统主题-鼠标动画效果开始*/
.theme-red .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #dd4b39;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-red .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-red .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #dd4b39;
}
/*红色系统主题-鼠标动画效果结束*/

/*紫色系统主题-鼠标动画效果开始*/
.theme-purple .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #722ed1;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-purple .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-purple .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #722ed1;
}
/*紫色系统主题-鼠标动画效果结束*/
/*绿色系统主题-鼠标动画效果开始*/
.theme-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #00a65a;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-green .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #00a65a;
}
/*绿色系统主题-鼠标动画效果结束*/
/*蓝色系统主题-鼠标动画效果开始*/
.theme-blue .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #3c8dbc;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-blue .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-blue .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #1e9fff;
}
/*蓝色系统主题-鼠标动画效果结束*/
/*彩色图标colorful系统主题-鼠标动画效果开始*/
.theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #2d8cf0;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-colorful .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #2d8cf0;
}
/*彩色图标colorful系统主题-鼠标动画效果结束*/
/*粉色pink系统主题-鼠标动画效果开始*/
.theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #fb7299;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-pink .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #fb7299;
}
/*粉色pink系统主题-鼠标动画效果结束*/
/*白色系统主题-鼠标动画效果开始*/
.theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #2d8cf0;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-white .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #2d8cf0;
}
/*白色系统主题-鼠标动画效果结束*/
/*藏蓝系统主题-鼠标动画效果开始*/
.theme-cyan .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #393d49;
    top: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-cyan .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.theme-cyan .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #2d8cf0;
}
/*藏蓝系统主题-鼠标动画效果结束*/
/*墨绿系统主题-鼠标动画效果开始*/
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #393d49;
    top: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/* select */
.layui-layout-admin .layui-form-select dl dd.layui-this {
    background-color: rgba(0, 0, 0, .03);
    color: #16baaa;
}
/*墨绿系统主题-鼠标动画效果结束*/
/** ---------------------------theme-FullDarkGreen主题start----------------------------------- */
/* logo */
.theme-FullDarkGreen .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #0b877b;
}

/* header */


.theme-FullDarkGreen .layui-layout-admin .layui-header {
    background-color: #0b877b;
}

    .theme-FullDarkGreen .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-FullDarkGreen .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-FullDarkGreen .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-FullDarkGreen .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-FullDarkGreen .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-FullDarkGreen .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-FullDarkGreen .layui-layout-admin .layui-header .layui-nav-bar {
        background-color: #ffffff;
    }



/* side */
.theme-FullDarkGreen .layui-layout-admin .layui-side {
    background-color: #191a23;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}


.theme-FullDarkGreen .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-FullDarkGreen .layui-nav-tree .layui-this > a,
.theme-FullDarkGreen .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.theme-FullDarkGreen .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #009688;
}


.theme-FullDarkGreen .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}





/* body tab */

.theme-FullDarkGreen .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #009688;
    top: 38px;
}
/*鼠标动画效果开始*/
.theme-FullDarkGreen .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #009688;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}
.theme-FullDarkGreen .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/*鼠标动画效果结束*/
/* body title */
.theme-FullDarkGreen .layui-body-header-title {
    border-left-color: #009688;
}



/* admin dialog */
.theme-FullDarkGreen .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #009688;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}



.theme-FullDarkGreen .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}


.theme-FullDarkGreen .layui-layer.layui-layer-admin .layui-layer-btn a {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-FullDarkGreen .layui-layer.layui-layer-admin {
    border-radius: 4px;
}




/* other */
.theme-FullDarkGreen .more-theme-item:hover,
.theme-FullDarkGreen .more-theme-item.active {
    border-color: #009688;
}

.theme-FullDarkGreen .btn-circle {
    background: #009688;
}

.theme-FullDarkGreen .ball-loader > span,
.theme-FullDarkGreen .signal-loader > span {
    background-color: #009688;
}

.theme-FullDarkGreen .text-primary,
.theme-FullDarkGreen .layui-link {
    color: #009688 !important;    
}



/* button */
.theme-FullDarkGreen .layui-btn {
    background-color: #009688;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}


/* input */
.theme-FullDarkGreen .layui-input:focus,
.theme-FullDarkGreen .layui-textarea:focus,
.theme-FullDarkGreen xm-select:hover {
    border-color: #009688 !important;
}


.theme-FullDarkGreen .layui-input:focus,
.theme-FullDarkGreen .layui-textarea:focus,
.theme-FullDarkGreen .layui-btn:active,
.theme-FullDarkGreen .layui-layer.layui-layer-admin .layui-layer-btn a:focus,
.theme-FullDarkGreen .layui-layer.layui-layer-admin .layui-layer-btn a:active,
.theme-FullDarkGreen xm-select:active {
    box-shadow: 0 0 0 2px rgba(0,150,136,.2);
}

.theme-FullDarkGreen .layui-form-danger:focus,
.theme-FullDarkGreen .layui-form-danger + .layui-form-select .layui-input {
    box-shadow: 0 0 0 2px rgba(237, 64, 20, .2);
}

.theme-FullDarkGreen .layui-btn.layui-btn-normal:focus,
.theme-FullDarkGreen .layui-btn.layui-btn-normal:active {
    box-shadow-color: rgba(20, 159, 255, .2);
}

.theme-FullDarkGreen .layui-btn.layui-btn-warm:active {
    box-shadow: 0 0 0 2px rgba(255, 184, 0, .2);
}

.theme-FullDarkGreen .layui-btn.layui-btn-danger:active {
    box-shadow: 0 0 0 2px rgba(255, 87, 34, .2);
}





/* switch */
.theme-FullDarkGreen .layui-form-onswitch {
    border-color: #009688;
    background-color: #009688;
}

/* radio */
.theme-FullDarkGreen .layui-form-radio > i:hover,
.theme-FullDarkGreen .layui-form-radioed > i,
.theme-FullDarkGreen .layui-form-checked i,
.theme-FullDarkGreen .layui-form-checked:hover i {
    color: #009688;
}

/* checkbox */
.theme-FullDarkGreen .layui-form-checked[lay-skin=primary] i,
.theme-FullDarkGreen .layui-form-checked span,
.theme-FullDarkGreen .layui-form-checked:hover span {
    border-color: #009688 !important;
    background-color: #009688;
}

.theme-FullDarkGreen .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-FullDarkGreen .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

/* select */
.theme-FullDarkGreen .layui-form-select dl dd.layui-this {
    /*background-color: #009688;*/
    color: #009688;
}

/* laypage */
.theme-FullDarkGreen .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

.theme-FullDarkGreen .layui-laypage input:focus,
.theme-FullDarkGreen select:focus {
    border-color: #009688 !important;
}

.theme-FullDarkGreen .layui-laypage a:hover {
    color: #009688;
}

/* tab */
.theme-FullDarkGreen .layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688;
}

    .theme-FullDarkGreen .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-FullDarkGreen .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #009688 !important;
    }

.theme-FullDarkGreen .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #009688;
    color: #009688;
}

/* breadcrumb */
.theme-FullDarkGreen .layui-breadcrumb a:hover {
    color: #009688 !important;
}

/* laydate */
.theme-FullDarkGreen .layui-laydate-footer span:hover,
.theme-FullDarkGreen .layui-laydate-header i:hover,
.theme-FullDarkGreen .layui-laydate-header span:hover {
    color: #009688;
}

.theme-FullDarkGreen .layui-laydate .layui-this {
    background-color: #009688 !important;
}

.theme-FullDarkGreen .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,150,136,.1);
}

.theme-FullDarkGreen .laydate-selected:hover {
    background-color: rgba(0,150,136,.1) !important;
}

/* timeline */
.theme-FullDarkGreen .layui-timeline-axis {
    color: #009688;
}

/* transfer */
.theme-FullDarkGreen .layui-transfer-active .layui-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

/* progress-bar */
.theme-FullDarkGreen .layui-progress-bar {
    background-color: #009688;
}

/* slider */
.theme-FullDarkGreen .layui-slider-bar {
    background-color: #009688 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #009688 !important;
}

/* steps */
.theme-FullDarkGreen .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #009688;
}

    .theme-FullDarkGreen .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-FullDarkGreen .layui-elem-quote {
        border-color: #009688;
    }

.theme-FullDarkGreen .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-FullDarkGreen .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #009688;
}

.theme-FullDarkGreen .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,150,136,.5);
}

    .theme-FullDarkGreen .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #009688;
    }

    .theme-FullDarkGreen .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(0,150,136,.5) !important;
    }

    .theme-FullDarkGreen .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #009688 !important;
    }

/* xmSelect */
.theme-FullDarkGreen xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #009688 !important;
}

.theme-FullDarkGreen xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-FullDarkGreen xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-FullDarkGreen .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #009688 !important;
}

.theme-FullDarkGreen xm-select .xm-label .xm-label-block,
.theme-FullDarkGreen xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #009688 !important;
}

/* tagsinput */
.theme-FullDarkGreen div.tagsinput span.tag {
    background: #009688;
}

/* cascader */
.theme-FullDarkGreen .ew-cascader-dropdown-list-item.active,
.theme-FullDarkGreen .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #009688;
}

/* city-select */
.theme-FullDarkGreen .city-select a.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.theme-FullDarkGreen .city-select a:hover,
.theme-FullDarkGreen .city-select a:focus {
    background-color: rgba(0,150,136,.07);
    color: #009688;
}

.theme-FullDarkGreen .city-picker-span > .title > span:hover {
    background-color: rgba(0,150,136,.07);
}

.theme-FullDarkGreen .city-select-tab > a.active {
    color: #009688;
}


/* theme patch */
/* checkbox */
body .layui-form-checked[lay-skin=primary] i,
body .layui-form-checked[lay-skin=primary]:hover i {
    color: #fff;
}

body .layui-form-checkbox[lay-skin=primary] span,
body .layui-form-checkbox[lay-skin=primary]:hover span {
    background-color: transparent;
}

/* form danger */
body .layui-form-danger + .layui-form-select .layui-input,
body .layui-input.layui-form-danger:focus,
body .layui-textarea.layui-form-danger:focus {
    border-color: #FF5722 !important;
}

/* laypage */
body .layui-laypage input.layui-input {
    height: 30px;
    line-height: 30px;
}

body .layui-table-page .layui-laypage input.layui-input {
    height: 26px;
    line-height: 26px;
}

/* button */
body .layui-btn.layui-btn-radius {
    border-radius: 100px;
}

.layui-btn-primary:hover, .layui-btn-group .layui-btn-primary:hover {
    color: #262626;
    border-color: #e6e6e6;
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #e6e6e6;
}

body .layui-btn.layui-btn-disabled,
body .layui-transfer-active .layui-btn.layui-btn-disabled {
    background-color: #FBFBFB !important;
    border-color: #e6e6e6 !important;
    color: #C9C9C9 !important;
}

body .layui-btn.layui-btn-primary {
    background-color: #fff;
}

body .layui-btn.layui-btn-normal {
    background-color: #1E9FFF;
}

body .layui-btn.layui-btn-warm {
    background-color: #FFB800;
}

body .layui-btn.layui-btn-danger {
    background-color: #FF5722;
}

.layui-btn-group > .layui-btn + .layui-btn {
    border-radius: 0;
}

.layui-btn-group > .layui-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.layui-transfer-active .layui-btn {
    background-color: #5FB878 !important;
    border-color: #5FB878 !important;
    color: #fff !important;
}

/** ---------------------------theme-FullDarkGreen主题end----------------------------------- */
/** ---------------------------theme-FullBlackGray主题start----------------------------------- */
/* logo */
.theme-FullBlackGray .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #444141;
}

/* header */


.theme-FullBlackGray .layui-layout-admin .layui-header {
    background-color: #444141;
}

    .theme-FullBlackGray .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-FullBlackGray .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-FullBlackGray .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-FullBlackGray .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-FullBlackGray .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-FullBlackGray .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-FullBlackGray .layui-layout-admin .layui-header .layui-nav-bar {
        background-color: #ffffff;
    }



/* side */
.theme-FullBlackGray .layui-layout-admin .layui-side {
    background-color: #191a23;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}


.theme-FullBlackGray .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-FullBlackGray .layui-nav-tree .layui-this > a,
.theme-FullBlackGray .layui-nav-tree .layui-this > a:hover {
    background-color: #009688;
}

.theme-FullBlackGray .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #009688;
}


.theme-FullBlackGray .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}





/* body tab */

.theme-FullBlackGray .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #393d49;
    top: 38px;
}
/*鼠标动画效果开始*/
.theme-FullBlackGray .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #393d49;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-FullBlackGray .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/*鼠标动画效果结束*/

/* body title */
.theme-FullBlackGray .layui-body-header-title {
    border-left-color: #009688;
}



/* admin dialog */
.theme-FullBlackGray .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #009688;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}



.theme-FullBlackGray .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #009688;
    background-color: #009688;
}


.theme-FullBlackGray .layui-layer.layui-layer-admin .layui-layer-btn a {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-FullBlackGray .layui-layer.layui-layer-admin {
    border-radius: 4px;
}




/* other */
.theme-FullBlackGray .more-theme-item:hover,
.theme-FullBlackGray .more-theme-item.active {
    border-color: #009688;
}

.theme-FullBlackGray .btn-circle {
    background: #009688;
}

.theme-FullBlackGray .ball-loader > span,
.theme-FullBlackGray .signal-loader > span {
    background-color: #009688;
}

.theme-FullBlackGray .text-primary,
.theme-FullBlackGray .layui-link {
    color: #009688 !important;
    ;
}



/* button */
.theme-FullBlackGray .layui-btn {
    background-color: #009688;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}


/* input */
.theme-FullBlackGray .layui-input:focus,
.theme-FullBlackGray .layui-textarea:focus,
.theme-FullBlackGray xm-select:hover {
    border-color: #009688 !important;
}






/* switch */
.theme-FullBlackGray .layui-form-onswitch {
    border-color: #009688;
    background-color: #009688;
}

/* radio */
.theme-FullBlackGray .layui-form-radio > i:hover,
.theme-FullBlackGray .layui-form-radioed > i,
.theme-FullBlackGray .layui-form-checked i,
.theme-FullBlackGray .layui-form-checked:hover i {
    color: #009688;
}

/* checkbox */
.theme-FullBlackGray .layui-form-checked[lay-skin=primary] i,
.theme-FullBlackGray .layui-form-checked span,
.theme-FullBlackGray .layui-form-checked:hover span {
    border-color: #009688 !important;
    background-color: #009688;
}

.theme-FullBlackGray .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-FullBlackGray .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #009688;
}

/* select */
.theme-FullBlackGray .layui-form-select dl dd.layui-this {
    /*background-color: #009688;*/
    color: #009688;
}

/* laypage */
.theme-FullBlackGray .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #009688;
}

.theme-FullBlackGray .layui-laypage input:focus,
.theme-FullBlackGray select:focus {
    border-color: #009688 !important;
}

.theme-FullBlackGray .layui-laypage a:hover {
    color: #009688;
}

/* tab */
.theme-FullBlackGray .layui-tab-brief > .layui-tab-title .layui-this {
    color: #009688;
}

    .theme-FullBlackGray .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-FullBlackGray .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #009688 !important;
    }

.theme-FullBlackGray .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #009688;
    color: #009688;
}

/* breadcrumb */
.theme-FullBlackGray .layui-breadcrumb a:hover {
    color: #009688 !important;
}

/* laydate */
.theme-FullBlackGray .layui-laydate-footer span:hover,
.theme-FullBlackGray .layui-laydate-header i:hover,
.theme-FullBlackGray .layui-laydate-header span:hover {
    color: #009688;
}

.theme-FullBlackGray .layui-laydate .layui-this {
    background-color: #009688 !important;
}

.theme-FullBlackGray .layui-laydate-content td.laydate-selected {
    background-color: rgba(0,150,136,.1);
}

.theme-FullBlackGray .laydate-selected:hover {
    background-color: rgba(0,150,136,.1) !important;
}

/* timeline */
.theme-FullBlackGray .layui-timeline-axis {
    color: #009688;
}

/* transfer */
.theme-FullBlackGray .layui-transfer-active .layui-btn {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

/* progress-bar */
.theme-FullBlackGray .layui-progress-bar {
    background-color: #009688;
}

/* slider */
.theme-FullBlackGray .layui-slider-bar {
    background-color: #009688 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #009688 !important;
}

/* steps */
.theme-FullBlackGray .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #009688;
}

    .theme-FullBlackGray .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-FullBlackGray .layui-elem-quote {
        border-color: #009688;
    }

.theme-FullBlackGray .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-FullBlackGray .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #009688;
}

.theme-FullBlackGray .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(0,150,136,.5);
}

    .theme-FullBlackGray .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #009688;
    }

    .theme-FullBlackGray .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(0,150,136,.5) !important;
    }

    .theme-FullBlackGray .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #009688 !important;
    }

/* xmSelect */
.theme-FullBlackGray xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #009688 !important;
}

.theme-FullBlackGray xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-FullBlackGray xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-FullBlackGray .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #009688 !important;
}

.theme-FullBlackGray xm-select .xm-label .xm-label-block,
.theme-FullBlackGray xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #009688 !important;
}

/* tagsinput */
.theme-FullBlackGray div.tagsinput span.tag {
    background: #009688;
}

/* cascader */
.theme-FullBlackGray .ew-cascader-dropdown-list-item.active,
.theme-FullBlackGray .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #009688;
}

/* city-select */
.theme-FullBlackGray .city-select a.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.theme-FullBlackGray .city-select a:hover,
.theme-FullBlackGray .city-select a:focus {
    background-color: rgba(0,150,136,.07);
    color: #009688;
}

.theme-FullBlackGray .city-picker-span > .title > span:hover {
    background-color: rgba(0,150,136,.07);
}

.theme-FullBlackGray .city-select-tab > a.active {
    color: #009688;
}


/* theme patch */
/* checkbox */
body .layui-form-checked[lay-skin=primary] i,
body .layui-form-checked[lay-skin=primary]:hover i {
    color: #fff;
}

body .layui-form-checkbox[lay-skin=primary] span,
body .layui-form-checkbox[lay-skin=primary]:hover span {
    background-color: transparent;
}

/* form danger */
body .layui-form-danger + .layui-form-select .layui-input,
body .layui-input.layui-form-danger:focus,
body .layui-textarea.layui-form-danger:focus {
    border-color: #FF5722 !important;
}

/* laypage */
body .layui-laypage input.layui-input {
    height: 30px;
    line-height: 30px;
}

body .layui-table-page .layui-laypage input.layui-input {
    height: 26px;
    line-height: 26px;
}

/* button */
body .layui-btn.layui-btn-radius {
    border-radius: 100px;
}

.layui-btn-primary:hover, .layui-btn-group .layui-btn-primary:hover {
    color: #262626;
    border-color: #e6e6e6;
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #e6e6e6;
}

body .layui-btn.layui-btn-disabled,
body .layui-transfer-active .layui-btn.layui-btn-disabled {
    background-color: #FBFBFB !important;
    border-color: #e6e6e6 !important;
    color: #C9C9C9 !important;
}

body .layui-btn.layui-btn-primary {
    background-color: #fff;
}

body .layui-btn.layui-btn-normal {
    background-color: #1E9FFF;
}

body .layui-btn.layui-btn-warm {
    background-color: #FFB800;
}

body .layui-btn.layui-btn-danger {
    background-color: #FF5722;
}

.layui-btn-group > .layui-btn + .layui-btn {
    border-radius: 0;
}

.layui-btn-group > .layui-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.layui-transfer-active .layui-btn {
    background-color: #5FB878 !important;
    border-color: #5FB878 !important;
    color: #fff !important;
}

/** ---------------------------theme-FullBlackGray主题end----------------------------------- */
/** ---------------------------theme-FullBlack主题start----------------------------------- */
/* logo */
.theme-FullBlack .layui-layout-admin .layui-header .layui-logo {
    color: #dddddd;
    background-color: #444141;
}

/* header */


.theme-FullBlack .layui-layout-admin .layui-header {
    background-color: #444141;
}

    .theme-FullBlack .layui-layout-admin .layui-header a {
        color: #ffffff;
    }

        .theme-FullBlack .layui-layout-admin .layui-header a:hover {
            color: #ffffff;
        }

    .theme-FullBlack .layui-layout-admin .layui-header .layui-nav-child a {
        color: #595959;
    }

    .theme-FullBlack .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
        border-color: #ffffff transparent transparent;
    }

    .theme-FullBlack .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
        border-color: transparent transparent #ffffff;
    }

    .theme-FullBlack .layui-layout-admin .layui-header .layui-nav .layui-this:after,
    .theme-FullBlack .layui-layout-admin .layui-header .layui-nav-bar {
        background-color: #ffffff;
    }



/* side */
.theme-FullBlack .layui-layout-admin .layui-side {
    background-color: #191a23;
    box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05);
}


.theme-FullBlack .layui-nav-tree .layui-nav-child dd.layui-this a,
.theme-FullBlack .layui-nav-tree .layui-this > a,
.theme-FullBlack .layui-nav-tree .layui-this > a:hover {
    background-color: #393d49;
}

.theme-FullBlack .layui-nav-tree > .layui-nav-item > a:before {
    background-color: #393d49;
}


.theme-FullBlack .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before {
    background: #191a23 !important;
}





/* body tab */

.theme-FullBlack .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after {
    background-color: #393d49;
    top: 38px;
}
/*鼠标动画效果开始*/
.theme-FullBlack .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li::before {
    content: "";
    width: 0px;
    position: absolute;
    display: inline-block;
    border-bottom: 2px solid #393d49    ;
    bottom: 0px;
    left: 0;
    transition: all linear 0.2s;
}

.theme-FullBlack .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover::before {
    left: 0;
    width: 100%;
    border-bottom-width: 2px;
}
/*鼠标动画效果结束*/

/* body title */
.theme-FullBlack .layui-body-header-title {
    border-left-color: #393d49;
}



/* admin dialog */
.theme-FullBlack .layui-layer.layui-layer-admin .layui-layer-title {
    color: #ffffff;
    background-color: #393d49;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}



.theme-FullBlack .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 {
    border-color: #393d49;
    background-color: #393d49;
}


.theme-FullBlack .layui-layer.layui-layer-admin .layui-layer-btn a {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

.theme-FullBlack .layui-layer.layui-layer-admin {
    border-radius: 4px;
}




/* other */
.theme-FullBlack .more-theme-item:hover,
.theme-FullBlack .more-theme-item.active {
    border-color: #393d49;
}

.theme-FullBlack .btn-circle {
    background: #393d49;
}

.theme-FullBlack .ball-loader > span,
.theme-FullBlack .signal-loader > span {
    background-color: #393d49;
}

.theme-FullBlack .text-primary,
.theme-FullBlack .layui-link {
    color: #393d49 !important;
    ;
}



/* button */
.theme-FullBlack .layui-btn {
    background-color: #393d49;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}


/* input */
.theme-FullBlack .layui-input:focus,
.theme-FullBlack .layui-textarea:focus,
.theme-FullBlack xm-select:hover {
    border-color: #393d49 !important;
}






/* switch */
.theme-FullBlack .layui-form-onswitch {
    border-color: #393d49;
    background-color: #393d49;
}

/* radio */
.theme-FullBlack .layui-form-radio > i:hover,
.theme-FullBlack .layui-form-radioed > i,
.theme-FullBlack .layui-form-checked i,
.theme-FullBlack .layui-form-checked:hover i {
    color: #393d49;
}

/* checkbox */
.theme-FullBlack .layui-form-checked[lay-skin=primary] i,
.theme-FullBlack .layui-form-checked span,
.theme-FullBlack .layui-form-checked:hover span {
    border-color: #393d49 !important;
    background-color: #393d49;
}

.theme-FullBlack .layui-form-checkbox[lay-skin=primary] i:hover,
.theme-FullBlack .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #393d49;
}

/* select */
.theme-FullBlack .layui-form-select dl dd.layui-this {
    /*background-color: #393d49;*/
    color: #393d49;
}

/* laypage */
.theme-FullBlack .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #393d49;
}

.theme-FullBlack .layui-laypage input:focus,
.theme-FullBlack select:focus {
    border-color: #393d49 !important;
}

.theme-FullBlack .layui-laypage a:hover {
    color: #393d49;
}

/* tab */
.theme-FullBlack .layui-tab-brief > .layui-tab-title .layui-this {
    color: #393d49;
}

    .theme-FullBlack .layui-tab-brief > .layui-tab-more li.layui-this:after,
    .theme-FullBlack .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-color: #393d49 !important;
    }

.theme-FullBlack .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this {
    border-color: #393d49;
    color: #393d49;
}

/* breadcrumb */
.theme-FullBlack .layui-breadcrumb a:hover {
    color: #393d49 !important;
}

/* laydate */
.theme-FullBlack .layui-laydate-footer span:hover,
.theme-FullBlack .layui-laydate-header i:hover,
.theme-FullBlack .layui-laydate-header span:hover {
    color: #393d49;
}

.theme-FullBlack .layui-laydate .layui-this {
    background-color: #393d49 !important;
}

.theme-FullBlack .layui-laydate-content td.laydate-selected {
    background-color: rgba(57,61,73,.1);
}

.theme-FullBlack .laydate-selected:hover {
    background-color: rgba(57,61,73,.1) !important;
}

/* timeline */
.theme-FullBlack .layui-timeline-axis {
    color: #393d49;
}

/* transfer */
.theme-FullBlack .layui-transfer-active .layui-btn {
    background-color: #393d49 !important;
    border-color: #393d49 !important;
}

/* progress-bar */
.theme-FullBlack .layui-progress-bar {
    background-color: #393d49;
}

/* slider */
.theme-FullBlack .layui-slider-bar {
    background-color: #393d49 !important;
}

.theme-colorful .layui-slider-wrap-btn {
    border-color: #393d49 !important;
}

/* steps */
.theme-FullBlack .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon {
    color: #393d49;
}

    .theme-FullBlack .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok,
    .theme-FullBlack .layui-elem-quote {
        border-color: #393d49;
    }

.theme-FullBlack .layui-tab.layui-steps > .layui-tab-title > li:before,
.theme-FullBlack .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok {
    background-color: #393d49;
}

.theme-FullBlack .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li {
    background-color: rgba(57,61,73,.5);
}

    .theme-FullBlack .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this {
        background-color: #393d49;
    }

    .theme-FullBlack .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after {
        border-left-color: rgba(57,61,73,.5) !important;
    }

    .theme-FullBlack .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after {
        border-left-color: #393d49 !important;
    }

/* xmSelect */
.theme-FullBlack xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #393d49 !important;
}

.theme-FullBlack xm-select .xm-body .xm-option.selected .xm-option-icon,
.theme-FullBlack xm-select > .xm-body .xm-toolbar .toolbar-tag:hover,
.theme-FullBlack .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content {
    color: #393d49 !important;
}

.theme-FullBlack xm-select .xm-label .xm-label-block,
.theme-FullBlack xm-select > .xm-body .xm-option.hide-icon.selected {
    background-color: #393d49 !important;
}

/* tagsinput */
.theme-FullBlack div.tagsinput span.tag {
    background: #393d49;
}

/* cascader */
.theme-FullBlack .ew-cascader-dropdown-list-item.active,
.theme-FullBlack .ew-cascader-dropdown-list-item.active .ew-icon-right {
    color: #393d49;
}

/* city-select */
.theme-FullBlack .city-select a.active {
    color: #fff !important;
    background-color: #393d49 !important;
}

.theme-FullBlack .city-select a:hover,
.theme-FullBlack .city-select a:focus {
    background-color: rgba(57,61,73,.07);
    color: #393d49;
}

.theme-FullBlack .city-picker-span > .title > span:hover {
    background-color: rgba(57,61,73,.07);
}

.theme-FullBlack .city-select-tab > a.active {
    color: #393d49;
}


/* theme patch */
/* checkbox */
body .layui-form-checked[lay-skin=primary] i,
body .layui-form-checked[lay-skin=primary]:hover i {
    color: #fff;
}

body .layui-form-checkbox[lay-skin=primary] span,
body .layui-form-checkbox[lay-skin=primary]:hover span {
    background-color: transparent;
}

/* form danger */
body .layui-form-danger + .layui-form-select .layui-input,
body .layui-input.layui-form-danger:focus,
body .layui-textarea.layui-form-danger:focus {
    border-color: #FF5722 !important;
}

/* laypage */
body .layui-laypage input.layui-input {
    height: 30px;
    line-height: 30px;
}

body .layui-table-page .layui-laypage input.layui-input {
    height: 26px;
    line-height: 26px;
}

/* button */
body .layui-btn.layui-btn-radius {
    border-radius: 100px;
}

.layui-btn-primary:hover, .layui-btn-group .layui-btn-primary:hover {
    color: #262626;
    border-color: #e6e6e6;
}

.layui-btn-group .layui-btn-primary:first-child {
    border-left: 1px solid #e6e6e6;
}

body .layui-btn.layui-btn-disabled,
body .layui-transfer-active .layui-btn.layui-btn-disabled {
    background-color: #FBFBFB !important;
    border-color: #e6e6e6 !important;
    color: #C9C9C9 !important;
}

body .layui-btn.layui-btn-primary {
    background-color: #fff;
}

body .layui-btn.layui-btn-normal {
    background-color: #1E9FFF;
}

body .layui-btn.layui-btn-warm {
    background-color: #FFB800;
}

body .layui-btn.layui-btn-danger {
    background-color: #FF5722;
}

.layui-btn-group > .layui-btn + .layui-btn {
    border-radius: 0;
}

.layui-btn-group > .layui-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.layui-transfer-active .layui-btn {
    background-color: #5FB878 !important;
    border-color: #5FB878 !important;
    color: #fff !important;
}

/** ---------------------------theme-FullBlack主题end----------------------------------- */
