.page-header-fixed{
    background-color: #fff !important;
}
.page-content {
    /* min-height:1099px;*/
    margin-left:225px !important;
    margin-top:0;
    background-color: #fff;
    padding:25px 0 0 0 !important;
}
.page-sidebar ul{
    list-style:none;
}
.page-sidebar{
    position: absolute;
    width: 225px;
    background-color: #fff;
}

ul.page-sidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
}
.page-sidebar{
    padding:0;
}
.page-header{
    margin:0;
}
ul.page-sidebar-menu > li{
    display:block;
}
ul.page-sidebar-menu > li.open >a ,ul.page-sidebar-menu > li.open >a:hover ,ul.page-sidebar-menu > li:hover >a {

}
ul.page-sidebar-menu > li >a {
    display: block;
    position: relative;
    margin-top: 20px;
    border: 0px;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    color:#fff;
}
ul.page-sidebar-menu > li > ul.sub-menu {
    display:block;
    list-style: none;
    clear: both;
    margin: 8px 0px 8px 0px;
}
ul.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
    background-color:#f4f4f4 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    padding-left: 72px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
    color:#3592E6 !important;
}
.count-area  .list-group .list-group-item{
    float:left;
}
.count-area{
    padding-left:0;
}
.count-area ul{
    height:50px;
    margin-bottom: 0
}
.header .navbar-inner{
    background-color: #61CDDD ;
    width:100%;
    height:50px;
}
.page-header-fixed .page-container{
    margin-top:30px;
}
.page-content .breadcrumb{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 0px;
    padding-left: 8px;
    margin-bottom:0px;
    border: 0px !important;
    background-color: #eee;

}
.breadcrumb{
    padding: 8px 15px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>.active {
    color: #777;
}
.form-control{
    margin-right:10px;
}
.select-start-date , .select-end-date{
    width:100px !important;
}
.count-area .list-group >li:not(:first-child){
    background-color:#F0F0F0;
    border-radius: 3px;
    margin-right:5px;
    padding:7px 10px;
    cursor: pointer;
}
.count-area-title{
    border:none;
    margin-left:15px;
}
.bs-select{
    width:100px !important;
}
.look-area .form-group > label, .look-order-area >label , .look-class-area >label{
    font-weight: normal;
}
.look-order-area{
    margin-left:30px;
}
.look-order-area input{
    border-radius:3px !important;
}
.search-but{
    display: table;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
    padding:8px 12px;
}
.titan-bread-crumb .page-bar{
    margin: -25px -20px 15px 0px!important;
    padding:0px !important;
}

.page-sidebar .sidebar-toggler {
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 15px;
    margin-left: 175px;
    width: 29px;
    height: 41px;
    background-repeat: no-repeat;
}
ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li.active > a {
    background: #fff !important;
    border-top-color: transparent !important;
    color: #4f4f4f !important;
}
ul.page-sidebar-menu > li.active > a {
    border: none;
    text-shadow: none;
}
ul.page-sidebar-menu > li > a {
    border-top: 1px solid #5c5c5c !important;
    color: #ffffff !important;
}
ul.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}
.select-checked{
    background-color: lightsteelblue !important;
    color:#fff;
}
.select-checked-normal{
    background-color:#f0f0f0 !important;
}
.pagination {
    position: relative;

}
.pagination li{
    display: inline-block;
    margin:0 5px;
}
.pagination li a{
    padding:.5rem 1rem;
    display:inline-block;
    border:1px solid #ddd;
    background:#fff;

    color:#0E90D2;
}
.pagination li a:hover{
    background:#eee;
}
.pagination li.active a{
    background:#0E90D2;
    color:#fff;
}
.page-footer {
    margin-left:225px !important;;
}
.page-sidebar .page-sidebar-menu li.active>a>.arrow:before , .page-sidebar .page-sidebar-menu li.active>a>.arrow:after{
    color:#000;
}
.page-sidebar .page-sidebar-menu>li.active>a>i{
    color:#000;
}
.search-time{
    float:right;
    margin-right:35%;
}
.check-area-value{
    margin-left:0;
    margin-top:5px;
}
.check-area-value input{
    border-radius:3px !important;
}
.order-con{
    padding-left:0;
    margin-top:20px;
}
.order-con form{
    margin-top:10px;
}
.show-data-list{
    margin-top:10px;
    height:65px;
}
.s-button1{
    float:left;
    margin-left:40%;
    border-radius: 3px !important;
}
.s-button2{
    float:left;
    border-radius: 3px !important;
}
.clear-but{
    margin-right:25%;
}
.clear-but button{
    width:10%;
    background-color:#989898;
    border:none;
    border-radius:3px !important;
}
.down-data{
    height:50px;
}
.down-data button{
    width:10%;
    background-color:#989898;
    border:none;
    border-radius:3px !important;
    float:right;
    cursor:pointer;
}
.loading-img{
    top:25%;
    text-align:center;
    padding-top:70px;
}
.loading-img img{
    width:37px;
}
.list-no-data{
    border-top:1px solid #f0f0f0;
}
.list-no-data div{
    text-align:center
}
.list-no-data img{
    width:25px;
    padding-top:50px;
}
.page-con{
    position:absolute;
    right:1%;
    bottom:2%;
}
.global-width{
    width:100px !important;
}
.oper-button span{
    background-color: #5DACE3;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    border-radius: 3px !important;
    cursor:pointer;
}
.modal-project-ul ul{
    list-style:none;
}

