
/****************************  begin**************************************/
/**************detail page**************/
.detail-panel {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
	float: left;
	/**width: 100%;**/
}

.detail-panel .panel-width {
	width: 25%;
	float: left;
}

.detail-panel .detail-panel-title {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.detail-panel .detail-panel-title .detail-title-left {
	font-size: 16px;
	font-weight: normal;
}

.detail-panel .detail-panel-content {
	float: left;
	width: 100%;
}

.detail-panel-content  .btn-groups {
	height: 75px;
	vertical-align: bottom;
	float: left;
	padding: 20px 0 0 0;
}

.detail-panel-content  .btn-group button {
	margin: 0 10px 0 0;
}

.detail-panel-content .form-group-cus {
	width: 356px;
	margin: 0 0 10px 5px;
	float: left;
}

.detail-panel-content .form-group-cusI {
	width: 380px !important;
	float: left;
}

.detail-panel-content .form-group-cusII {
	width: 100% !important;
	float: left;
}

.detail-panel-content .form-group-cusIII {
	width: 220px !important;
	float: left;
}

.detail-panel-content .form-group-cusIIII {
	width: 193px !important;
	float: left;
}

.detail-panel-content .form-group-cus-500 {
	width: 500px !important;
	float: left;
}

.detail-panel-content .form-group-cus-440 {
	width: 440px !important;
	float: left;
}

.detail-panel-content .form-group-cus-400 {
	width: 400px !important;
	float: left;
	margin: 0 0 18px 5px !important;
	height: 35px !important;
}

.detail-panel-content .control-label-cus {
	padding: 7px 0 0 0;
	text-align: right;
	font-weight: normal;
}

.detail-panel-content  .form-control-cus {
	
}

.detail-panel-content  .form-select-cus {
	
}

.detail-panel-content  .form-date-cus {
	
}

.detail-panel-content  .radios {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 30px;
}

.detail-panel-content  .radios input[type="radio"] {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 35px;
	height: 35px;
}

.detail-panel-content  .radios span {
	float: left;
	padding: 0 10px 0 0;
	height: 30px;
	line-height: 35px;
	padding-left: 5px;
}

.detail-panel-current-control {
	background: #ffffcc;
}

.audit-opinion {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px 0 0 0px;
	min-height: 50px;
	width: 1000px;
}


.audit-opinion  .audit-opinion-content {
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
}

.audit-opinion .audit-opinion-content .audit-opinion-content-remark {
	font-size: 14px;
	padding: 5px 0 0 15px;
}

.audit-opinion .audit-opinion-content .audit-opinion-content-person {
	font-size: 14px;
	padding: 5px 0 0 15px;
	color: #018aff;
}
.audit-opinion #one-panel{float: left;width: 100%;padding: 0 0 0 15px;}
.audit-opinion #all-panel{display:none;float: left;width: 100%;padding: 0 0 0 15px;}
.audit-opinion #controlBtn{float: left;height: 15px;width: 100%;text-align: center;margin: 0;cursor: pointer;}
.audit-opinion #controlBtn:hover{background: #ddd;}
/********派息明细页面*********/
.jzll_table {
	width: 800px;
	margin: 5px 0 20px 50px;
}

/************detail-btn-group****************/
.detail-btn-group {
	position: absolute;
	right: 30px;
	top: 0px;
	display: none;
}
.detail-grid-420{height:420px;}
.detail-grid-350{height:350px;}
.detail-grid-250{height:250px;}
.detail-grid-140{height:140px;}
.detail-grid-280{height:280px;overflow-y: hidden;}
.detail-grid-550{height:550px;}
@media ( min-width : 1200px) {
	.col-lg-85 {
		width: 70.83333333% !important;
	}
	.col-lg-75 {
		width: 62.5% !important;
	}
	.col-lg-65 {
		width: 54.16666666% !important;
	}
	.col-lg-35 {
		width: 29.16666666% !important;
	}
	.col-lg-45 {
		width: 37.5% !important;
	}
	.col-lg-55 {
		width: 45.83333333% !important;
	}
	.col-lg-15 {
		width: 12.5% !important;
	}
}

.fv-form-bootstrap .help-block {
	margin-top: 0;
}

/**************ui-tooltip  begin**************/
.tooltip, .arrow:after {
    background: rgb(255, 126, 0);
  }
  .tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 13px;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
/**************ui-tooltip  end**************/