@CHARSET "UTF-8";
html,body{
  font-family: "Microsoft YaHei" !important;
}
/*公共部分css*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-size:12px;-webkit-text-size-adjust:100%;color:#333;padding: 0px 0 0 0;}
*{
  margin:0;
  padding:0;
}
a{
  text-decoration:none;
}
textarea{
  font-size:12px;
}
.dn{
	display: none;
}
input{
  padding:3px;
}
.fr{
	float: right;
}
.oh{
	overflow: hidden;
	position: relative;
}
.vn{visibility: hidden;}


/* 通过(min-width) 来自适应*/
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  / padding-top + padding-bottom + text area = image height /
        margin:-90px 0px 0px -198px;  / offset vertical: half of image height /
                                      / offset horizontal: half of image width and text area width /
    }
}
































/*元素左右居中对齐*/
.tac{
  margin: auto;
}
/*元素上下对齐*/
.vam{
  vertical-align: middle;
}
.dib{
  display: inline-block;
}
.main_north_info{
  height:30px;
  line-height:25px;
  padding-left:10px;
  padding-right:10px;
}

.main_north_info .project_combo{
  float:left;
}
.main_north_info .login_info{
  float:right;
}
.main_north_info:after{
  clear:both;
}
.main_north_info .login_info img{
  vertical-align: middle
}
.fir_tab{
  height:55px;
  line-height:45px;
  background-color: #ccc;
}
.fir_tab ul,.fir_tab ul li{
  list-style: none;
}
.fir_tab ul li{
  float:left;
  font-size: 20px;
  background-color: #ccc;
  width:14%;
  text-align:center;
  line-height: 55px;
}
.fir_tab ul li div:hover{
  cursor:pointer;
  background-color: #ccc;
}
.fir_tab ul li div{
  margin: 1px 0 1px 0;
  background-color: #fff;
}

.fir_tab ul li div a:link {color: black}     /* 未被访问的链接     蓝色 */
.fir_tab ul li div a:visited {color: black}  /* 已被访问过的链接   蓝色 */
.fir_tab ul li div a:hover {color: black}    /* 鼠标悬浮在上的链接 蓝色 */
.fir_tab ul li div a:active {color: black}   /* 鼠标点中激活链接   蓝色 */

.fir_tab ul li+li div{
  margin: 1px 0 1px 1px;
  background-color: #fff;
}
.fir_tab ul:after{
  clear:both;
} 
.control_center_title{
  padding-left:10px;
}
.control_center_title .fir_div{
  float:left;
  width:24%;
  height:10%;
  line-height:3;
  min-width: 300px;
}
.control_center_title .sec_div{
  float:left;
  width:50%;
}
/* #dispatchTC{
  position:relative;
} */
#dispatchTC_form table{
  /* background-color:#ccc;
  margin:0;
  border-collapse:collapse;separate  :　 边框独立  collapse  :　 相邻边被合并
  border-spacing: 1px; cellspacing
  border-color: #ccc; */
  border-collapse:collapse;/* separate  :　 边框独立  collapse  :　 相邻边被合并 */
  border-spacing: 1px; /* cellspacing */
}
#dispatchTC_form table tr{
  height:50px;
  line-height:50px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
