@charset "utf-8";
body { 
	font-size: 16px;
	font-family: Microsoft YaHei,"微软雅黑",simsun,"宋体",Arial;
}

#loading { position: fixed; top:0; left:50%; margin-left:-120px; width:240px; padding:10px 15px; background: rgba(0,0,0,.3); z-index: 2000; border-radius:0 0 10px 10px; }
#loading p { line-height: 1.5em; color:#FFF; margin: 0; }
#loading p.pull-left { width:2em; }

.fixed .content-wrapper {
	padding-bottom: 5px;
}

.error-page {
	margin:10% auto!important;
	padding: 10px;

}

.error-page > .error-content {
	margin-top:20px;
}

.cdForm-errorTooltip {
	position: absolute;
	top:30px;
	line-height: 20px;
	width:90%;
	padding:3px 8px;
	border-radius: 4px;
	color:#FFF;
	background-color: #d33724;
	z-index: 200;
	font-size:12px;
	min-width:200px;
	min-height: 25px;
}

.uploadBox .cdForm-errorTooltip {
	top:auto;
	bottom: -10px;
}

.form-tableArea td .cdForm-errorTooltip {
	top:-30px;
}

.modal-body > .row {
	margin:15px;
}

/*
.radio-inline .cdForm-errorTooltip, .checkbox-inline .cdForm-errorTooltip {

	min-width:200px;
}
*/

.cdForm-allRequire {
	color:#F00;
}

.cdForm-errorTooltip:before {
	content: "";
	width:0; height:0;
	border:6px solid transparent;
	border-bottom-color: #d33724;
	position: absolute;
	top:-12px; 
}

.form-tableArea td .cdForm-errorTooltip:before {
	border-bottom-color: transparent;
	border-top-color: #d33724;
	top:auto;
	bottom: -12px;
}

.form-long-feedback {
	width:60px;
}

#tips {
	position: fixed;
	top:0;
	left:0;
	right:0;
	height:0;
	z-index: 1100;
}

#tips .alert {
	margin:5px auto;
	width:80%;
	min-width: 200px;
	text-align: center;
}

.sideTips {
	position: fixed;
	bottom: 0;
	right: 0;
	width:270px;
	padding: 0 5px;
}

.sideTips strong {
	color: #F00;
}

.fixed .content-wrapper.with-toolbar {
  position: relative;
  padding-top: 100px;
}

#inFramePage .content-wrapper.with-toolbar {
  padding-top: 50px;
}

.toolbar {
  height:50px;
  position: absolute;
  top:50px;
  left:0;
  right:0;
  padding:10px 20px;
  background: #f3f3f3;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  border-bottom: 1px solid #bebebe;
  z-index:100;
  line-height: 30px;
}

#inFramePage .toolbar {
	top:0;
}

.funcInTable button {
	float:left;
	margin:0 5px;
}

.rightWindow {
	position: fixed;
	top:50px;
	left:50%;
	right:0;
	bottom: 0;
	background: #f3f3f3;
	border-left: 1px solid #bebebe;
	box-shadow: -3px 0 4px rgba(0,0,0,0.1);
	z-index: 1000;
}

#inFramePage .rightWindow {
	top:0;
}

.slideWinBack {
	position: fixed;
	z-index: 850;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	background-color: rgba(0,0,0,.5);
}

.rightWindow .rwin-title {
	width:100%;
	height:50px;
	padding:10px 15px;
	border-bottom: 1px solid #bebebe;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.rightWindow .rwin-title h4 {
	margin:0;
	font-size: 20px;
	line-height: 30px;
}

.rightWindow .rwin-body {
	position: absolute;
	padding:15px;
	top:50px;
	left:0;
	right:0;
	bottom:50px;
	overflow: auto;
}

.rightWindow .rwin-footer {
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	height:50px;
	padding:10px 15px;
	border-top: 1px solid #bebebe;
}

@media (min-width: 768px) {
	#iframePage {
		padding-right:230px;
		background: #ecf0f5;
	}
}

.sidebar-collapse #iframePage {
	padding-right:0;
}

#iframePage iframe {
	border: 0;
	width:100%;
	height:100%;
	background: transparent;
}

#inFramePage .content-wrapper {
	margin-left: 0;
}

.form-require >label:before {
	content: "*";
	display: inline;
	font-size: 16px;
	color:#F00;
	font-weight: bold;
	padding-right: 10px;
}

.form-horizontal .form-require >label:before {
	display: block;
	position: absolute;
	top:0;
	right:0px;
}

