@charset "utf-8";
/* CSS Document */

body{ margin:0;padding:0;border:0; color:#666; background: #FFF;font-size:14px;font-family:'Microsoft Yahei','Helvetica',sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,textarea,button,a,th{margin:0;padding:0;}
button,input,select,textarea{font-family:'Microsoft Yahei','Helvetica',sans-serif;font-size:15px;}

a{text-decoration:none;color:#13a3fe;}
a:hover{text-decoration:none;}

img{border:none;}
li{list-style-type:none;}

.red{color: #ff0000;}
.green{color:#008000}
.blue{color:#0000FF}
.yellow{color:#FFC125}


.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
.clear{clear:both;}


.center{
	text-align:center !important;
}
.left{
	text-align:left !important;
}
.right{
	text-align:right !important;
}

/**
	px不占用空间
*/
.px-no-use-space{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}



/*添加修改form表单样式*/
.tab_input_form{
	/*margin:20px 8% 0 8%; color: #333; font-size: 15px;text-align:center;overflow-x:hidden;*/
	margin:5px; color: #333; font-size: 14px;text-align:center;overflow-x:hidden;
	
}

.tab_title_header{border-left: 6px solid #0da1ff; height: 21px; line-height: 21px; color: #333;font-size: 18px; padding-left: 9px; margin: 15px 0;text-align:left }

/**
*普通表单页
*/
.tab_input {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 0px solid #393939;
	margin:0
}
.tab_input tr th{color: #666;}
/**
*普通表单显示
*/
.tab_input_view{border:1px solid #e9e9e9;}
.tab_input_view tr td{ border-bottom: 1px dotted #eee;}
.tab_input_view tr:last-child td{border-bottom: 0;}
.tab_input_view tr th{ border-bottom: 1px dotted #eee;}
.tab_input_view tr:last-child th{border-bottom: 0;}

.tab_input th {
	text-align: right;
	height: 40px; 
	padding: 0px 8px;
	line-height: 18px;
	font-weight:normal;
	vertical-align:middle;
	border: 1px solid #e9e9e9; 
}

.tab_input td {
	text-align: left;
	height: 40px; 
	padding: 3px 8px;
	line-height: 18px;
	color: #000; 
	vertical-align:middle;
	border: 1px solid #e9e9e9;
	
}

.tab_input th.red {
	color: red;
}
.tab_input .head{
	text-align:left
}



/**
	普通列表
*/
/*表格*/
.tab_list{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.tab_list th{
	height: 40px; background: #e9e9e9; color: #666;padding: 0 9px; text-align: center;
	border: 1px solid #e9e9e9;
}

.tab_list td{
	height: 40px; background: #fff; color: #333;padding: 0 9px;text-align: center;
	border: 1px solid #e9e9e9;
}


/**
	datagrdi中列表
*/
/*表格*/
.tab_grid_list{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 5px 0;
}
.tab_grid_list th{
	height: 25px; color: #666;padding: 2px !important; text-align: center;border: 0 !important;
	
}

.tab_grid_list td{
	height: 25px; color: #333;padding: 2px !important;text-align: center;border: 0!important;
	
}


/**
	定义输入表单
*/
.txt {height:28px; border: 1px solid #dfdfdf; background: #f9f9f9; padding: 2px 4px;  font-size: 14px;vertical-align: middle;}
.txt:focus{border:1px solid #0da1ff; outline:none;}

.txtArea { border: 1px solid #dfdfdf; background: #f9f9f9; padding: 2px 4px;  font-size: 14px;}
.txtArea:focus{border:1px solid #0da1ff; outline:none;}


.tab_cut_line{height: 3px;background: #eee;margin: 32px 10px;}

.tab_btns {
   /* margin: 4% 40px 0;
    text-align: center;
    border-top: 1px solid #eee;
    padding: 30px 0;
   */ 
    margin: 0;
    text-align: center;
    padding: 20px 0;
}
.tab_btns .push{margin: 0 10px; padding: 6px 30px}

/**
*功能按钮
*/

.push {
    display: inline-block;
    color: #FFF;
    border-radius: 1px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 1px;
    text-align: center;
    background: #b9b9b9;
    padding: 4px 10px;
    font-size: 14px;
}
.push:hover{text-decoration: none;}

/*弹出框的按钮*/
.btn-ok{background: #4daef2;border:1px solid #26bcfe;padding: 5px 0px;margin-right: 8px!important;}
.btn-ok:hover{background: #3c9bde;}

.btn-clear{background: #87b87f;border:1px solid #87b87f;padding: 5px 0px;margin-right: 8px!important;}
.btn-clear:hover{background: #75aa6c;}


.btn-cancel{background: #e04939;border:1px solid #d15b47;padding: 5px 0px;margin-right: 8px!important;}
.btn-cancel:hover{background: #ce3e2f;}

.btn-next{background: #87b87f;border:1px solid #87b87f;padding: 5px 0px;margin-right: 8px!important;}
.btn-next:hover{background: #75aa6c;}

.btn-basic{
	background: #f7faff;
    border: 1px solid #c7c8c9;
    color: #333;
    border-radius: 2px;
}
.btn-basic:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-add{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-add:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}
.btn-edit{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-edit:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}
.btn-del{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-del:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-warning{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-warning:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-sign{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-sign:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-grey{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-grey:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-white{background: #f7faff;border: 1px solid #c7c8c9;color: #333;border-radius: 2px;}
.btn-white:hover{background: #26bcfe;border:1px solid #26bcfe; color: #fff;}

.btn-sure{background: #0da1ff;border:1px solid #0da1ff;color: #FFF;}
.btn-sure:hover{background: #0a88d8;}

.btn-tempSave{background: #0dcab8;border:1px solid #0dcab8;color: #FFF;}
.btn-tempSave:hover{background: #10bbaa;}

.btn-back{background: #e04939;border:1px solid #d15b47;color: #FFF;}
.btn-back:hover{background: #ce3e2f;}

/**
.btn-add{background: #87b87f;border:1px solid #87b87f;}
.btn-add:hover{background: #75aa6c;}
.btn-edit{background: #428bca;border:1px solid #428bca;}
.btn-edit:hover{background: #3d80bb;}
.btn-del{background: #d15b47;border:1px solid #d15b47;}
.btn-del:hover{background: #c34c38;}

.btn-warning{background: #faac3d;border:1px solid #faac3d;}
.btn-warning:hover{background: #e69015;}

.btn-sign{background: #9585bf;border:1px solid #9585bf;}
.btn-sign:hover{background: #7c5fc9;}

.btn-grey{background: #a0b1bb;border:1px solid #a0b1bb;}
.btn-grey:hover{background: #899fac;}

.btn-white{background: #f9f9f9;border:1px solid #dadada; color:#333;}
.btn-white:hover{background: #f0f0f0;}
**/

/**搜索按钮*/
.linkbutton {
    padding: 5px 0 5px;
    font-size: 15px;
}
.linkmore{color: #13a3fe;display: inline-block;vertical-align: middle; line-height: 29px; margin-left: 15px;}
.btn-query{background: #1fbf86;border:1px solid #1fbf86;width:70px;}
.btn-query:hover{background: #08AF73;}




/*单选和复选框*/
/*单选和复选框*/
.pos-rel {position: relative; }
input[type='checkbox'].choice+.lbl, input[type='radio'].choice+.lbl { position: relative;z-index: 11;display: inline-block;margin: 0;line-height: 18px; min-height: 18px; min-width: 18px; font-weight: normal;}
input[type='checkbox'].choice, input[type='radio'].choice {opacity: 0;position: absolute;z-index: 12;width: 18px;height: 18px; cursor: pointer;}
input[type='checkbox'].choice+.lbl::before, input[type='radio'].choice+.lbl::before {font-family: fontAwesome;font-weight: normal;font-size: 12px; color: #32a3ce;
    content: "\a0"; background-color: #fafafa;border: 1px solid #c8c8c8;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);border-radius: 0; display: inline-block;
    text-align: center;vertical-align: middle; height: 16px; line-height: 14px; min-width: 16px; margin-right: 1px;    margin-top: -2px;
}
input[type='checkbox'].choice:checked+.lbl::before, input[type='radio'].choice:checked+.lbl::before { display: inline-block; content: " "; background: #f5f8fc url(images/dui.png) no-repeat center center;
    border-color: #0da1ff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);}
input[type='radio'].choice+.lbl::before { border-radius: 100%; font-size: 11px; font-family: FontAwesome; text-shadow: 0 0 1px #32a3ce; line-height: 15px;
    height: 18px;  min-width: 18px;}

input[type='radio'].choice+.lbl::before { line-height: 16px;}
input[type='radio'].choice:checked+.lbl::before { background: #f5f8fc url(images/radio-dot.png) no-repeat center center;border-color: #2b7dbd;}

.pos-rel-free{
	display:inline-block;
	margin:0px 8px 0px 0px;
	float: none;
	
}


/**
	公共选人
*/

/**
	查询结果，待选区域
*/
.chooseUser_resultArea{
	line-height:34px;height:34px;background:#f5f5f5;border-bottom:1px solid #ddd ;
	
}

/**
	已选
*/
.chooseUser_choosedArea{
	border: 1px solid #ddd;overflow-y:auto;
	margin:0 5px;
}


.base-tip-box{background: #E7F7FF url(images/tip-pic.png) no-repeat 8px center;color: #333;border: 1px solid #91D5FF;padding: 12px 8px 12px 35px; font-size: 15px;  position: relative;}
.base-tip-box .close{ padding: 4px;width: 12px; height: 12px; background: url(images/close.png) no-repeat; position: absolute; right: 4px;top: 16px;}
.base-tip-box .close:hover{background: url(images/close-blue.png) no-repeat;}