/* 边框 */
.tpl-form-border{padding:8px}

/* 表单 */
.table-form { margin:0; color:#444; background:#fff; width:100%;border: 1px solid #DDD;}
.table-form td { padding:2px 5px; font-family:"微软雅黑"; text-align:left;border: 1px solid #DDD;}
.table-form td.title-r { text-align:right; color:#666; padding-right:20px;background-color: #FFFAED;width:100px}
.table-form input[inputType=text], .table-form input[type=text], .table-form select { width:100%;padding:2px; font-size:12px; line-height:12px; color:#333;}
.table-form textarea { padding:4px 5px; width:100%; box-sizing:border-box;  font-size:12px; line-height:18px; color:#888;}


/* 列表 */
/* .table-list {margin: 15px 0 15px 0; color:#444; background:#fff; width:100%;border: 1px solid #DDD;} */
/* .table-list thead tr {background-color: #E7E7E7;border-bottom: 1px solid #FF0000;} */
/* .table-list th { padding:5px; background:#f8ddd5; font-family:"微软雅黑"; font-size:12px; font-weight:bold; color:#666; border: 1px solid #fff; text-align:center;} */
/* .table-list td { padding:6px; border:1px solid #fff;} */
/* .table-list tr.gray { background:#f7f7f7;} */
/* .table-list td.left { text-align:left; color:#666; padding-left:10px;} */
/* .table-list td.num { text-align:center; color:#666; width:24px; font-family:Verdana, Geneva, sans-serif;} */
/* .table-list td.checkbox { text-align:center; width:30px;} */
/* .table-list td.center { text-align:center;} */


.table-list { margin:15px 0 15px 0;width:100%;border:1px solid #DDD;}
/* .table-list thead tr{ background-color:#E7E7E7;border-bottom:1px solid #FFBA00 } */
.table-list th { padding:3px; background:#E7E7E7; font-family:"微软雅黑"; font-size:12px; font-weight:bold; color:#666; border: 1px solid #DDD;border-bottom:1px solid #dc562e; text-align:center;} 
.table-list tbody tr:hover {background-color:#FFFAED;}
.table-list thead td {border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:center;}
.table-list tfoot td {border-left:1px solid #DDD;border-right:1px solid #DDD;}
.table-list tbody td {border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;text-align:center;}
.table-list td { padding:3px 3px;}
.table-list td.title-r { text-align:right; color:#666; padding-right:20px; width:100px;}

/* 按钮 */
.btn-normal { display:inline-block; margin:8px 8px;}
.btn-normal a { display:inline-block; padding:2px 8px 3px 8px; border:2px solid #2e6da4; background:#337ab7; font-size:12px; line-height:22px; font-family:"微软雅黑"; color:#fff; text-decoration:none;}
.btn-normal a:hover { color:#fff;background-color:#286090;border-color:#204d74}
.btn-normal a .arrow-small { display:block; float:right; margin-left:8px; width:4px; height:12px; background:url(../images/arrow-small.png) no-repeat 0 0;}
.btn-normal a:hover .arrow-small { background-position:0 -12px;}

/* 工具条容器 */
.toolbar { text-align: center;
	position:relative;
}

.preViewBtn{
	position: absolute;
	right:0;
}


.his_task{
	/* background-color: whitesmoke; */
	 margin-top: 15px;
}
.his_t_Exp{
	height:100px;
	border:1px solid #f8f8f8;
	position: relative;
	background-color:#f8f8f8;
	border-radius: 8px;
    padding: 10px;
}
.his_t_Exp:before{
	border: 10px solid transparent;
    border-bottom: 10px solid #f8f8f8;
    width: 0;
    height: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
}

.his_task_node{
	background-color: mistyrose; padding: 28px 2px 0;background-color: white;
}
.his_node_more{
	/* height: 800px;
    overflow: scroll; */
}
.his_task_node_div{
	height: 30px;
    line-height: 30px;
}
.his_task_title{
	background-image: url("../../images/fixflow/title_bg.png");
    background-size: 100% 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 100%;
    min-width: 120px;
   /*  max-width: 160px; */
    padding-left: 26px;
    overflow: hidden;
    padding-right: 8px;
}
.his_task_span_left{
	margin-left:20px;
}

.post_form_erea{
/* 	border:1px solid mistyrose; */
	border-top:1px solid #f5f5f5;
}

.flow_tab{
	height: 28px;
    line-height: 28px;
    padding:0 8px;
}
.flow_tab ul {
	 padding-left:0; 
}
.flow_tab ul li{
    float: left;
    list-style: outside none none;
    text-align: center;
    width: 115px;
    border: 1px solid lightcyan;
    cursor: pointer;
    border-radius: 6px;
}
.flow_tab_li{
	background-color: InactiveBorder;
}
.flow_tab ul li:hover , .flow_tab_on{
	background-color: turquoise;
}
.flow_tab:after{
	clear:both;
}
.form_msg{
	font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.td_t{
	width:250px;
}

.rec_div{
	width: 100%; position: relative;
}


.t_textArea{
	border: 1px solid powderblue;
    width: 100%;
}
.addMore{
	background-color: aquamarine;
    bottom: 10px;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    cursor: pointer;
 }
.caseWidth{
	width:25%;
}
.caseWidth a{
	display:grid;
	display:-webkit-box;   
	display: -moz-grid;
	display: -webkit-grid;
	display: -o-grid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    
	-webkit-box-orient:vertical;  
	-webkit-line-clamp:2;
}

.pos_abs{
	/* transform:scale(0.5,0.5); */  
}


/*new his */

.his_task_node_new{
	border: 1px solid #ddd;background-color: white;
}
.his_task_node_new>div{
/* 	display: inline; */
}
.flow_table{
	 display: table; width: 100%; border-collapse: collapse;margin-top:-5px;
}
 .flow_table_tr >div:nth-child(1) {width:20%;} 
 .flow_table_tr >div:nth-child(2) {width:42%; text-align:left ; padding-left:20px;} 
 .flow_table_tr >div:nth-child(3) {width:16%;} 
 .flow_table_tr >div:nth-child(4) {width:14%;} 
 .flow_table_tr >div:nth-child(5) {width:8%;} 
 .flow_table_tr >.flow_table_th:nth-child(2){
	text-align:center ;
}
 .flow_table_tr >div { 
  display:table-cell; 
    border-right: 1px solid #ddd;
    padding: 5px;
 } 
.flow_table_tr {
	display: table-row; 
}   

.flow_table_td {
	display: table-cell; 
	height: 100%;
	border: 1px solid #ddd; 
	text-align: center;
	vertical-align: middle;
  } 
 .flow_table_th {
	display: table-cell;
	font-weight: bold;
	height: 100%;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}    
.pnote{
	border-bottom:1px solid #ddd;
	margin-bottom: 10px;
    padding-left: 15px;
}
.pnote:last-child{
	border-bottom:none;
}
.pnote>div{
	border-bottom:1px dashed #ddd;
}

.pnote>div:nth-child(1){
	padding-top:5px;
}
.pnote>div:last-child{
	padding-bottom:10px;
	border-bottom:none;
}