/*---ȫ������---*/
body,html { padding: 0 !important; margin: 0 !important; font-family: "Microsoft YaHei", ΢���ź�, "Microsoft JhengHei", ����ϸ��, STHeiti, MingLiu, serif; overflow: auto; }
ul li { list-style: none; }
a, a:hover, a:focus { text-decoration: none; outline: none; }
.current { color: #FF6C60; }
/*---����---*/
.error-wrapper { text-align: center; margin-top: 10%; }
    .error-wrapper h1 { font-family: ΢���ź�,����, 'New York'; font-size: 60px; font-weight: 300; margin: -50px 0 0 0; }
    .error-wrapper h2 { font-family: ΢���ź�,����, 'New York'; font-size: 20px; font-weight: 300; margin: 0 0 30px 0; }
    .error-wrapper p, .error-wrapper p a { font-size: 18px; font-weight: 300; }
.error-wrapper { color: #7dfff7; }
    .error-wrapper p.page-500 a, .error-wrapper p.page-500 a:hover { color: #fff; }
.body-500 { background: #8075c6; color: #fff; }
.error-wrapper p.page-500 { color: #afa5f1; }
.error-wrapper .icon-500 { background: url("../img/404_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-left: 55px; }
/*---���˵�---*/
.data-section { height: auto; width: 100%; }

.nav-collapse.collapse { display: inline; }
ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; }
ul.sidebar-menu { margin-top: 90px; }
    ul.sidebar-menu li ul.sub li { background: #35404D; margin-bottom: 0; margin-left: 0; margin-right: 0; }
        ul.sidebar-menu li ul.sub li:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
        ul.sidebar-menu li ul.sub li a { font-size: 13px; padding: 0 0 0 32px; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
            ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #FF6C60; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
    ul.sidebar-menu li { line-height: 20px !important; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; }
        ul.sidebar-menu li.sub-menu { line-height: 15px; }
        ul.sidebar-menu li a span { display: inline-block; }
        ul.sidebar-menu li a { color: rgb(255, 255, 255); text-decoration: none; display: block; padding: 15px 0 15px 10px; font-size: 15px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
            ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #35404d; color: #fff; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
            ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; }
            ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #FF6C60; }
        ul.sidebar-menu li.active a i { color: #FF6C60; }

/*---�������---*/
.panel-main { margin: 20px 0 0 0; }
    /*---��ҳ---*/
    .panel-main > .panel-pagination { margin: -15px 0 0 0; }
    /*---�˵�---*/
    .panel-main > .panel-Menu { height: 40px; margin: 10px 5px 5px 5px; }
        .panel-main > .panel-Menu .panel-select { width: 240px !important; margin: 0 20px 0 20px !important; }
    /*---��---*/
    .panel-main .panel-tree { height: 600px !important; overflow-y: auto; }
        .panel-main .panel-tree .tree-show { margin: 0 0 0 -25px; }
    /*---Ȩ�����---*/
    .panel-main .panel-role { height: 600px !important; }
        .panel-main .panel-role .role { height: 115px; width: 850px; }
            .panel-main .panel-role .role .role-margin { margin: 10px 0 0 0; }
                .panel-main .panel-role .role .role-margin .role-default { margin: -5px 0 0 22px; }
                    .panel-main .panel-role .role .role-margin .role-default li { margin: 0 15px 0 0; }
                        .panel-main .panel-role .role .role-margin .role-default li input { margin-left: 5px; }
                .panel-main .panel-role .role .role-margin .role-select li { margin: 0 0 0 40px; }
                    .panel-main .panel-role .role .role-margin .role-select li select { height: 32px; width: 100px; }
/*---����---*/
.angular-table { margin: -35px -15px 0 -15px; }

@media screen and (min-width:1900px) {
    .angular-table > .angular-table-tbody { height: 710px; overflow-y: auto; margin: -21px 0 0 0; }
}

@media screen and (min-width:1500px) {
    .angular-table > .angular-table-tbody { height: 510px; overflow-y: auto; margin: -21px 0 0 0; }
}

@media screen and (min-width: 960px) and (max-width: 1399px) {
    .angular-table > .angular-table-tbody { height: 410px; overflow-y: auto; margin: -21px 0 0 0; }
}
/*---������---*/
.Pop { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; }
.wrapper { display: inline-block; margin-top: 5px; padding: 15px; width: 100%; }
/*---CheckManget---*/
#department-select{
     height:34px;
    line-height:34px;
}
#department-select div{
    display:inline-block;
    width:200px;
    height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;   
}
#person-select{
    height:34px;
    line-height:34px;
}
#person-select div{
    display:inline-block;
    width:200px;
    height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;   
}
#department .panel{ 
   margin-top:10px;   
   height:280px;  
   overflow:auto; 
   cursor:pointer;
}
#personnel .prebtm{    
   height:400px;
   overflow:auto;
   cursor:pointer;
}
#personnel .prebtm:nth-child(2){    
  margin-left:10px;
}
#personnel .search{
  padding-top:10px;
}
#personnel .search input{
    height:30px;
    width:200px;
}
#departm{
    width:200px;
}
#showData div{
    float: left;
    /* display:inline-block; */
    margin: 6px 6px 0 0;
}
@media only screen and (max-height: 780px){
    #table-bord #cont{
        height:350px;
        overflow:auto;
    }
}
@media only screen and (min-height: 780px){
    #table-bord #cont{
        height:660px;
        overflow:auto;
    }
}
#table-bord table thead tr th{
    border-right:1px solid rgb(221, 221, 221);
    vertical-align:middle;
}
#table-bord table tbody tr td{
    border-right:1px solid rgb(221, 221, 221);
    vertical-align:middle;
}
#table-bord  #tit{
    margin-bottom:-2px !important;
}

.sub-menu .active {
    background: #35404d;
}
    .sub-menu .active i {
        color: #FF6C60;
    }

/* ===================   */
.depart-checked{
    color: #337ab7;
}
.text-field{
    user-select: none;
}
.layui-tree-txt{
    color: #353535
}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{
    color: rgb(81, 153, 241) !important; 
    text-decoration: none !important;
}

.el-tag {
    background-color: #ecf5ff;
    display: inline-block;
    height: 28px;
    padding: 0 6px;
    line-height: 26px;
    font-size: 12px;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}