.wrapper[data-v-4b10def2]{
	  position:absolute; 
	  left:0;
	  top:0;
	  right:0;
	  bottom: 0;
} 



.wrapper .bscroll-indicator{
	border:none !important;
}


.title[data-v-1729d095]{
		font-size: 13px;
		color:#fff;
}
.field[data-v-1729d095]{
		display: inline-block;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border:dashed #ddd 1px; 
		font-size: 12px;
		color:#fff;
		cursor: pointer;
		text-indent: 5px;
		    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.img_lay[data-v-558d0d7a]{
	width: 100px;
	height: 100px;
	border:dashed #3a56f5 1px;
	position: relative;
}
.img_lay .el-image[data-v-558d0d7a],
.img_lay img[data-v-558d0d7a]{
	width: 100%;
	height: 100%;
}
.img_lay .el-icon-circle-close[data-v-558d0d7a]{
	position: absolute;
    right: -8px;
    top: -8px;
    color: #3a56f5;
    font-size: 16px;
    cursor: pointer;
}
.separate[data-v-558d0d7a]{
	vertical-align: top;
    display: inline-block;
    height: 28px;
    line-height: 28px;
}


.formType_lay .el-upload{
	width: 100%;
	height: 50px;
}
	


.fieldset[data-v-27e2ceac]{
	border: solid #3a56f5 1px;
}
.fieldset legend[data-v-27e2ceac]{

	color:#3a56f5;
	font-size:12px;
}
.tip[data-v-27e2ceac]{
	font-size: 12px;
	color:#409EFF;
}


div[data-v-33292a1e]{
	color:#fff;
}


div[data-v-92ff5c8e]{
	color:#fff;
}


div[data-v-b304134e]{
	color:#fff;
}


div[data-v-6453f167]{
	color:#fff;
}


div[data-v-9bc2c272]{
	color:#fff;
}


div[data-v-2c91e77d]{
	color:#fff;
}


div[data-v-4d0c2ce7]{
	color:#fff;
}


div[data-v-3b672766]{
	color:#fff;
}


div[data-v-2292bc77]{
	color:#fff;
}


div[data-v-70727407]{
	color:#fff;
}


div[data-v-91b4ed9a]{
	color:#fff;
}


div[data-v-13d2520d]{
	color:#fff;
}


div[data-v-015eb136]{
	color:#fff;
}


div[data-v-462ef4c7]{
	color:#fff;
}


div[data-v-fcf8695e]{
	color:#fff;
}


div[data-v-e49cb35e]{
	color:#fff;
}


div[data-v-54628d81]{
	color:#fff;
}


div[data-v-433705c6]{
	color:#fff;
}


.title[data-v-18dcc3c3]{
	color: #fff;
}
.title div[data-v-18dcc3c3]{
	font-size: 12px;
	color:#23c312;
}
.lay[data-v-18dcc3c3]{
	width:100%;
	height: 100%;
}
.top[data-v-18dcc3c3] {
		height: 60px;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);
		        box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);
		left: 0;
		top: 0;
		z-index: 9;
		width: 100%;
		background: #2e2e2e;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border-bottom: solid #000 1px;
}
.title[data-v-18dcc3c3] {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			padding-left: 10px;
}
.logo[data-v-18dcc3c3] {
				width: 40px;
				height: 40px;
}
h2[data-v-18dcc3c3] {
	padding-left: 11px;
	color: #3e3e3e;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}
.handle[data-v-18dcc3c3] {
			height: 100%;
			padding-right: 10px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
}
.handle .item[data-v-18dcc3c3]{
			font-size: 12px;
			margin:10px;
			cursor: pointer;
			color: #fff;
}
.handle i[data-v-18dcc3c3]{
			display: block;
			color:#fff;
			/*color: #3a52ff;*/
		    font-size: 20px;
}
.left[data-v-18dcc3c3] {
			width: 180px;
			height: 100%;
			position: relative;
			background: #1D1E1F; 
			/*box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);*/

			-webkit-transition: width 0.3s; 
			transition: width 0.3s;

			border-right: solid #000 1px;
}
.left_lay[data-v-18dcc3c3]{
			width: 180px;
			height: 100%;

			-webkit-transition: width 0.3s; 
			transition: width 0.3s;
}
.left_ico[data-v-18dcc3c3]{
			    position: absolute;
			    z-index: 1;
			    right: -15px;
			    top: 10px;
			    width: 15px;
			    height: 18px;
			    background: #1d1e1f;
			    color: #fff;
			    font-size: 12px;
			    line-height: 19px;
			    cursor: pointer;
			    text-align: center;
}
.right[data-v-18dcc3c3] {
			width: 310px;
			height: 100%;
			border-left: solid #000 1px;
			background: #1D1E1F; 
			position: relative;
			/*box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);*/


			-webkit-transition: width 0.3s; 
			transition: width 0.3s;
}
.right_ico[data-v-18dcc3c3]{
			position: absolute;
		    left: -15px;
		    top: 10px;
		    width: 15px;
		    height: 18px;
		    background: #1d1e1f;
		    color: #fff;
		    font-size: 12px;
		    line-height: 19px;
		    cursor: pointer;
		    text-align: center;
}
.right_lay[data-v-18dcc3c3]{
			width: 310px;
			height: 100%;
}
.right_bottom[data-v-18dcc3c3]{
			height: 50px;
			border-top:solid #5e5e5e 1px;
}
#preview_area[data-v-18dcc3c3]{
			background: #2e2e2e;
}
 



