/*
============================== 
/module/such/js-such/css/act-loading.scss 
============================== 
*/
.act-loading, .act-loading * { cursor: progress; }

/*
============================== 
/module/such/js-such/css/act-working.scss 
============================== 
*/
.act-working, .act-working * { cursor: progress; }

/*
============================== 
/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; }

/*
==============================  /css/style.scss 
============================== 
*/
/*
============================== 
/module/such/framework-mvc/css/mvc-debug.css 
============================== 
*/
#mvc_debug .mvc_debug_pre { white-space: pre-wrap; }

#mvc_debug .popover { max-width: 800px; }

#mvc_debug .popover-title { white-space: nowrap; }

#mvc_debug .panel { margin-bottom: 10px; }

#mvc_debug .panel-body { padding-top: 0; padding-bottom: 0; }

/*
============================== 
/module/such/framework-mvc/css/tablecol-click.css 
============================== 
*/
.tablecol-click { cursor: pointer; }

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

/*
============================== 
/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/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/js-notify/css/notify-admin.css 
============================== 
*/
/* cms_notify-admin.css */
#notify-container { position: absolute; text-align: center; top: 90px; right: 0px; width: 300px; font-size: 13px; z-index: 999; }

#notify-container .notify-item { background: #fff; border: 1px solid #e0e0e0; border-right: 0px none; margin-bottom: 5px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; padding: 10px; }

#notify-container .notify-item h1 { text-transform: none; font-size: inherit; }

#notify-container ul li { line-height: 1.5; font-size: 11px; }

#notify-container .success * { color: #00b604; text-transform: uppercase; font-weight: normal; font-size: 14px; }

#notify-container .error * { color: #c94154; text-transform: uppercase; font-weight: normal; font-size: 14px; }

/*
============================== 
/module/such/user-base/css/user-login.css 
============================== 
*/
.user-login-method { margin-bottom: 2em; }