/*
======================================== 
module/such/form-tinymce/css/form-tinymce.scss 
======================================== 
*/
.form-field.tinymce.has-error span.error { display: block; }

.mce-container .error.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; display: block; margin: 20px 20px 0; }
.mce-container .error.alert.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

/*
======================================== 
module/such/form/css/form-hint.css 
======================================== 
*/
.form-field .form-hint { margin-left: 5px; display: inline-block; position: relative; }
.form-field .form-hint .icon { display: block; width: 16px; height: 16px; border-radius: 3px; background-color: #eb2116; color: #fff; font-size: 13px; line-height: 16px; text-align: center; }
.form-field .form-hint .icon:before { content: "?"; }
.form-field .form-hint .content { display: none; position: absolute; left: 25px; top: -6px; background-color: #eb2116; border-radius: 3px; font-size: 12px; color: #fff; padding: 5px; white-space: nowrap; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); z-index: 9; }
.form-field .form-hint .content:before { content: ' '; display: block; position: absolute; left: -5px; top: 15px; margin-top: -4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #eb2116; }
.form-field .form-hint:hover .content { display: block; width: auto; height: auto; }

/*
======================================== 
module/such/form/css/form-lang-tabs.css 
======================================== 
*/
div.form-lang-tabs ul { list-style-type: none; padding-left: 0; }
div.form-lang-tabs ul li { display: inline; margin-right: 20px; }
div.form-lang-tabs ul li.active { font-weight: bold; }
div.form-lang-tabs ul li.error { text-decoration: underline; }

/*
========================================  module/such/form/css/form.css 
======================================== 
*/
form .form-field.invisible { display: none; }

.form .form-field.textarea div { height: auto; }

/*
======================================== 
module/such/form/css/formfield-autocomplete.css 
======================================== 
*/
ul.ui-autocomplete { border-radius: 0; background-color: #fff; background-image: none; border: 1px solid #aaa; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; color: #000; line-height: 16px; margin: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
ul.ui-autocomplete .ui-menu-item { padding: 0; border: 0; }
ul.ui-autocomplete .ui-menu-item a { border-radius: 0; border: 0; background-color: #fff; background-image: none; padding: 7px; margin: 0; }
ul.ui-autocomplete .ui-menu-item a:hover, ul.ui-autocomplete .ui-menu-item a.ui-state-active, ul.ui-autocomplete .ui-menu-item a.ui-state-focus, ul.ui-autocomplete .ui-menu-item a.ui-state-hover { background-image: none; background-color: rgba(0, 0, 0, 0.05); padding: 7px; margin: 0; border: 0; }
ul.ui-autocomplete .ui-autocomplete-category { border-radius: 0; padding: 7px 7px; margin: 0; font-size: 18px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.75); }
ul.ui-autocomplete .ui-autocomplete-category a:hover { border: 0; margin: 0; padding: 7px; }

/*
======================================== 
module/such/form/css/formfield-combobox.css 
======================================== 
*/
.ui-autocomplete.ui-front { z-index: 1000; }

.custom-combobox { width: 100%; }
.custom-combobox input { border-radius: 0; background-color: #fff; background-image: none; border: 1px solid #aaa; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; color: #000; height: 16px; line-height: 16px; padding: 7px; width: calc(100% - 50px); display: inline-block; vertical-align: top; margin: 0; border-right: 0; }
.custom-combobox a.custom-combobox-toggle { border-radius: 0; background-color: #fff; background-image: none; width: 33px; height: 30px; display: inline-block; vertical-align: top; margin: 0; border-color: #aaa; }
.custom-combobox a.custom-combobox-toggle:hover { border-color: #666; }

/*
======================================== 
module/such/form/css/formfield-rating.scss 
======================================== 
*/
.form-field.rating .rate { cursor: pointer; }
.form-field.rating .rate.active, .form-field.rating .rate.selected { color: gold; }