section.onepage_detail form.editor * {
	flex: 0 0 auto; /*by default, nothing grows or shrinks. override per app*/
}
section.onepage_detail form.editor .spacer{
	flex: 1 0 auto !important ;
}

section.onepage_detail{
	display: flex;
}

form.editor{
	/*flex: 1 0 auto;	this is breaking layout
	display: flex;  */
	display: flex;
	flex-direction: column;
	width:100%;
}

form.editor label{
	
	display:block;
	clear:both;
	font-weight:400;
	font-size:13px;
	margin-top:15px;
	color:#777;
	
}

form.editor label:first-of-type{
	
	margin-top:0;
	
}

form.editor input[type="text"], form.editor input[type="email"], form.editor input[type="password"]{
	
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-bottom:15px;
	margin-top:5px;
	
}

form.editor input[type="number"]{
	
	width:120px;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-bottom:15px;
	display:block;
	
}

form.editor input[type="time"]{
	
	width: 120px;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 7px;
	box-sizing: border-box;
	outline: none;
	margin-bottom:15px;
	display:block;
	
}

form.editor input[type="date"], form.editor select{
	
	
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top:5px;
	display:block;

}

form.editor select:disabled{
	
	background-color:rgb(235, 235, 228);
	
}

form.editor select{

	background-image:url(/templates/standard_templates/vnet.vtemplate/images/br_down.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	-webkit-appearance:none;
	min-width: 100%;
	margin-bottom:15px;
	display:inline-block;
	padding-right:40px;
	box-sizing:border-box;
	background-color: #fff;
	
}

form.editor select option{
	
	color:#000;
	
}

form.editor select.empty{

	color:#bbb;
	
}

form.editor select.empty.error {
	
	background-color: rgb(255, 250, 201);
}

form.editor select option.placeholder{

	display:none;
	
}

form.editor textarea{
	
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 5px;
	height:80px;
	resize:vertical;
	margin-bottom:15px;
	
}

form.editor div.two_column{
	
	width:50%;
	display:inline-block;
	height:auto;
	
}

form.editor div.autocomplete_container{
	
	padding:0;
	margin-bottom:5px;
	margin-top:15px;
	
}

form.editor div.autocomplete_container div.autocomplete_div{
	
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	height:auto;
	margin-top: 5px;
	background:transparent;
	
}

form.editor div.autocomplete_container div.autocomplete_combobox{
	
	top:5px;
	right:0;
	border:none;
	width:10px;
	margin-top:5px;
	height:auto;
	padding: 10px 20px;
	margin-left:-50px;
	display:none;
	
}

div.autocompleteDiv {
	
	padding: 0;
	position: absolute;
	width: 500px;
	margin-top: 15px;
	max-height: 250px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	height: auto;
	overflow-y: auto;
	border: solid 1px #ddd;
	border-radius: 4px;
	background-color: #fff;
	z-index: 4500;
	box-shadow: 3px 4px 8px 1px #e8e8e8;
  
}



/* what is this? */
form.editor div.spacer{
	
	width:100%;
	display:block;
	height:20px;
	clear:both;
	
}

form.editor span.document_id{
	
	display:none;
	
}

form.editor div.version_info{
	
	margin-top:6px;
	box-sizing:border-box;
	padding:0;
	width:100%;
	height:auto;
	
}

form.editor div.version_info div.two_column{

	margin-top:6px;
	margin-bottom:6px;
	
}

.multicolumn{
	/*better than .two_column*/
	display:flex;
}
.multicolumn *{
	/*better than .two_column*/
	flex: 1 0 auto !important;
}


.tensquare{
	width:10px;
	height:10px; 
	flex: 0 0 auto !important;
	
}


form.editor summary{
	
	outline:none;
	clear:both;
	font-weight:400;
	font-size:13px;
	margin-top:15px;
	color:#777;
	
}


form.editor label.error{
	text-align: right;
	display: inline-block;
	margin-top: 9px;
	margin-left: -190px;
	width: 180px;
	font-size: 10px;
	pointer-events: none;
}

form.editor input.error{
	background: rgb(255, 250, 201);
}

form.editor span.editor_spinner{
	
	height:28px;
	width:28px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-image:url( /templates/modal2/assets/images/spinner.gif );
	display:inline-block;
	margin-right:20px;
	
}

form.editor div.checkbox_label{
	
	display:block;
	margin-bottom:15px;
	width:100%;
	
}

form.editor div.checkbox_label input[type="checkbox"], form.editor div.checkbox_label input[type="radio"]{
	
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
	
}

form.editor div.checkbox_label label{
	
	display:inline-block;
	vertical-align:top;
	
}

@media (max-width:800px){
	
	body div.bottom div.content{
		width:100%;
	}
	
	body div.bottom div.content section.onepage_app{
		width:100%;
	}
	
	body div.bottom div.content section.onepage_app section.list_column {
		width: 100%;
		max-width: none;
	}
	
	body div.bottom div.content section.onepage_app section.onepage_detail{
		display:none;
	}
	

	header.top nav.top section.company{
		display:none;
	}
	
	header.top section.title{
		display:none;
	}
	
	header.top section.icon.user{
		width:50px;
	}
	
	header.top section.icon.user a{
		width:auto;
	}
	
	header.top section.icon.user span.username {
		display:none;
	}
	
}