html {
  /* background-color: #f2f2f2; */
  color: #666;
}

.wf-body{
    padding:20px;
    background-color: #FFFFFF;
}

.wf-nav {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    /* background-color: #f2f2f2; */
}
.wf-nav-admin{
    
}
.wf-side .layui-side-scroll .wf-side-folded a,.layui-layout-admin .layui-header .layui-layout-right {
    padding: 0
}

.wf-table,.wf-table .wf-table-header {
    position: relative;
    box-shadow: 0 1px 7px 0 #ccc
}

::-webwf-scrollbar {
    width: 10px;
    height: 10px
}

::-webwf-scrollbar-button:vertical {
    display: none
}

::-webwf-scrollbar-corner,::-webwf-scrollbar-track {
    background-color: #e2e2e2
}

::-webwf-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0,0,0,.3)
}

::-webwf-scrollbar-thumb:vertical:hover {
    background-color: rgba(0,0,0,.35)
}

::-webwf-scrollbar-thumb:vertical:active {
    background-color: rgba(0,0,0,.38)
}

.wf-nav .layui-this,.layui-layout-left .layui-nav-item:hover {
    background-color: #393D49!important
}

.wf-nav-admin .layui-this,.layui-layout-left .layui-nav-item:hover {
    background-color: #393D49!important
}

.wf-layout-admin .wf-logo-mobile {
    display: none
}

.wf-nav .layui-nav-item {
    line-height: 50px
}

.wf-nav-admin .layui-nav-item {
    line-height: 50px
}

.wf-nav .layui-nav-item .layui-nav-more {
    top: 22px
}

.wf-nav .layui-nav-item .layui-nav-mored {
    top: 16px
}

.wf-nav .layui-nav-item .layui-nav-child {
    top: 55px
}

/* .wf-nav-admin .layui-nav-item .layui-nav-more {
    top: 22px
} */

.wf-nav-admin .layui-nav-item .layui-nav-mored {
    top: 16px
}

.wf-nav-admin .layui-nav-item .layui-nav-child {
    top: 55px
}

.wf-nav * {
    font-size: 13px
}

.wf-nav-admin * {
    font-size: 14px
}

.wf-nav .layui-nav-bar {
    height: 0
}

.wf-nav .layui-this:after {
    content: none
}

.wf-nav-admin .layui-nav-bar {
    height: 0
}

.wf-nav-admin .layui-this:after {
    content: none;
}

.wf-layout-admin .layui-footer {
    height: 35px;
    line-height: 35px
}

.wf-layout-admin .layui-body {
    bottom: 35px;
    top: 50px
}

.wf-layout-admin .layui-header {
    height: 50px;
    border-bottom-color: #1AA094;
}

.wf-layout-admin .layui-logo {
    line-height: 50px
}

.wf-layout-admin .wf-side {
    top: 50px
}

.wf-layout-admin .wf-sided {
    width: 50px
}

.wf-side .layui-side-scroll,.wf-side .layui-side-scroll .layui-nav-tree {
    width: auto
}

.wf-side .layui-side-scroll .wf-side-fold {
    height: 35px;
    background-color: #4A5064;
    color: #aeb9c2;
    line-height: 35px;
    text-align: center;
    cursor: pointer
}

.wf-side .layui-side-scroll .wf-side-folded {
    text-align: center
}

.wf-side .layui-side-scroll .wf-side-folded a span {
    display: none
}

.wf-layout-admin .wf-body-folded,.wf-layout-admin .wf-footer-folded {
    left: 50px
}

.wf-layui-body-admin{
    bottom: 0;
    border-left: solid 2px #1AA094; 
    border-top: solid 5px #1AA094; 
}

.wf-table .wf-table-header {
    height: 50px
}

.wf-table .wf-table-header .wf-search-btns {
    padding: 10px;
    position: absolute
}

.wf-table .wf-table-header .wf-search-inputs {
    position: absolute;
    right: 70px;
    top: 0;
    padding: 10px 25px 10px 10px
}

.wf-table .wf-table-header .wf-search-inputs .wf-search-keyword {
    margin-right: 10px;
    position: relative
}

.wf-table .wf-table-header .wf-search-inputs .wf-search-more {
    cursor: pointer;
    color: #009688;
    position: absolute;
    top: 15px;
    right: -50px
}

.wf-table .wf-table-header .wf-search-inputs .wf-search-keyword input {
    height: 30px;
    line-height: 30px;
    width: 200px;
    padding-right: 32px
}

