@charset "UTF-8";
/*!
公共css样式
*/
p{
    margin:0;
    padding:0;
}
/***header***/
header .logo p{
    color:#fff;
}
.togglebtn{
    margin-right:7px ;
}
.sidebar-collapse .togglebtn{
    margin-right:12px;
}
.headertreeview li{
    padding-left:10px;
}
.headertreeview  > li > .treeview-menu a{
    padding-left:10px;
}
.headertreeview a{
    padding-left:8px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.headertreeview .menu-icon{
    position: absolute;
    left: 0;
    top: 9px;
}
.headertreeview>ul ul li a{
    padding-left:0px;
}
.skin-blue  .headertreeview{
    background: #FAFAFA;
    border-bottom: 1px solid #eeeeee;
}
#menuitems{
    float:right;
}

#menuitems ul li{
    width: auto;
    height: 65px;
    padding: 0 15px;

    text-align: center;
    /*margin-top:14px;*/

}
#menuitems ul li a{

    margin:0;
    /*width:75px;*/
    width: auto;
    height:65px;
    background: transparent !important;
    padding: 12px 10px;

}
#menuitems ul li a .iconclass{
    width:25px;float: left;height:35px;line-height:35px;
}
#menuitems ul li a  .icontext{
    width:auto;height:20px; font-size: 14px;color:#fff;padding-left: 1px;
}
#userimg  .rednum{
    color: #fff;
    display: block;
    font-size: 11px;
    border-radius: 100%;
    position: absolute;
    top: -11px;
    right: 4px;
    background: red;
    height: 12px;
    width: auto;
    line-height: 13px;
}
#menuitems ul li a i{

    margin:0;


    font-size: 20px;

    /*color:rgba(255,255,255,0);*/
    color:#fff;
}
#menuitems ul li {

}
#menuitems .fa-group,#menuitems .fa-calculator{
    padding:0;
    margin:0;

    font-size: 17px;
    /*line-height: 25px;*/
}
#navitemlist .fa-bar-chart{
    font-size:20px;
}
#menuitems ul li p{
    padding:0;
    margin:0;
    height:25px;
    line-height:20px;
    font-size:13px;

}
.showvertical ul li{
    background: #0d397a;
}

#menuitems ul  .showvertivalitem{
    display: none;
}
.showvertical ul  .showvertivalitem{
    display: block !important;
    color:#fff;
    text-align: center;
    line-height: 65px;
    font-size: 30px;
    background: transparent;
}
.showvertical ul .clicked{
    background-color: rgb(68,175,245) !important;
}
.showvertical ul li:hover{
    background-color: rgb(68,175,245) !important;;
}
#menuitems ul  .showvertivalitem:hover{
    color: rgba(255,255,255,0.8);
}
#menuitems ul .clicked{
    background-color: rgba(0,115,190,0.5);
}
#menuitems ul li:hover{
    background-color: rgba(0,115,190,0.5);
}
.showvertical{
    float: left !important;


}
.showvertical ul  li{
    display: none;
    float: none;
}
.hidevertical  ul  li{
    display: block !important;

}
#userimg{
    width:385px;
    height:65px;
    float:right;
    /*margin-top:20px;*/
    margin-left:20px;

}
#userimg  .floatdiv{
    float: left;
}
#userimg .arrow{
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-width: 11px;
}
#userimg  .arrow,  #userimg  .infocontent, #userimg  .arrow:after{
    display: none;
}
#userimg .hideinfo .arrow,  #userimg .hideinfo .infocontent , #userimg .hideinfo .arrow:after{
    display: block;
}
#userimg  .arrow:after {
    position: absolute;

    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 39px;
    margin-left: 25px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
    border-width: 10px;
}
#userimg  .infocontent{
    width: 214px;
    position: absolute;
    background: #fff;
    top: 59px;
    left: -94px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 5px 5px 5px;
}
#userimg  .infocontent p{
    line-height: 20px;
    word-wrap: break-word;
    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;
}
#userimg  .floatdiv  span{
    padding: 0px  10px;
    border-right: 2px solid rgba(0,0,0,0.1);
    display: block;
    width: 45px;
    height: 25px;
    margin-top: 20px;
    line-height: 25px;
    font-size: 20px;
    color:#fff;
    cursor: pointer;
}
#userimg .img{
    width:45px;
    height:65px;
    float: left;
}
#userimg img{
    width:38px;
    height:38px;
    border-radius:30px;
    border:1px solid #ddd;
    border-color:rgba(68,175,245,0.5);
}
#userimg .userinfo{
    float: left;
    width:125px;
    height:65px;
    text-align: center;
    font-size:14px;
    color:#fff;
    padding-top: 15px;
}
#userimg .userinfo span{
    margin:0px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#userimg .logout{
    width:40px;
    height:65px;
    font-size:20px;
    line-height:60px;
    float:left;
    text-align: center;
    cursor:pointer;
    color:#fff;
    line-height: 65px;
}
#userimg .logout:hover{

    color:blue;
}
header{
    background-image: url(../img/top.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#tab-menu a{
    color:#333333 !important;
    font-size:13px;
    background: #fff !important;
    border-right:1px solid #e6e6e6;
    border-top:2px solid transparent;

}
#tab-menu .active{
    position: relative;
    background:#f3f4f9 !important;
    border-top: 2px solid #00aeff;
    /* top: 5px; */
    height: 42px;

}
#tab-menu .active .iconlabel {

    color:#00aeff;
}

