html {
    background-color: transparent !important;
    background: transparent !important;
   // overflow:hidden
}
#icon_panel button.active{
    color: #fff !important;
    background-color: #128cff!important;
}
.el-input .el-input__count .el-input__count-inner{
    background: transparent;
}
.layui-layout-body {
    /*background: url(../images/modify/bg.png) center top no-repeat;*/
    /*background-size: cover;*/
    height: 100vh;
    background: -webkit-linear-gradient(left top,#2a333d,#1c232d);
    background:-moz-linear-gradient(bottom right,#2a333d,#1c232d);
    background: -ms-linear-gradient(bottom right,#2a333d,#1c232d);
    background: -o-linear-gradient(bottom right,#2a333d,#1c232d);
    background:linear-gradient(to bottom right,#2a333d,#1c232d);
}

.eova-form .table-1 tr td{
    background-color:#3b4049 !important;
    border-color:#4e4e4e!important;
}
.layui-nav * {
    font-size: 14px;
}

.layui-layer-content {
    background: #3b4049;
}

.layui-layer-tips .layui-layer-content {
    background: #4d4d4d!important;
    width:150px;
}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
    border-bottom-color: #4d4d4d!important;
   //background-color:yellow;
}
.layui-layer-tips{
    width:150px!important;
   //left:420px!important;
    height:200px!important;
 }

textarea[readonly="readonly"],
input[readonly="readonly"] {
    cursor: not-allowed !important;
}

/*head side nav*/
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header,
.layui-side-menu,
.layadmin-setTheme-side {
    background-color: transparent;
}

.layui-layout-admin .layui-logo {
    background-color: #0e5183 !important;
}

.layui-layout-admin .layui-header {
    border-bottom: none;
}

.layui-layout-admin .layui-header a,
.layui-layout-admin .layui-header a cite {
    color: #7dc9ff;
}

.layui-side-menu .layui-side-scroll {
    background: #21262e;
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-this {
    background-color: transparent;
}

.layui-nav-tree .layui-nav-bar {
    background-color: transparent;
}

.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-side-menu .layui-nav .layui-nav-item a:hover {
    background-color: #0075ff;
}

.layui-side-menu .layui-nav .layui-nav-itemed > a {
    background: url(../eova/ui/images/modify/left_hover.png) no-repeat center left;
    background-size: auto 56px;
}

.layui-side-menu .layui-nav .layui-nav-item a {
    padding-left: 50px;
}

.layui-side-menu .layui-nav .layui-nav-item a .eova-icon {
    margin-top: -25px;
    font-size: 18px;
}

.layui-nav-tree .layui-nav-bar {
    pointer-events: none;
    width: 100%;
}

.layui-nav-itemed > .layui-nav-child {
    width: auto;
    margin-left: 20px;
    background-color: transparent !important;
}

.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child {
    padding: 0;
}

.layui-side-menu .layui-nav .layui-nav-item a {
    height: 48px;
    line-height: 48px;
}

.layui-nav-child {
    border: 1px solid #2a333d;
    background-color: #2a333d;
}

.layui-layout-admin .layui-header .layui-nav-child {
    min-width: 0;
}
.layui-layout-admin .layui-header a:hover,
.layadmin-tabs-select.layui-nav .layui-nav-item a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
    color: #fff;
}

.layui-nav .layui-nav-child a:hover {
    background-color: transparent;
    color: #fff;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child a:hover {
    background-color: transparent;
    color: #00b9dd;
}

.layui-tab-title li .layui-tab-close:hover {
    transform: scale(1.16);
    background-color: transparent;
}

.layadmin-pagetabs .layui-tab-title li .layui-tab-close {
    color: #7dc9ff;
}

.layui-layout-admin .layui-header .layui-nav-child hr {
    display: none;
}

.layadmin-pagetabs {
    color: #7dc9ff;
    border-bottom: 1px solid rgba(0, 0, 0, .18);
    background-color: transparent;
    box-shadow: none;
}

.layadmin-pagetabs .layadmin-tabs-control,
.layadmin-pagetabs .layui.layadmin-pagetabs-icon-prev,
.layadmin-pagetabs .layui-tab-title li {
    border-left: 0;
    border-right: 0;
}

.layadmin-pagetabs .layui-tab-title li:hover,
.layadmin-pagetabs .layui-tab-title li.layui-this,
.layadmin-pagetabs .layadmin-tabs-control:hover {
    background: rgba(5, 13, 33, .1);
    color: #fff;
}

.layadmin-pagetabs .layui-tab-title li.layui-this {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.layadmin-pagetabs .layui-tab-title li.layui-this:after,
.layadmin-pagetabs .layui-tab-title li:hover:after {
    background-color: transparent;
}

/*table/btn*/
.eova-layout {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-color: #212731;
    background:#212731;
}

.eova-layout .box {
    background-color: #212731 !important;
    border-radius: 3px;
}
.eova-layout .box > #queryForm {
    background-color: #2a333d !important;
}

.layui-table-tool {
    background-color: transparent;
}

.layui-table-view {
    border: none;
}

.layui-btn-sm {
    border: 1px solid #767ea3;
    color: #95b5f3;
    -webkit-clip-path: polygon(0.07rem 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%, 0 0.07rem);
    clip-path: polygon(0.07rem 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%, 0 0.07rem);
    background-size: auto 100%;
    background-color: transparent;
}

.layui-btn-sm i {
    font-size: 12px !important;
}

.layui-table-tool .layui-inline[lay-event] {
    color: #fff;
    border: 1px solid #2f3642;
    border-radius: 6px;
    background-color: #2f3642;
    width: 40px;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

.layui-table-tool .layui-inline[lay-event]:hover {
    color: #fff!important;
    border-color: #128cff;
    background-color: #128cff;
}

.layui-table {
    color: #f1f1f1;
    background-color: transparent;
    /*min-width: 100%;*/
}
.layui-table thead th {
    color: #128cff;
}
.bgc .layui-table thead tr {
    background-color: #1b242d!important;
}
.layui-table thead tr {
    background-color: #1b242d;
}

.layui-table tr {
    background-color: #1b242d;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.layui-table-header {
    background-color: #12376e;
}

.layui-table-sort .layui-table-sort-desc {
    border-top-color: #7dc9ff;
}

.layui-table-sort .layui-table-sort-asc {
    border-bottom-color: #7dc9ff;
}

.layui-table tbody tr.layui-table-click,
.layui-form .layui-table tbody tr:hover {
    background: url(../../eova/ui/images/modify/tr-bg.png) center/100% 100% no-repeat !important;;
}


.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border: none;
}

.layui-table-grid-down {
    background-color: rgba(0, 0, 0, .2) !important;
}

.layui-table-grid-down .layui-icon {
    color: #7dc9ff !important;
}

.layui-table-tips-main {
    color: #fff !important;
    background-color: #12376e !important;
    border: 1px solid rgb(43,218,255);
    margin-top: -2px!important;
}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    width: 14px;
    height: 14px;
    line-height: 11px;
}
.layui-form-checked[lay-skin=primary] i {
    background-color: #128bff;
}


/* tab分页 */
.layui-laypage .layui-laypage-skip {
    color: #95b5f3;
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr {
    min-width: 30px;
    box-sizing: border-box;
    margin-right: 10px;
    color: #fff !important;
    border: 1px solid #128bff;
}

.layui-table-page .layui-laypage span.layui-laypage-curr {
    border-color: #0075ff!important;
    background-color: #0075ff!important;
}

.layui-laypage span.layui-laypage-spr {
    margin-right: 10px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: transparent;
}

.layui-fixbar li {
    border: 1px solid #128bff;
    color: #fff;
    background-color: transparent;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.layui-fixbar li:hover {
    color: #128bff;
}

.layui-table-page .layui-laypage span {
    color: #cfe0ff;
}

.layui-laypage input,
.layui-laypage select,
.layui-table-page .layui-laypage button {
    color: #fff;
    border: none;
    background-color: rgba(6, 24, 61, 0.4);
}

.layui-laypage select option {
    background-color: #2a333d;
}

/*表单*/
.eova-find {
    background-color: transparent;
}

.layui-form-pane .layui-form-label {
    text-align: right;
    height: 36px;
    padding: 6px 5px;
    padding-right: 15px;
    color: #dcedff;
    border: none;
    background-color: transparent;
}

.layui-layer-prompt .layui-layer-input,
.eova-form-field input {
    color: #fff !important;
    font-size: .14rem;
    /*border-color: transparent !important;*/
    background: #154174 !important;
}

.eova-form-field input {
    background: #1c232d !important;
    border: 1px solid #2e343f;
    border-radius: 6px;
    border-color: #2e343f !important;
}

/*.eova-form-field input:focus,.eova-form-field input:active,.eova-form-field input:hover{*/
/*    border: 1px solid #2a333c !important;*/
/*}*/

.layui-layer-prompt .layui-layer-input {
    font-size: 16px;
}

.eova-icons > input[type="text"] {
    border: none !important;
}

.layui-input-block input {
    height: 30px;
}

.form-group .form-col .cash-form-inp-box input::-webkit-input-placeholder,
.eova-form-field input::-webkit-input-placeholder,
.eova-form-field input::-moz-input-placeholder,
.eova-form-field input::-ms-input-placeholder {
    color: rgba(149, 181, 243, .6);
}

.eova-form .eova-form-field {
    padding: 6px 5px;
}
div[class^="eova"] > .eova-icon,
.eova-form .eova-form-field {
    color: rgba(125, 201, 255, .7);
}

.form-group .form-col .cash-form-title {
    width: 20%;
    font-weight: 400 !important;
    color: #fff !important;
    font-size: 13px !important;
}

.eova-icons, .eova-find, .eova-text, .eova-combo, .eova-texts,
.eova-time {
    background-color: transparent !important;
}

textarea,
.form-group .form-col .cash-form-inp-box input,
.form-group .form-col .cash-form-inp-box select,
.nice-validator textarea {
    border: 0 !important;
    color: #fff !important;
    font-size: .14rem !important;
    background: #154274 !important;
}
.nice-validator textarea {
    border: 1px solid transparent !important;
}
.eova-bool {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.eova-bool i {
    left: 3px;
    top: 5px;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.eova-bool.select,
.eova-bool.select em {
    border-color: #128cff;
    background-color: #128cff;
}

.eova-bool.select i {
    margin-left: -16px;
}

.eova-combo-panel, .eova-combotree-panel {
    border: 1px solid #2a333d;
    background-color: rgba(59,64,73,0.9);
    padding: 5px;
    border-radius: 6px;
}

.eova-combo-panel div {
    color: #fff;
    border-radius: 6px;
    margin: 3px 0;
}

.eova-combo-selected{
    color: #fff !important;
    background-color:#148eff !important;
}
.eova-combo-panel div:hover {
    color: #fff !important;
    background-color: #4b4f58 !important;
}


/*.layui-layer*/
.layui-layer-iframe,
body > .eova-form {
    background-color: #3b4049 !important;
}

.layui-layer-title {
    color: #fff !important;
    border-bottom: 0 !important;
    background: #3b4049 !important;
}

.layui-layer-btn layui-layer-btn-c,
.layui-layer-prompt .layui-layer-btn,
.layui-layer-iframe .layui-layer-btn {
    background-color: #3b4049 !important;
}

.layui-layer-setwin .layui-layer-min cite {
    background-color: #9bbdfa !important;
}


/*树形list*/
.ztree li a {
    color: #fff;
    height: 22px;
}

.ztree li a.curSelectedNode {
    background-color: transparent;
    color: #128bff;
}

/* layui-btn */
.layui-btn {
    height: 32px;
    line-height: 32px;
    color: #fff;
    border-radius: 6px;
    background-color: #2f3642;
    border-color:#2f3642;
}

.layui-btn:hover,.layui-btn.hover {
    color: #fff;
    border-color: #128cff;
    background-color: #128cff;
}

.layui-layer-btn .layui-layer-btn0,
.layui-layer-btn .layui-layer-btn1,
.layui-layer-btn .layui-layer-btn2{
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #fff !important;
    border-radius: 6px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #128bff !important;
    background-color: #128bff !important;
}

.layui-layer-btn .layui-layer-btn1 {
    border: 1px solid #53575f !important;
    background-color: #53575f !important;
}
.layui-layer-btn .layui-layer-btn2 {
    border: 1px solid #128bff !important;
    background-color: transparent !important;
}

.layui-btn-primary,
.layui-layer-btn a {
    border: 1px solid #128bff !important;
    background-color: transparent;
}

.layui-btn-primary:hover {
    color: #fff;
    border: 1px solid #128bff;
}


/* layui-tab */
.layui-table-fixed-l {
    background-color: #1d5c90 !important;
}

.layui-tab-card,
.layui-tab-title {
    border-color: #7dc9ff;
}

.layui-tab-card > .layui-tab-title {
    background-color: transparent;
}

.layui-tab-title .layui-this:after {
    border: 0;
}

.layui-tab-title .eova-icon {
    margin-right: 8px;
}

.layui-tab-card > .layui-tab-title .layui-this {
    color: #128cff;
    background-color: transparent;
}
.layui-tab-card, .layui-tab-title {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #d1dddd14;
}

.layui-tab-card > .layui-tab-title li:hover {
    color: #128cff;
}



.layui-tab-content {
    padding: 10px 0;
}

.layui-table-tool-panel {
    background-color: #3b4049;
    border: 1px solid #3b4049;
    border-radius: 6px;
}

.layui-table-body .layui-none {
    color: rgba(207, 224, 255, .5) !important;
}

.eova-form .eova-form-field .eova-bool {
    background-color: #131d27;
}

div[class^="eova"] > .eova-icon, .eova-form .eova-form-field {
    color: #fff !important;

}

.eova-form .eova-form-field .select {
    background-color: #128cff  !important;
}


/*.layui-layer-dialog*/
.layui-layer-iframe {
    background-color: transparent !important;
}

.layui-layer-dialog {
    min-width: 500px !important;
}

.layui-layer-dialog .layui-layer-padding {
    font-size: .13rem !important;
    color: #95b5f3 !important;
}

.layui-layer-btn {
    text-align: center !important;
    font-size: .12rem !important;
    background: #3b4049 !important;
}

.layui-layer-content > html {
    background: transparent !important;
}

.layui-layer-dialog .layui-layer-padding {
    padding: 26px 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    position: static !important;
    margin-right: 10px;
}


/*fieldset*/
fieldset {
    border: 1px solid #555960;
    border-radius: 6px;
}

fieldset legend {
    color: #fff;
    font-size: 13px;
}

fieldset legend:before {
    display: none;
    border-color: transparent #7dc9ff transparent transparent !important;
}

fieldset legend:after {
    display: none;
    border-color: transparent transparent transparent #7dc9ff;
}

.layui-elem-quote {
    color: #dcedff;
    border-color: #1c232d;
    background-color: #1c232d;
}
a, a:hover,
.extends, label,
input[type="file" i],
.layui-form-label,
.layui-form-checkbox[lay-skin=primary] span,
.layui-tab-card > .layui-tab-title li,
.layui-layout-admin .layui-header a cite:hover {
    color: #fff;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
    border-top-color: #128cff;
}

.eova-form-label.red {
    color: orange;
}

.eova-form-label{
    width:180px!important;
}

.layui-layout-admin .layui-body .layadmin-tabsbody-item {
    top: 15px;
    left: 12px;
    border-radius: 3px;
}
.layui-layer-hui {
    border: 1px solid #128bff !important;
    box-sizing: border-box;
}

.layui-form-checkbox[lay-skin=primary] i{
    border: 1px solid #128bff;
    background-color: transparent !important;
    color: #2a333c;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #128bff !important;
    background-color: #128bff !important;
    color: #fff !important;
}


/* 自动填充样式修改 :设置透明*/
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}


/*定义滚动条样式*/
::-webkit-scrollbar {
    cursor: pointer;
    width:8px!important;
    height: 8px!important;
    background-color: transparent!important;
    border-radius: 0 !important;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar-track {
    cursor: pointer;
    background-color: transparent !important;
    border-radius: 0 !important;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    cursor: pointer;
    cursor: pointer!important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

::-webkit-scrollbar-thumb:hover{
    background-color: rgba(255, 255, 255, 0.6) !important;

}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-corner {
    cursor: pointer;
    background-color:transparent!important;
}


.layadmin-shortcut .selected {
    font-weight: bold;
    background: #113369;
    color: red;
}
/*.layadmin-pagetabs {
    background-color: #2a333d !important;
}*/

.ace-tomorrow-night-blue {
    background-color: #154274 !important;
    color: #FFFFFF;
}
.ace-tomorrow-night-blue .ace_gutter {
    background: #00346e;
    color: #7388b5;
}
.ace-tomorrow-night-blue .ace_gutter-active-line {
    background-color: #02204000;
}

@font-face {
    font-family: "digital-7-italic-1";
    src: url("iconfont/digital-7-italic-1.ttf");
}

.nice-validator .eova-texts textarea{
    background: #1c232d !important;
    border: 1px solid #2e343f;
    border-radius: 6px;
    border-color: #2e343f !important;

}
.nice-validator .eova-texts textarea,.nice-validator .eova-texts textarea:focus, .nice-validator .eova-texts textarea:focus{
    background-color: #131d27 !important;
}

.masa-open .layui-layer-title{
    background-color: #3b4049 !important;
}
.masa-open .layui-layer-content{
    background-color: #3b4049;!important;
}


.layui-layer-iframe .layui-layer-title{
    background-color: #3b4049 !important;
}
.layui-layer-iframe .eova_find_dialog{
    background-color: #2b333d;!important;
}
.layui-layer-iframe .eova_find_dialog> #layui-layer-iframe2 .eova-form> {
    background-color: #2b333d !important;
}
.eova-layout .eova-form{
    background-color: #212731 !important;
}
.eova-layout .layui-table-tool{
    background-color: #212731 !important;
    padding: 5px 10px 20px 10px;
}
.eova-layout .layui-table-box .layui-table-header{
    background-color: #272c36 !important;
}
.eova-layout .layui-table-box .layui-table-header .layui-table thead tr{
    background-color: #272c36 !important;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
    background-color: transparent!important;
}
.eova-layout .layui-table-box .layui-table-body{
    background-color: #272c36 !important;
}
.eova-layout .layui-table tr{
    background-color: #272c36 !important;
}

.eova-layout .layui-table-box .layui-table-fixed{
    background-color: #3b4049 !important;
}
.eova-layout .layui-table-page{
    background-color: #2b333d !important;
}

.layui-layer-iframe .layui-layer-btn{
    background-color: #3b4049 !important;
}
.layui-layer-iframe{
    overflow:hidden;
}
.layui-layer-content{
overflow:hidden}
.layui-table, .layui-table-view{
    margin: 0;
}
.layui-layer-content html{
overflow:hidden!important;
 }


.layui-layer-tips{
    width:150px!important;
    /*left:420px!important;*/
    height:200px!important;
    overflow:hidden!important;

}
#_form_add_safe_transport_license-safe_transport_license_librar{
    overflow:hidden;
}
.ace-tomorrow-night {
    background-color: #131d27 !important;
    color: #C5C8C6;
}

.layui-tab-card > .layui-tab-title .layui-this {
    color: white;
    background-color: #60768d6e;
}
.layui-tab-card, .layui-tab-title {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #d1dddd14;
}

.layui-upload-list .layui-table thead tr {
    background-color: #131d27;
    /*color: #7dc9ff;*/
}

.layui-upload-list .layui-table tr {
    background-color: #2a333c;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.eova-combo-panel, .eova-combotree-panel {
    min-height: 100px;
}

.layui-layout-admin .layui-logo {
    background-color: #2a333d !important
}

.layui-icon-shrink-right:before {
    color:#0075ff;
}
.layui-icon-refresh-3:before {
    color:#0075ff;
}
.layui-icon-website:before {
    color:#0075ff;
}

.layui-side-menu .layui-nav .layui-nav-more {
    right: 11%;
}

.layui-nav-tree{
    height: 100%;
    overflow-x:auto;
}

div.jsoneditor-outer {
    border: 1px solid #2b333d !important;
    background: #2b333d;
    margin: 0;
    padding: 0;
    border-radius: 6px;
}

div.jsoneditor-tree {
    background: #131d27;
}
div.jsoneditor{
    border: 1px solid #2b333d !important;

}
div.jsoneditor-contextmenu ul li button.jsoneditor-selected, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus, div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover{
    background-color: #128cff!important;
}

.uploader input.button-look{
    float: right;
    height: 30px !important;
    display: inline-block;
    outline: 0 none;
    margin: 0;
    cursor: pointer;
    border: 1px solid;
    border-color: #128cff !important;
    font: bold 9pt/100% Arial, Helvetica, sans-serif;
    background-color: rgba(64, 64, 83, 0)  !important;
    padding: 8px 6px;width: 45px;
    margin-left: 15px;
    border-radius: 6px;
}

.uploader input.button-look:hover{
    background-color: #128cff !important;
}
.wangEditor-menu-container .menu-item .active, .wangEditor-menu-container .menu-item:hover{
    background-color: #128cff!important;
}
.wangEditor-container{
    border: 1px solid #383e47 !important;
    background-color: #131d27 ;
    border-radius: 6px;
    left: 108px;
}
.eova-form-field .eova-widget{
    width: 80%;
    right: 0;
}
.wangEditor-menu-container .menu-group{
    border-right: none;
}
.wangEditor-menu-container{
    border-bottom: none;
}
div.jsoneditor-menu{
    background-color: transparent !important;
    border-bottom: 1px solid transparent !important;
}
table.jsoneditor-search div.jsoneditor-frame{
    background-color:#262d35 ;
}
/*     262d35      */
.wangEditor-menu-container .menu-item a{
    color: #fff;
}
.wangEditor-menu-container{
    background-color: #2b333d;
}

textarea, .form-group .form-col .cash-form-inp-box input, .form-group .form-col .cash-form-inp-box select, .nice-validator textarea {
    background: #1c232d !important;
}
.wangEditor-container .wangEditor-txt{
    height: 200px!important;
}
.ace_content {
    background-color: #1c232d;
}
.ace_gutter-layer {
    background-color: #1c232d;
}

.ace-tomorrow-night-blue .ace_gutter {
    background: #00204b;
}
/*---------------------2020/12/29---------------------------*/
textarea:focus, .eova-form-field input:hover, div[class^="eova"] > input[type="text"]:hover, div[class^="eova"] > input[type="text"]:focus, div[class^="eova"] > input[type="text"]:hover, div[class^="eova"] > input[type="text"]:focus, .layui-layer-prompt .layui-layer-input:focus, .layui-input:focus, .layui-textarea:focus, .form-group .form-col .cash-form-inp-box input:focus, .form-group .form-col .cash-form-inp-box select:focus, .layui-input-block .eova-texts textarea:hover, .layui-input-block .eova-texts textarea:focus {
    border: 1px solid #148eff ;
    border-color: #148eff !important;

}
.eova-text.fn-input input,
.eova-find.fn-input input,
.eova-combo.fn-input input,
.eova-times.fn-input input,
.eova-widget.fn-input input[type="password"] {
    line-height: 34px;
    height: 34px;
    border:1px solid #2e343f;
    border-radius: 6px;
    border-color: #2e343f !important;
    padding-right: 30px!important;
}
.fn-input-block .eova-text.fn-input input:hover,
.fn-input-block .eova-find.fn-input input:hover,
.fn-input-block .eova-combo.fn-input input:hover,
.fn-input-block .eova-times.fn-input input:hover,
.fn-input-block .eova-widget.fn-input input[type="password"]:hover ,
.fn-input-block .eova-text.fn-input input:focus,
.fn-input-block .eova-find.fn-input input:focus,
.fn-input-block .eova-combo.fn-input input:focus,
.fn-input-block .eova-times.fn-input input:focus,
.fn-input-block .eova-widget.fn-input input[type="password"]:focus{
    border-color: #148eff !important;
}
/*.fn-input-block .eova-text input,*/
/*.fn-input-block .eova-find input,*/
/*.fn-input-block .eova-combo input,*/
/*.fn-input-block .eova-times input,*/
/*.fn-input-block .eova-widget input[type="password"]{*/
/*    line-height: 30px;*/
/*}*/
.eova-form-field .fn-input-block .eova-widget input[type="color"]
.eova-form-field .fn-input-block .eova-widget input[type="color"]:hover,
.eova-form-field .fn-input-block .eova-widget input[type="color"]:focus{
    background: #212731 ;
    border: none ;
    border-color: transparent!important;
}
.eova-form-field .fn-input-block .eova-widget input[type="password"]:hover,
.eova-form-field .fn-input-block .eova-widget input[type="password"]:focus {
    border: 1px solid #148eff ;
    border-color: #148eff ;
}
#myRadio_tag label{
    display: inline-block;
}
.eova-time{
width:214px
}
#myRadio_tag{
    margin-left: 0!important;
}
.input-box{
    position: relative;
    display: inline-block;
}

.layui-table-cell .layui-form-checkbox[lay-skin=primary]{
    top: -4px;
}
.layui-table-page .layui-laypage .layui-laypage-prev{
    margin-left: 0px!important;
}
.layout-left{
    background-color: #212731;
    border-right: 1px solid #191e28;
}
.layout-left .left-top{
    padding: 10px;
    display: inline-block;
    margin: 0 auto;
    padding-bottom: 5px;
}
.layout-left .left-top .layui-btn{
    margin-left: 2px;
}

.layout-left .ztree{
    padding: 10px;

}
#toolbar{
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 0;
    border-bottom: 1px solid #191e28;
}

.ztree *{
    font-size: 13px;
}




/*主题色*/
.theme-fc{
    color: #0d85ff;
}
.theme-bg{
    background-color: #0d85ff;
}
/*背景色*/
.bgc{
    background-color: #212731!important;
}
.bgc2{
    background-color: rgba(57,63,74,0.98) !important;
}
/*主要字色*/
.fc-main{
    color: #d3d4d6;
}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #d3d4d6!important;
}
/*辅助字色*/
.fc-sub{
    color: #84888d;
}
/*边框颜色*/
.fn-head-box .opbox{
    border: 1px solid #393f4a;
}
.fn-head-op{
    border-right: 1px solid #191e28;
}
.fn-head{
    border-bottom: 1px solid #191e28;
}
/*边框颜色 end*/
/*按钮背景色*/
.btn-bg,.fn-head-pagetabs .layui-tab.fn-tab li{
    background-color: rgba(57,63,74,0.98);
}
.btn-bg:hover{
    background-color: rgb(67, 73, 83);
}

.levelbox .layui-this .item-name {
    /* background-color: #0d85ff; */
    background-image: linear-gradient(to bottom right, #0075ff , #148eff);
}

.layadmin-pagetabs .layui-tab-title li .layui-tab-close{
    color: #d3d4d6;
}

.fn-head-pagetabs .layui-tab.fn-tab li.layui-this,.fn-head-pagetabs .layui-tab.fn-tab li.layui-this:hover{
    background-color: #148eff;
}
.fn-head-pagetabs .layui-tab.fn-tab li:hover{
    background-color: rgb(67, 73, 83);
}
.serch-active{
    /*background-color: #27408b;*/
    background-image: linear-gradient(to bottom right,#238dee,#55abfb);
}
.levelbox ul .active{
    /*background-color: #27408b;*/
    background-image: linear-gradient(to bottom right,#238dee,#9aceff);
}

/*     重写element-ui     */

.el-input__inner{
    background-color: #2c323c;
    color: #eee;
    border: 1px solid #4a4a4a;
    border-radius: 6px;
}
.el-input__inner:hover {
    border-color: #184fbd;
}
/*element 重写*/
.el-switch__core {
    background: #353c4d;
}
.el-switch__label{
    color: #eee;
}
.el-tree-node,
.el-tree-node__content{
    width: 100%;
}
.el-tree-node__content{
    padding-right: 38px;
    position: relative;
}
.custom-tree-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    overflow: hidden;
}
.custom-tree-node .lefticon{
    position: absolute;
    right: 0;
    top: 2px;
    padding-right: 4px;
}
.custom-tree-node .custom-tree-content{
    display: block;
    flex: 1;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.el-popover{
    background: #272f3e;
    border-color: #272f3e;
    color: #fff;
    padding: 5px;
    min-width: 110px;
}
.el-popover .menuMorebox .li{
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 6px;
    padding:0 5px;
}
.el-popover .menuMorebox .li:hover{
    background: #128cff;
}
.el-popper[x-placement^=right] .popper__arrow{
    border-right-color: #272f3e;
}
.el-popper[x-placement^=right] .popper__arrow::after{
    border-right-color: #272f3e;
}
.el-tree-node__content{
    border-radius: 6px;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    background-color: rgba(57,63,74,0.98);
    color: #fefefe;
}
.el-dialog__body{
    padding: 0;
}
.dialog-body{
    padding: 20px 20px 10px 20px;
}
.el-dialog, .el-pager li,.el-message-box{
    border: 1px solid #2f3e5f;
    background-color: #212731;
    color: #fff;
}
.el-dialog__title,.el-message-box__title{
    color: #fff;
    font-size: 15px;
}
.el-dialog__header{
    position: relative;
}
.el-dialog__header:after{
    content: "";
    display: block;
    height: 1px;
    background-color: #555960;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}
.el-dialog__body,.el-message-box__content{
    color: #fff;
}
.el-dialog__footer,.el-message-box__btns{
    text-align: center;
}
.el-message-box__btns{
    padding: 5px 15px ;
}
.el-button{
    background: rgba(57,63,74,0.98);
    border: 1px solid rgba(57,63,74,0.98);
    color: #fff;
    border-radius: 6px;
}
.el-button--primary {
    color: #FFF;
    background-color: #128cff;
    border-color:#128cff;
}
.el-button:focus, .el-button:hover {
    color: #128cff;
    border-color: rgba(57,63,74,1);
    background-color: rgba(57,63,74,1);
}
.el-button--primary:focus, .el-button--primary:hover {
    background: #128cff;
    border-color: #128cff;
    color: #FFF;
}
.el-tree{
    background-color: transparent;
    color: #fff;
}
.el-tree-node{
    background-color: transparent;
}
.el-tree-node:focus>.el-tree-node__content {
    background-color: transparent;
}
.custom-tree-node.hover,.el-tree-node__content.hover,.custom-tree-node.hover a{
    color: #128cff;
}

/*.el-tree-node__content:hover .custom-tree-node.hover,*/
/*.el-tree-node__content:hover .custom-tree-node.hover .el-tree-node__expand-icon{*/
/*    color: #fff;*/
/*}*/

.el-tree-node__content:hover{
    background-color: transparent;
    background: transparent;
}
.custom-tree-content:hover,
.el-icon-more:hover,
.el-tree-node__expand-icon:hover {
    color: #128cff;
}
.custom-tree-node.hover .el-tree-node__expand-icon{
    color: #128cff;
}
.el-loading-mask{
    background-color: rgba(0,0,0,.3);
}
.fn-loading .el-loading-spinner i{
    color: #fff;
    font-size: 32px;

}
.el-pagination__total,.el-pagination__jump{
    color: #d5d5d5;
}


.el-message{
    border-color: #148eff;
    background-color: #253b55;
    max-width: 80%;
}
.el-message__content,.el-message-box__message p{
    word-wrap:break-word;
}
.el-message .el-icon-info {
    color: #148eff;
}
.el-message--info .el-message__content {
    color: #148eff;
}
.el-message__closeBtn{
    color: #eee;
}
.el-message__closeBtn:hover{
    color: #fff;
}
.el-message--success {
    background-color: #21423a;
    border-color: #67C23A;
}
.el-message--warning {
    background-color: #453433;
    border-color: #E6A23C;
}
.el-message--error {
    background-color: #453139;
    border-color: #F56C6C;
}



.box-btn-change{
    border: 1px solid #2f3642;
    background-color: #2f3642;
    color: #fff;
}
.eova-layout .layui-table-box .layui-table-header .layui-table thead tr {
    background-color: #272c36!important;
}
.layui-table-view .layui-table thead th .layui-table-cell {
    background-color: #393f4a;
}

/*oss*/
.ossbox{
    color: #efefef;
    background:#3b4049;
}
.oss.eova-layout{
    background:#3b4049;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}
.oss .upload-table tr td{
    color: #fff!important;

}
.layui-upload-drag .layui-icon{
    color: #fff;
}
.upload-table thead tr{
    background: #fff;
    color: #fff!important;
}
.upload-table .layui-btn-danger:hover{
    color: #ff4040;
    border: 1px solid #ff4040;
    background-color: #784249;
}
/*oss   end */


.role-box,.role-table,.layui-table tr{
    background-color: #272c36;
}


.popover{
    background-color: transparent;
}
.cronbody{
    background-color: #3b4049 !important;
    color: #fff;
}
#layui-layer{
    width: 900px!important
}
.nice-validator .eova-texts textarea{
    width: 602px!important;
}
.layadmin-pagetabs .layui-tab-title li {
    min-width: 40px;
    max-width: 2000px!important;
}