#dispatchTC_form table tr+tr{
  border-bottom:1px solid #ccc;
}
#dispatchTC_form table td{
  /* padding:1; */
  background-color:#fff;
  text-align: center;
  border-left:1px solid #ccc;
}
#dispatchTC_form table td+td{
  border-right:1px solid #ccc;
} 
.dispatchTC_buttons{
  border-top:1px solid #ccc;
  padding:10px;
  width: 96%;
  text-align: center;
}
.taskDetail_whole{
  border-bottom:1px solid #ccc;
}
.taskDetail_left{
  float:left;
  width:59%;
  border-right:1px solid #ccc;
}
.taskDetail_right{
  float: left;
  max-height: 340px;
  overflow: auto;
  width: 40%;
}
.taskDetail_left table{
  background-color:#ccc;
  margin:0;
  border-collapse:collapse;/*separate  :　 边框独立  collapse  :　 相邻边被合并*/
  border-spacing: 1px; /* cellspacing */
  border-color: #ccc;
}
.taskDetail_left table tr{
  height:25px;
  line-height:25px;
}
.taskDetail_left table td{
  background-color:#fff;
  text-align: center;
  border-color: #ccc;
}
.taskDetail_right .taskDetail_right_title{
  border-bottom:1px solid #ccc;
  height:20px;
  line-height:20px;
  text-align: center;
  padding:3px;
}
.taskDetail_right .taskDetail_timeline{
  text-align:center;
  margin:0 auto;
}
.clear{
  clear:both;
}
.backout_form,.delay_form,.transfer_form,.addTask_form,.searchTask_form{
  padding:10px;
}
.delay_form div,.transfer_form div,.addTask_form div,.searchTask_form div{
  padding:10px;
}
.backout_form div{
  padding-bottom:10px;
}
.addTask_form .textarea{
  min-width: 500px;
  max-width: 500px;
  min-height:50px;
  max-height: 50px;
} 
.searchTask_form{
  border-bottom:1px solid #ccc;
}
.searchTask_form label.vam{
	margin: 2px;
}
.searchTask_form span span{
	float: none;
}
.searchTask_form span{
  margin:0px;
  display: inline-block;
  float: left;
}
.backout_form textarea{
  min-width: 150px;
  max-width: 150px;
}
.backout_form_actions{
  border-top:1px solid #ccc;
  padding:10px;
  text-align: center;
}
.delay_form textarea,.transfer_form textarea{
  min-width: 350px;
  max-width: 350px;
  min-height: 100px;
  max-height: 100px;
}

.ground_bluegreen{
  display: block;
  width:15px;
  height:15px;
  border-radius:13px;
  background:#23ba2d;
  box-shadow:-10px 0 20px rgba(0, 0, 0, 0.2) inset;
  line-height:15px;
}
.ground_orange{
  display: block;
  width:15px;
  height:15px;
  border-radius:13px;
  background:#ff790c;
  box-shadow:-10px 0 20px rgba(0, 0, 0, 0.2) inset;
  line-height:15px;
}
.flexposition{
  margin: 18px 10px 0 0;
}
.transfer_form table{
  background-color:#ccc;
  margin:0;
  border-collapse:collapse;/*separate  :　 边框独立  collapse  :　 相邻边被合并*/
  border-spacing: 1px; /* cellspacing */
  border-color: #ccc;
}
.transfer_form table tr{
  height:50px;
  line-height:50px;
}
.transfer_form table td{
  background-color:#fff;
  text-align: center;
  border-color: #ccc;
}

/*以下为运送人员管理页面的css样式*/
.staff_author_form{
  
}
.staff_author_form .staff_name{
  padding:10px;
  border-bottom:1px solid #ccc;
}
.staff_author_form .staff_task_author{
  padding:10px;
}
.staff_author_form .staff_circulatedTask_author{
  padding:0px 10px 10px 10px;
}
.staff_author_form .staff_task_author .title,.staff_author_form .staff_task_author .options,.staff_author_form .staff_circulatedTask_author .title,.staff_author_form .staff_circulatedTask_author .options{
  padding:10px;
}