.form_lay{
	    
	    position: relative;
	    z-index: 1;
}
#designArea form{
		height: 100%;
}
#designArea .grid_container{
		outline: dashed #ff0000 1px; 
		padding:2px;
}
#designArea .grid_container.el-col{ 
		min-height: 20px;
}
#designArea .field_wrapper{
		position: relative;
}
#designArea .el-row{
}
#designArea .el-col{
	margin-bottom: 0;
}
#designArea .delField{
		position: absolute;
		right:10px;
		bottom: -32px;
		/*display: none;*/
}
#designArea .delField i{
		pointer-events: none;
}
	/*#designArea .field_wrapper:hover .grid_container{
			background: rgb(0,0,0,0.5);
	}*/
	/*#designArea .field_wrapper:hover .delField{
		display: block;
	}*/
#designArea .fieldRootDom>*{
		pointer-events: none;
}
.formConfigPreviewDialog{
		background: #211f1f;
		color: #fff;
}
.formConfigPreviewDialog .el-dialog__header{
		border-bottom: 1px solid #3a3a3a;
		background: #3a3a3a;
		padding:5px 10px;
}
.formConfigPreviewDialog .el-dialog__header>div{
		height:30px;
}
.formConfigPreviewDialog .el-dialog__title{
		color: #fff;
}
.right_lay{
	background: #2b2d2f  !important;
}
.right_lay .fieldset{
	border: solid #505354 1px !important;
}
.right_lay .fieldset legend{
	color:#fff !important;
	font-size: 12px;
}
.right_lay .el-icon-plus{
	color: #fff
}
.right_lay .el-input__inner,
.right_lay .el-textarea__inner{
		background: transparent;
}
.right_lay .el-input.is-active .el-input__inner, 
.right_lay .el-input__inner:focus,
.right_lay .el-select .el-input.is-focus .el-input__inner{
	border-color: #23c312;
}
.right_lay .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}
.right_lay.el-select-dropdown{
		background-color: #2E2E2E;
		border: 1px solid #2E2E2E;
}
.right_lay.el-select-dropdown .el-select-dropdown__item.hover, 
	.right_lay.el-select-dropdown .el-select-dropdown__item:hover{
		background-color: #404040
}
.right_lay.el-select-dropdown .el-select-dropdown__item.selected{
		color: #23c312;
}
.right_lay.el-popper[x-placement^=top] .popper__arrow::after{
		    border-top-color: #2E2E2E;
		    bottom:0;
}
.right_lay.el-popper[x-placement^=bottom] .popper__arrow::after{
		    border-bottom-color: #2E2E2E;
		    top:0;
}
.right_lay .el-radio__input.is-checked .el-radio__inner{
		border-color: #23c312;
	    background: #23c312;
}
.right_lay .el-radio__input.is-checked+.el-radio__label{
		color: #23c312
}
.right_lay .el-slider__bar{
		background-color: #23c312;
}
.right_lay .el-slider__button{
	    border: 2px solid #23c312;
}
.right_lay .el-input-number__decrease,
	.right_lay .el-input-number__increase{
		background-color:transparent;
}
.right_lay .el-loading-spinner .path{
		stroke: #23c312;
}
.right_lay .el-form-item__label{
		color:#c6c6c6;
		font-size: 12px;
}
.right_lay .separate{
		color:#fff;
}
.right_lay .el-input__inner,
	.right_lay .el-textarea__inner{
		color:#fff;
}
.right_lay .el-input-number__decrease, .right_lay .el-input-number__increase{
		color:#fff;
}
.right_lay .el-input-number__decrease.is-disabled, .right_lay .el-input-number__increase.is-disabled{
		color:#ccc;
}
.right_lay  .el-divider__text{
		color:#23c312;
		font-size: 12px;
		background-color:#2b2d2f;
}
.right_lay .el-divider--horizontal{
		
		background-color:#505354;
}
.filtersDialog{
		background: #211f1f;
		color: #fff;
}
.filtersDialog .el-dialog__header{
		border-bottom: 1px solid #3a3a3a;
}
.filtersDialog .el-dialog__body .el-form>.el-form-item:last-child{
		border-top: 1px solid #3a3a3a;
}
.filtersDialog .el-dialog__title,
.filtersDialog label.el-form-item__label,
.filtersDialog .el-form-item__content{
		color: #fff;
}
.filtersDialog .el-input__inner{
		background: transparent;
		color: #fff;
}
.filtersDialog .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}