div.form > form > div{ margin-bottom: 10px;}
div.form > form > div.input.hidden{ margin: 0; padding: 0; display: none;}

div.form > form div > label, div.form > form div > .htmlLabel {
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}
div.form > form div > label {
	color: #666666;
}

div.form > form div > .htmlLabel {
	width: auto;
	min-width: 140px;
}

div.form > form > div.input.text > label,
div.form > form > div.input.password > label,
div.form > form > div.input.link > label,
div.form > form > div.input.select > label,
div.form > form > div.input.textarea > label{ margin-top: 5px;}

div.form > form > div > div.checkboxGroup,
div.form > form > div > div.radioGroup,
div.form > form > div > div.tableList,
div.form > form > div > div.display,
div.form > form > div > textarea,
div.form > form > div > div.mce-tinymce {
	display: inline-block;
}
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
	border: 1px dashed #BBB;
}
div.form > form > div.input.checkbox,
div.form > form > div.input.radio{
	padding-left: 171px;
}

div.form > form div.input.checkbox > label,
div.form > form div.input.radio > label{
	width: auto;
}

div.form > form > div > input[type="text"],
div.form > form > div > input[type="password"],
div.form > form > div > textarea,
div.form > form > div > div.display {
	max-width: 470px;
	width: 100%;
}
div.form > form > div > select {
	max-width: 480px;
	width: 100%;
}
div.form > form > div > div.mce-tinymce{ width: 478px; border-radius: 4px; overflow: hidden; }

div.form > form > div > input[type="text"],
div.form > form > div > input[type="password"],
div.form > form > div > textarea,
div.form > form > div > select{
	color: #000000;
}


div.form > form .rating-wrap{ display: inline-flex; }
div.form > form .rating-wrap label{ cursor: pointer; }
div.form > form .rating-wrap input,
div.form > form .rating-wrap .rating-value{ display: none; }
div.form > form .rating-wrap .rating-icon{ font-family: "FontAwesome5"; font-weight: 300; font-size: 2em; line-height: 1; }
div.form > form .rating-wrap .radio.rating-active .rating-icon,
div.form > form .rating-wrap input:checked + label .rating-icon,
div.form > form .rating-wrap:hover .radio label:hover .rating-icon,
div.form > form .rating-wrap:hover .rating-icon{ font-weight: 700; }
div.form > form .rating-wrap:hover .radio:hover .rating-icon,
div.form > form .rating-wrap:hover .radio:hover ~ .radio .rating-icon{ font-weight: 300; }

div.form > form div.helpText{
	font-size: 0.9em;
	font-style: italic;
	color: #999;
}

div.form > form > div div.helpText{
	max-width: 480px;
}

div.form > form > div > div.helpText {
	margin-left: 152px;
}

div.form > form > div.input.checkbox > div.helpText {
	margin-left: -20px;
}

div.form > form > div > div > div > div.helpText{
	max-width: 460px;
	margin-bottom: 10px;
	margin-top: -6px;
}

div.formErrors {
	display: inline-block;
	padding: 10px 20px;
	margin: 10px 0 10px;
	border: 1px solid #ff0000;
	background-color: #ff7575;
	font-weight: bold;
	border-radius: 8px;
	color: #000;
}

div.formErrors > ul, div.formErrors > ul > li{ margin: 0; padding: 0; list-style: none; background: none;}

