.ivu-table-header thead tr th{
padding:0px 0px;
}
 .ivu-table td, .ivu-table th{
	height: 35px !important;
}
.ivu-form-item-content{
line-height:20px;
}
.ivu-form .ivu-form-item-label{
text-align:left;
}
.ivu-form-item{
margin-bottom:0px;
}
.DropArea{
	border:2px dashed #fff;
}
.DropArea:hover{
	border:2px dashed #2b85ec;
}

.formRowMenu{
	position:absolute;
	top:10px;
	right:10px;
	z-index:9;
}
.formRowMenu a{
	display:inline-block;
	width:32px;
	height:32px;
	margin:5px;
	border-radius:50%;
	text-align:center;
	border:1px solid #dcdee2;
	background:#fff;
	padding-top:3px;
	color:#2b85e4;
}
.formRowMenu a:hover{
	border:1px solid #2b85e4;
	background:#2b85e4;
	color:#fff;
}
.grid-block{
}
.grid-block:hover{
	background:#f8f8f9;
}

.grid-row{
	width:100%;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:1px dashed #dcdee2;
	border-bottom:none;
	position:relative;
	margin-bottom: 10px;
}
.grid-row:hover{
	/* border:2px dashed #2b85e4; */
}
.grid-row:last-child{
	border-bottom:1px dashed #dcdee2;
}
.grid-row:last-child:hover{
	/* border:2px dashed #2b85e4; */
}
.grid-row .column{
	display:inline-block;
	height:100%;
	margin:0px;
	float:left;
	border-right:1px dashed #dcdee2;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	padding-right:10px;
	position: relative;
}
.grid-row .column .ivu-input,
.grid-row .column .ivu-select-selection{
	border-radius:2px;
}
.grid-row .column .ivu-checkbox-input{
	border-radius:0px;
}
.grid-row .column .title{
	line-height:30px;
}
.grid-row .column:last-child{
	float:right;
	border-right:none;
}
.grid-row  .span1{
	width: 8.33333333%;
}
.grid-row  .span2{
	width: 16.66666667%;
}
.grid-row  .span3{
	width: 25%;
}
.grid-row  .span4{
	width: 33.33333333%;
}
.grid-row  .span5{
	width: 41.66666667%;
}
.grid-row  .span6{
	width: 50%;
}

.grid-row  .span7{
	width: 58.33333333%;
}

.grid-row  .span8{
	 width: 66.66666667%;
}
.grid-row  .span9{
	width: 75%;
}
.grid-row .span10{
	width: 83.33333333%;
}
.grid-row  .spa11{
	width: 91.66666667%;
}
.grid-row  .span12{
	text-align:center;
	width: 100%;
}
.noborder{
	border:none;
	border-right:none;
}
.noneBorder{
	border:none;
	border-right:none;
}
.noneBorder:last-child{
	border:none;
	border-right:none;
}
.grid-row  .noneBorder{
	border:none;
	border-right:none;
}
.grid-row .noneBorder:last-child{
	border:none;
	border-right:none;
}