.author_form_actions{
  padding:10px;
  border-top:1px solid #ccc;
  text-align: center;
}
.taskinfo_manage_form .staff_name{
  padding:10px;
  border-bottom:1px solid #ccc;
}
.taskinfo_manage_form .staff_name h2{
  display: inline;
}
.taskinfo_manage_form .number{
  padding:10px;
  overflow: hidden;
}
.taskinfo_manage_form .number .totalNumber{
  border:1px solid #ccc;
  width:190px;
  height:110px;
  padding:10px;
  float:left;
}
.taskinfo_manage_form .number .totalNumber div{
  text-align: center;
  font-size:35px;
  height:70px;   
  line-height:70px;   
}
.taskinfo_manage_form .number .sec_div{
  width:230px;
  height:100px;
  float:left;
  padding:0px 10px 0px 10px;
}
.taskinfo_manage_form .number .sec_div .dispatcher_task{
  height:40px;
  padding:10px 5px;
  border:1px solid #ccc;
}
.taskinfo_manage_form .number .sec_div .dispatcher_task div{
  text-align: center;
  font-size:25px;
  height:25px;   
  line-height:25px;   
}
.taskinfo_manage_form .number .sec_div .autonomous_task{
  height:40px;
  padding:10px 5px;
  border:1px solid #ccc;
  margin-top: 10px;
}
.taskinfo_manage_form .number .sec_div .autonomous_task div{
  text-align: center;
  font-size:25px;
  height:25px;   
  line-height:25px;   
}
.taskinfo_manage_form .number .third_div{
  width:225px;
  height:100px;
  float:left;
}
.taskinfo_manage_form .number .third_div .dispatcher_task{
  height:40px;
  padding:10px 5px;
  border:1px solid #ccc;
}
.taskinfo_manage_form .number .third_div .dispatcher_task div{
  text-align: center;
  font-size:25px;
  height:25px;   
  line-height:25px;   
}
.taskinfo_manage_form .number .third_div .autonomous_task{
  height:40px;
  padding:10px 5px;
  border:1px solid #ccc;
  margin-top: 10px;
}
.taskinfo_manage_form .number .third_div .autonomous_task div{
  text-align: center;
  font-size:25px;
  height:25px;   
  line-height:25px;   
}
.taskinfo_manage_form .number .pie{
  /* width:200px; */
  height:110px;
  float:left;
  margin-left:10px;
  border:1px solid #ccc;
  padding: 10px;
  width: 210px;
}

/*详情时间轴*/
.taskDetail_timeline_ul{
  border-left: 1px solid #ccc;
  list-style: outside none none;
  margin-left: 14px;
  padding-top: 30px;
  min-height:280px;
}
#taskDetail{
	background-color: #f6f6f6;
}
.taskDetail_timeline_ul li{
  border: 1px solid #fff;
  margin-left: 9%;
  width: 89%;
  padding: 2px;
  text-align: left;
  clear: both;
  margin-bottom: 20px;
  position: relative;
  background-color: #fff;
}
.taskDetail_timeline_ul b{
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 21px;
  margin-left: -10px;
  position: absolute;
  width: 7px;
  background-image: url("../../images/left_arrow.png");
}
.taskDetail_timeline_ul label{
  width: 80%;
  text-align: left;
  vertical-align: top;
  display: inline-block;
}
.taskDetail_timeline_ul label img{
  max-width: 100%;
}
.taskDetail_timeline_ul span{
  float: right;
  width: 18%
}

/*以下为数据中心的css样式*/
.ed_panel .layout-panel-west ul{
  list-style: none;
  align:center;
  text-align: center;
  padding: 0;
  background-color: #f9f9f7;
}


.ed_panel .layout-panel-west ul li:last-child{
/*   border: 0 none; */
}
.ed_panel .layout-panel-west ul.onlyone li:last-child{
  text-indent:12px;
  border-bottom: 1px solid #ccc;
  background-color: #f9f9f7;
  text-align: left;
}
.ed_panel .layout-panel-west ul li.on{
  background: #0088cc!important;
  color: #fff!important;
}
.ed_panel ul li{
  background-color: #f9f9f7;
  padding:8px 5px;
  cursor:pointer;
  color: #606060;
  font-size: 14px;
/*   border: 0 none; */
  border-bottom: 1px solid #ccc;
  
}
.ed_panel .layout-panel-west ul.morelis li + li{
	border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 8px 0;
    text-align: left;
    text-indent: 60px;
    width: 100%;
}
.ed_panel .layout-panel-west ul.morelis li:first-child{
	background-color: #d8d8d8 !important;
    color: #fff;
    text-align: left;
    text-indent:12px;
    color: #333;
}

.ed_panel .layout-panel-west ul.morelis li:first-child.on{
    color: #606060!important;
}

.ed_panel .layout-panel-west ul.morelis li:first-child.on+li{
	background-color: #0088cc !important;
    color: #fff;
}

