@charset "utf-8";
.dropdown-menu{z-index:10000;}
#search select{ margin:0 0 5px 0;}

.debug{background: #DDD;}
.debug .box{width:450px;margin:0 auto; box-shadow: 0 0 6px 2px rgba(111, 111, 111, 0.1);
  border-radius: 5px;
  background: #FFF;}
.debug .header{border-bottom: 1px solid #DCDCDC;padding:5px;}
.debug .msg{padding:15px;}
.debug .msg h5{font-size: 16px;color:#666;width:100%;height:auto;overflow: hidden;}

/*panel上的工具样式*/
/*.tools > div{padding:2px 4px;}*/
.tools > div:hover{background: #428BCA; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);}
.tools > div:hover > a{color: #FFF;text-decoration: none;}
.tools .active{background: #428BCA; border-radius: 2px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);}
.tools .active > a{color: #FFF;text-decoration: none;}

/*table详细信息扩展样式*/
.table-more{border:1px solid #FFF;font-size: 80%;color:#000;box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2) ;}
.table-more tbody{background: #FFF;}
.table-more tbody a{color: #6FB3E0;}
.table-more tbody tr th,.table-more tbody tr td{border:1px solid #EDEDED;margin:0;padding:0;height:auto;line-height: 24px;font-weight: 100;}
.table-more tbody tr th{text-align: center;background: #FFF;color:#5C5C5C;margin:10px;  letter-spacing: 1px;font-weight: bolder;font-size: 90%;}
.table-more tbody tr td{padding-left:15px;text-align: left;}
.table-more tbody tr:nth-child(2n){background: #EEEEEE;}
.table-more tbody tr th{background-color: #F5F5F5;}

.td_select{background: #EDEDED; color:#000;}
.tr_select{background:#FFF;}

/*btn扩展样式*/
.btn-radius{border:none;border-radius: 3px;}

/*div扩展样式*/
.div-shadow{box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);}

.member-info{height:100px;border-radius: 50px 0 0 50px;border:1px solid #DCDCDC;margin-bottom: 10px;}
.member-info .member-info-role{ background: #62A8D1;width:100px;height:100px;border-radius: 50px 0 0 50px;}
.member-info .member-info-role p{ color: #FFF;padding-top:30px;text-align: right;}
.member-info .member-info-role h4{color: #FFF;margin:0;padding:0;text-align: right;}

.no-bg{background: none;}

.guide_index{position: absolute;top:1px;left: 1px;height: 16px;width:16px;background: #FFF;font-size: 11px;text-align: center;color: #E37E4F;border-radius: 10px;}
.guide_tool{position: absolute;top:0;right: 0;height: 100%;width:80px;background: #E9FAE2;font-size: 11px;text-align: center;color: #FFF; text-align: middle;}
.guide_tool p{height: 50%; line-height: 35px;margin:0;}
.guide_tool p:first-child{height: 65%;line-height: 55px;background: #DFF0D8;}
.guide_tool p:first-child:hover{height: 65%;line-height: 55px;background: #8DD1FF;}
.guide_tool p:first-child:hover a{color: #FFF;}
.guide_tool p:last-child{height: 35%;line-height: 25px;}
.guide_tool a{color: #666;height:100%;}
.plist{ height: auto;overflow: hidden;margin:0 auto;}
.plist > li{border-radius: 3px;width: 280px;height:80px;margin:10px 25px 10px 0;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari 和 Chrome */
-o-transition: all 0.5s; /* Opera */}
.plist > li:hover{border:1px solid #F0F0F0;box-shadow: 2px 2px 5px #DCDCDC;}

.btn-detail-toggle{font-size: 12px;}
.btn-detail-content{font-size: 12px;width:80px; position: absolute;top:0;right: 0;text-align: right;margin:5px 3px 0 0;border:1px solid rgba(204,204,204,1);; border-radius: 3px;z-index: 1000;background: #FFF;}
.btn-detail-content a{display: block;height:23px;line-height: 22px;padding-left: 20px;text-align: left;}
.btn-detail-content a:hover{background: rgba(0,170,238,1);color: #FFF;}

.term{height:150px;min-height:150px;overflow-y: auto;border:1px solid #F0F0F0;padding:4px;border-radius: 3px;}
#subject_name_list{border-bottom:1px solid #F0F0F0;padding:5px 5px 5px 0;}
#subject_name_list span{margin:2px;}

.treeview{ border-left:5px solid #F79263;padding:0 0 0 0 ;}
.treeview .treeview-title{clear:both;border-bottom: 1px solid #FAB59A;padding:0;height:30px;overflow: hidden;}
.treeview .treeview-title span{padding:5px 30px 5px 20px;line-height:30px;background: #F0F0F0;border-radius: 0 30px 0 5px;font-size: 14px;font-weight: bolder;}
.treeview .treeview-body{clear:both;font-size: 13px;}
.treeview .treeview-body:not(:nth-child(2)){overflow: hidden;}

.treeview .treeview-body .treeview-list-block{}
.treeview-list-block li{width:135px;padding:8px;float: left;text-align: center;border:1px solid #FFF;}
.treeview-list-block li:hover{
	background:#F6F6F6;
	border:1px solid #EDEDED;
	border-radius: 3px;
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; /* Opera */
}
.treeview-list-block li a{color:#666;display: block;padding:8px 5px 0 5px;position: relative;}
.treeview-list-block li p{padding:10px 10px 0 10px;}
.treeview-list-block li .num{position: absolute;top:0;right:10px;}
.treeview-list-block li .text{position: absolute;top:55px;right:15px;}

.treeview-list-block2 li{text-align: center;border:1px solid #FFF;cursor: pointer;}
.treeview-list-block2 li p{display: block;text-align: left;}
.treeview-list-block2 li .title{padding:5px 0;display: block;margin-bottom: 10px;text-align: center;background: #4491B7;color: #FFF;}
.treeview-list-block2 li span{color: #478FCA;}

.input-short{height:28px;}

.filter-list{color: #606060;}
.filter-list li{height:35px; line-height: 35px;padding:0px 5px;border-top:1px dotted #D1CCC7;overflow: hidden;margin-bottom: 5px;}
.filter-list .filter-list-more{height:22px;line-height: 22px;border-bottom:2px solid #428BCA;font-size: 12px;text-align: right;padding-right:50px;border-radius:0 0 2px 20px;}
.filter-list .filter-list-more span{background: #519AD9; padding:1px 5px;cursor: pointer;color:#FFF;border-top:2px solid #428BCA;border-left:2px solid #428BCA;border-right:2px solid #428BCA;}
.filter-list div{overflow: hidden;}
.filter-list div.indexsearch{height:35px; line-height:35px;padding-left: 30px;background: #F6F6F8;}
.filter-list div.indexsearch input{height:28px;line-height:28px;width:200px;border:1px solid #C8C7C9;padding-left:5px;}

.filter-list-title{background: #F7F5F5;text-align: center;color: #848484; border-left:2px solid #428BCA;}
.filter-list-content{background: #FFF;position: relative;}
.filter-list-content .option{cursor: pointer;float: left; text-align: left;padding:0 30px;}
.filter-list-content .option:hover{color:#6FB3E0;}
.filter-list-content .option-more{position: absolute;right:5px;top:0;cursor: pointer;background: #EDEDED; padding:0px 8px;color:#428BCA;}
.option4 .option{padding:0 25px 0 30px;}
.option5 .option{width:170px; }
.option6{overflow: hidden;height:37px;}
.option6 .option{width:200px; overflow: hidden;height:35px;}
.option7{overflow: hidden;height:37px;}
.option7 .option{width:120px; overflow: hidden;height:35px;}
.option9 .option{padding:0 20px 0 30px;}

.query-option{border:1px dotted #C40000;padding:1px 12px;position: relative;cursor: pointer;margin-right: 5px;white-space:nowrap;}
.query-option:hover{text-decoration: none;}
.query-option span{overflow: hidden;}
.query-option i{position: absolute;right:3px;top:3px;}

.configarea{border-left:1px solid #CCC;box-shadow: 2px 0px 6px #DADADA inset;}

#activeForm .header{border-bottom: 2px solid #28825E;color:#28825E;}

/*右侧字段列表*/
#panel-right .panel{height:98vh;overflow: hidden;}
.field-list{background: #F9F9F9;height:73%;overflow-y:scroll;}
.field-list li{padding:5px;width:100%; overflow:hidden;cursor: pointer;margin:2px 0px;background: #FFF;}
.field-list li:hover{background: rgba(248,248,248,1);-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;color: #000;transition: 0.5s all;}
.field-list li label{cursor: pointer;overflow: hidden;height:20px;line-height: 20px;}
.field-list li i{width:15px;text-align: center;}

.form-field-config{display: none;overflow: hidden;}

/*左侧字段列表*/
#panel-left{height:92vh;overflow-y: scroll;}
#panel-left .panel:hover{-webkit-box-shadow:0px 0px 2px 1px #666;
 -ms-border-radius:0px 0px 15px 2px #E5E5E5;
   -moz-box-shadow:0px 0px 15px 2px #E5E5E5;
        box-shadow:0px 0px 15px 2px #E5E5E5;}

#panel-left li:hover{background:#FCF8E3;transition: 1s all;}

.fields-ul{padding:10px 5px;}
.fields-ul li{height:auto; overflow:hidden;border-bottom:1px dashed #DCDCDC;}
.fields-ul li:last-child{border-bottom:none;}
.fields-ul li>div{height:35px;line-height: 35px;overflow: hidden;word-wrap:break-word; word-break:break-all;}

.group-list{margin: 10px 0 0 0;height:auto;overflow: hidden;}
.group-list li{cursor: pointer;border:1px solid #FFF;height:35px;line-height: 35px;background: #6FB3E0;color: #FFF;border-radius: 3px;}
.group-list li:hover{background: #8DD1FE;transition: 0.8s all;}

.field-filter{text-align: center;padding:3px 0;}
.field-filter i{margin-right: 5px;cursor: pointer;}
.field-filter input{height:35px; line-height: 35px; width: 80%;border-radius: 15px!important;text-indent: 10px;}

.field-label-grey0{color:#000;}
.field-label-grey3{color:#333;}
.field-label-grey6{color:#666;}
.field-label-grey9{color:#999;}
.field-label-greyB{color:#BBB;}

.no-skin{}
.no-skin .btn{
    border-radius: 4px!important;
    border:1px solid transparent;
    text-shadow:none!important;
}
.no-skin .btn-default{
	color: #333!important;
    background-color: #fff!important;
    border-color: #ccc!important;
}

.picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
.picker .webuploader-pick {
    padding: 6px 12px;
    display: block;
}

/*右键菜单*/
.smart_menu_box{display:none; width:140px; position:absolute; z-index:201105;}
.smart_menu_body{padding:1px; border:1px solid #CCC; background-color:#fff; -moz-box-shadow:2px 2px 10px rgba(100,100,100,0.3); -webkit-box-shadow:2px 2px 10px rgba(100,100,100,0.3); box-shadow:2px 2px 10px rgba(100,100,100,0.3);}
.smart_menu_ul{margin:0; padding:0; list-style-type:none;}
.smart_menu_li{position:relative;}
.smart_menu_a{display:block; height:25px; line-height:24px; padding:0 5px 0 5px; color:#000; font-size:12px; text-decoration:none; overflow:hidden;}
.smart_menu_a:hover, .smart_menu_a_hover{background-color:#348CCC; color:#fff; text-decoration:none;}
.smart_menu_li_separate{line-height:0; margin:3px; border-bottom:1px solid #DCDCDC; font-size:0;}
.smart_menu_triangle{width:0; height:0; border:5px dashed transparent; border-left:5px solid #666; overflow:hidden; position:absolute; top:7px; right:5px;}
.smart_menu_a:hover .smart_menu_triangle, .smart_menu_a_hover .smart_menu_triangle{border-left-color:#fff;}
.smart_menu_li_hover .smart_menu_box{top:-1px; left:130px;}
.smart_menu_a_icon{width:20px;display: inline-block;text-align: center;}

.filters{margin:10px;height: auto;border-top:1px solid #F0F0F0;padding-top:8px;}
.filters > li{float: left;padding:5px 0px 5px 10px;border:1px solid #CDCDCD;margin:0 5px 5px 0;height: auto;}
.filters > li > a{display: inline-block;color: #666;margin-right: 2px;}
.filters > li > i{color: #F0F0F0;display: inline-block;padding-right:5px;}
.filters > li:hover{border:1px solid #428BCA;}
.filters > li:hover > a{color:#428BCA;text-decoration:none;}
.filters > li:hover > i{color:#666;}
.filters > li.no-style{border:none;}

@media (min-width: 768px) {
	.treeview-body{padding:20px 0 20px 20px;}
	.treeview-list-block2 li{width:200px;padding:10px;float: left;}
}

@media (max-width: 480px) {
	.treeview-body{padding:5px;}
}