/*-------------------表单基础css-------------------------*/
.form-overflowY{
	overflow-y:auto;
	height:400px;
}

.bpm-scrollBar{
	overflow-y:auto;
	overflow-x:hidden;
}

/*-----------------button按钮css-------------------------*/

/*-------按钮,文本框,弹出框内外边距-------*/
.margin-r{
    margin-right: 8px;
}

.margin4{
	margin:4px;
}

.margin8{
	margin:8px;
}

.margin-about16{
	margin:0 16px;
}

/*默认样式*/
.bpm-btn {
	padding: 0 16px;
	height: 32px;
	line-height: 30px;
	border-radius: 6px;
	cursor: pointer;
}

/*蓝色背景按钮*/
.bpm-btn-normal {
	background-color: #39aeff;
	color: #fff;
	border: solid 1px #39aeff;
	margin-right: 8px;
}

.bpm-btn-normal:hover {
	background-color: #5a94ff;
	border-color: #5a94ff;
}

.bpm-btn-normal:disabled {
	background-color: #d4d7de;
	border-color: #d4d7de;
}
/*带有图片的按钮*/
.bpm-btn-img{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items:center;
}
.bpm-btn-img img{
    margin-right: 5px;
}
/*重置、删除按钮*/
.bpm-btn-del , .bpm-btn-reset {
	background-color: #fff;
	color: #484848;
	border: solid 1px #e5e6ea;
}

.bpm-btn-del:hover {
	color: #eb6667;
	border-color: #eb6667;
}

.bpm-btn-reset:hover {
	color: #292f38;
	border-color: #292f38;
}

/*选择按钮*/
.bpm-btn-choose {
	background-color: #ffffff;
	border: solid 1px #4ba1fd;
	color: #4ba1fd;
	margin-right: 8px;
}

.bpm-btn-choose:hover {
	color: #59a8ff;
	border-color: #59a8ff;
}

.bpm-btn-choose:active {
	border-color: #d4d7de;
}

.bpm-btn-choose:disabled , .bpm-btn-reset:disabled , .bpm-btn-del:disabled {
	border-color: #d4d7de;
	color: #d4d7de;
}


/*---------------------input输入框css-----------------------*/
.bpm-input {
	width: 195px;
	height: 32px;
	line-height: 30px;
	border-radius: 6px;
	border: solid 1px #e5e6ea;
	padding-left: 10px;
	color: #333;
	margin-right: 24px;
}

.bpm-input:focus {
	border-color: #4ba1fd;
}

.bpm-input-cmd {
	text-indent: 6px;
	width: 250px;
	height: 32px;
	line-height: 32px;
	border-radius: 6px;
	border: solid 1px #e5e6ea;
	color:#29303b;
	margin-right: 8px;
}

.bpm-input-cmd:focus {
	border-color: #4ba1fd;
}

/*-------------------textarea输入框css---------------------------*/
.bpm-textarea {
	width: 195px;
	height: 100px;
	vertical-align: top;
	resize: none;
	color: #333;
	border: 1px solid #e5e6ea;
	border-radius: 6px;
	padding-left: 10px;
}

.bpm-textarea:focus {
	border-color: #4ba1fd;
}

/*----------------------单选框css--------------------------------*/
.bpm-radio-section{
	position: relative;
}

.bpm-radioDiv{
	display: inline-block;
}

.bpm-radio-r{
	display: inline-block;
	margin-right: 12px;
}

.bpm-radio-l{
	display: inline-block;
	margin-left: 4px;
}

.bpm-radio{
	position: absolute;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 12px;
	height: 12px;
	margin-top: 4px;
	margin-left: -14px;
	border-radius: 50%;
	border: 1px solid #d4d7dd;
	text-indent: 12px;
}

.bpm-radio-section input{
	visibility: hidden;
}

.bpm-radio-section input:checked + .bpm-radio::before {
	width: 6px;
	height: 6px;
}

.bpm-radio-section input:checked + .bpm-radio {
	border: 1px solid #59a8ff;
	background-color: #59a8ff;
	background-clip: content-box;
	padding: 2px;
}


/*----------------------复选框css--------------------------------*/
.bpm-checkbox-section {
	position: relative;
}

.bpm-checkbox {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #e5e6ea;
	overflow: hidden;
}

