section
{
	min-width:65%;
}

code
{
	font-size:0.9em;
}
.installType
{
	display:flex;
	flex-flow:row no-wrap;
}
.installType>div
{
	flex:1 1;
	font-size:1.6em;
	padding:15px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#eeeeee;
	border-radius:8px;
	margin:10px;
	border:1px solid transparent;
}
.installType>div>em
{
	font-size:0.75em;
}
.installType>div:hover
{
	border-color:#999999;
}
.steps
{
	text-align:center;
}
.steps>input[type=button]
{
	font-size:1.25em;
	padding-left:28px;
	padding-right:28px;
}
#step1, #step2, #step3, #step4, #supportInstallInstructions
{
	display:none;
}
#settings
{
	min-width:0px;
	width:600px;
}
#settings form>label
{
	width:240px;
	margin-left:15px;
}


/* Options Fields */
#optionEditor, #optionGroupEditor
{
	display:none;
}
#fieldOptions .fa
{
	cursor:pointer;
}
#fieldOptions #addValue
{
	font-size:1.333em;
	margin-left:35px;
}
#fieldOptions input[name='values[]']
{
	margin-left:30px;
}

.paletteColor
{
	padding:2px;
	border:1px solid #cccccc;
	background:#eeeeee;
	border-radius:2px;
	display:inline-block;
	margin:2px;
}

#optionGroupEditor .fa-large
{
	cursor:pointer;
	font-size:1.5em;
	vertical-align:middle;
}
#optionGroupEditor .fa-plus
{
	color:#00ac14;
	margin-left:4px;
}

.productSelector
{
	display:inline-block;
}
#optionsSelection:empty::after
{
	content:'You have no option in this option group. Choose an option and click on the green plus button.';
	font-style:italic;
	padding-top:7px;
	display:block;
}
#optionsSelection>div
{
	border:1px solid #dddddd;
	background:#eeeeee;
	border-radius:4px;
	padding:7px;
	margin:5px;
	display:block;
	width:490px;
	height:45px;
	vertical-align:middle;
}
#optionsSelection .fa
{
	font-size:1.7em;
	width:45px;
	vertical-align:middle;
	text-align:center;
}
#optionsSelection .move
{
	cursor:move;
}
#optionsSelection .remove
{
	cursor:pointer;
}
#optionsSelection .info
{
	display:inline-block;
	width:400px;
	vertical-align:middle;
}
#optionsSelection .info>span
{
	font-weight:bold;
	display:block;
}
#optionsSelection .info>em
{
	font-size:0.9em;
}

.productSelector
{
	border:1px solid #dddddd;
	background:#eeeeee;
	border-radius:4px;
	padding:7px;
	margin:5px;
	display:block;
	width:600px;
	vertical-align:middle;
}
.productSearchTitle, .productSelectionTitle
{
	border:1px solid #dddddd;
	background:#f6f6f6;
	border-bottom:0px;
	font-weight:bold;
	padding:5px;
	display:inline-block;
	width:288px;
}
.productSearchTitle
{
	border-right:0px;
	width:289px;
}
.productSearch, .productSelection
{
	width:298px;
	height:300px;
	border:1px solid #dddddd;
	background:#f6f6f6;
	overflow:auto;
}
.productSearch
{
	border-right:0px;
	width:299px;
	float:left;
}
.productSearch:empty::after
{
	content:'No results.';
	padding:10px;
	text-align:center;
	display:block;
}
.productSelection:empty::after
{
	content:'No selected products.';
	padding:10px;
	text-align:center;
	display:block;
}
.productSearch div, .productSelection div
{
	border-bottom:1px solid #dddddd;
	padding:1.5%;
	display: table;
	table-layout:fixed;
	width:97%;
}
.productSearch div:hover, .productSelection div:hover
{
	background:#ffffff;
}
.productSearch img, .productSelection img
{
	max-width:100%;
	max-height:50px;
	vertical-align:middle;
}
.productSearch .image, .productSelection .image
{
	width:20%;
	height:50px;
	display:table-cell;
	vertical-align:middle;
}
.productSearch strong, .productSelection strong
{
	font-size:0.9em;
	font-weight:normal;
	display:table-cell;
	overflow:hidden;
	margin-left:3%;
	width:62%;
	height:50px;
	cursor:default;
	text-align:left;
	vertical-align:middle;
}
.productSearch .fa, .productSelection .fa
{
	width:15%;
	height:50px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
.productSearch .fa-chevron-right, .productSelection .remove
{
	cursor:pointer;
}
.productSearch .fa-check
{
	color:#19b400;
}
#fieldsDemo
{
	margin-top:15px;
	padding-top:15px;
	display:none;
	border-top:1px solid #eeeeee;
	padding-left:10px;
}
#fieldsDemo>input[type=text], #fieldsDemo select, #fieldsDemo textarea
{
	width:260px;
}
#fieldsDemo>label
{
	width:200px;
	margin-top:8px;
}
#fieldsDemo input[type=radio]+label
{
	width:auto;
	margin-top:0px;
}
#fieldsDemo .webyzeRangeSlider
{
	width:260px;
	display:inline-block;
	vertical-align: middle;
}
#fieldsDemo input[type=text].webyzeNumberPicker-input
{
	width:50px;
}




/* Options Groups */
#addOptionsLogic
{
	font-size:1.5em;
	cursor:pointer;
	vertical-align:middle;
}
#optionsLogic:empty
{
	display:none;
}

#optionsLogic>div>div
{
	border: 1px solid #dddddd;
	background: #eeeeee;
	padding:7px;
	margin:5px;
	border-radius: 4px;
	display:inline-block;
}
#optionsLogic .remove
{
	font-size:1.8em;
	display:inline-block;
	cursor:pointer;
	padding:10px 20px;
	vertical-align:middle;
}
#optionsLogic>div>div>div
{
	display:inline-block;
	vertical-align:middle;
}
#advanced
{
	display:none;
}