.wf-table .wf-table-header .wf-search-inputs .wf-search-keyword button {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 0;
    cursor: pointer;
    background-color: #009688;
    color: #fff
}


.wf-tab .wf-tab-tool,.wf-tab .wf-tab-tool-body .wf-line {
    border-bottom: 1px solid #e2e2e2
}

.wf-tab-admin{
    margin-top: -1px !important;
}
.wf-tab-admin>.layui-tab-title{
    border-bottom: 1px solid #1AA094;
}
.wf-tab-admin>.layui-tab-title .layui-this {
    color: #000;
    background-color: #fff; 
}

.wf-table .wf-table-header .wf-search-btns .layui-btn {
    padding: 0 15px
}

.wf-table .wf-search-mored {
    width: 100%;
    height: auto;
    top: 51px;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 4px 7px -3px #ccc;
    position: absolute;
    margin-bottom: 10px;
    display: none
}

.wf-table .wf-search-mored .wf-search-body {
    padding: 10px 10px 45px
}

.wf-table .wf-search-mored .wf-search-footer {
    height: 50px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    text-align: right
}

.wf-tab,.wf-table .wf-table-body {
    position: relative
}

.wf-table .wf-search-mored .wf-search-footer .wf-btn {
    margin: 10px 5px;
    padding: 0 15px
}

.wf-table .wf-search-mored .wf-search-footer .wf-btn:last-child {
    margin-right: 15px
}

.wf-tab,.wf-table .wf-table-body .layui-table-view {
    margin: 0
}

.wf-tab .wf-tab-tool {
    position: absolute;
    width: 60px;
    height: 40px;
    top: 0;
    right: 10px;
    border-left: 1px solid #e2e2e2;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #e2e2e2
}

.wf-tab .wf-tab-tool:hover {
    background-color: #f3f3f3
}

.wf-tab .wf-tab-tool-body {
    position: absolute;
    top: 40px;
    right: 10px;
    width: 150px;
    border: 1px solid #e2e2e2;
    display: none;
    background-color: #fff
}

.wf-tab .wf-tab-tool-body ul {
    text-align: center;
    padding: 8px 0
}

.wf-tab .wf-tab-tool-body ul li.wf-item {
    line-height: 35px;
    cursor: pointer;
    color: #393D49
}

.wf-tab .wf-tab-tool-body ul li.wf-item:hover {
    background-color: #f3f3f3
}

.wf-tab .layui-tab-title {
    width: calc(100% - 71px);
    padding-right: 0;
    position: absolute
}

.wf-tab .layui-tab-content {
    margin-top: 40px;
    padding: 0
}

.wf-tab .layui-tab-content iframe {
    width: 100%;
    border: 0
}

.wf-layui-iframe{
    background-color: #FFFFFF;
}

.wf-layui-iframe-header{
	height:40px;
}

.wf-layui-iframe-side{
    margin-top:40px; 
    background-color: #FFFFFF;
}

.wf-layui-iframe-body{
    margin-top:40px;
    padding-right: 10px;
    margin-left: 5px;
    background-color: #FFFFFF;
}

.wf-layui-table{margin-top:5px;}

.layui-fluid-admin {
    padding: 15px;
}
.layui-layout-admin .layui-footer{
    background-color: #FFFFFF;
}

@media screen and (max-width:950px) {
    .wf-layout-admin .layui-body,.wf-layout-admin .layui-footer,.wf-layout-admin .layui-layout-left {
        left: 50px
    }

    .wf-layout-admin .wf-side {
        width: 50px
    }

    .wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item,.wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd {
        text-align: center
    }

    .wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item a,.wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a {
        padding: 0
    }

    .wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item a span,.wf-layout-admin .wf-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a span,.wf-layout-admin .layui-logo,.wf-side .layui-side-scroll .wf-side-fold {
        display: none
    }

    .wf-layout-admin .wf-logo-mobile {
        display: block;
        width: 50px
    }
}

.wf-article {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 1;
}

