*{box-sizing:border-box;}
body, h1, h2, h3, p, dl, ul, ol, form {margin: 0;padding: 0;}
ul,li{list-style:none;}
.searchtbl.table-bordered tr th{vertical-align: middle;}
.single-table{width:100%;}
.form-control{}

.single-table th,.single-table td{padding-bottom:3px;}
.main{position:relative;margin-top:10px;}
.lineBox{float:left;position:relative;margin-right:12px;}
.lineBox #file_upload{position:absolute;top:0px;left:0px;width: 100%;
    height: 100%;
    opacity: 0;}

.col-100{width:100%;}
.col-90{width:90%;}
.col-80{width:80%;}
.col-70{width:70%;}
.col-60{width:60%;}
.col-50{width:50%;}
.col-40{width:40%;}
.col-30{width:30%;}
.col-20{width:20%;}
.col-10{width:10%;}

.up-thumb-list dd{display:inline-block;margin-right:6px;margin-bottom:3px;overflow:hidden;width:25px;height:25px;}
.up-thumb-list dd img{width:100%;height:100%;}

.bordered-table td,.bordered-table th{border-right:#e8e8e8 1px solid;border-bottom:#e8e8e8 1px solid;}
.bordered-table td{padding:5px;}

.checklog_pic{width:100%;}
.checklog_pic li{float:left;margin-right:6px;height:100px;width:auto;padding:2px;border:solid 1px #ccc;}
.checklog_pic li img{height:100%;}

.map-div{background:#fff;margin-top:5px;position:relative;}
.map-div .location-time{position:absolute;top:60%;background:#0090ff;color:#fff;width:80%;left:50%;margin-left:-40%;border-radius:6px;font-size:12px;
padding:2px 12px;}

.popover-content dd{line-height:20px;}
/*.panel .panel-body table tr,.panel .panel-body table tr td th{height:42px;}*/
.panel .panel-body .list-table tr th{background:#d4d4d4;color:#333;border:solid 1px #aaa;padding:3px;}
.panel .panel-body .list-table tr td{border:solid 1px #aaa;border-top:none;padding:3px;}

.detail-list-tb .active{background:#deba12;}
.sup-table .active{background:#deba12;}
.panel-header .search-header{padding:5px;}


select:disabled {
    background-color: rgb(235, 235, 228);
}
/*通讯录树形框*/
.tree-div{height:447px;width: 15%;float: left; border: 1px solid #CCCCCC;margin-right: 1%;overflow:auto;border-radius: 5px;background-color: #fff;margin-left: 5px;}
.tree-title{color:#000;font-size:16px;font-weight: bold;margin-left: 5px;margin-top:10px;}
.hnav-main li:hover, .hnav-main li.active {
    
}
.fa-memu-right{
    width:10px;
    height:10px;
    margin-left: 10px;
    background: url('../images/nww/menu-right.png') no-repeat;
}
.bg-success img{margin-top:-2px;}
.nobackground {background:transparent;box-shadow:none;}
/*#div_mul_btns{width:90%;margin-left: 5%;}*/
@media screen and (min-width: 1800px) {
}
/*.vbox>section .scrollable-media{width: 90%;left:5%;}*/
@media screen and (min-width: 1800px) {
   
}

#div_sign_office{margin-top: 15px;}

.searchform{width: 100%;padding: 16px;}
.searchform .formtrline{display: flex;min-height: 36px;margin-bottom: 8px;}
.searchform .formtrline .formlabel{width: 100px;text-align: left;font-size: 14px;font-weight: bold;line-height: 34px;}
.basicinput{height: 34px;border: solid 1px #eee;padding: 6px;width: 168px;}
.basicselect{height: 34px;border: solid 1px #eee;padding: 6px;}
.tablinediv{height: 34px;border: solid 1px #ccc;display: flex;border-radius: 4px;}
.tablinediv a{display: block;line-height: 34px;padding: 0 25px;color: #333;cursor: pointer;}
.tablinediv a.rightb{border-right: solid 1px #ccc;}

.form-control{border-color: #eee;}

.list-tab-link{border-bottom: 2px solid #ccc;line-height: 30px;display: flex;margin-top: 5px;}
.list-tab-link span{cursor: pointer;line-height: 30px;display: block;position: relative;
    top: 2px;margin-right: 25px;}
.list-tab-link span.active{border-bottom: 2px solid #4e9de3;}
5px;}

.btn-gray{    background: #aaa;border-color: #aaa;color: #fff;}
.btn-green{background: #4dca67;border-color: #4dca67;color: #fff;}
.formfield label.checkbox{    position: relative;
    top: 4px;}

.nav-primary .liv2.active{background: #c5d2dc;color: #fff;}
.homemain{padding: 40px;display: flex;}
.homemain .leftpad{background: #fff;flex: 1;padding: 20px;}
.homemain .rightpad{width: 350px;margin-left: 16px;background: #fff;}
.padtitle{
    display: flex;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}
.padtitle span{display: block;background: green;margin-right: 10px;width: 6px;height: 22px;}
.padtitletxt{font-size: 14px;font-weight: bold;line-height: 22px;}
.db-type-lsit{height: 60px;border-bottom: dashed 1px #eee;margin: 18px 0;display: flex;}
.db-type-lsit a{font-size: 14px;display: block;line-height: 34px;height: 34px;padding: 0 15px;cursor: pointer;margin: 0 8px;}
.db-type-lsit a.active{background: #4e9de3;border-radius: 4px;color: #fff;}
.db-type-lsit a font{color: red;}
.infopad{width: 350px;height: 350px;border-bottom: solid 1px #ccc;font-size: 22px;}
.txtmiddle{display: flex;
    align-items: center;
    justify-content: center;}

.tablinediv a.active{background: #4190D3;color: #fff;}

.checkboxline{
    position: relative;margin-bottom: 6px;
}
.checkboxline input[type=radio],.checkboxline input[type=checkbox]{
    position: relative;top: -2px;margin-right: 10px;
}
.optline{display: flex; justify-content: space-between;margin-bottom: 6px;}


.list-tab-link a{    cursor: pointer;
    line-height: 30px;
    display: block;
    position: relative;
    /* top: 2px; */
    margin-right: 15px;
    background: #4e9de3;
    color: #fff;
    /* line-height: 26px; */
    padding: 0 12px;}
.list-tab-link a.active{border-bottom: 2px solid #4e9de3;background: #4dca67;color: #fff;}

.db_count_num{
    display: block;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    right: 33px;
    top: 18px;
}