.modal-project-ul ul li{
    height:45px;
}

.modal-project-ul ul li label{
   float:left;
}
.modal-project-ul ul li span{
   float:right;
   margin-right:280px;
}
.modal-project-cancel-but{
    background-color:#EBEBEB;
    border-radius: 3px !important;
    border:none;
}
.modal-project-cancel-sub{
    background-color:#5DACE3;
    border-radius: 3px !important;
    color:#fff !important;
    border:none;
}
.modal-project-title{
    background-color:#5DACE3;
    color:#fff !important;
    padding:10px !important;
    margin-bottom: 15px;
}
.modal-project-ul input{
    width:140%;
}
.auth-title{
    margin-top:20px;
}
.auth-tree-nav ul{
    list-style:none;
    background-color:#EBF5FF;
    padding:10px;
}
.auth-tree-nav ul li{
    line-height: 2.5;
    text-align: center;
    cursor:pointer;
}
.auth-tree-nav ul li:last-child{
    border-bottom: none;
}
.role-title-nav{
    width: 100%;
    background-color: #5DACE3;
    line-height: 3;
    color: #fff;
    height: 40px;
    padding-left: 15px;
}
.role-title ul{
    list-style:none;
}
.role-title ul li{
    line-height:2;
}
.role-new{
    float: right;
    margin-right: 20px;
    cursor:pointer;
}
.select-pro{
    background-color: #4E5E6C;
    border-radius: 15px !important;
    color:#fff;
}
.auth-button{
    background-color: #5DACE3;
    color: #fff;
    padding: 6px;
    border-radius: 3px !important;
    cursor:pointer;
}
.auth-add-pages ul{
    list-style: none;
}
.auth-add-pages ul li{
    height:45px;
    line-height:2.5;
}
.auth-add-pages ul li label{
    width: 200px;
    float:left;
}
.auth-add-pages ul li span{
    float:left;

}
.dept-ul-edit ul li span{

}
.user-log-base{
    float: left;
    width: 150px;
    height: 100px;
}
.user-log-base-ul{
    float: left;
    width: 202px;
    margin-left: 0px;
    padding-left: 15px;
}
.modal-project-ul-log ul{
    list-style: none;
}
.modal-project-ul-log {
    width:100%;
}
.modal-project-ul-log , .user-log-base-log-right ul li label{
    float:left;
}
.modal-project-ul-log , .user-log-base-log-right ul li span{
    float:right;
    margin-right:0;
}
.user-log-base-log-right{
    float: right;
    width: 200px;
}
.menuTree{ margin-left:-30px;}
.menuTree div ul{ overflow:hidden; display:none; height:auto;}
.menuTree span{ display:block; height:27px; line-height:27px; padding-left:5px; margin:1px 0; cursor:pointer;color:#9BA3AD;}
.menuTree span:hover{ color:#fff;}

.menuTree a{ color:#9BA3AD;font-size:12px;}
.menuTree a:hover{color:#fff;}
.btn{ height:30px; margin-top:10px; }
.menuTree div ul div {
    line-height: 2;
}
.uc-page-nav{
    height: 47px;
    background-color: #ADD8E6;
    color: #fff;
    line-height: 3;
    text-align: center;
    margin-bottom: 40px;
    font-size:16px;
}
.uc-page-nav span{
    margin-right: 26px;
    padding:5px;
    border-radius: 3px !important;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    color: #959495;
}
.role-ul-li-hover :hover{
    background-color:#f2f2f2;
}
.user-work-break{
    width:250px;
    word-break:break-all;
}
.user-list-button{
    background-color:#5dace3
}
.user-list-no-button{
    background-color:#999999 !important;
}
.welcome-page{
    background: url("/web/apps/img/WechatIMG4.jpeg") center center no-repeat;
}
.dept-add-ul{
    width:800px;
}
.dept-ul-li-select{
    min-width:50px;
    max-width:130px;
}
.user-list-nav-span{
    background-color:#5dace3;
    color:#fff;
}
.user-list-search-but{
    margin-right:200px;
    margin-left:0;
    line-height:1 !important;
    float:right;
    width:8%;
    margin-top:1px;
}

/*批量绑定用户 modal*/
.batch-bind-modal .bind-dialog {
    width: 800px;
}
.batch-bind-modal .modal-body {
    max-height: 680px;
    overflow: auto;
}
.batch-bind-modal .email-textarea {
    width: 562px;
    height: 198px;
    max-width: 760px;
    min-width: 300px;
}

/* 加载 loading */
.loading-overlay {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition-duration: 0.3s;
    width: 100%;
    z-index: 10051;
    visibility: visible;
}
.loading-overlay .loading {
    background: #fff url(../../img/loading-gray-2-48x48.gif) no-repeat scroll center center;
    border-radius: 5px !important;
    height: 68px;
    left: 50%;
    margin: -34px 0 0 -34px;
    position: absolute;
    top: 50%;
    width: 68px;
    z-index: 11000;
    padding: 40px;
}

.user-model-login{
    margin:300px auto;
    width:650px;
}
.user-list-info-img{
    width:150px;
    height:120px;
}
.user-list-role-but-back{
    float:left;
    margin-left:70%;
    width:14%;
    line-height:1 !important;
}
.user-list-role-sub{
    float:right;
    width:10%;
    line-height:1 !important;
}
.role-new-span{
    background-color:#5dace3;
    color:#fff;
}
.role-hove-div{
    margin-top: 5px;
    margin-right: 15px;
    width: auto;
    float: left;
}
.role-oper-edit-del{
    display:none;
    padding-top:5px;
}
.role-oper-edit-del .operate-btn {
    color: #337ab7;
    cursor: pointer;
}
.role-oper-edit-del .operate-btn:hover {
    text-decoration: underline;
}
.role-oper-edit-del>a::after, .role-oper-edit-del>span:not(:last-of-type)::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: black;
    display: inline-block;
    position: relative;
    top: 1px;
    left: 4px;
    margin-right: 5px;
}
.padding-right-zero{
    padding-right:0
}
.padding-left-zero{
    padding-left:0
}
.project-list-but{
    line-height:1 !important;
    width:100px !important;
}
.auth-list-search-but{
    background-color: #337ab7;
    border-radius:3px !important;
    border:none;
    color:#fff;
}
.role-hove-span-padding{
    padding-left:15px;
}
.but-click-no-no{
    background-color:#989898;
}
#side-list{
    background-color: #394559;
}
#dept-tree {
    list-style: none;
}
#dept-tree ul{
    list-style: none;
}
#dept-tree ul li{
    margin-top:0px;
}
#dept-tree ul li ul{
    margin-top:0px;
}
#dept-tree ul li ul input{
    margin-right:10px;
}