.ed_panel .layout-panel-west ul li:hover{
  background: #0088cc!important;
  color: #fff!important;
}
/* #searchTask_form{
  padding:10px;
} */
.department_select{
  padding:10px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
}
.department_select .action_export{
  float:right;
}
.department_select .action_export:after{
  clear:both;
} 
/*以下为系统设置的样式*/
.systemsetting_left_ul{
  /* margin-top:10px; */
  list-style: none;
  align:center;
  text-align: center;
  padding:5px;
}
.systemsetting_left_ul li{
  border-left: 1px solid #797979;
  border-top: 1px solid #797979;
  border-right: 1px solid #797979;
  background: #999999;
  padding:5px;
  cursor:pointer;
}
.systemsetting_left_ul li+li:hover{
  background: #ffffff!important;
}
.systemsetting_left_ul li:first-child{
  background: #666666;
  color:#ffffff; 
}
.systemsetting_left_ul li:last-child{
  border-bottom: 1px solid #797979;
}
.organization_left_dep{
  float:left;
  border: 1px solid #ccc;
  width:20%;
  height:100%;
  overflow: auto;
}
.organization_left_dep .organization_left_actions{
  height:35px;
  background:#d8d8d8;
}
.organization_left_dep .organization_left_actions .add{
  background: rgba(0, 0, 0, 0) url("../../images/iconfont-add.png") no-repeat scroll center center / 60% 60%;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor:pointer;
}
.organization_left_dep .organization_left_actions .delete{
  background: rgba(0, 0, 0, 0) url("../../images/iconfont-close.png") no-repeat scroll center center / 60% 60%;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor:pointer;
}
.organization_left_dep .organization_left_actions .edit{
  background: rgba(0, 0, 0, 0) url("../../images/iconfont-edit.png") no-repeat scroll center center / 55% 55%;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor:pointer;
}
.organization_left_dep ul{
  list-style: none;
  align:left;
  text-align: left;
}
.organization_left_dep ul li{
  padding:5px;
  /* border-bottom: 1px solid #ccc; */
}
.organization_left_dep ul li.on{
  background: #cccccc;
}
.organization_left_dep ul li:hover{
  /* background: #cccccc; */
  cursor:pointer;
}

.organization_left_dep .l-btn-text{
   line-height: 28px;
  font-size: 14px;
}

.organization_left_dep .tree-node {
    /* height: 24px; */
  white-space: nowrap;
  cursor: pointer;
  padding:6px 0;
}

.organization_left_dep .tree-title{
  font-size: 14px;
}
.organization_left_dep .textbox .textbox-prompt {
    font-size: 14px;
    color: #aaa;
}
.organization_left_dep+div{
  width:79%!important;
}
.organization_right_detail{
  float:left;
  /* border: 1px solid #797979; */
  width:74%;
  height:100%;
  overflow: hidden;
}
.organization_right_detail:after{
  clear:both;
}
.organization_right_detail .organization_detail{
  border-bottom: 1px solid #797979;
  padding:10px;
} 
.organization_right_detail .organization_detail div+div{
  margin-top:10px;
}
.organization_right_detail .organization_member{
  padding:10px;
}
.organization_right_detail .organization_member button{
  float:right;
  /* margin-right:10px; */
  margin-bottom:10px;
}
.organization_right_detail .organization_member button:after{
  clear:both;
}
.addOrganization{
  padding:10px;
}
.addOrganization form div{
  margin-top:10px;
}
.addOrganization .textarea {
  min-height: 100px;
  max-height: 100px;
  max-width: 150px;
  min-width: 150px;
  padding:3px;
  margin-top:10px;
}
.addMember ul{
  list-style: none;
}
.addMember ul li{
  height:30px;
  line-height:4;
}
.addMember ul li label{
  width:75px;
  text-align:right;
  align:right;
  display: inline-block;
}
.addMember ul li span{
  text-align:left;
  align:left;
  margin-left:10px;
}
.addMember button{
  margin-top:10px;
}
.all_project_select{
  border-bottom: 1px solid #cccccc;
  padding:10px;
}
.all_project_select button{
  float:right;
}
.edit_project_info{
  padding:10px;
  border-bottom: 1px solid #cccccc;
}
.edit_project_info .left{
  float:left;
  height:35px;
  line-height:35px;
  width:45%;
}
.edit_project_info .left label{
  width:20%;
  text-align:left;
  align:left;
  display: inline-block;
}
.edit_project_info .left input{
  width:30%;
  padding:3px;
}
.edit_project_info .right{
  margin-left:50px;
  float:left;
  height:35px;
  line-height:35px;
  width:50%;
}
.edit_project_info .right label{
  width:20%;
  text-align:left;
  align:left;
  display: inline-block;
}
.edit_project_info .right input{
  width:30%;
  padding:3px;
}
.edit_project_info .position{
  border: 1px solid #cccccc;
  display: inline-block;
  overflow: hidden;
  padding: 10px 1%;
  vertical-align: middle;
  width: 81%;
  margin-top:10px;
  float: left;
}
.position_actions .l-btn{
	float: left;
	margin-right: 10px;
}
.edit_project_info .position label{
  display: inline-block;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
  width: 40%;
}
.edit_project_info .position .persons{
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 53%;
}
.edit_project_info .position_actions{
    display: inline-block;
    float: right;
    margin-top: 15px;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: bottom;
    width: 15%;
}
.overflow{
  overflow: hidden;
}
.edit_actions{
  padding:10px;
  /* vertical-align: moddle;
  float:right; */
}