@media (max-width: 768px){
	#biz-form-io .grid-row  .span1,
	#biz-form-io .grid-row  .span2,
	#biz-form-io .grid-row  .span3,
	#biz-form-io .grid-row  .span4,
	#biz-form-io .grid-row  .span5,
	#biz-form-io .grid-row  .span6,
	#biz-form-io .grid-row  .span7,
	#biz-form-io .grid-row  .span8,
	#biz-form-io .grid-row  .span9,
	#biz-form-io .grid-row .span10,
	#biz-form-io .grid-row  .spa11,
	#biz-form-io .grid-row  .span12{
		width: 100%;
	}
}
.childtab-closebtn{color: #c5c8ce;}
.childtab-closebtn:hover{color: #808695;}


#formLayout .ivu-form-item-required .ivu-form-item-label:before{position: absolute;left:0;}

.kabala-form-user .ivu-input{border-right-width: 0;}
.kabala-form-user .has-border-right .ivu-input{border-right-width: 1px;}

.kabala-form-user .ivu-input-group-append{
	border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;
	-webkit-transition: border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
	transition: border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
	transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
	transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
}

.ivu-input:hover+.ivu-input-group-append{
	border-color: #57a3f3;
}

.kabala-form-user .ivu-input-group-append{
	background:transparent;
	padding: 0 4px;
}
.kabala-form-user .userbtn{
	display:inline-block; padding: .4em .7em; cursor: pointer;
	border-radius: 2px;
}
.kabala-form-user .userbtn:hover{
	background-color:#f3f3f3;
}

.kabala-form-space{
	height:100%;
}
.kabala-form-space .btn{
	margin-right: 12px;
	display:inline-block;
	cursor:pointer;
}
.kabala-form-space .btn-icon{
	width: 13px;
	margin-right: 6px;
	display:inline-block;
	vertical-align:middle;
}
.kabala-form-space .btn-svg-icon{
	display:inline-block;
	margin-right: 6px;
	margin-bottom: 2px;
	width: 13px;
	height: 13px;
	vertical-align:middle;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.kabala-form-space .svg-delete{
	background-image:url('/kabala/images/btn_icon/delete.svg');
}
.kabala-form-space .btn:hover{
	color:#57a3f3;
}
.kabala-form-space .btn:hover .svg-delete{
	background-image:url('/kabala/images/btn_icon/delete-hover.svg');
}

.kabala-form-space .item-btn-container,
.kabala-form-space .ivu-table:before,
.kabala-form-space .ivu-table:after
{display:none;}
.kabala-form-space .ivu-table td,
.kabala-form-space .ivu-table th
{border: none;}

.kabala-form-space .ivu-table-row-hover .item-btn-container{
	display:block;
}

.kabala-form-space .item-btn-container .item-btn{color:#2D8CF0;}
.kabala-form-space .ivu-btn-text:focus{box-shadow: none;}

.kform-btn-dropdownmenu{
	margin-top: 0;
	padding: 0;
}
.kform-btn-dropdownmenu .svg-icon-outer{
	display:flex;
	align-items: center;
	overflow: hidden;
}
.kform-btn-dropdownmenu .svg-icon{
	float:left;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.kform-btn-dropdownmenu .svg-icon.svg-rename{
	background-image:url('/kabala/images/btn_icon/rename.svg');
}
.kform-btn-dropdownmenu .svg-icon.svg-version{
	background-image:url('/kabala/images/btn_icon/version.svg');
}
.kform-btn-dropdownmenu .svg-icon.svg-delete{
	background-image:url('/kabala/images/btn_icon/delete.svg');
}
.kform-btn-dropdownmenu .ivu-dropdown-item:hover .svg-rename{
	background-image:url('/kabala/images/btn_icon/rename-hover.svg');
}
.kform-btn-dropdownmenu .ivu-dropdown-item:hover .svg-version{
	background-image:url('/kabala/images/btn_icon/version-hover.svg');
}
.kform-btn-dropdownmenu .ivu-dropdown-item:hover .svg-delete{
	background-image:url('/kabala/images/btn_icon/delete-hover-white.svg');
}
.ivu-input-suffix i,
.ivu-select-arrow{
	color:#2d8cf0;
}


.kabala-form-space ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #f5f5f5;
	border-radius: 2px;
	background-color: #F5F5F5;
}

.kabala-form-space ::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.kabala-form-space ::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	/*-webkit-box-shadow: inset 0 0 6px #f5f5f5;*/
	background-color: #ddd;
}

.item-outer{display:flex;align-items:center;}
.item-outer .item-fileicon{margin-right:5px;width:auto !important; max-width:82%;}
.item-outer .item-fileicon .kabala-fileicon-filename{
	max-width:90% !important;
	line-height:1.4em;
	padding:0 !important;
	overflow:initial !important;
	text-overflow: unset !important;
	white-space: normal !important;
}
.ivu-input-type-number i.ivu-input-icon-clear{right: 20px;}


/*����???��???���䡧o?*/
.formlayoutmobile .grid-row{
	margin-bottom:0;
	border-bottom: 10px solid #F2F2F2;
}

.formlayoutmobile .ivu-form-item{
	display:flex;
	flex-direction: column;
}

.formlayoutmobile .ivu-form-item .ivu-form-item-content{
	margin-left:0 !important;
}

.formlayoutmobile .form-comp-outer{
	/*height:auto !important;*/
}
.formlayoutmobile .grid-row .column{
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
.formlayoutmobile .ivu-form .ivu-form-item-label{
	padding-top:0;
	font-size:3.733333vw;
	/*font-size: 4.266667vw;*/
	/*font-size: 14px;*/
	line-height:1em;
	width:100% !important;
}
.formlayoutmobile .kabala-checkbox .showval,
.formlayoutmobile .kabala-radio .showval{
	/*font-size: 4.266667vw;*/
	line-height:1em;
	/*margin-top:0.8em;*/
	margin-left: -0.8em;
}
.formlayoutmobile .kabala-checkbox .showval .ivu-tag-size-large,
.formlayoutmobile .kabala-radio .showval .ivu-tag-size-large{
	height:2em;
	line-height:2em;
	padding: 0 1em;
	height:auto;
	line-height:normal;
	padding:0.4em 1em;
	margin:0;
	margin-top: 0.8em;
	margin-left: 0.8em;
	background-color:#ffffff;
}

.formlayoutmobile .kabala-checkbox .showval .ivu-tag-size-large .ivu-icon,
.formlayoutmobile .kabala-radio .showval .ivu-tag-size-large .ivu-icon{
	font-size:4.266667vw;
	top:1px;
}
.formlayoutmobile .kabala-radio,
.formlayoutmobile .kabala-checkbox
{
	margin-top:-0.8em;
	padding-top:0 !important;
}
.formlayoutmobile .kabala-checkbox .ivu-checkbox-group,
.formlayoutmobile .kabala-radio .ivu-radio-group{
	display:flex;
	flex-direction:column;
}
.formlayoutmobile .kabala-checkbox .ivu-checkbox-wrapper,
.formlayoutmobile .kabala-radio .ivu-radio-wrapper{
	font-size: 4.266667vw;
	/*font-size: 14px;*/
	margin-right:0;
	margin-top:0.8em;
}
.formlayoutmobile .kabala-checkbox .ivu-checkbox-wrapper-checked span+span,
.formlayoutmobile .kabala-radio .ivu-radio-wrapper-checked span+span{color:#2d8cf0;}
.formlayoutmobile .kabala-boolean{padding-top:0 !important;}

.formlayoutmobile .kabala-date .ivu-input,
.formlayoutmobile .kabala-text .ivu-input,
.formlayoutmobile .kabala-textarea .ivu-input{
	border:none;
	box-shadow:none;
	resize:none;
	padding-left:0;
	font-size: 4.266667vw;
	color:#0f202d;
}
.formlayoutmobile .kabala-text .ivu-input-wrapper .ivu-input-icon-clear{display:inline-block;right:0;}

.formlayoutmobile .kabala-form-space .mobile-add-btn,
.formlayoutmobile .kabala-role-mobile .mobile-add-btn{
	width:40px;
	height:40px;
	width:30px;
	height:30px;
	border:1px dashed #2D8CF0;
	border-radius:2px;
	background-color:#ffffff;
	position: relative;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color:#2D8CF0;
	margin-top:0.7em;
}
.formlayoutmobile .kabala-role-mobile .user-outer{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-top: -0.8em;
	margin-left: -1.8em;
	/*margin-bottom: 1.8em;*/
}
.formlayoutmobile .kabala-role-mobile .user-outer .user{
	display:flex;
	align-items:center;
	height:auto;
	line-height:normal;
	padding:0.4em 1em;
	margin:0;
	margin-top: 0.8em;
	margin-left: 1.8em;
	background-color:#ffffff;

}
.formlayoutmobile .kabala-role-mobile .user-outer .user .ivu-icon{
	top:1px;
}
/*.formlayoutmobile .kabala-role-mobile .user-outer .user .user-icon svg{*/
/*	width: 14px;*/
/*	height: 14px;*/
/*}*/
/*.formlayoutmobile .kabala-role-mobile .user-outer .user span{font-size:14px; font-size: 4.266667vw;}*/
/*.formlayoutmobile .kabala-role-mobile .user-outer .user span.close-icon{*/
/*	!*width: 14px;*!*/
/*	!*height: 14px;*!*/
/*	background-color: #F2F2F2;*/
/*	border-radius:50%;*/
/*	display:flex;*/
/*	margin-left: 0.5em;*/
/*	padding:0.2em;*/
/*	color:#aaa;*/
/*}*/
.formlayoutmobile .kabala-role-mobile.readonly .user-outer{margin-bottom:0;}

.formlayoutmobile .kabala-form-space .file{
	max-height:400px; overflow-x:auto;
	/*margin-top:-10px;*/
	margin-bottom:10px;
	/*margin-bottom:-10px;*/
}
.formlayoutmobile .kabala-form-space .file-outer{
	display:flex;align-items:center;
	/*margin-top:10px;*/
	margin-bottom:10px;
}
.formlayoutmobile .kabala-form-space .file-inner{max-width:70%; width:auto !important;}
.formlayoutmobile .kabala-form-space .file-inner .kabala-fileicon-filename{max-width:calc( 100% - 30px) !important;font-size: 14px; font-size: 4.266667vw;}
.formlayoutmobile .kabala-form-space .kabala-fileicon-inner{display:flex;align-items:center;}
.formlayoutmobile .kabala-form-space .kabala-fileicon-inner img{flex:1;}
.formlayoutmobile .kabala-form-space .file-outer .file-preview{
	background-color:#F2F2F2;
	color:#909090;
	color:#aaa;
	font-size: 4.266667vw;
	font-size: 3.733333vw;
	padding:0.2em 0.5em;
	margin-left:0.5em;
	border-radius: 10em;
	border-radius: 4px;
}

.formlayoutmobile .kabala-form-space .file-outer .close-icon{
	background-color:#F2F2F2;
	color:#909090;
	color:#aaa;
	font-size: 4.266667vw;
	font-size: 3.733333vw;
	padding:0.2em;
	border-radius: 50%;
	border-radius: 4px;
	display:flex;
	align-items: center;
	margin-left:0.5em;
	width:2.5em;
}
.formlayoutmobile .kabala-form-space .file-outer .close-icon .ivu-icon{margin:0 auto;}
.formlayoutmobile .kabala-checkbox .more-btn,
.formlayoutmobile .kabala-radio .more-btn
{font-size: 3.733333vw;line-height:1.2em;margin-top:0.8em;color:#2D8CF0; color:#666;}


.formlayoutmobile .ivu-form-item-content span{font-size: 4.266667vw;}
/*.formlayoutmobile .ivu-radio-inner{width:4.266667vw; height:4.266667vw;}*/
/*.formlayoutmobile .ivu-radio-inner:after{width:3.233333vw;height:3.233333vw;border-radius:50%;}*/

#formLayout.formlayoutmobile .ivu-form-item-required .ivu-form-item-label:before{left:10px;}

/* showmoreflowbtn |��?��2?|��?��?����?���䡧o? */
.ivu-drawer-bottom{
	width: 100%;
	min-height: 70vh;
	height: auto;
	top: auto;
	bottom:0;
}
.ivu-drawer-bottom .ivu-drawer-body{
	padding-top:0;
	padding-left:0;
	padding-right:0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.confirmtype-outer,.comments-outer{box-sizing:border-box;padding-left:16px;padding-right:16px; }
.confirmtype-outer .ivu-radio-group-vertical{width: 100%;}
.confirmtype-outer .ivu-radio-group-vertical .ivu-radio-wrapper{
	margin-right:0;
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	justify-content:space-between;
	height: 50px;
	line-height: 50px;
}
.confirmtype-outer .ivu-radio-group-vertical .ivu-radio-wrapper .ivu-radio{margin-right:0}
.comments-outer .ivu-input{border:none;box-shadow:none;resize:none;padding-left:0;font-size: 4.266667vw;}
.comments-outer,.commit-outer{padding:16px;}
.commit-outer{border-top:10px solid #F2F2F2;text-align: center;}
.commit-outer .ivu-btn-circle{
	padding:0 4em;font-size: 4.266667vw;
	height:2.7em; border-radius: 10px; width:100%;
}
.hr{border: 5px solid #F2F2F2;}

.mobile-kabala-role .ivu-drawer-header-inner{font-size: 4.266667vw;}
.mobile-kabala-role .group-title{padding-bottom: 0.8em;font-size: 4.266667vw;}
.mobile-kabala-role .group-name{margin-top: -0.8em;}
.mobile-kabala-role .group-name .ivu-radio-wrapper{font-size: 4.266667vw;}
.mobile-kabala-role .confirmtype-outer .ivu-checkbox-group-item{ margin-top:.8em;display:flex;align-items:center;}
.mobile-kabala-role .confirmtype-outer .ivu-checkbox-group-item span+span{margin-left: 0.5em;font-size:14px;font-size: 4.266667vw;}
.mobile-kabala-role .group{margin-bottom:0.8em;}
.mobile-kabala-role .ivu-drawer-body{padding-top:10px;position:relative;}
.mobile-kabala-role .commit-outer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;}
.mobile-kabala-role .optional-outer{padding-bottom:66px;}
.btn-submit-drawer .ivu-radio-wrapper,
.btn-submit-drawer .ivu-drawer-header-inner{font-size:4.266667vw;}

.kabala-checkbox-drawer .ivu-checkbox-group-item{display: flex;flex-direction: row-reverse;justify-content: space-between;}


/*.formlayoutmobile .kabala-form-space .file-inner {max-width:100%;}*/


.mobile-kabala-space .ivu-drawer-header-inner{line-height:1.4em;height:auto;padding-right:20px;}
.mobile-kabala-space .btn-group{
	display: flex;
	flex-wrap: wrap;
	/*justify-content:space-around;*/
}
.mobile-kabala-space .btn-group .btn{
	flex-basis: 20%;
	/*padding:0 16px;*/
	font-size:4.266667vw;
	/*line-height:3em;*/
	/*border-bottom:1px solid #ddd;*/
	/*text-align:center;*/
}
.mobile-kabala-space .btn-group .btn div{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:16px 5px;
}
.mobile-kabala-space .btn-group .btn div img{
	/*width:1.4em;*/
	/*height:1.4em;*/
	width:5.5vw;
	height: 5.5vw;
}
.mobile-kabala-space .btn-group .btn div span{
	/*font-size: 3.733333vw;*/
	margin-top:8px;
	font-size: 12px;
}
.mobile-kabala-space .ivu-drawer-bottom{min-height:140px;}
.mobile-kabala-space .ivu-drawer-bottom .ivu-drawer-body{padding:0;}
.mobile-kabala-edit .ivu-drawer-bottom{min-height:100vh;}



.formlayoutmobile .ivu-form .ivu-form-item-label {
	padding-bottom:0.6em;
	/*padding-bottom:0.8em;*/
	/*padding-bottom:1em;*/
	color:#0f202d;
}
.formlayoutmobile .ivu-form.form-readonly .ivu-form-item-label {
	color: #76828d;
}
.formlayoutmobile .kabala-role-mobile .user-outer .ivu-tag-text,
.formlayoutmobile .kabala-checkbox .ivu-tag-text,
.formlayoutmobile .kabala-radio .ivu-tag-text,
.formlayoutmobile .kabala-form-space .kabala-fileicon-inner .kabala-fileicon-filename
{color:#0f202d;}

.formlayoutmobile .kabala-text .ivu-input-icon{color:#2D8CF0;}
.formlayoutmobile .kabala-text .ivu-icon-ios-close-circle:before
{content:"\F176"}


.formlayoutmobile .kabala-boolean .ivu-switch-inner span,
.formlayoutmobile .kabala-radio .ivu-tag-text,
.formlayoutmobile .kabala-checkbox .ivu-tag-text,
.formlayoutmobile .kabala-role-mobile .user-outer .user .ivu-tag-text{font-size:3.233333vw !important;}

/*tag*/
.formlayoutmobile .kabala-checkbox .showval .ivu-tag-size-large,
.formlayoutmobile .kabala-radio .showval .ivu-tag-size-large {
	padding: 0.6em 1.2em;
}
.formlayoutmobile .kabala-role-mobile .user-outer{
	margin-left:-0.8em;
}
.formlayoutmobile .kabala-role-mobile .user-outer .user{
	margin-left:0.8em;
	padding: 0.6em 1.2em;
}

.ivu-checkbox-disabled+span,
.ivu-radio-disabled+span{color:#cccccc;}
.ivu-select-disabled .ivu-select-selection,
.ivu-radio-checked.ivu-radio-disabled+span,
.ivu-checkbox-checked.ivu-checkbox-disabled+span{color:#515a6e;}

.ivu-select-disabled .ivu-select-selection{background-color: #ffffff;}