.auth-right-tag{
    width:80px;
    word-break:break-all;
}
.auth-right-route{
    width:80px;
    word-break:break-all;
}
.auth-right-con{
    width:100px;
    word-break:break-all;
}
.treeview ul li{
    /*width:230px;
    word-break: break-all;*/
}
.pro-nav{
    width:10%;
}
.pro-nav ul li{
    width:100%;
    word-break:break-all;
}
.selectTreeIds{
    background-color:#5DACE3;
    color:#fff
}
.selectTreeIds:hover{
    background-color:#5DACE3 !important;
    color:#fff
}
.user-show-list{

    margin-bottom:90px;
}
.auth-add-entry{
    float: left !important;
    margin-left: 57px;
    margin-right:0 !important;
}
.auth-add-key{
    margin-right:35px !important;
    margin-top:6px;
}
.side-icon-cla{
    margin-right:5px;
}
.uc-quit{
    margin-top: 14px;
    margin-right: 12px;
    color: #fff;
    cursor: pointer;
}
.auth-model-add{
    width:680px !important;
}
.auth-add-ul ul li span{
    margin-right:195px ;
}
.auth-add-ul input{
    width:290px;
}
.auth-getPost input{
    width:24px;
}
.user-tree li{
    height:30px;
}
.user-list-tree-li{
    margin-left:30px;
}
#data-tree ul{
    list-style: none;
}
#data-tree ul li{
    margin-top:6px;
}

.auth-edit-entry{
    float: left !important;
    margin-left: 57px;
    margin-right:0 !important;
}




.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:29px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px !important;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}