/******************************/
/*** FORM MGMT (BACKUP) (OLD)
/******************************/
	#buildPanel{
		width 	: 100%;
	}
	.nav-list{
	    padding-left: 0;
	    list-style-type: none;
	}
	.nav-list > li{
	    list-style-type: none;
	}

	#createFormBody{
		height: calc(100vh - 145px);
		overflow: hidden;

	}
	#edit_button_body,
	#edit_label_body,
	#edit_field_body{
		height: calc(100vh - 120px);
		overflow-y: auto;
	}

	#createFormOptions{
		height: calc(100vh - 120px);
		overflow : hidden;
	}
	.field_option_label{
		font-weight: bold;
	    /* border: 1px solid #fff; */
	    /* border-left: 0; */
	    /* border-right: 0; */
	    text-indent: 5px;
	    padding: 5px 0;
	    margin-bottom: 10px;
		float 			: left;
		width 			: 100%;
	}
	.padd-left-only{
		padding-left 	:10px;
		padding-top 	: 0;
		padding-right 	: 0;
		padding-bottom 	: 0;
	}
	.form-group{
		margin-bottom : 5px;
	}

	.text-one-line-ellipsis{
		white-space 	: nowrap;
		text-overflow	: ellipsis;
	}

	.swal2-container {
	    z-index: 10000;
	}

	.button-hover-underline:hover{
		text-decoration: underline;
	}


	/****** FORM_CREATOR ******/
		.main_form_target{
			position: relative;
			overflow-x 		: hidden;
		}
		.main_form_target > .form-creator-body{
			height 			: 100%;
			width 			: 100%;
			background-color: #fff;
			color 			: #111;
			overflow-x 		: hidden;
		}
		.main_form_target > .form-creator-toolbar{
			position		: absolute;
			top 			: 0;
			right 			: 0;
			width 			: 100%;
			height			: 25px;
			background-color: #f5f5f5;
			border 			: 1px solid #ddd;
			/*opacity			: 0.3; */
			opacity 		: 1;  /*temp*/
			color 			: #fff;
			padding 		: 1px 5px;
			/*display 		: none;*/
		}

		.main_form_target > .form-creator-toolbar > button{
			color 			: #111;
		}
		.main_form_target > .form-creator-toolbar > button[disabled]{
			color 			: #888;
		}

		.main_form_target > .form-creator-toolbar > button:not([disabled]):hover{
			font-weight 	: bold; 
		}


		.main_form_target > .form-creator-toolbar > button{
			float 			: right;
			font-size 		: 15px;
			height			: 25px;
			width			: 25px;
		}

		.main_form_target > .form-creator-toolbar:hover{
			opacity			: 1; 

		}

		.form-creator-field-placeholder{
			height: 50px;
			width : 100%;
			float : left;
			border:2px dashed #000;
		}

		.form-sub-toolbar{
			position		: absolute;
			top 			: 25px;
			right 			: 0px;
			width 			: 100%;
			height			: 100px;
			color 			: #fff;
			display 		: block;
		}


		.form-sub-toolbar[type="field_list"]{
			height 			: 400px;
			width 			: 350px;	
		}

		div.form-creator-field-item{
			float 			 : left;
			height			 : 30px;
		    width			 : calc(50% - 10px);
		    border			 : 1px solid;
		    margin			 : 5px;
		    line-height		 : 30px;
		    background-color : #555;
		    cursor			 : pointer; 
		    max-width 		 : 300px;
		}

		div.form-creator-field-item > button,
		div.form-creator-field-item > div.field_name{
			float 			 : left;
		}
		div.form-creator-field-item > div.field_name{
		    white-space		: nowrap;
		    text-overflow	: ellipsis;
		    padding			: 0px 5px; 
		    width			: calc(100% - 30px); 
		    overflow		: hidden;
		}

		div.form-creator-field-item:hover,
		div.form-creator-field-item > button:hover{
			color 			 : #5f8;
		}

		div.form-creator-field-block{
			cursor 			 	: pointer;  
			padding 		 	: 20px 10px;
			width 				: 100%;
			float				: left;
			min-height			: 50px;
		}
		div.form-creator-field-block:hover{
			border: 0.1em dotted #888;
			background-color : #eee; 
		}
		div.form-creator-field-block.active{
			background-color : #dfd; 
		}

		div.form-creator-field-block > div[data-type='field-label']{
			font-weight			: bold;
			margin-bottom		: 10px;
		}

		.form-creator-field-block  > div[data-type='content'] input,
		.form-creator-field-block  > div[data-type='content'] textarea{
			width  				: 100%;
			border 				: 2px solid #ddd;
			border-radius		: 5px;
		}


/******************************/
/*** FORM MGMT (LIST)(NEW)
/******************************/
	
	.option-panel{
		margin-top : 10px;
		border 	: 1px solid white;
		width 	: 100%;
		float 	: left; 
	}
	.option-panel-header{
		border-bottom 	: 1px solid white;
		min-height		: 30px; 
		width			: 100%;
		float 			: left;
		clear 			: both;
	    text-indent		: 10px;
	    background-color: #333;
	}
	.option-panel-body{
		width			: 100%;
		float 			: left;
		clear 			: both; 
		height			: 100px;
		overflow-y		: auto;
		background-color: #555;
	}

	.field-option-event-item{
	    border-bottom	: 1px solid #fff;
	    background-color: #444;
	    float 			: left;
	    width 			: 100%;
	    cursor 			: pointer; 
	}
	.field-option-event-item > .display_name{
	    float			: left;
	    width			: calc(100% - 15px);
	    padding			: 7px 3px;
    	overflow		: hidden;
    	text-overflow	: ellipsis;
    	font-size		: 11px;
	    position		: relative; 
		white-space		: break-word;
	}
	.field-option-event-item > .display_name label{
		margin 			: 0;
		cursor			: pointer; 
	}
	.field-option-event-item > .display_name .underline_h:hover{
		text-decoration : underline;  
	}
	.field-option-event-item > .display_name > .action_content{
		color	: #a5f785;
	    position: absolute;
	    top		: 0;
	    left	: 0;
	}
	.field-option-event-item > .display_name > .code_content{
		margin-left 	: 15px;
		margin-top 		: 10px;
	}
	.field-option-event-item[data-type="immidiate"]{

	}
	.field-option-event-item[data-type="conditional"]{

	}
	.field-option-event-item > button{
	    height: 15px;
	    width: 15px;
	    font-size: 15px;
	}

	.option-panel-header > h5{
		float 	: left;
		width 	: calc(100% - 50px);
	}
	.option-panel-header > button{
		float: right;
	    width: 50px;
	    height: 35px;
	    background-color: #333;
	    outline: none;
	    border: none;
	    font-weight: bold;
	    color: #fff;
	}
	.option-panel-header > button:hover{
		background-color : #888;
	}

	.form-creator-list-header{
		height			: 30px;
		background-color: #333;
		border-bottom	: 0.1vw solid #fff;
	}
	.form-creator-list-header > div{
		border-right	: 0.1vw solid #fff;
		float			: left;
		text-indent		: 30px;
		line-height		: 30px;
		font-weight		: bold;
		color			: #fdfdfd;
		overflow		: hidden;
	}

	.form-creator-list-body > .form-creator-list-item > div:first-child,
	.form-creator-list-header div:first-child{
		width			: calc(100% - 150px);
	}