.add_project_info{
  padding:10px;
  border-bottom: 1px solid #cccccc;
}
.add_project_info .left{
  float:left;
  height:35px;
  line-height:35px;
  width:400px;
}
.add_project_info .left label{
  width:100px;
  text-align:left;
  align:left;
  display: inline-block;
}
.add_project_info .left input{
  width:200px;
  padding:3px;
}
.add_project_info .right{
  margin-left:50px;
  float:left;
  height:35px;
  line-height:35px;
  width:400px;
}
.add_project_info .right label{
  width:100px;
  text-align:left;
  align:left;
  display: inline-block;
}
.add_project_info .right input{
  width:200px;
  padding:3px;
}
.add_project_info .position{
  border: 1px solid #cccccc;
  display: inline-block;
  overflow: hidden;
  padding: 10px;
  vertical-align: middle;
  width: 800px;
  margin-top:10px;
  float: left;
}
.add_project_info .position label{
  display: inline-block;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
  width: 200px;
}
.add_project_info .position .persons{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 500px;
}
.add_project_info .position_actions{
    display: inline-block;
    float: right;
    margin-top: 15px;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: bottom;
    width: auto;
}




.TCmanage_title{
  height:40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
}
.TCmanage_title button{
  padding:5px;
}
.left_tree{
  border: 1px solid #cccccc;
  float:left;
  height: 100%;
  /* padding: 10px; */
  width: 25%;
  overflow: auto;
}
.left_tree #currentProjectName{
  height:30px;
  background-color: #cccccc;
  line-height: 30px;
  text-align: center;
}
.TCmanager_detail{
  padding-left:30px;
  display: inline-block;
  width: 70%; 
  border: 1px solid #cccccc;
}
.TCmanager_detail .TCmanager_edit{
  padding:10px;
  width: 85%;
  display: inline-block;
}
.TCmanager_edit span.left_label{
  float:left;
  display: inline-block;
  width:70px;
  margin-right:10px;
  text-align: right;
}
.TCmanager_edit span.left_input{
  float:left;
  display: inline-block;
}
.TCmanager_edit input{
  paading:3px;
}

