body {
    font-family: "Microsoft Yahei", "WenQuanYi Micro Hei",'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.page-nav-title small {
    margin-top: 5px;
    display: inline-block;
    color: #777;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
}
.content-header-btn {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 0px 5px;
    margin-left: 5px;
}
#sidebar-menu img{
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.pagination>li>a, .pagination>li>span{
    padding: 3px 10px;
}

.listpageHeadRight style{
    max-width: 120px;
    margin-bottom: 5px;
}
.listpageHeadRight input{
    max-width: 120px;
    margin-bottom: 5px;
}
.listpageHeadRight button{
    float: right;
    margin-left: 10px;
}

table tr{
    white-space: nowrap;
}
table .btn-group{
    white-space: nowrap;
}
table .btn-group .btn{
    margin-bottom: 5px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #3477e5;
}
.page-title{
    line-height: 50px;
    margin-bottom: 0;
}

.subdrop{
    background: transparent;
}
.a-iframe.subdrop{
    background: rgba(0,0,0,.2)!important;
}


.ztree li a:hover{
    text-decoration: none;
}
.ztree li a.curSelectedNode{
    background-color: transparent;
    border: none;
    color: #3477e5;
    height: 17px;
}
.ztree li{
    position: relative;
}
.ztree li span.button.add{
    position: absolute;
    right: 40px;
}
.ztree li span.button.edit{
    position: absolute;
    right: 20px;
}
.ztree li span.button.remove{
    position: absolute;
    right: 0px;
}

.ztree li span.button.roots_open,.ztree li span.button.bottom_open,.ztree li span.button.center_open,.ztree li span.button.root_open{
    background-image: none;
}
.ztree li span.button.roots_open:before,.ztree li span.button.bottom_open:before,.ztree li span.button.center_open:before,.ztree li span.button.root_open:before{
    display: inline-block;
    font: normal normal normal 14px/1 'Material Design Iconic Font';
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    padding-left: 2px;
    padding-top: 2px;
}


.ztree li span.button.roots_close,.ztree li span.button.bottom_close,.ztree li span.button.center_close,.ztree li span.button.root_close{
    background-image: none;
}
.ztree li span.button.roots_close:before,.ztree li span.button.bottom_close:before,.ztree li span.button.center_close:before,.ztree li span.button.root_close:before{
    display: inline-block;
    font: normal normal normal 14px/1 'Material Design Iconic Font';
    font-size: inherit;
    speak: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0fb";
    padding-left: 2px;
    padding-top: 2px;
}



.ztree li span.button.add{
    background-image: none;
}
.ztree li span.button.add:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f055";
    font-size: 13px;
}
.ztree li span.button.edit{
    background-image: none;
}
.ztree li span.button.edit:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f044";
    font-size: 13px;
}
.ztree li span.button.remove{
    background: none;
}
.ztree li span.button.remove:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f014";
    font-size: 13px;
}

.panel{
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.layui-table-tips-c {
    padding: 0;
    line-height: 20px;
    text-align: left;
    padding-left: 0px;
    right: -8px;
}

.layui-table-tips-main::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0;
}


.layui-table-body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.layui-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #F2F2F2;
    background: #535353;
}
.layui-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px #F2F2F2;
    border-radius: 10px;
    background: #EDEDED;
}


#manIframe{
    display: block;
    border: none;
    width: 100%;
}

/** 样式重写 */
.topbar .topbar-left{
    background: #fff!important;
}
.navbar-default{
    background: #fff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.navbar-default{
    color: #333!important;
}
.nav > li > a{
    color: #333!important;
}
.logo{
    color: #333!important;
}
.side-menu.left{
    background: #202D40;
    box-shadow: none;
}
#sidebar-menu{
    background-color:#202D40;
}
#sidebar-menu > ul > li > a{
    color: #FCFCFD;
}
#sidebar-menu > ul > li.handle-book > a{
    display: block;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    font-size: 12px;
    padding: 0px 5px;
    margin-left: 5px;
    margin: 10px;
    line-height: 40px;
}
#sidebar-menu a:hover{
    background: rgba(0,0,0,.2)!important;
    /*color: #FCFCFD!important;*/
}

.bottomConsoleBox{
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    clear: both;
    z-index: 10;
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    transition: right .5s;
    -webkit-box-shadow: 0 -3px 5px #eee;
    box-shadow: 0 -3px 5px #eee;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 10px;
}
.bottomConsoleBox .btn{
    min-width: 200px;
}

.animationload {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
.loader {
    width:200px;
    height:200px;
    font-size:0;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url("../images/loader.gif"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.iframeSelectBtn{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    background: #40BBF6;
    color: #fff;
}
.iframeSelect .iframeSelectBtn{
    display: block;
}
.iframeSelect .iframeSelectBtn:hover{
    cursor: pointer;
}

.adminPageNav,.navbar-default{
    border-bottom: 1px solid #dadfe6;
    box-shadow: none;
}

.iframeSelect .adminPageNav{
    display: none;
}
.iframeSelect .topTitle{
    display: none;
}
.iframeSelect .editBox{
    display: none;
}
.iframeSelect .consoleBox{
    display: none;
}


.listpageHead .selectItemList{
    background: #F8F8F8;
    padding: 10px;
    border: solid 1px #EEEEEE;
    margin-bottom: 10px;
}
.listpageHead .selectItemList .selectItem{
    display: inline-block;
    border: solid 1px #EEEEEE;
    background: #FFF8E9;
    font-size: small;
    line-height: 25px;
    padding-left: 5px;
    margin-right: 5px;
}
.listpageHead .selectItemList .selectItem b{
    font-weight: 400;
}
.listpageHead .selectItemList .selectItem i{
    display: inline-block;
    border-left: dashed 1px #EEEEEE;
    margin-left: 5px;
    width: 25px;
    text-align: center;
}
.listpageHead .selectItemList .selectItem i:hover{
    cursor: pointer;
}