/*
	.form-creator-list-body > .form-creator-list-item > div:nth-child(2),
	.form-creator-list-header div:nth-child(2){
		width			: 150px;
	}*/

	.form-creator-list-body > .form-creator-list-item > div:last-child,
	.form-creator-list-header div:last-child{
		width			: 150px;
		border			: none;
	}

	.form-creator-list-body{
		width			: 100%;
		height			: calc(100% - 30px);
		overflow-y		: auto;
		overflow-y 		: overlay;
	}

	.form-creator-list-body > .form-creator-list-item{
		width			: 100%;
		height			: 70px;
		cursor 			: pointer;
	    border-bottom 	: 1px inset #eee;
	}
	.form-creator-list-body > .form-creator-list-item:hover{
		background-color: #888;
	}
	.form-creator-list-body > .form-creator-list-item > div{
		float 			: left;
	}
	.form-creator-list-body > .form-creator-list-item > div:first-child{
		line-height		: 30px;
		text-indent		: 20px;  
	}
	.form-creator-list-body > .form-creator-list-item > div:first-child > div:first-child{
		font-weight 	: bold;
	}

	.form-creator-list-body > .form-creator-list-item > div:first-child > div:last-child{
		font-style	 	: italic;
		font-size 		: 13px;
		text-indent 	: 0px;
		padding-left 	: 30px;
		overflow 		: hidden;
	    white-space		: nowrap;
	    text-overflow	: ellipsis;
	}

	.form-list-btn{
		position 		: relative;
	}
	.form-list-btn[data-notification]:not(.loading):after{
		content 		: attr(data-notification);
	    color 			: white;
	    position		: absolute;
	    text-align		: center;
	    top 			: 2px;
	    right 			: 0px;
	    font-size 		: 7px;
	    padding			: 2px 0px;
	    height 			: 12px;
	    width 			: 12px;
	    background-color: #f55;
	    border-radius 	: 50%;
	}