.cd-stepList {
	list-style: none;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cd-stepList li {
	width:11%;
	float:left;
	padding: 3px;
	text-align: center;
	margin-bottom: 5px;
	position: relative;
	cursor:pointer;
}

.cd-stepList li p {
	line-height: 2em;
}

.cd-stepList li.done p {
	color:#00a65a;
}

.cd-stepList li.viewing p {
	color:#3c8dbc;
	font-weight: bold;
}

.cd-stepList li.current p {
	color:#dd4b39;
	font-weight: bold;
}

.cd-stepList li span {
	line-height: 1.5em;
	font-size: 12px;
	border:2px solid #999;
	color:#999;
	padding: 3px 10px;
	border-radius: 25px;
}

.cd-stepList li.done span {
	background-color:#00a65a;
	color: #fff;
	border:1px solid #008d4c;
}

.cd-stepList li.viewing span {
	background-color:#3c8dbc;
	color: #fff;
	border:1px solid #367fa9;
}

.cd-stepList li.current span {
	color:#dd4b39;
	border-color: #d73925;
}

.cd-stepList li>i {
	position: absolute;
	bottom: 5px;
	right:-5px;
}

.risk-subStepList li {
	width:20%;
}

.pic {
	height:150px;
	border:1px solid #999;
	padding:1px;
	text-align: center;
	color:#999;
	cursor: pointer;
	margin: 10px auto;
	overflow: hidden;
}

.video {
	height:150px;
	border:3px solid #999;
	padding: 30px 5px;
	text-align: center;
	color:#999;
	cursor: pointer;
	margin:10px auto;
}

.video i {
	font-size: 56px;
	line-height: 80px;
	display: block !important;
}

.pic img {
	width:100%;
	height:auto;
	max-height: 150px;
}

.uploadBox .pic i, .picUpload .picError {
	display: none;
}

.picUpload {
	border:3px dashed #999;
	padding:30px 10px;
}

.dropUploadBox i, .uploadBox .picUpload i {
	font-size: 56px;
	line-height: 100px;
	display: block;
}

.picUpload img {
	display: none;
}

.selectFile input {
	position: absolute;
	z-index: 2000;
	top:0;
	left:0;
	bottom: 0;
	width:100%;
	opacity: 0;
	cursor: pointer;
}

.selectFile button {
	position: relative;
	overflow: hidden;
}

.uploadBox .panel {
	margin: 15px;
}

.folderBox li {
	text-align: center;
	padding: 5px;
	line-height: 1.2em;
	list-style: none;
	min-height:120px;
	cursor:pointer;
}

.folderBox li i {
	font-size: 56px;
	line-height: 64px;
}

.fileDropUploadBox {
	border:3px dashed #999;
	padding: 30px;
	margin:5px;
	text-align: center;
	color:#999;
	height:300px;
	cursor:pointer;
}

.fileDropUploadBox span>i {
	font-size: 56px;
	line-height: 64px;
}

.box-tools button {
	margin:0 5px;
}

.table .opArea {
	text-align: center;
}

.table .opArea button {
	margin:0 5px;
}

.table .tableLineSelect { text-align: center;  }
.table .tableLineSelect .normal { display: block; }
.table .tableLineSelect .nocheck, .table .tableLineSelect .checked { display: none; }
.table tr:hover .tableLineSelect .normal, .table tr.tableLine-checked .tableLineSelect .normal, .table tr.tableLine-checked .tableLineSelect .nocheck { display: none!important; }
.table tr:hover .tableLineSelect .nocheck, .table tr.tableLine-checked .tableLineSelect .checked { display: block; }

.inputClickable input[readonly] {
	background-color: #FFF!important;
	cursor: pointer;
}

.commonDeptTree {
	max-height: 500px;
	overflow: auto;
}

.inputSearchable {
	position: relative;
}

.inputSearchable .inputSearchList {
	border:1px #3c8dbc solid;
	border-top: 0px;
	background-color: #FFF;
	top: 34px;
	left:15px;
	right: 15px;
	height:180px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 30;
	position: absolute;
}

.inputSearchable .inputSearchList li {
	line-height: 1.5em;
	padding: 6px 12px;
	cursor: pointer;
}

.inputSearchable .inputSearchList li:hover {
	background-color: #beebff;
}
.red {
 color: red;
}
.blue {
 color: blue;
}
.green{
 color: green
}
.gray{
 color: #757678;
}
.lightGray{
 color: #999B9E;
}