.task_type_title{
  height:40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
}
.task_type_title button{
  padding:5px;
}
.parameter_total .parameter_onlyone{
  float:left;
  width:250px;
  padding:10px;
  margin:20px;
  /* background-color: #77c0f1; */
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fafafa 0px, #eaeaea 20%) repeat-x scroll 0 0;
  border-radius: 10px;
  border: 1px solid #cccccc;
}
.parameter_total .parameter_onlyone img{
  vertical-align:middle;
}
.parameter_total .parameter_onlyone textarea{
  min-width: 240px;
  max-width: 240px;
  min-height: 100px;
  max-height: 100px;
  border: 1px solid #e3e3e3;
  margin: 6px 4px;
  background-color: #fff;
}
.parameter_total .paramete2_onlyone .time_setting{
  height:35px;
  line-height:35px;
}
.parameter_total .parameter_onlyone .actions_setting{
  height:35px;
  line-height:35px;
  align:center;
  text-align:center;
  padding-top: 15px;
}
.authority_role_title{
  height:40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
}
.type_title{
	padding: 10px;
	height: auto;
}
.role_group_btn_update a{
	padding: 0;
	width: 40%;
}
.role_group_btn_update .l-btn-text{
	padding: 0!important;
}
.author{
	position: relative;
	text-align: center;}
  .ole_group{
  padding: 10px;
  /* border-bottom: 1px solid #cccccc; */
  display: inline-block;
  width: 98%;
}
.role_group .role_one{
  border: 1px solid #cccccc;
}
.role_group .role_one{
  float:left;
  margin-left:20px;
  padding-bottom: 10px;
  width: 100px;
  cursor:pointer;
  margin-top:10px;
}
.role_group .role_one:hover{
  border-color:#0088cc;
    margin-bottom: 5px;
}
.role_group .role_one .role_group_name{
  width:100%;
  height: 30px;
  line-height: 30px;
  /* margin-left:0px; */
}
.role_group .role_one img{
  display: block;
  vertical-align:middle;
  height:80px;
  width:80px;
}
.role_group .role_action{
}
.system_data{
  padding-top:10px;
}
.system_data ul{
  float:left;
  margin-left:20px;
  list-style: none;
  width:190px;
  height:300px;
  border: 1px solid #cccccc;
}
.system_data ul li:first-child{
  background:#ccc;
}
.system_data ul li{
  list-style: none;
  height:30px;
  line-height:30px;
}
.system_data ul li input{
  margin-left: 10px;
}
.system_data button{
  float:right;
  margin-right: 10px;
}
.addTaskType{
  padding:5px;
}
.addTaskType ul {
    list-style: outside none none;
}
.addTaskType ul li {
    height: 40px;
    line-height: 30px;
}
.addTaskType ul li label {
    display: inline-block;
    text-align: right;
    width: 145px;
}
.addTaskType ul li span {
    margin-left: 10px;
    text-align: left;
}
.addTaskType textarea {
    border: 1px solid #e3e3e3;
    margin-left: 0;
    max-height: 100px;
    max-width: 150px;
    min-height: 100px;
    min-width: 150px;
    padding: 5px 3px;
}
.addTaskType .actions{
  margin-top:10px;
}

.ed_locate{
	position: relative;
	height: 50px;
	width: 50px;
}
.ed_locate ul li{
	list-style: none;
}
.ed_locate:HOVER div{
	display: inline-block;
}

.ed_locate div {
	display:none;
    top: 13px;
    position: absolute;
    right: 0;
    width: 140px;
    background-color: #fff;
    border: 1px solid #000;
    font-size: 16px;
    text-align: center;
}
#updatepwd_form .updatepwd_form div{
	padding: 10px 0;
}

#updatepwd_form .updatepwd_form div label{
	display: inline-block;
    text-align: right;
    width: 100px;
}
#updatepwd_form .updatepwd_form div span{
	display: inline-block;
    width: 200px;
    margin-left: 30px;
}
.ed_pop{
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.2);
	z-index: 90009;
}
.popmain{
	background-color: rgba(0,0,0,0.5);
	max-width: 700px;
	color: #fff;
	height: auto;
	border-radius:10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
	position: relative;
	text-align: center;
}
.popmain.ts label{
	padding: 20px 0;
	display: inline-block;
	font-size: 20px;
}
.role_one.off{
    margin-bottom: 5px;
    padding-bottom: 36px;
}
.roles_left_label{
    display: inline-block;
    text-align: right;
    width: 145px;
    vertical-align: top;
    margin-top: 6px;
}
.roles_right_radio{
    display: inline-block;
}
.roles_right_radio div{
    height:30px;
    line-height: 30px;
    margin-left: 10px;
}
/*以下为通知中心的css样式*/
.notification_center{
    padding:10px;
}
.notification_center .title{
    height: 30px;
    line-height: 30px;
}
.notification_center .actions{
    position: absolute;
    bottom:10px;
}
.notification_center textarea{
    max-height: 150px;
    max-width: 98%;
    min-height: 150px;
    min-width: 98%;
    padding: 1%;
}
/*公用的，搜索栏加背景色*/
.search_line{
    line-height: 20px;
    background-color: #77c0f1 ;
}
.notification_center .search_line{
    line-height: 20px;
    background-color: #77c0f1 ;
}
.my_message{
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    display: block;
    position: absolute;
    right: 0;
    top: 60px;
    width: 0;
    z-index: 99;
    box-shadow: 0 0 3px #cccccc;
}
.my_message .now_time{
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px; 
    /* background: #ccc none repeat scroll 0 0; */
    color: #2f80d1;
    height: 47px;
    left: -29px;
    line-height: 3;
    position: relative;
    /* text-align: center; */
    top: 10px;
    width: 100%;
    background-color: #fff;
}
.my_message .now_time .right_more{
    box-shadow: -4px 0 5px #ccc;
    cursor: pointer;
    height: 46px;
    vertical-align: middle;
    width: 29px;
}
.my_message .now_time span{
    float: right;
    font-size: 17px;
    font-weight: bold;
    height: 60px;
    line-height: 3;
    margin-right: 20px;
}
.my_message ul,.my_message ul li{
    list-style: none;
}
.my_message ul{
    position: relative;
    top: 16px;
    color:#808080;
    font-size: 12px;
    overflow-y: auto;
    width:100%;
}
.my_message ul li{
    border-top: 1px solid #808080;
    line-height: 20px;
    padding: 5px 2%;
    width: 96%;
}
.my_message ul li:last-child{
    border-bottom: 1px solid #808080;
} 
.my_message ul li .time{
    display: block;
    text-align: right;
}