/******************************/
/*** FORM MGMT (CREATOR)(NEW)
/******************************/
	#createFormBody{
		height: calc(100vh - 135px);
		overflow: auto;
	}
	#createFormOptions{
		height: calc(100vh - 110px);
		overflow : hidden;
	}


	.fs-select-container{
		width 			: 100%;
		height			: 35px;
		position 		: relative;
		border 			: 1px solid #ccc;
		cursor 			: pointer;
		padding 		: 0px;
	}
	.fs-select-container:hover{
		border-color 	: #888;
	}
	.fs-select-container:hover > ul{
	    border 			: #888 1px solid;
	}
	.fs-select-container > .fs-select-input{
		height 			: 1px;
		width 			: 1px;
		position 		: absolute;
		opacity 		: 0;
		z-index 		: -999;   
	}
	.fs-select-container > .fs-select-value{
		position		: relative; 
	    text-align 		: left;
	    text-overflow 	: ellipsis;
	    white-space		: nowrap; 
	    overflow		: hidden;
	    background-color: #fff;
	    color 			: #000;
	    top 			: 0px;
	    left 			: 0px;
	    height 			: 100%;
	    width 			: 100%;
	    clear 			: both;
	    display 		: flex;
	}
	.fs-select-container > .fs-select-value > div{
		float 			: left;
	    width 			: calc(100% - 15px);
	    text-indent 	: 10px;
		overflow 		: hidden;
		text-overflow 	: ellipsis;
		white-space		: nowrap;
	    vertical-align 	: middle;
	    margin 			: auto 0; 
	}
	.fs-select-container > .fs-select-value > span{
		float 			: left;
	    text-align 		: center;  
		font-size		: 15px; 
		width 			: 15px;
	    vertical-align 	: middle;
	    margin 			: auto 0;
	}

	.fs-select-container > ul{
	    list-style-type	: none;
	    display			: none;
	    position 		: absolute;
	    max-height		: 150px;
	    overflow-y		: auto;
	    background-color: white;
		color			: black;
	    clear 			: both;
	    padding			: 0;
	    margin			: 0;
	    left 			: -1px;
	    top 			: calc(100% + 1px);
	    z-index 		: 2010;
	    border 			: #ccc 1px solid;
	    border-top 		: none !important;
	}

	.fs-select-container > ul > li{
	    list-style 		: none;
        padding			: 3px 6px;
	    text-align		: left;
        white-space 	: nowrap;
	    overflow		: hidden;
	    text-overflow	: ellipsis;
	}
	.fs-select-container > ul > li:hover{
		background-color: #eee;
	}
	.fs-select-container > ul > li.selected{
		background-color: #ddd;
	}
	.fs-select-container > ul > li:disabled,
	.fs-select-container > ul > li[disabled]{
		background-color: #fefefe;
		color: #888;
	}


	.my-float-input-group{
		width 	: 	100%;
	}

	.my-float-input-group > *{
		float 	: left;
	}

	.my-float-input-group > *:nth-child(1){
		float: left;
	    width: calc(100% - 40px);
	    border-bottom-right-radius: 0;
	    border-top-right-radius: 0;
	}
	.my-float-input-group > *:nth-child(2){
		float: left;
	    width: 40px;
	}

	.main-form-creator2-container{
		position : relative;
		overflow : auto;
	}

	.main-form-creator2-container > .form-creator2-body{
		min-height		: calc(100% - 25px);
		min-width		: 100%; 
		position 		: absolute;
		top 			: 25px;
		left 			: 0;
		background-color: #f5f5f5;
		color 			: #111;
	}

	.main-form-creator2-container > .form-creator2-body-tools{
		height 			: 25px;
		width 			: 100%;
		position		: absolute;
		top				: 0;   
		right			: 0;
		background-color: rgba(50,50,50,1);
		color 			: #ddd;
		z-index 		: 2001; 
	}

	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub{
		min-height		: 10px;
		min-width		: 50px;
		position		: absolute;
		left			: 0px;
		z-index 		: 2001; 
		background-color: rgba(50,50,50,1);
		color 			: #ddd;
	}

	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub > .form-creator2-body-tools-sub-items{
		font-size		: 12px;
	    padding			: 5px 10px;
	    text-align		: left;
	    width 			: 100%;
	    border-bottom	: 1px solid #888;
        font-family 	: sans-serif;
        cursor			: pointer; 
	}

	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub > .form-creator2-body-tools-sub-items:hover{
		background-color: #888;
	}

	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub .form-creator2-body-tools-sub-items-alt-cont{
		float 			: right;
	}
	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub .form-creator2-body-tools-sub-items-alt-cont > .items{
		vertical-align 	: middle;
	}
	.main-form-creator2-container > .form-creator2-body-tools .form-creator2-body-tools-sub .form-creator2-body-tools-sub-items-alt-cont > .items:hover{
		color 			: #fe4;
	}



	.main-form-creator2-container > .form-creator2-body-tools.hover{
		background-color: rgba(50,50,50,0.5);
		color 			: #333;
	}

	.main-form-creator2-container > .form-creator2-body-tools > button{
		height 		: 25px;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-field-option{
		padding 		: 15px 0px;
		width 			: 200px;
		position 		: absolute;
		top 			: 50px;
		left 			: 90px;
		border 			: 1px solid #555;
		background-color: #fff;
		font-size 		: 10px !important;
	}
	.main-form-creator2-container > .form-creator2-body > .form-creator2-field-option .form-group{
		margin-bottom 	: 7px;
	}
	.main-form-creator2-container > .form-creator2-body > .form-creator2-field-option label{
		font-size 		: 10px !important;
	}
	.main-form-creator2-container > .form-creator2-body > .form-creator2-field-option .form-control{
		height 			: 29px !important; 
		font-size 		: 10px;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay{
		padding 		: 0;
		min-height 		: 10px;
		min-width		: 10px;  
		position 		: relative; 
	}

	.main-form-creator2-container .entity-focus-selection{
		outline 		: 1px solid #5aabff !important;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-drag-overlay{
		padding 		: 0;
		min-height 		: 10px;
		min-width		: 10px;  
		position 		: absolute; 
		top 			: 0;
		left 			: 0;
		background-color: rgba(10,10,10,0.3);
		display 		: none;
		color 		 	: #fff;
		font-weight 	: bold;
		font-size 		: 2em;
		text-align 		: center;  
		z-index 		: 2001;
		cursor 			: crosshair;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay{
		background-color: rgb(10,10,10);
		opacity 		: 0.3; 
		position 		: absolute;
		z-index 		: 2001;
		display 		: none;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.modaloverlay{
		background-color: rgb(5,5,5);
		z-index 		: 2001;
		cursor			: not-allowed !important;  
	}
	
	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-top,
	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-bottom{
		height 			: 1px;
		width 			: 100%; 
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-left,
	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-right{
		height 			: 100%; 
		width 			: 1px;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-top{
		top 			: 0;
		left 			: 0;
		/*background-color: red;*/
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-bottom{
		bottom 			: 0;
		left 			: 0;
		/*background-color: blue;*/
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-left{
		top 			: 0;
		left 			: 0;
		/*background-color: green;*/
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-box-drag-overlay.overlay-right{
		top 			: 0;
		right 			: 0;
		/*background-color: gold;*/
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-drag-overlay-msg{
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-drag-overlay.create,
	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay.create{
		cursor 			: crosshair;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay .form-creator2-bgimage{
		max-width		: 100%;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay .form-creator2-field-dummy{
		border 			: 1px dashed #888; 
		position 		: absolute; 
		z-index 		: 1501;
		border-color	: #888 !important;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay .form-creator2-field{
		position 		: absolute;
	}
	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay .form-creator2-field:hover{
		border 			: 1px inset #55a;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay  .form-creator2-button,
	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay  .form-creator2-label{
		position 		: absolute;
		border 			: 1px solid transparent;
		overflow 		: hidden;  
		word-wrap 		: break-word;
	}


	.main-form-creator2-container > .form-creator2-body-tools.hide-tool{
		overflow 		: hidden;
		width 			: 30px;
		background-color: transparent;
	}

	.main-form-creator2-container > .form-creator2-body-tools > button{
		float 			: right;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay > .form-creator-grid-container,
	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay > .form-creator-page-container{
		height			: 100%;
		width 			: 100%;  
		position		: absolute;
		top 			: 0;
		right 			: 0; 
		overflow 		: hidden;
	}

	.form-creator2-overlay > .form-creator-page-container > .form-creator-page{
		height			: 100%;
		width 			: 100%;  
		position		: absolute;
		top 			: 0;
		right 			: 0; 
		overflow 		: hidden;
		display 		: none;
	}

	.form-creator2-overlay > .form-creator-page-container > .form-creator-page > .fc-modal-container{
		height			: 100%;
		width 			: 100%;  
		position		: absolute;
		top 			: 0;
		right 			: 0; 
		overflow 		: hidden;
		display 		: none;
		background-color: #05050599;
	}

	.form-creator2-overlay > .form-creator-page-container > .form-creator-page > .fc-modal-container.active{
		display 		: block;
	}

	.form-creator2-overlay > .form-creator-page-container > .form-creator-page.active{
		display 		: block;
	}

	.form-creator2-page-nav-container{
		width			: 100%;
		/*position		: absolute;
		bottom			: 0px;
		height			: 25px;*/
		display 		: none;
		overflow 		: hidden;
		color 			: #fff;
		background-color: rgba(50,50,50,1);
	    padding-left	: 5px;
	    padding-right	: 5px;
	    border-bottom	: 1px solid #555;
	    z-index 		: 2002;
	}


	.form-creator2-page-nav-container > .form-creator-nav-current-page{
	    background 		: transparent;
	    border 			: none;
	    outline 		: none;
	    height 			: 25px;
	    text-indent		: 10px;
	    font-size 		: 15px;
	    width 			: 100px; 
	}

	.form-creator2-page-nav-container > .form-creator-nav-page-height{
	    background 		: transparent;
	    border 			: none;
	    outline 		: none;
	    height 			: 25px;
	    text-indent		: 10px;
	    font-size 		: 15px;
	    width 			: 100px;
	}
	.form-creator2-page-nav-container > .page-list-container{
		width 			: 130px;
		max-height		: 150px;
		min-height		: 25px;
		overflow-y		: auto;
		background-color: rgba(50,50,50,1);
		display 		: none;
		position 		: fixed;
		z-index			: 9999999; 
	}
	.form-creator2-page-nav-container > .page-list-container > .form-creator-page-list-ref{
		width 			: 100%;
		height 			: 25px;
	    overflow		: hidden;
	    padding			: 2px 5px;
		cursor 			: pointer;
	}

	.form-creator2-page-nav-container > .page-list-container > .form-creator-page-list-ref:hover{
		font-weight		: bold;
		background-color: rgba(80,80,80,1);
	}

	.form-creator2-page-nav-container > button{
		height 			: 24px;
		width 			: 24px;
	}


	.form-creator2-page-nav-container.hover{
		color 			: #333;
		background-color: rgba(50,50,50,0.5);
	}
	.form-creator2-page-nav-container.hover > .page-list-container{
		color 			: #333;
		background-color: rgba(50,50,50,0.5);
	}

	.form-creator2-page-nav-container > .page-list-container > .form-creator-page-list-ref.active{
		background-color: rgba(80,80,80,1);
		color 			: gold; 
	}


	.form-creator2-overlay > .form-creator-grid-container > .grid_line{
		background-color: #ddd;
		opacity			: 0.7;
		height			: 1px;
		width 			: 1px;
		position		: absolute;
		top				: 0;
		left			: 0;     
	}



	.form-view-full-error{
	    text-align: center;
	    color: #f55;
	    height: calc(100vh - 95px);
	    float: left;
	    width: 100%;
	    padding-top: calc(((100vh - 200px) / 2));
	}

	.main-form-viewer-header,
	.main-form-viewer-body,
	.main-form-viewer-footer{
		float: left;
		clear: both;
		width: 100%;
	}
	.main-form-viewer-footer,
	.main-form-viewer-header{
	    height: 50px;
	    font-weight: bold;
	    padding: 5px 15px;
	    font-size: 25px;
	    background-color: #555;
	    color: #fff;
	}
	.main-form-viewer-footer{
		height: 45px;
		font-size:15px;
		padding : 5px;
	}

	.main-form-viewer-body{
	    height: calc(100vh - 95px);
	    overflow-y: auto;
	    width: 100vw;
	}

	.form-creator-view-container{
		position 		: relative;
	    top				: 0;
	    left			: 0;
	    float			: left;
	    clear			: both;
	    background-color: #fff;
	}
	.form-creator-view-container input{
		background-color: #fff;
		box-shadow		: initial;
	    box-sizing		: initial;
	    border			: 1px solid #bbb;
	    outline			: initial;
	}

	.form-creator-view-container input:focus{
		border-bottom	: none;
		border 			: 1px solid #37ABF2;
		box-shadow 		: initial;
	}
	
	.form-creator-view-container input:focus:not([type]):disabled,
	.form-creator-view-container input:focus:not([type])[readonly="readonly"]{
		border-bottom: none;
		color 		: rgba(0, 0, 0, 0.26);
		border		: 1px dotted rgba(0, 0, 0, 0.26);
	}

	.form-creator-view-loader-container{
		position 		: absolute;
		top 			: 0;
		left 			: 0;
		right			: 0;
		bottom			: 0;
		background-color: #555;
		z-index 		: 5000;
	}

	.form-creator-view-page-loader-container{
		position 		: absolute;
		display 		: none;
		top 			: 0;
		left 			: 0;
		right			: 0;
		bottom			: 0;
		background-color: rgba(5,5,5,0.8);
		z-index 		: 4000;
	    padding-top		: 120px;
	    font-size		: 2vw;
	    vertical-align	: middle;
	    text-align		: center;
	    color 			: #fff;
	}

	
	.form-creator-view-container > .form-creator-view-overlay{
		width 			: 100%;
		position 		: relative;
		/*border 			: 1px dashed aqua;*/
		overflow 		: auto;
		overflow-x 		: hidden;
	}

	.form-creator-view-container > .form-creator-view-overlay > .form-creator-view-bgimg{
		/*border 			: 1px dashed red;*/
		position 		: absolute;
		top 			: 0;
		left 			: 0;
		width 			: 100%;
	}

	.form-creator-view-container > .form-creator-view-overlay > .form-creator-view-page{
		height			: 100%;
		width 			: 100%;
		position		: relative; 
		display 		: none;
		overflow		: hidden;
	}
	.form-creator-view-container > .form-creator-view-overlay > .form-creator-view-page.active{
		display 		: block;
		/*border-bottom	: 1px dashed #888;*/
	}

	.form-creator-view-container > .form-creator-view-overlay > .form-creator-view-page > form > *{
		position 		: absolute;
	}
	.form-creator-view-container > .form-creator-view-overlay input{
		box-shadow		: none;
	}

	.field-edit-properties > div{
		display 		: none;
	}

	.form-creator-view-container input,
	.form-creator-view-container select{
		text-indent : 5px;
	}
	.form-creator-view-container textarea{
		padding-left : 5px !important;
	}

	#field_mgmt_btn:hover{
		cursor 	: pointer;
		color 	: #f5f5f5;
		background-color: #888;
	}

	.field_list_container > .field_list_elem{
		border			: 1px solid black;
		min-height		: 30px;
		float 			: left;
		width			: 100%;  
	}
	.field_list_container > .field_list_elem:not(:first-child){
		border-top		: none;
	}

	.field_list_container > .field_list_elem > div{
		float			: left;
	}
	.field_list_container > .field_list_elem > div > .field_err{
		margin-left 	: 10px;
	}
	.field_list_container > .field_list_elem > div:nth-child(1){
		width 			: calc(100% - 60px);
	}
	.field_list_container > .field_list_elem > div:nth-child(2){
		width 			: 30px;
		height			: 30px;
		float 			: right;
	}
	.field_list_container > .field_list_elem > div:nth-child(3){
		width 			: 30px;
		height			: 30px;
		float 			: right;
	}
	.field_list_container > .field_list_elem > div > input{
		width 			: 100%;
		height			: 28px;
		border 			: none;
		outline			: 0; 
		color 			: #555;
		text-indent		: 10px; 
		background-color: transparent;
		color 			: #eee;
	}
	.field_list_container > .field_list_elem > div > input::placeholder,
	.field_list_container > .field_list_elem > div > input::-webkit-input-placeholder,
	.field_list_container > .field_list_elem > div > input:-ms-input-placeholder{
		color 			: #999;
	}
	.field_list_container > .field_list_elem > div > button:hover{
		color			: #aaa;
	}


	.panel-option-box,
	.panel-choice-box{
		float			: left;
	    clear			: both;
	    width			: 100%;
	}
	.panel-option-box > .option-container,
	.panel-choice-box > .choice-container{
	    float			: left;
	    clear			: both;
		line-height 	: 30px;
	    width			: 100%;
		padding			: 5px 3px;
		cursor 			: pointer;
		position		: relative; 
	}
	.panel-option-box > .option-container:hover,
	.panel-choice-box > .choice-container:hover{
		background-color: #efe;
	}

	.panel-option-box > .option-container > *,
	.panel-choice-box > .choice-container > *{
		float 			: left;
	}
	.panel-option-box > .option-container > div.text-label,
	.panel-option-box > .option-container > div.value-label,
	.panel-choice-box > .choice-container > div.text-label,
	.panel-choice-box > .choice-container > div.value-label{
		display 		: none;
		width			: 100%;
    	height			: 20px;
    	font-size		: 12px;
    	line-height		: 20px;
    	font-weight		: bold;
	}
	.panel-option-box > .option-container > div.value-label,
	.panel-choice-box > .choice-container > div.value-label{
		margin-top		: 10px;	
	}
	.panel-option-box > .option-container > input,
	.panel-choice-box > .choice-container > input{
		width			: 100%;
	    border			: 1px solid #eee;
	    height			: 30px;
	    text-indent		: 5px;
	    display 		: none;
	}
	.panel-option-box > .option-container > div.display,
	.panel-choice-box > .choice-container > div.display{
		width			: calc(100% - 25px);
		height			: 30px;
	    text-indent		: 5px;
	}
	.panel-option-box > .option-container > button.close-btn,
	.panel-choice-box > .choice-container > button.close-btn{
		font-size		: 20px;
	    width			: 25px;
	}
	.panel-option-box > .option-container > button.minimize-btn,
	.panel-choice-box > .choice-container > button.minimize-btn{
		display 		: none;
	}

	.panel-option-box > .option-container.selected:not(.fixed) > button.close-btn:hover,
	.panel-choice-box > .choice-container.selected:not(.fixed) > button.close-btn:hover{
		color 			: #f55;
	}
	.panel-option-box > .option-container.selected:not(.fixed),
	.panel-choice-box > .choice-container.selected:not(.fixed){
		padding-bottom: 10px;
		background-color: #dfe;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > input,
	.panel-choice-box > .choice-container.selected:not(.fixed) > input{
		display 		: block;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > div.display
	.panel-choice-box > .choice-container.selected:not(.fixed) > div.display{
		display 		: none;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > div.text-label,
	.panel-option-box > .option-container.selected:not(.fixed) > div.value-label,
	.panel-choice-box > .choice-container.selected:not(.fixed) > div.text-label,
	.panel-choice-box > .choice-container.selected:not(.fixed) > div.value-label{
		display 		: block;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > button,
	.panel-choice-box > .choice-container.selected:not(.fixed) > button{
		position 		: absolute;
		font-size		: 15px;
		height			: 20px;
		width			: 20px;
		top 			: 0;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > button.close-btn,
	.panel-choice-box > .choice-container.selected:not(.fixed) > button.close-btn{
		right 			: 0px;
	}
	.panel-option-box > .option-container.selected:not(.fixed) > button.minimize-btn,
	.panel-choice-box > .choice-container.selected:not(.fixed) > button.minimize-btn{
		display 		: block;
		right 			: 20px;
		font-size		: 12px;
	}

	.panel-choice-box > .choice-container.selected:not(.fixed) > div > .tooltip-label,
	.panel-option-box > .option-container.selected:not(.fixed) > div > .tooltip-label{
	    height		: 13px;
	    width		: 13px;
	    font-size	: 10px;
	    margin-left	: 5px;
	    border		: 1px solid #888;
	    border-radius: 100%;
	    color		: #888;
	}


	.panel-option-box > .option-container.fixed > div.display,
	.panel-choice-box > .choice-container.fixed > div.display{
		width 			: 100%;
	}
	.panel-option-box > .option-container.fixed > button,
	.panel-choice-box > .choice-container.fixed > button{
		display 		: none;
	}

	.radio-hidden,
	.checkbox-hidden{
		display : none;
	}

	input[type="checkbox"] + label[checkbox-label].checkbox-display-box{
	    width 			: 30px;
	    height 			: 30px;
	    border 			: 1px solid #ddd;
	    color 			: #555;
	    padding 		: 5px;
	    text-align		: center;
	    cursor			: pointer;
	    background-color: #f5f5f5; 
		-webkit-touch-callout: none;
	    -webkit-user-select: none; 
	     -khtml-user-select: none; 
	       -moz-user-select: none; 
	        -ms-user-select: none; 
	            user-select: none; 
	}

	input[type="checkbox"] + label[checkbox-label].checkbox-display-box:hover{
		background-color: #ddd; 
	}

	input[type="checkbox"]:checked + label[checkbox-label].checkbox-display-box{
		background-color: #888;
		color 			: #ddd;
	}
	input[type="checkbox"]:not(:checked) + label[checkbox-label].checkbox-display-box{
		background-color: #f5f5f5; 
		color 			: #555;
	}

	input[type="radio"] + label[radio-label].radio-display-box{
	    width 			: 30px;
	    height 			: 30px;
	    border 			: 1px solid #ddd;
	    color 			: #555;
	    padding 		: 5px;
	    text-align		: center;
	    cursor			: pointer;
	    background-color: #f5f5f5; 
		-webkit-touch-callout: none;
	    -webkit-user-select: none; 
	     -khtml-user-select: none; 
	       -moz-user-select: none; 
	        -ms-user-select: none; 
	            user-select: none; 
	}

	input[type="radio"] + label[radio-label].radio-display-box:hover{
		background-color: #ddd; 
	}

	input[type="radio"]:checked + label[radio-label].radio-display-box{
		background-color: #888;
		color 			: #ddd;
	}
	input[type="radio"]:not(:checked) + label[radio-label].radio-display-box{
		background-color: #f5f5f5; 
		color 			: #555;
	}




	.fa-window-minimize:before{
	    content: "\f2d1";
	}
	

	.form-creator-column-sorter-container{
		float			: left;
		width			: 100%; 
		border-bottom 	: 1px inset #555; 
	}
	.form-order-sort-placeholder{
		border 			: 1px dashed #000;
		width 			: 100%;
		height 			: 30px;
		float 			: left;  
	}
	
	.form-creator-column-sorter-header,
	.form-creator-special-field-column,
	.form-creator-column-sorter-container > .form-field-column{
		width 			: 100%;
		border 			: 1px inset #555; 
		height  		: 30px;
		background-color: #fb4;
		float 			: left;
	}

	.form-creator-column-sorter-container > .form-field-column.locked{
		color 			: #555;
	}

	.form-creator-column-sorter-header,
	.form-creator-column-sorter-container > .form-field-column{
		border-bottom	: none;
	}

	.form-creator-column-sorter-header{
		height 			: 40px;
		width 			: 100%;
		float 			: left; 
		font-weight 	: bold;
		font-size 		: 15px;
	    background-color: #fa2;
	    padding 		: 5px;
	}
	
	.form-creator-column-sorter-container > .form-field-column > div{
		float 			: left;
	}

	.form-creator-column-sorter-header > div,
	.form-creator-special-field-column > div,
	.form-creator-column-sorter-container > .form-field-column > div{
		overflow 		: hidden;
		white-space 	: nowrap;
		text-overflow 	: ellipsis; 
		float 			: left;
		padding 		: 4px 10px; 
	}

	.form-creator-column-sorter-header > div:nth-child(1),
	.form-creator-special-field-column > div:nth-child(1),
	.form-creator-column-sorter-container > .form-field-column > div:nth-child(1){
		width 			: 70%;
	}
	.form-creator-column-sorter-header > div:nth-child(2),
	.form-creator-special-field-column > div:nth-child(2),
	.form-creator-column-sorter-container > .form-field-column > div:nth-child(2){
		width 			: 30%;
	}

	.form-creator-special-field-column{
		border-top 		: none;
	}

	.form-creator-column-sorter-message{
	    float 			: left;
	    width 			: 100%;
	    height 			: 20px;
	    text-align		: center;
	    font-weight		: bold;
	    color			: #f55;
	    font-style		: italic;
	    font-size		: 12px;
	    display 		: none;
	}

	#field_templates_list{
		border-right	: 1px solid #888;
		height			: 350px;
	}
	
	#field_templates_data{
		height			: 350px;
		padding-top 	: 25px;
	}

	#field_templates_data > div > .field_templates_preview{
		height			: 120px;
		width 			: 100%;
		border 			: 1px solid #888;
		float 			: left;
		padding 		: 15px;
		position		: relative;
		display 		: none;  
		background-size	: 10px 10px;
    	background-image: linear-gradient(to right, #8f8f8f88 1px, transparent 1px), linear-gradient(to bottom, #8f8f8f88 1px, transparent 1px);
	}


	#field_templates_list > .field_template_item{
		float 			: left;
		width 			: 100%;
		height 			: 35px;
		line-height 	: 35px;
		font-weight		: bold;
		text-indent 	: 10px;
		font-size 		: 16px; 
	    border-bottom 	: 1px solid #888;
		cursor 			: pointer;  
		overflow 		: hidden;
		white-space		: nowrap;
		text-overflow	: ellipsis;
	}

	#field_templates_list > .field_template_item.selected:after{
		content 		: ">";
		position		: absolute;
		right 			: 10px; 
	}

	#field_templates_list > .field_template_item:hover{
		background-color: #eee;
	}

	.checkbox-container{
	}
	.checkbox-container.requiredField{
		border: none !important;
	}

	.form-checkbox-input[type="checkbox"]{
	    opacity	: 0;
	    position: absolute;
	}
	.form-checkbox-input[type="checkbox"] + label.form-checkbox-display{
		border 			: 2px solid #555;
		background-color: #fff;
		border-radius	: 10%;
	}
	.form-checkbox-input[type="checkbox"] + label.form-checkbox-display.fill-container{
		width 		: 100%;
		padding-top : calc(100% - 4px); /* minus total border (4px)*/
		position	: relative;
	}
	.form-checkbox-input[type="checkbox"] + label.form-checkbox-display:after{
	    content			: '';
	    left			: 0;
	    position		: absolute;
	    transition		: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
	}
	.form-checkbox-input[type="checkbox"]:checked + label.form-checkbox-display:after{
        top				: 0;
	    left			: 35%;
	    width			: 35%;
	    height			: 80%;
	    border-top		: 3px solid transparent;
	    border-left		: 3px solid transparent;
	    border-right	: 3px solid #000;
	    border-bottom	: 3px solid #000;
	    transform		: rotateZ(37deg);
	}
	.form-checkbox-input[type="checkbox"]:not(:checked) + label.form-checkbox-display:after{
		width 			: 0;
		height			: 0;
		border			: 3px solid transparent;
		left			: 35%;
		top				: 10px;
		transform		: rotateZ(37deg);
	}
	.checkbox-container.requiredField > .form-checkbox-display{
		border 			: 2px solid red !important;
	}
	.radio-choice-container{
		cursor 			: pointer;
		clear 			: both;
		float 			: left;
		overflow 		: hidden;
		width 			: 100%;  
	}

	.radio-choice-container > .radio-choice-text,
	.radio-choice-container > .radio-choice-input{
	    float			: left;
	}
	.radio-choice-container > .radio-choice-input{
		max-width		: 30px; 
	}

	.radio-choice-container > .radio-choice-text{
	    padding-left		: 10px;
	    white-space 		: nowrap; 
	}

	.fontBtn.help{
	    height: 20px;
	    width: 20px;
	    border: 1px solid #888;
	    margin-right: -30px;
	    margin-left: 5px;
	    border-radius: 100%;
	    font-size: 12px;
	    color: #888;
	}
	.canvas_color_picker{
		border: 1px solid #888;
	    background-color: #333;
	    border-radius: 5px;
	    font-size: 12px;
	}

	
	.form-creator-viewer-page-nav-container{
		position 		: fixed;
		bottom			: -30px;
		left			: calc(50% - 200px);
		width 			: 400px;
		height			: 80px;
		background-color: rgba(50,50,50,0.3);
		color 			: #333;
		border-top-right-radius	: 25px;
		border-top-left-radius	: 25px;
		padding 		: 10px;
		padding-left 	: 45px;
		padding-right 	: 45px;
		z-index			: 10001; 
		transition 		: bottom 0.5s ease; 
	}

	.form-creator-viewer-page-nav-container:hover{
		bottom 			: 0px;
	}

	.form-creator-viewer-page-nav-container:hover{
		background-color: rgba(50,50,50,1);
		color 			: #f5f5f5;
	}
	
	.form-creator-viewer-page-nav-container > .fc-viewer-nav-btn{
		float 			: left;
		background-color: transparent;
		border 			: none;
		font-weight		: bold;
		outline			: none; 
		height			: 30px; 
		width			: 20%; 
		font-size 		: 23px;
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-nav-btn:hover{
		color 			: gold;
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-nav-btn:disabled{
		color 			: #888;
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-current-page{
		float 			: left;
		background-color: transparent;
		border 			: none;
		outline			: none; 
		height			: 30px; 
		width			: 60%;
		text-align		: center; 
		font-weight		: bold; 
		padding 		: 7px 0px;
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-tool-box{
		position 		: absolute;
		top 			: 50px;
		left 			: 0px; 
		width 			: 100%;
		height 			: 30px;
	}

	.form-creator-viewer-page-nav-container:hover .fc-viewer-tool-box > button{
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-tool-box > button{
		float 			: left;
		outline			: none; 
		background 		: transparent;
		border 			: none;
		font-weight 	: bold; 
	}
	.form-creator-viewer-page-nav-container > .fc-viewer-tool-box > button:hover{
		color 			: gold;
	}


	@media(max-width:800px){
		.form-creator-viewer-page-nav-container{
			left 			: 0px;
			width 			: 100%;
			border-radius	: 0px; 
		}
	}

	.my-multiple-select{

	}
	.my-multiple-select > option{
		padding 	: 5px;
	}
	.my-multiple-select > option:before{
		content 	: " ";
	    font-family : "FontAwesome";
	    font-weight : bold;
	    padding 	: 0px 7px;
	}
	.my-multiple-select > option[selected="selected"]:before{
		content 	: "\f00c";
	    padding 	: 0 4px 0 0;
	}
	

/******************************/
/*** FORM MGMT (CREATOR)(MODAL)
/******************************/
	
	#modal_panel_add{
		cursor 				: pointer;
	}
	#modal_panel_add:hover{
		color 				: #555;

	}

	.form-creator-inner-modal{
		margin 				: auto;
		border 				: 1px solid #fff;
		border-radius 		: 5px;
		height				: 150px; 
		width 				: 200px;
		background-color 	: transparent;
		color 				: #000;
		display 			: none; 
		position 			: absolute;
		z-index 			: 10; 
		animation-direction : reverse;
		border 				: 1px solid;
		border-color 		: #888;
	}
	.form-creator-inner-modal.body-only{
		z-index				: 9;  
	}

	.form-creator-inner-modal.floating{
		float 				: left !important;
		position			: initial !important; 
	}

	.form-creator-inner-modal.modal-linked{
		border 				: 1px dashed;
	}
	.form-creator-inner-modal.modal-linked-view{
		border 				: none;
		border-bottom 		: 1px solid;
	}
	.form-creator-inner-modal.modal-linked-view > .fc-inner-modal-body{
		background-color 	: white;
	}
	.form-creator-inner-modal.modal-linked-view:hover > .fc-inner-modal-body{
		background-color 	: #ddd !important;
	}

	.main-form-creator2-container > .form-creator2-body > .form-creator2-overlay .form-creator2-field-dummy.floating{
		float 				: left !important;
		position			: relative !important; 	
	}

	.form-creator-inner-modal.active{
		display 			: block;
	}

	.form-creator-inner-modal:not(.noeffect){
		animation 			: modal_active_show 0.5s;
	}

	.form-creator-inner-modal > .fc-inner-modal-body > .modal-bg-image{
	    position: absolute;
	    top 	: 0;
	    left 	: 0;
	  	right	: 0;
	  	width 	: 100%;  
	    display : none;
	}


	.form-creator-inner-modal.bgimage > .fc-inner-modal-body > .modal-bg-image{
		display	: block;
	}

	.form-creator-inner-modal.bg-fill > .fc-inner-modal-body > .modal-bg-image{
		width		: 100%;
		height		: 100%;  
	}
	.form-creator-inner-modal.bg-best-fit > .fc-inner-modal-body > .modal-bg-image{
		max-width	: 100%;
		max-height	: 100%;
	}

	.form-creator-inner-modal > .fc-inner-modal-header{
		border-top-right-radius		: 5px;
		border-top-left-radius		: 5px;
		height						: 30px;
		border-bottom				: 1px solid;
		background-color			: #555;
		color 						: #ddd;
		padding 					: 3px 5px;
		font-size 					: 15px;
		font-weight 				: bold;
	}
	.form-creator-inner-modal > .fc-inner-modal-body{
		height 				: calc(100% - 55px);
		width 				: 100%;
		background-color 	: #fff;
		position 			: relative;
		overflow 			: hidden; 
	}
	.form-creator-inner-modal > .fc-inner-modal-body > form > *{
		position 			: absolute; 
	}
	.form-creator-inner-modal > .fc-inner-modal-footer{
		background-color			: #555;
		color 						: #ddd;
		width 						: 100%;
		height						: 25px;
		padding 					: 2px 5px;
		border-top					: 1px solid;  
		border-bottom-right-radius 	: 5px;
		border-bottom-left-radius 	: 5px;
	}
	.form-creator-inner-modal > .fc-inner-modal-header > .fc-inner-modal-title{
		width 						: calc(100% - 20px);
		float 						: left;
		text-overflow 				: ellipsis;
		overflow 					: hidden;
		white-space 				: nowrap;   
	}
	.form-creator-inner-modal > .fc-inner-modal-header > button.close{
		width						: 20px;
		float 						: left;
		border 						: none;
		background-color 			: transparent;
		color						: #ddd;
	}
	.form-creator-inner-modal > .fc-inner-modal-header > button.close:hover{
		color 						: #f55;
	}
	.form-creator-inner-modal > .fc-inner-modal-footer > .fc-inner-modal-submit{
		background 					: transparent;
	    border						: none;
	    outline						: none;
	    float 						: right;
		cursor 						: pointer;
	}
	.form-creator-inner-modal > .fc-inner-modal-footer > .fc-inner-modal-submit:hover{
	    font-weight					: bold;
	}
	
	.form-creator-inner-modal.body-only{
		border-radius 				: 0px; 
	}

	.form-creator-inner-modal.body-only > .fc-inner-modal-header{
		display						: none;
	}
	.form-creator-inner-modal.body-only > .fc-inner-modal-body{
		height						: 100%;
		border-radius 				: 0px; 
		overflow 					: hidden;
	}
	.form-creator-inner-modal.body-only > .fc-inner-modal-footer{
		display						: none;
	}
	.form-creator-inner-modal.body-scroll > .fc-inner-modal-body{
		overflow-y 					: auto;
	}

	@keyframes modal_active_show{
		0%{
			transform: scale(0.1);
			opacity: 0;
			display: none; 
		}
		100%{
			transform: scale(1);
			opacity: 1;
			display : block;
		}
	}

	.form-option-field-map-table{
		float			: left;
		clear			: both;
		background-color: #ddd;
		width 			: 100%;
		border-radius	: 5px;
		overflow		: hidden; 
	}
	.form-option-field-map-header{
		min-height 		: 20px;
		width 			: 100%;
		float			: left;
		clear			: both;
	}
	.form-option-field-map-header > div{
		float 			: left;
		width 			: 100%;
		text-align		: center;
		font-weight		: bold;  
	    background-color: #333;
	    padding			: 10px 5px;
	}
	.form-option-field-map-body{
		width 			: 100%;
		min-height		: 200px; 
		background-color: #ddd;
		overflow-y 		: auto;
		color 			: #333;
	}

	.field-map-list-container{
		width 			: 100%;
		float 			: left;
		height			: 35px;
		border-bottom	: 1px solid; 
		cursor 			: pointer; 
	}
	.field-map-list-container > div{
		float 			: left;
		width 			: 50%;
	}
	.field-map-list-container > div > div{
		padding 		: 6px 3px;
		font-weight		: bold;
		overflow 		: hidden;
		text-overflow 	: ellipsis;
		white-space		: nowrap;
	}
	.field-map-list-container > div > select{
		width			: calc(100% - 4px);
		height			: 31px;
		margin 			: 2px; 
		float 			: left; 
	}


	.form-creator-modal-helper{
		cursor 				: pointer;
	    position			: absolute;
	    min-width 			: 100px;
	    height				: 25px;
		top					: -26px;
	    color 				: white;
	    font-weight 		: bold;
	    background-color	: rgba(150,150,150,0.5);
	    padding				: 2px 5px;
	    text-overflow		: ellipsis;
	    white-space			: nowrap;
	    overflow			: hidden;
	    display				: none; 
	    animation-direction : reverse;
	    animation			: modal_helper_show 0.3s;
	}
	.form-creator-modal-helper.active{
	    display 			: block;

	}
	.input-container > input{
		text-indent			: 5px; 
	}
	@keyframes modal_helper_show{
		0%{
			height	: 2px;
			top		: -2px;
		}
		100%{
			height	: 25px;
			top		: -26px;
		}
	}
	.main-form-creator2-container > .form-creator2-body .show-border{
		outline 		: 1px dotted #888 !important;
	}




	
	.manual-item-list-container{

	}
	.manual-item-list-container > li{
	}
	.manual-item-list-container > li > div{
		float 			: left;
	}
	.manual-item-list-container > li > div:nth-child(1){
		width 			: 100px;
		font-weight		: bold; 
	}
	.manual-item-list-container > li > div:nth-child(2){
		float 			: left;
		width			: calc(100% - 100px); 
		padding-left	: 20px;
    	text-indent 	: -20px;
	}

	.manual-item-container{
		width 			: 100%;
		float 			: left;
		margin-bottom 	: 5px;
	}
	.manual-item-container > div{
		float 			: left;
	}

	.manual-item-container > div:nth-child(1){
		width 			: 100px;
	}
	.manual-item-container > div:nth-child(2){
		width			: calc(100% - 100px); 
		padding-top 	: 5px;		
	}
	.manual-instruction-container{
		width 			: 100%;
		float			: left;
		padding 		: 15px; 
	}

	#suggestion-fixed-list{
		position		: fixed;
		top 			: 0;
		left 			: 0; 
		min-height		: 10px;
		max-height 		: 150px;
		width 			: 150px;
		overflow-y 		: auto;  
		border 			: 1px solid black;
		background-color: #fff;
		z-index 		: 3001;
	}
	#suggestion-fixed-list > div{
		width 			: 100%;
		float 			: left;
		cursor 			: pointer;
		overflow 		: hidden;
		text-overflow	: ellipsis; 
	    height			: 23px;
	    padding			: 1px 5px;
	}
	#suggestion-fixed-list > div:hover{
		background-color: #ddd;
	}
	#suggestion-fixed-list > div.highlight{
		background-color: #ddd;
	}

	.custom-dropdown-container{
		position		: fixed; 
		max-height 		: 300px;
		overflow-y 		: auto;
		min-width		: 100px;  
		border 			: 1px solid #888;
		background-color: #fff;
		z-index			: 9001; 
		cursor 			: pointer; 
	}
	.custom-dropdown-container > *:hover,
	.custom-dropdown-container > *:hover .fc-inner-modal-body{
		background-color : #ddd !important;
	}

	#entity_manager_modal{
		padding 		: 0px;
	}

	#entity_manager_modal > .entity-manager-toolbar{
		height			: 50px;
		background-color: #333; 
		padding 		: 10px 0px;
	}

	#entity_manager_modal > .entity-manager-body{
		height			: calc(100% - 80px); 
	}

	#entity_manager_modal > .entity-manager-footer{
		height			: 30px;
		background-color: #333;
	}

	#modal_manager_dialog{
		padding			: 0px;
	}

	#modal_manager_dialog > .modal_manager_dialog_tools{
		height			: 50px;
		background-color: #333;
		padding			: 10px;
		width			: 100%;
	}

	#modal_manager_dialog > .modal_manager_dialog_tools > button{
	    float			: right;
	    height			: 25px; 
	    background-color: #888;
	    border			: none;
	    width			: 100px;
	    border-radius	: 5px;
	    padding			: 5px;
	    margin 			: 0px 5px; 
	    font-size		: 12px;
	}
	#modal_manager_dialog > .modal_manager_dialog_tools > button:hover:not(.disabled){
		background-color: #aaa;
	}

	#modal_manager_dialog > .modal_manager_dialog_tools > button.disabled{
		background-color: #555;
	}


	#modal_manager_dialog > .modal_manager_dialog_body{
		background-color: transparent;
		height			: calc(100% - 50px); 
		width			: 100%;
	}

	.modal_manager_dialog_body > .modal_list_content{
		width 			: 100%;
		height			: 40px;
		padding			: 5px;  
		border-bottom	: 1px solid black;
		background-color: #999;
		color			: #333;
	}


	.modal_manager_dialog_body > .modal_list_content.visible{
		background-color: #ddd;
	}

	.modal_manager_dialog_body > .modal_list_content > div{
		float			: left;
	    height			: 20px;
	    width			: 33.33%;
	}

	.modal_manager_dialog_body > .modal_list_content > div:nth-child(1){
	    height			: 30px;
	    width			: 30px;
	    padding			: 6px;
	}

	.modal_manager_dialog_body > .modal_list_content > div:nth-child(2){
	    padding			: 6px 0px;
	    font-size		: 12px;
	    height			: 30px;
	    font-weight		: bold;
	    width			: calc(100% - 100px);
	    text-overflow	: ellipsis;
	    overflow		: hidden;
	    white-space		: nowrap;  
	}

	.modal_manager_dialog_body > .modal_list_content > div:nth-child(3){
	    height			: 30px;
	    width			: 70px;
	}

	.modal_manager_dialog_body > .modal_list_content > div:nth-child(3) > button{
		float 			: right;
	}

	.modal_manager_dialog_body > .modal_list_content > div:nth-child(3) > button.toggle-btn:before{
		content			: "\f06e";
	}

	.modal_manager_dialog_body > .modal_list_content.visible > div:nth-child(3) > button.toggle-btn:before{
		content			: "\f070";
	}