/*
============================== 
/module/such/js-such/css/act-loading.scss 
============================== 
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic&subset=latin,latin-ext);
.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; }

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

/*
==============================  /css/project-change.scss 
============================== 
*/
.changelog-edit .edit-label { font-weight: bold; }

/*
==============================  /css/project-comments.scss 
============================== 
*/
.comments-project-name { text-align: center; font-weight: bold; }

.comments-form { border: 1px solid #DFD7CA; border-top: none; padding: 15px; padding-bottom: 0; padding-top: 5px; }
.comments-form .form-field { margin-bottom: 10px; }

.comments-item h5 { font-weight: 700; }

.task-misc .badge:nth-child(n+2) { margin-left: 5px; }

.list-group-item .badge + .badge.no-margin { margin: 0; }

/*
==============================  /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/tabler/css/tabler.css 
============================== 
*/
.tabler .sort { cursor: pointer; padding-right: 20px; }

.tabler .sort.sort-asc, .tabler .sort.sort-desc { background-position: right center; background-repeat: no-repeat; }

.tabler .sort.sort-asc { background-image: url(/file/images/tabler-sort-asc.png); }

.tabler .sort.sort-desc { background-image: url(/file/images/tabler-sort-desc.png); }

.tabler .filter-fields td { padding: 0; }

.tabler .filter-fields td.empty { border: none; }

.tabler .filter-fields input, .tabler .filter-fields select { width: 100%; margin: 0; padding: 2px 5px; }

.tabler .filter-fields input { border: none; background-color: transparent; }

.tabler .filter-fields input[type="checkbox"] { width: auto; height: auto; }

.tabler .filter-fields .filter-date a { display: block; }

.tabler caption { padding: 0.5em 5em 0.5em 1em; white-space: nowrap; position: relative; }

.tabler caption.panel-heading { padding-right: 1em; text-align: center; }

.tabler caption > span { display: block; position: relative; padding: 0 2em; }

.tabler caption .tabler-toggle { position: absolute; top: -2px; right: -2px; }

.tabler caption .tabler-refresh { position: absolute; top: -2px; left: -2px; }

.tabler > .empty { min-height: 20px; line-height: 20px; text-align: center; }

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

/*
============================== 
/module/such/comments/css/field-comments.css 
============================== 
*/
ul.comments-thread { max-height: 400px; overflow-y: auto; }
ul.comments-thread li { overflow: hidden; }

.comments-item p { white-space: pre-line; }