.bpm-checkbox-section>input {
	visibility: hidden;
}

.bpm-checkbox-section>input:checked + .bpm-checkbox:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 5px; 
	border: 1px solid #fff;
	border-right: 0;
	border-top: 0;
	transform: rotate(-45deg)translate(1px,2px);
}

.bpm-checkbox-section>input:checked + .bpm-checkbox {
	background-color: #48a0fb;
	border-color: #48a0fb;
}

/*------------------------下拉框css---------------------------*/
.bpm-select {
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	color: #333;
	width: 195px;
	height: 32px;
	line-height: 30px;
	border-radius: 6px;
	border: solid 1px #e5e6ea;
	padding-left: 10px;
}

.bpm-select-section {
	background: url(../image/menu.png) 95% center no-repeat
}

.bpm-select-list {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	width: 100%;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #e5e6ea;
}

.bpm-select-list-item {
	display: block;
	width: 100%;
	height: 32px;
	padding-left: 10px;
	cursor: pointer;
	color: #333;
}

.bpm-select-list-item + .bpm-select-list-item {
	border-top: 1px solid #e5e6ea;
}

.bpm-select-list-item:hover {
	background-color: #d8efff;
}

.bpm-select-list-item:active {
	background-color: #39aefe;
}

/*-----------------------表格css----------------------------*/
/*.bpm-table {
	margin-top: 24px;
}*/

.bpm-table table {
	width: 100%;
	color: #484848;
}

.bpm-table tr {
	height: 38px;
}

.bpm-table-title {
	background-color: #e8e8e8;
}

.bpm-table-item {
	border-bottom: 1px solid #e5e6ea;
}

.bpm-table-cols1 {
	width: 62px;
	text-align: center;
}

/*.bpm-table-cols2 {
	width: 30%;
}

.bpm-table-cols3 {
	width: 45%;
}

.bpm-table-cols5 {
	width: 22.5%;
}

.bpm-table-cols6 {
	width: 18%;
}

.bpm-table-cols7 {
	width: 15%;
}*/

/*---------------------switch css----------------------------*/
.toggle-text{
   margin: 0px 8px 0px 4px;
   display: inline-block;
   vertical-align: middle;
}

.toggle-button-wrapper{display: inline-flex;}

.toggle-input{ display: none; }

.button-label{
   position: relative;
   display: inline-block;
   width: 52px;
   height: 18px;
   background-color: #e8e8e8;
   box-shadow: #e8e8e8 0px 0px 0px 2px;
   border-radius: 25px;
   overflow: hidden;
}
.circle{
   position: absolute;
   top: 0;
   left: 0;
   width: 18px;
   height: 18px;
   border-radius: 20px;
   background-color: #fff;
}
.button-label .text {
   font-size: 12px;
   text-shadow: 0 0 2px #ddd;
}

.on { color: #fff; display: none; text-indent: 10px; vertical-align: middle; margin-top: 1px;}
.off { color: #666666; display: inline-block;text-indent: 24px;vertical-align: middle; margin-top: 1px;}
.button-label .circle{
   left: 0;
   transition: all 0.3s;
}
.toggle-input:checked + label.button-label .circle{
   left: 34px;
}
.toggle-input:checked + label.button-label .on{ display: inline-block; }
.toggle-input:checked + label.button-label .off{ display: none; }
.toggle-input:checked + label.button-label{
   background-color: #39aeff;
   box-shadow: #39aeff 0px 0px 0px 2px;
}

/*---------------------必须填写的星号----------------------------*/
.color-star{
	color:red;
}

/*---------------------Divider分割线----------------------------*/
/*---------去掉fieldset标签边框------------*/
.fieldset-border {
    border: 0px;
}

.fieldset-margin-t{
	margin-top:16px;
}

.fieldset-margin{
	manager:12px;
}

.clear-float{
	clear: both;
}

.legend-text{
	margin:0 8px;
	color:#29303b;
}

.box {
  display: flex;
  align-items: center;
}

.line {
	border: 0.07em solid #d4d7dd;
    flex-grow: 1;
}

.line-left{
	border: 0.07em solid #d4d7dd;
    flex-grow: 0.02;
}

/*---------table里的a标签css------------*/
.tableTOver td a{
    color: #666666;
}