#content-wrapper .content-tabs{
    /*height:50px;*/
    height: 40px;
}
#content-wrapper .content-tabs .roll-left,#content-wrapper .roll-right{
    /*margin-top:7px;*/
    /*border-top:1px solid #e6e6e6;*/
    position:absolute;
    /*top:3px;*/
    border-bottom: none;
}
#tab-menu{
    /*margin-top:7px;*/
    /*height:42px;*/
    height: 40px;
}
#tab-menu a .page_tab_close{
    margin-left:10px;
}
#leftbar .user-panel{
    height:40px;
    border-bottom: 2px solid #E1E1E1;
}
#menebutton{
    color:#4d4d4d;
    position:absolute;
    right:3px;
    width:15px;
    height:30px;
    line-height:23px;
    text-align: right;
    font-size:15px;
}
.iconlabel{
    margin-right:5px;
}
.skin-blue  .headertreeview{
    font-size:14px;
    background:#fff;
}
#timeclock{

    font-size: 12px;
}
.dropdown-menu{
    z-index:2000;
}
#leftmenu .title{
    padding-left: 3px;
}
/**************skin-blue************************/
.skin-blue header{
    /*background-image: url(../img/top.png);*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    background: #44aff5;
}
.skin-blue #leftmenu {
    background: #fff;
}
.skin-blue .sidebar-menu a{
    color:#676767;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #00aeff;
    background: #fafafa;
    border-left-color: #00aeff;
}

.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {
    color: #55b6f4;
}
.skin-blue #tab-menu a{
    color:#95a0ae;
    font-size:13px;
    background: #fff !important;
    border-right:1px solid #e6e6e6;
    border-top:2px solid transparent;

}
.skin-blue #tab-menu .active{
    position: relative;
    background:#f3f4f9 !important;
    border-top: 2px solid #00aeff;
    /* top: 5px; */
    height: 42px;

}

.skin-blue #tab-menu .active .iconlabel {

    color:#00aeff;
}

/******************skin1*********************/
.skin1  header{
    /*background-image: url(../img/top.png);*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    background: #183983;
}
.skin1  #leftmenu {
    background: #fff;
}
.skin1 .sidebar-menu a{
    color:#676767;
}
.skin1 .sidebar-menu>li:hover>a{
    color: #183983;
    background: #fafafa;
    border-left-color: #183983;
}

.skin1 .treeview-menu>li>a:hover , .skin1 .treeview-menu>li.activeli>a, .skin1 .sidebar-menu>li.activeli>a{
    color: #183983;
    font-weight:bold;
}
.skin1 #tab-menu a{
    color:#95a0ae;
    font-size:13px;
    background: #fff !important;
    border-right:1px solid #e6e6e6;
    border-top:2px solid transparent;

}
.skin1 #tab-menu .active{
    position: relative;
    background:#f3f4f9 !important;
    border-top: 2px solid #00aeff;
    /* top: 5px; */
    height: 42px;
    font-weight: bold;
    color: #183983 !important;
}