.font_span{
  font-size: 12px;
}

/* 表格中的工具栏的操作按钮样式 */
/* .border_bg{
  border-radius: 5px;
  background: red;
} */
.ed_span_btn .l-btn-text{
	padding: 2px 8px;
}
.ed_span_btn.fr {
	position: relative;
	/* top: -4px; */
}

#control_center .l-btn-text{
	color: #0088cc;
}

.datagrid-header-inner {
    width: 100%;
} 
.width_100 .datagrid-header-inner table,.width_100 .datagrid-body table{
  width: 100%;
}
.width_100 .datagrid-header-inner table td div,.width_100 .datagrid-body table td div{
  margin: auto;
}
/* .datagrid-header-inner table,.datagrid-body table{
    width: 100%;
}   */

.noclick input{
	background-color: rgba(0, 0, 0, 0);
    position: relative;
    width: 110px!important;
    z-index: 111;
}

.ed_pop_title{
	overflow: hidden;
    padding: 1%;
    position: relative;
    width: 98%;
}

.ed_pop_title .ed_title{
	background-color: #77c0f1;
    color: #fff;
    margin-bottom: 1%;
    padding: 2px 12px;
}

.ed_input input {
	vertical-align: middle;
}


.searchTask_form .ed_height_20 span span{
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
}

.ed_task{
	padding: 0 !important;
	display: inline-block;
}
.ed_task input{
	margin-left: 0px;
}
.ed_task input + input{
	margin-left: 10px;
}
.message_all_btn{
    bottom: 25px;
    clear: both;
    position: absolute;
    width: 100%;
    text-align: right;
    height: 25px;
    line-height: 2;
}
.message_all_btn a{
    color:#2f80d1;
    font-size: 13px;
}

.ks_title span{
	display: inline-block;
	width: 120px
}

#dispatchTC_form table td.on{
	background-color: #e3e3e3;
}

td.on{
	background-color: #e3e3e3!important;
}

.time_fen{
	display: inline-block;
	position: relative;
}
.time_fen b{
	position: absolute;
	top: 3px;
	right: 3px;
	font-weight: 100;
}
.time_fen input{
	padding-right: 24px!important;
	background-color: #fff;
}
.nature{
  font-size: 12px;
  cursor: pointer;
  padding:2px 8px;
}

.grid_button{
  color:#0088cc;
}
.fir_button{
  float:left;
  margin-left:20px;
}
.sec_button{
  
  margin-left:-10px;
}

.fir_tag{
  float:left;
  margin-left:10px;
}
.sec_text{
  margin-left:-10px;
}








.datagrid-row-selected{
  background-color:#fce6a2;
}
.datagrid-row-selected td div{
  color:#333;
}


.panel.window .ed_span_btn{
  border: 0 none;
}

.panel.window .ed_span_btn .l-btn-left
{
background:#70c1ee;
  color:#fff;
}
.panel.window .panel-title{
	color: #fff;
}
.panel.window{
	background: #0188cc;
}
.panel.window .ed_span_btn+.ed_span_btn .l-btn-left
{
background:#ff9782;
  color:#fff;
  border: 0 none;
}