div.form > form div.input.error{ position: relative;}
div.form > form div.input.error label:not(.mce-wordcount){ color: #FF0000; position: relative;}
div.form > form div.input.error input,
div.form > form div.input.error select,
div.form > form div.input.error textarea,
div.form > form div.input.error div.mce-tinymce{ border-color: #FF0000; position: relative;}
div.form > form div.input > div.errormsg{ display: none; position: absolute; z-index: 6;}

div.form > form div.input.error > div.errormsg > div.arrow{ height: 0; width: 0;}
div.form > form div.input.error > div.errormsg > div.text{ background: #FF0000; padding: 1px 7px; border-radius: 3px; margin-left: 4px;}
div.form > form div.input.error > div.errormsg > div > span{ display: block; color: #fff; font-style: italic; font-weight: bold; font-size: 10px; padding: 2px 0; max-width: 470px;}

div.form > form div.input.error > div.errormsg.right{ display: block; top: 0; margin-left: 5px;}
div.form > form div.input.error > div.errormsg.right > div.arrow{ position: absolute; left: 0; top: 4px; border-right: 5px solid #FF0000; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
div.form > form div > div.input.error > div.errormsg.right{ min-width: 220px;}
div.form > form div.input.error > div.errormsg.bottom{ display: block; top: 29px; margin-right: -20px;}
div.form > form div.input.error > div.errormsg.bottom > div.arrow{ margin-left: 15px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FF0000;}

div.form > form div.input.error > div.errormsg.disabled{ display: none;}

/* Currency input */
div.form > form div.input.text.currency > span.currency { position:relative; width:14px; z-index:2; display:inline-block; vertical-align:top; margin-top:5px; text-align:right; }
div.form > form div.input.text.currency > input { text-indent:14px; margin-left:-14px; }

/* File input */
div.form > form div.input.file > img,
div.form > form div.input.file > a{		display: block; margin-left: 154px;}
div.form > form div.input.file > .clearFile{ margin: 5px 0 15px 154px;}
div.form > form div.input.file > .clearFile > input{ float: left; margin-right: 10px;}

/* TinyMCE WYSIWYG editor */
div.form > form .mce-panel{ border-color: #ccc; }
div.form > form .mce-menubar{ border-bottom: 0; background: #fff; }
div.form > form .mce-menubar.mce-toolbar > div:not(:empty){ border-bottom: 1px solid #ccc;}
div.form > form .mce-menubar .mce-btn button{ padding: 0 6px; }
div.form > form .mce-path{ display: none; }
div.form > form .mce-statusbar .mce-container-body{ min-height: 13px; }
div.form > form .mce-menubar .mce-menubtn button span,
.mce-container .mce-label,
.mce-container .mce-btn button,
.mce-container .mce-btn button span,
.mce-container .mce-menu-item span,
.mce-container .mce-menu-item div,
.mce-container .mce-tab{ font-size: 13px; }
.mce-container .mce-btn-small button{ padding-left: 3px; padding-right: 3px; font-size: 12px; }
.mce-container .mce-menu-item{ line-height: 15px; padding-top: 3px; padding-bottom: 3px;}
.mce-container.mce-menu .mce-menu-item-sep{ margin: 5px 1px; }
.mce-container .mce-iframe{ padding: 4px; }
.mce-container .mce-window-head .mce-title{ font-size: 16px; line-height: 18px; }

/* Simple pass meter */
div.form > form div.input.password{ position: relative;}
div.form > form div.input.password > div.passmeter{ position: absolute; left: 153px; bottom: 40px;}
div.form > form div.input.password > div.passmeter > div.simplePassMeter{ width: auto; padding: 5px; border-radius: 3px; box-shadow: 1px 1px 3px #bbb;}
div.form > form div.input.password > div.passmeter > div.simplePassMeter.meterFail,
div.form > form div.input.password > div.passmeter > div.simplePassMeter.meterWarn,
div.form > form div.input.password > div.passmeter > div.simplePassMeter.meterGood,
div.form > form div.input.password > div.passmeter > div.simplePassMeter.meterExcel{ padding-left: 25px;}
div.form > form div.input.password > div.passmeter > div.simplePassMeter span.simplePassMeterIcon{ display: block; float: none; position: absolute; left: 5px; top: 6px;}
div.form > form div.input.password > div.passmeter > div.simplePassMeter span.simplePassMeterText{ display: block;}

/* Datepicker */
table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-today > a.ui-state-highlight{ background: #ccc; border: 1px solid #ccc; font-weight: bold; color: #000;}
table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active,
table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-hover{ background: #41516B; color: #fff; border-color: #41516B;}

/* Iconpicker */
div.form > form > div.input.icon > .iconpicker-wrap{ margin: 0 0 15px 0; min-height: 120px; display: inline-block; width: 480px;}
.iconpicker-wrap .btn{ width: 148px;}
.iconpicker-wrap .btn.not-selected{ color: #ccc;}
.iconpicker-wrap .iconpicker-preview{ display: inline-block; vertical-align: top; margin-left: 10px; width: 120px; height: 120px; line-height: 120px; text-align: center; border: 1px solid #ddd; background: #f8f8f8;}
.iconpicker-wrap .iconpicker-preview:nth-child(2){ margin-left: 183px; }
.iconpicker-wrap .iconpicker-preview span{ font-size: 60px; color: #000; }
.iconpicker-wrap .iconpicker-preview.disabled span{ display: none;}
.iconpicker-wrap .iconpicker-preview.delete{ position: relative;}
.iconpicker-wrap .iconpicker-preview.delete:after{ content:"X"; display: block; height: 120px; width: 130px; overflow: hidden; font-size: 200px; line-height: 120px; position: absolute; top: 0; left: -7px; color: #fff; opacity: 0.8; filter:alpha(opacity=80);}
.iconpicker-wrap .iconpicker-preview.delete span{ opacity: 0.5;}
.iconpicker-wrap .iconpicker-info{ margin: -80px 0 5px; word-wrap: break-word;}
.iconpicker-wrap .iconpicker-info.delete{ color: #ccc; text-decoration: line-through;}
.iconpicker-wrap .iconpicker-info.delete > a{ color: #ccc; text-decoration: line-through;}
.iconpicker-wrap .iconpicker-info,
.iconpicker-wrap .iconpicker-clear{ width: 300px;}