.skin1 #tab-menu .active .iconlabel {
    font-weight: bold;
    color:#183983;
}
/*****************************************/

#leftmenu .treeview-menu .title{
    font-size: 13px;
}
.tab_iframe{
    vertical-align: bottom;
}
.sidebar-menu > li > a > .fa {

    margin-left: 5px;
}
#leftmenu i{
    font-size: 15px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > span{

    left: 53px !important;
}


.table_categorylist,  .table_categoryitem{
    height:auto;
    width:100%;
    line-height: 100%;

}
.table_categorylist .table_categoryitem{
    border-bottom: 1px solid #ddd ;
    display: table;


}
.table_categorylist .table_categoryitem:last-child
{
    border-bottom: 1px solid transparent;
}
.table_categorylist .table_category1{
    height:100%;
    width:20%;
    line-height: 100%;
    display: table-cell;
    vertical-align:middle;
    border-right: 1px solid #ddd;
}
.table_categorylist .table_category2{
    width:80%;
    height:100%;
    display: table-cell;
}
.table_categorylist .table_cat2item{
    width:100%;
    border-bottom: 1px solid #ddd ;

}
.table_categorylist .table_cat2item:last-child{
    border-bottom:none ;
}
.table_categorylist .table_cat2item  .table_catvalue{
    width:25%;
    height:40px;
    display: inline-block;
    line-height: 40px;
    border-right: 1px solid #ddd;

}
.table_categorylist .table_cat2item  .table_catvalue:last-child{
    border-right: none;
}
.ui-jqgrid tr.jqgrow td{

    min-height:38px;

}
.table_categorylist .table_deletebtn{
    color:#44AFF5; display:inline-block;height:30px; line-height:30px;padding:0 10px;cursor:pointer;
}
.table_categorylist .table_editbtn{
    color:#44AFF5; display:inline-block;height:30px; line-height:30px;border-right:1px solid #ddd;padding:0 10px;cursor:pointer;
}




#sopt_menu {
    position: absolute;
    z-index: 1066;
    background: #fff;
}
#sopt_menu .ui-menu-item{
    list-style-image: none;
    padding: 3px;
}
#sopt_menu .ui-state-hover{
    list-style-image: none;
    border:none;
    background: #4d4d4d;
}
#showskinborder{
    display: none;
}
#showskinborder .skinitem{

    width:100%;
    padding:5px;
    text-align: center;
}
#showskinborder .skinitem:hover{
    background: #0f74a8;
}
#showskinborder .skinitem img{
    width:80%;
    height: auto;
}
.showskinborder{
    display: block !important;
    width:200px;
    height:calc(100% - 70px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    right:0px;
    top:65px;
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    z-index: 10;
    animation:skinremove 1s ;
    -webkit-animation:skinremove 1s ;
}
@keyframes skinremove
{
    from {right:-200px;}
    to {right:0px;}
}

@-webkit-keyframes skinremove /*Safari and Chrome*/
{
    from {right:-200px;}
    to {right:0px;}
}


/*********布局样式***********/


.page{
    min-height: calc(100vh - 40px);
    width: 100%;
    padding: 0px 15px 15px 15px;
    background-color: #fff;
    border-radius: 6px;
}
.page .page-container{
    /*height: calc(100% - 40px);
    overflow-y: auto;*/
}
.page2{
    padding: 0;
}
.tableBox{
    /*height: calc(100% - 60px);*/
    /* padding-top: 18px; */
    overflow: hidden;
}

.page-container::before{
    content: '';
    display: block;
    clear: both;
    zoom: 0;
}

.page2 .page-container>div,.page3 .page-container>div{
    height: 100%;
}
.page2-left,.page3-left{
    padding: 0;
    height: 100%;
    background-color: #f3f4f9;
}
.page2-left>div,.page3-left>div{
    padding:20px 15px;
    padding-bottom: 0;
    background-color: #fff;
    margin-right: 9px;
    height: 100%;
}
.page2-right,.page3-right{
    padding: 0;
    background-color: #f3f4f9;
}
.page2-right>div,.page3-right>div{
    padding:20px 15px ;
    padding-bottom: 0;
    background-color: #fff;
    margin-left: 9px;
    height: 100%;
}
@media (max-width: 991px){
    .page2-left,.page3-left{
        padding:0;
    }
    .page2-right,.page3-right{
        padding:0;
        margin-top: 20px;
    }

}


.page3-left .tableBox{
    height: 100%;
    margin: 0;
}

.iframeBox{
    border: 18px solid #f3f4f9;
    padding: 0;
}


#page3-rbtn, #page2-rbtn, #page2-lbtn, #page-btn {
    width: 50%;
}