.menuIcon{
  width:23px;
  margin-right: 5px;
}
.vpng {
    margin: 0 0 0 6px;
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
}
.mr6px{
	vertical-align: middle;
	margin:0 8px 0 0px;
}
.ed_span_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4c9dee 0px, #2f80d1 100%) repeat-x scroll 0 0;
    border: 1px solid #356faa;
    color: #fff;
}
.ed_span_btn:HOVER{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2f80d1 0px, #4c9dee 100%) repeat-x scroll 0 0;
    border: 1px solid #356faa;
    color: #fff;
}
.panel.window a.ed_span_btn span {
    padding: 2px 0;
    width: 60px;
    margin: 0;
}


/*通知中心，发送内容加padding*/
.datagrid-cell-c1-messageContent {
    padding: 5px;
}


.sub_quan_info{
	border-radius: 100%;
	width: 10px; 
	height: 10px; 
	display: inline-block; 
	position: absolute; 
	border: 3px solid rgb(0, 136, 204); 
	background-color: rgb(255, 255, 255); 
	left: -13.3%;
}


.ed_task .pppppp{
	margin-bottom: 6px;
}

/*
#control_center .panel.layout-split-west:first-child{
		width: 100%!important;
		background-color: red;
		position: relative;
		left: 0!important;
}
#control_center .panel.layout-split-west:first-child+div{
		width: 100%!important;
		background-color: red;
		position: relative;
		left: 0!important;
}
#control_center .panel.layout-split-west:first-child+div+div{
		width: 100%!important;
		background-color: red;
		position: relative;
		left: 0!important;
}
	#sub_left_tasks{
		width: 100%!important;
		background-color: red;
		position: relative;
		left: 0!important;
		height: auto!important;
	}
	
	#sub_center_tasks{
		width: 100%!important;
		background-color: blue;
		position: relative;
		left: 0!important;
		height: auto!important;
	}
	
	#sub_right_tasks{
		width: 100%!important;
		background-color: yellow;
		position: relative;
		left: 0!important;
		height: auto!important;
	}
*/


/* 通过(max-width) 来自适应*/


@media screen and (max-width:1315px) {
	#control_center .panel.layout-split-west:first-child{
			width: 100%!important;
			position: relative;
			left: 0!important;
			margin-bottom: 30px;
	}
	#control_center .panel.layout-split-west:first-child+div{
			width: 100%!important;
			position: relative;
			left: 0%!important;
			margin-bottom: 30px;
			border-left: 0px none;
	}
	#control_center .panel.layout-split-west:first-child+div+div{
			width: 100%!important;
			position: relative;
			left: 0%!important;
			margin-bottom: 30px;
	}
	
	
	
	#sub_left_tasks{
		width: 100%!important;
		position: relative;
		left: 0!important;
		height: auto!important;
	}
	
	#sub_center_tasks{
		width: 100%!important;
		position: relative;
		left: 0%!important;
		height: auto!important;
	}
	
	#sub_right_tasks{
		width: 100%!important;
		position: relative;
		left: 0%!important;
		height: auto!important;
	}
}

@media screen and (max-width:1285px) {
	.ed_navs ul li + li{
		font-size: 14px!important;
		padding: 0 0.8%!important;
	}
	.ed_navs ul div ol li{
		width: 49%;
		padding: 12px 0!important;
	}
}
@media screen and (max-width:1185px) {
	.ed_navs ul li + li{
		font-size: 12px!important;
		padding: 0 0.8%!important;
	}
	.ed_navs ul div ol li{
		width: 49%;
		padding: 12px 0!important;
	}
}

@media screen and (max-width:1009px) {
	html.panel-fit, html.panel-fit body{
		min-width: 1024px!important;
		overflow-x: auto!important;
	}
	
	html.panel-fit html.panel-fit , html.panel-fit body html.panel-fit body{
		overflow:hidden;
	}
}


.nextvh + span{
	visibility: hidden;
}

.role-title{
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: center;
}
.role-titlecustomborder{
  border-top: 1px #ccc;
  margin-top: 10px;
  border-top-style: dotted;
}