div#ztreeMenu {position:absolute; visibility:hidden; top:0;text-align: left;padding: 2px;}
.page-menu-right-context{box-shadow: 4px 5px 10px rgba(0,0,0,0.2);border-radius: 0;border: 1px solid rgba(0,0,0,0.1);background-clip: padding-box;
    z-index: 19999999;list-style-type: none;padding: 8px 0px;font-size: 1em;margin: 0;margin-left: 4px;
    position: fixed;-webkit-user-select: none;background-color: rgba(255,255,255,1);
}
/*.page-menu-right-context{display: none;}*/
.page-menu-right-context li{line-height: 25px;height: 25px;padding: 0 15px 0 20px;cursor: pointer;}
.page-menu-right-context li:HOVER:not(.menu-no){background-color: #DDDDDD;}
.page-menu-right-context li i{margin-right: 10px;font-weight: bold;font-size: 14px;}
.page-menu-right-context .menu-separator{height: 2px;line-height: 0;border-bottom: 1px solid #eee;margin: 2px 0 4px;}
.page-menu-right-context .menu-no{color: #DDD; cursor: default;}
.page-menu-right-context .menu-refresh i{color: #1575BF;}
.page-menu-right-context .menu-create i{color: #EDCA50;}
.page-menu-right-context .menu-shear i{color: #D867D8;}
.page-menu-right-context .menu-copy i{color: #0F75E2;}
.page-menu-right-context .menu-paste i{color: #CB2D01;}
.page-menu-right-context .menu-rename i{color: #5FB878;}
.page-menu-right-context .menu-delete i{color: #D80A1A;}
.page-menu-right-context-mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19999998; background-color: rgba(250, 250, 250, .1);}

.wf-red{color:red}

.wf-loading-background{cursor:progress;display: block; width: 100%; height: 100%; opacity: 0.0; filter: alpha(opacity=00); background:#fff; position: absolute; top: 0; left: 0; z-index: 3000;}
#loading{color:#666;font-size:12pt;position:absolute;z-index:3001;left:42%;top:40%;border:2px solid #1FB85B;width:auto;padding:8px 10px 7px 10px;background:#fff;display:none;cursor:pointer;-moz-border-radius:8px; -webwf-border-radius:8px; border-radius:8px; box-shadow:0 0 10px #ccc;}
#loading span{font-size:12pt;}


.layui-form[wid100] .layui-form-label {
    width: 100px;
}

.wf-tab .wf-tab-tool-admin{
    border-bottom: 1px solid #1AA094;
}

wblock{   
    margin-top:5px;
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    line-height: 22px;
    /* border-left: 5px solid #009688; */
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
}

.layui-icon-screen-full:before{content:"\e622"}.layui-icon-screen-restore:before{content:"\e758"}

.layui-form-pane .layui-form-item .layui-form-label{width:150px}
.layui-form-pane .layui-form-item .layui-input-block{margin-left:150px;}
.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:150px;}
#searchform .layui-form-item{margin-top:5px;margin-bottom:5px;}

.pull-right{float:right;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}
.pr0{padding-right:0px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}

.divider {
    border-color: #d6dce6;
}
.divider {
    clear: both;
    display: block;
    overflow: hidden;
    width: auto;
    height: 1px;
    padding: 4px 0 0 0;
    margin-bottom: 5px;
    border-style: dashed;
    border-width: 0 0 1px 0;
}

/* 防止下拉框的下拉列表被隐藏---必须设置--- */        
.layui-table-select .layui-table-cell {
       overflow: visible;
}
.layui-table-select .layui-table-box {
    overflow: visible;
}
.layui-table-select .layui-table-body {
    overflow: visible;
}
/* 使得下拉框与单元格刚好合适 */       
.layui-table-select .layui-table-body td .layui-form-select{
	margin-top: -10px;
	margin-left: -15px;
	margin-right: -15px;
}

.layui-card-dtree {
    position: absolute;
    max-height: 500px;
    height: 350px;
    overflow: auto;
    width: 100%;
    z-index: 123;
    display: none;
    border: 1px solid silver;
    top: 42px;
}
.btn-refresh{line-height: 1.6em;margin-top: 6px;float: right;height: 28px; width: 38px; padding: 0px 10px;}

fieldset{border:1px solid #e5e5e5;margin-top:10px;padding-top:10px;}
.layui-table-cell{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.layui-nav-child dd {margin-left: 10px;}
.layui-table-tool .layui-btn-xs {
    height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    font-size: 12px;
}
/*
.layui-table-tool{
	padding: 5px 15px;
    line-height: 40px;
    min-height: 40px;
}
*/
.layui-table-tool .layui-table-tool-self{top: 6px;}
.layui-table, .layui-table-view{margin: 0px 0px;}
/*.layui-laydate-range {
    width: 470px !important;
}*/
/*.layui-laydate-main {
    width: 232px !important;
}*/
/*
.laydate-set-ym span {
    padding: 0 2px !important;
}
.layui-layer-title{
	height: 40px !important;
    line-height: 40px !important;
}*/