#page3-rbtn {
    text-align: right;
}

.page3-rt, .page-t, .page2-lt, .page2-rt {
    height: 34px;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.page .ui-jqgrid .ui-jqgrid-pager{
    height: 100px !important;
    background: #fff !important;
    padding: 35px !important;
}



.page3-rt,.page-t,.page2-lt,.page2-rt{
    height: 34px;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.searchBox{
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    line-height: 34px;
}
.csmbackdrop{
    display: none;
}
.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    text-align: left;
    margin: 0px;
    padding: 0px;
    /*overflow: auto;*/
}
#inpstart_border input,#inpend_border input{
    line-height: 30px;
}

#page3-rbtn,#page2-rbtn,#page2-lbtn,#page-btn{
    padding-right: 510px;
    width: 100%;
}

.select2.select2-container.select2-container--default{
    width:100% !important;
}



.searchBox .btn-info{
    background-color: #183883;
    border-color: #183883;
}


.modal-sm .modal-content .modal-header{
    background-color: #d1d7e7;
    color: #364674;
}

.modal-sm .modal-content .modal-body{
    text-align: center;
    padding: 30px 15px;
}
.modal-sm .modal-content .modal-footer{
    text-align: center;
}
.modal-sm .modal-content .modal-footer button:last-child(1){
    margin-right: 0;
}
.bootbox.modal.fade.bootbox-confirm{
    display: flex;
    justify-content: center;
    align-items: Center;
}

.bootstrap-switch-container{
    width: 178px !important;
}

.scroll.ui-state-default.ui-jqgrid-pager.ui-corner-bottom {
    height: 35px !important;
    padding: 6px !important;
}
body .ui-icon.treeclick.ui-icon-plus.tree-plus,body .ui-icon.treeclick.ui-icon-minus.tree-minus{
    border: 1px solid #b9c9d3;
    top:3px;
    border-radius: 4px;
    color: #b9c9d3;
}
body .ui-icon.ui-icon-minus{
    border: 1px solid #b9c9d3;
    border-radius: 4px;
    color: #b9c9d3;
}
body .ui-icon.ui-icon-plus{
    border: 1px solid #b9c9d3;
    border-radius: 4px;
    color: #b9c9d3;
}



.inputborder .btn{
    position: absolute;
    right: 19px;
    top: -0.6px;
    padding: 6.6px 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #eeeeee;
}



body div .ui-icon.ui-icon-plus {
    background-position-x: -16px;
    background-position-y: -129px;
}

body div .ui-icon.ui-icon-minus {
    background-position-x: -48px;
    background-position-y: -129px;
}

.subgrid-cell span.ui-icon-radio-off{
    display: none;
}
.ui-subgrid .ui-jqgrid-view{
    border: none;
}

.subgrid-cell span.ui-icon.ui-icon-carat-1-sw{
    display: none;
}


/* .ui-jqgrid-btable tr:nth-child(even){
    background-color: #f5f6fb;
}
.ui-jqgrid-btable tr:hover{
    background-color:rgb(255, 244, 229);
} */




.csmmodal-body{
    background-color:#FFF;
}
.table_categoryitem_select{
    background:#f6e7d5;
}


.formstyle .column-1 tr td .yyn-radio label {
    width:auto;
}