/* reset.css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; background: transparent; }
:focus { outline: 0; }
ol, ul { list-style: none; }
strong { font-weight: bold; }
html, body { width: 100%; /*height: 100%;*/ font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
* { margin: 0; }
::-moz-selection { background: #5cb85c; color: #ffffff; }
::selection { background: #5cb85c; color: #ffffff; }
/*general*/
a { text-decoration: none; transition: all 0.2s ease; color: #3c9749; outline: none !important; }
a i { margin: 0 5px 0 -5px; }
.caret { margin: 0 0 0 5px; }
.clear-none { clear: none !important; }
i.flag { background: #eeeeee; padding: 4px; font-style: normal; color: #777777; z-index: 10000; }
/* uniform css settings */
div.selector, div.selector span, div.checker span, div.uploader, div.uploader span.action { background-repeat: no-repeat; -webkit-font-smoothing: antialiased; }
div.selector, div.checker /*, div.uploader*/ { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
div.selector:focus, div.checker:focus, div.uploader:focus { outline: 0; }
div.selector, div.selector *, div.checker, div.checker *, div.uploader, div.uploader * { margin: 0; padding: 0; }
/* Select */
div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; }
div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; }
div.selector.fixedWidth { width: 190px; }
div.selector.fixedWidth span { width: 155px; }
div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; }
div.selector.active { background-position: 0 -156px; }
div.selector.active span { background-position: right -26px; }
div.selector.hover, div.selector.focus { background-position: 0 -182px; }
div.selector.hover span, div.selector.focus span { background-position: right -52px; }
div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; }
div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; }
div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; }
div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; }
/* Checkbox */
div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 19px; height: 19px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -260px; }
div.checker span.checked { background-position: -76px -260px; }
div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; }
div.checker.active span { background-position: -19px -260px; }
div.checker.active span.checked { background-position: -95px -260px; }
div.checker.hover span, div.checker.focus span { background-position: -38px -260px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; }
div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; }
/* Uploader */
/*div.uploader { background-position: 0 -297px; cursor: pointer;position: relative;overflow: hidden; }*/
/*div.uploader span.action {background-position: right -409px;float: left;display: inline;overflow: hidden;cursor: pointer; }*/
/*div.uploader span.filename {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;float: left;cursor: default; }*/
/*div.uploader input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;top: 0;right: 0;float: right;cursor: default;width: 100%;height: 100%; }*/
/*div.uploader.active span.action {background-position: right -465px; }*/
/*div.uploader.hover, div.uploader.focus {background-position: 0 -353px; }*/
/*div.uploader.hover span.action, div.uploader.focus span.action {background-position: right -437px; }*/
/*div.uploader.hover.active span.action, div.uploader.focus.active span.action {background-position: right -493px; }*/
/*div.uploader.disabled, div.uploader.disabled.active {background-position: 0 -325px; }*/
/*div.uploader.disabled span.action, div.uploader.disabled.active span.action {background-position: right -381px; }*/
/*form .uploader { position:relative; width:100%; display:inline-block;}*/
/*form .uploader .filename, form .uploader .action { position:relative; width:70%; background:#5cb85c; top:0; left:0; color:#fff; float:left; padding:10px 0; text-align:center; cursor:pointer; transition:all 0.2s ease;}*/
/*form .uploader .action { width:30%;}*/
/*div.uploader input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; cursor:pointer; float: right; height: 100%; opacity: 0; position: absolute; right: 0; top: 0; width: 100% !important; z-index:1;}*/
/*.uploader { width:100%; max-width:400px;}*/
/* Header
------------------------------------------------------------------------------*/
header { width: 100%; padding: 0; position: fixed; top: 0; left: auto; right: auto; z-index: 11; }
header .top { width: 100%; background: #222222; }
header .responsive-toggle { z-index: 3; font-size: 2em; color: #ffffff; margin: 12px 20px; display: none; }
header .top .profile { display: inline-block; }
header nav { display: inline-block; }
header ul { display: inline-block; }
header ul li { float: left; }
header ul li.dropdown .dropdown-toggle:focus { color: #ffffff; background: #010101; }
header ul li ul li { float: none; display: inline-block; width: 100%; }
header ul li ul li.empty { line-height: 1.5em; padding: 3px 20px; }
header ul li a { display: block; padding: 0 10px; color: #999999; line-height: 53px; }
header ul li a.dashboard { border-right: 1px solid #555555; padding: 12px 11px 12px 22px; line-height: 100%; }
header ul li a.dashboard i.fa { font-size: 210%; }
header ul li a i.fa, header ul li em { font-size: 135%; }
header ul li a:hover { color: #ffffff; text-decoration: none; background: #000000; }
header ul li.selected a { background: #f5f5f5; color: #3c9749; }
header .subheader { background: #f5f5f5; border-bottom: 1px solid #3c9749; border-radius: 0; display: inline-block; width: 100%; }
header ul.breadcrumb { float: left; margin-bottom: 0; background: none; border-radius: 0; padding: 5px 10px; }
header ul.breadcrumb li a { padding: 0; color: #3c9749; margin: 3px 5px 0 0; display: inline-block; line-height: 100%; }
header ul.breadcrumb li a:hover { text-decoration: underline; background: none; }
header ul.bookmarks { float: right; text-align: right; padding-right: 0; }
header ul.bookmarks li { display: inline-block; float: none; }
header ul.bookmarks li a i { font-size: 100%; }
header .admin { padding-left: 16px; }
header .avatar { background: none; border-radius: 100%; }
header .avatar a { position: relative; line-height: 52px; }
header .avatar a:hover { opacity: 0.8; }
header .avatar a .img { border-radius: 100%; height: 34px; width: 34px; vertical-align: middle; margin-left: 12px; display: inline-block; overflow: hidden; position: relative; }
header .avatar a .img img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
header .avatar a .img span { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 100%; border: solid 2px #222222; }
header .avatar a img.flag { position: absolute; border-radius: 0; bottom: 5px; right: 4px; width: 20px; height: 12px; }
header .columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
/* Badge */
nav ul li a em { display: inline-block; width: 22px; height: 22px; margin: 5px 0 0 0; text-align: center; font-size: 100%; background: #dc7e7e; border-radius: 100%; color: #ffffff; padding: 4px 0 0 0; line-height: 1; }
nav ul ul li a em i { font-size: 12px; margin: 0; }
nav ul ul.dropdown-menu a em { margin: -1px 0 0 7px; }
.sb-slidebar nav ul li a em { margin: 0 0 0 5px; width: 20px; height: 20px; }
.dropdown-menu .divider { width: 100%; }
/* Page loader
------------------------------------------------------------------------------*/
#PageLoader { display: none; height: 100%; position: absolute; width: 100%; text-align: center; padding-top: 140px; cursor: wait; z-index: 2000; }
#PageLoader span { font-size: 32px; padding: 20px 60px; background: rgba(200, 200, 200, .9); display: inline-block; margin: 30px; border: 1px solid rgba(170, 170, 170, 0.9); }
#PageLoader span .fa { margin-right: 14px; }
/* System error
------------------------------------------------------------------------------*/
header ul li a.errors { background: #dc7e7e; }
header ul li a.errors i { color: #e4e4e4; margin: 5px; }
header ul li a.errors:hover { background: #dc7e7e; }
header ul li a.errors:hover i { color: #ffffff; }
/* Slidebar layout
------------------------------------------------------------------------------*/
.sb-slidebar { padding-top: 84px; }
.sb-left { border-right: 2px solid #3c9749; }
.sb-right { border-left: 2px solid #3c9749; background: #ffffff; z-index: 10; }
.sb-slidebar ul li { border-bottom: 1px solid #333333; }
.sb-slidebar ul li a { color: #676767; padding: 10px 20px; text-decoration: none; }
.sb-slidebar ul li a:hover { background: #000000; color: #ffffff; }
.sb-slidebar ul.dropdown-menu { width: 100%; position: relative; background: #333333; padding: 0; }
.sb-slidebar ul.dropdown-menu li { width: 100%; }
.sb-slidebar ul li a i { font-size: 140%; }
.sb-slidebar ul li ul li { border: none; }
.sb-slidebar ul li ul li a:hover { background: #454545; }
.sb-slidebar ul li.selected a { background: #f5f5f5; color: #3c9749; }
.sb-slidebar .nav > li { width: 100%; }
.sb-slidebar .nav .open > a, .sb-slidebar .nav .open > a:hover, .sb-slidebar .nav .open > a:focus { background: #000000; border-color: #000000; color: #ffffff; }
.sb-slidebar .avatar { padding: 20px; margin: 0; }
.sb-slidebar .avatar a, .sb-slidebar .profile-img label { padding: 0; margin: 0; display: inline-block; cursor: pointer; }
.sb-slidebar .profile-img { display: inline-block; width: 100%; text-align: center; padding: 7px; position: relative; }
.sb-slidebar .profile-img label { padding: 5px; }
.sb-slidebar .profile-img label:hover { background: rgba(0, 0, 0, .05); }
.sb-slidebar .profile-img .wrapper { position: relative; width: 200px; height: 200px; margin: auto; }
.sb-slidebar .profile-img .wrapper > img, .profile-img .overlay, .profile-img canvas { position: absolute; left: 0; top: 0; border-radius: 100%; width: 100%; height: 100%; border: 1px solid #dddddd; }
.sb-slidebar .profile-img .overlay { background: rgba(255, 255, 255, 0.8); padding: 76px; display: none; top: 0; }
.sb-slidebar .profile-img .overlay img { float: none; }
.sb-slidebar .profile-img .state { position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; padding: 5px; }
.sb-slidebar .profile-img .state p { text-shadow: 0px 0px 2px white }
.sb-slidebar .profile-img .state .bar { display: none; width: 0%; height: .7em; background: #5fb86c; position: absolute; left: 0; bottom: 1.15em; transition: width .5s; }
.sb-slidebar .avatar h3 { margin: 15px 5px 5px; font-size: 160%; }
.sb-slidebar .avatar a img { border-radius: 100%; width: 200px; height: 200px; border: 1px solid #dddddd; }
.sb-slidebar .avatar .log-out { }
.sb-slidebar .avatar .log-out i { margin: 4px 5px 0 0; color: #d9534f; }
.sb-slidebar .avatar .log-out a { color: #d9534f; }
.sb-slidebar .avatar .log-out a:hover { text-decoration: underline; }
.sb-slidebar .avatar .profile-img p { width: 100%; text-align: center; }
.sb-slidebar .profile-actions { padding: 0 20px; display: inline-block; width: 100%; }
.sb-slidebar .profile-actions a { width: 47%; }
.sb-slidebar .language-list { background: #eeeeee; padding: 20px; margin: 20px 0 0 0; display: inline-block; width: 100%; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; }
.sb-slidebar .language-list h4 { width: 100%; text-align: center; font-size: 16px; color: #555555; }
.sb-slidebar .language-list ul { display: inline-block; width: 100%; padding: 10px 0; text-align: center; }
.sb-slidebar .language-list ul li { display: inline-block; width: 32%; border-bottom: none; text-align: center; padding: 10px; }
.sb-slidebar .language-list ul li a { display: block; padding: 5px 0; border: 1px solid #eeeeee; background: #eeeeee; }
.sb-slidebar .language-list ul li a img { margin: 5px auto; display: block; box-shadow: 1px 1px 3px #888888; }
.sb-slidebar .language-list ul li a:hover { background: #e8e8e8; color: #777777; border: 1px solid #aaaaaa; }
.sb-slidebar .language-list ul li a.selected { border: 1px solid #5fb86c; background: #e8e8e8; color: #5fb86c; }
.sb-slidebar .dashboard { text-align: center; font-size: 40px; }
.sb-slidebar .dashboard a { padding-bottom: 0; }
/* System logs
------------------------------------------------------------------------------*/
dl.log { margin: 10px 0; }
dl.log dt { float: left; clear: left; color: #575757; width: 125px; padding: 0.5em; font-weight: bold; }
dl.log dt a { color: #888888; font-weight: normal; }
dl.log dt a:hover { text-decoration: underline; }
dl.log dd { padding: 10px; min-height: 4em; padding-left: 125px; border-bottom: 1px solid rgba(255, 255, 255, 0.64); background: #f1f9f1; white-space: pre-wrap; word-break: break-all }
dl.log dd.log-notice { background: #e9f3fd; }
dl.log dd.log-warning { background: #fdf2da; }
dl.log dd.log-error { background: #f5d1d1; }
dl.log dd.basic-only .log-part-advanced { display: none; }
dl.log a.moreinfo { float: right; padding: 8px 5px; color: #999999; overflow: hidden; width: 155px; position: absolute; right: -117px; line-height: 29px; }
dl.log a.moreinfo:hover { right: 0; color: #777777; }
dl.log a.moreinfo i { font-size: 30px; padding-right: 12px; }
.log-details { }
.log-details h2 { font: bold 18px Arial; padding: 9px 0; }
.log-details h3 { color: #707070; }
.log-details i.fa-fw { float: left; font-size: 60px; padding: 0px 12px 0 0; color: #b3b3b3; }
.log-details i.error { color: red; padding-top: 2px; }
.log-details i.warning { color: orange; padding-top: 8px; }
.log-details i.note { color: #3089e6; padding-top: 8px; }
.log-details p { clear: both; padding: 1em; font: normal 15px/22px "Liberation mono", "monospace", "Courier new", "Courier"; }
/* History logs
------------------------------------------------------------------------------*/
.history-header { }
.history-header h2 { font-size: 32px; font-weight: bold; margin: 10px auto; }
.history-header h2 .fa { font-size: 24px; margin-left: 10px; }
.history { padding: 10px; }
.history .cell { padding: 4px 6px; }
.history .entry { margin-bottom: 12px; }
/** */
.history .details-table { display: none; }
table.history-details { width: 100%; border: 1px solid rgba(0, 0, 0, 0.12); }
table.history-details tr td { width: 40%; padding: 4px 6px; }
table.history-details tr td:first-child { width: 20%; padding: 4px 6px; }
table.history-details tr:nth-child(2n) td { background-color: rgba(0, 0, 0, 0.075); }
/* Errors
^-----------------------------------------------------------------------------*/
body.exception div.options { text-align: center; margin-top: 7%; }
body.exception div.options a { margin: 10px; }
/* Error box */
body.exception .error-box { margin: 10px; padding: 10px; background: #ffe8eb !important; border: 1px solid #d1b2b2 !important; overflow: hidden; }
body.exception .error-box ul.trace { list-style: none; padding: 0; margin: 0; }
body.exception .error-box ul.trace > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
body.exception .error-box ul.trace > li:last-child { border: none; }
body.exception .error-box ul.trace > li .code { overflow: auto; background: white; border: 1px solid rgba(0, 0, 0, 0.24); margin-bottom: 10px; }
body.exception .error-box ul.trace > li .code .line.highlighted { background: #ffff92; }
body.exception .error-box ul.trace > li .file { font-size: 16px; text-decoration: none !important; width: 100%; padding: 8px 14px; color: inherit; display: block; }
body.exception .error-box ul.trace > li .file[href]:hover { background: rgba(255, 255, 255, 0.5); }
body.exception .error-box ul.trace > li .file:nth-child(0) { display: none; }
/* Stack trace coloring */
body.exception .error-box ul.trace > li .path { color: #8b959f; }
body.exception .error-box ul.trace > li .class { }
body.exception .error-box ul.trace > li .type { font-size: 90%; }
body.exception .error-box ul.trace > li .function { }
body.exception .error-box ul.trace > li .arg { color: #8b959f; }
/* Syntax coloring */
body.exception code, body.exception div.code, body.exception div.array { font: normal 16px Monospace, Courier; background: none; color: #555555; }
body.exception div.code { display: none; padding: 5px 8px 12px; }
body.exception div.code.opened { display: block; padding: 12px 12px 25px; }
body.exception div.array { display: none; margin: 0 14px;; }
body.exception div.array.opened { display: block; }
body.exception span.php-line { color: #bbbbbb; }
body.exception span.php-comment { color: #bbbbbb; }
body.exception span.php-default { }
body.exception span.php-html { }
body.exception span.php-keyword { color: #1967e1; }
body.exception span.php-string { color: #129712; }
/* Layout
^-----------------------------------------------------------------------------*/
#sidebar { border-right: 2px solid #d00010; }
#primary { padding-bottom: 32px; position: relative; float: left; width: 100%; }
#primary-float { width: 100%; margin: 0; padding: 0 0 30px; }
#content { width: 100%; color: #555555; }
#content .header { padding: 10px; background: #eeeeee; border-bottom: 1px solid #dddddd; width: 100%; }
#content .body { padding: 0 10px; }
.main-content { width: 100%; }
.tabbed .nav-tabs { }
div.form, div.view, div.index { padding: 10px; }
/* Side bar
^-----------------------------------------------------------------------------*/
.side-bar, .view-bar { background: #ffffff; }
.side-bar .input { margin: 0; }
.side-bar input, .side-bar select { width: 100%; }
.side-bar input[type=checkbox] { width: auto; }
.side-bar .side-bar-header { background: #eeeeee; color: #999999; margin: 0px; padding: 0 0 0 20px; font-size: 20px; line-height: 34px; padding: 10px; border-bottom: 1px solid #dddddd; }
.side-bar .side-bar-content { margin: 10px 0; }
.side-bar .form-input-error-message { margin-left: 0px; }
.side-bar .side-bar-list { padding: 10px; }
.side-bar .side-bar-list > * { display: block; padding: 10px; }
.side-bar .side-bar-list > *.selected { background: #eeeeee; }
.side-bar .side-bar-list > a:hover { text-decoration: underline; }
#content > .row, .row.no-padding { margin-left: 0; margin-right: 0; }
#content > .row > .col-xs-1, #content > .row > .col-sm-1, #content > .row > .col-md-1, #content > .row > .col-lg-1, #content > .row > .col-xs-2, #content > .row > .col-sm-2, #content > .row > .col-md-2, #content > .row > .col-lg-2, #content > .row > .col-xs-3, #content > .row > .col-sm-3, #content > .row > .col-md-3, #content > .row > .col-lg-3, #content > .row > .col-xs-4, #content > .row > .col-sm-4, #content > .row > .col-md-4, #content > .row > .col-lg-4, #content > .row > .col-xs-5, #content > .row > .col-sm-5, #content > .row > .col-md-5, #content > .row > .col-lg-5, #content > .row > .col-xs-6, #content > .row > .col-sm-6, #content > .row > .col-md-6, #content > .row > .col-lg-6, #content > .row > .col-xs-7, #content > .row > .col-sm-7, #content > .row > .col-md-7, #content > .row > .col-lg-7, #content > .row > .col-xs-8, #content > .row > .col-sm-8, #content > .row > .col-md-8, #content > .row > .col-lg-8, #content > .row > .col-xs-9, #content > .row > .col-sm-9, #content > .row > .col-md-9, #content > .row > .col-lg-9, #content > .row > .col-xs-10, #content > .row > .col-sm-10, #content > .row > .col-md-10, #content > .row > .col-lg-10, #content > .row > .col-xs-11, #content > .row > .col-sm-11, #content > .row > .col-md-11, #content > .row > .col-lg-11, #content > .row > .col-xs-12, #content > .row > .col-sm-12, #content > .row > .col-md-12, #content > .row > .col-lg-12, .no-padding.row > .col-xs-1, .no-padding.row > .col-sm-1, .no-padding.row > .col-md-1, .no-padding.row > .col-lg-1, .no-padding.row > .col-xs-2, .no-padding.row > .col-sm-2, .no-padding.row > .col-md-2, .no-padding.row > .col-lg-2, .no-padding.row > .col-xs-3, .no-padding.row > .col-sm-3, .no-padding.row > .col-md-3, .no-padding.row > .col-lg-3, .no-padding.row > .col-xs-4, .no-padding.row > .col-sm-4, .no-padding.row > .col-md-4, .no-padding.row > .col-lg-4, .no-padding.row > .col-xs-5, .no-padding.row > .col-sm-5, .no-padding.row > .col-md-5, .no-padding.row > .col-lg-5, .no-padding.row > .col-xs-6, .no-padding.row > .col-sm-6, .no-padding.row > .col-md-6, .no-padding.row > .col-lg-6, .no-padding.row > .col-xs-7, .no-padding.row > .col-sm-7, .no-padding.row > .col-md-7, .no-padding.row > .col-lg-7, .no-padding.row > .col-xs-8, .no-padding.row > .col-sm-8, .no-padding.row > .col-md-8, .no-padding.row > .col-lg-8, .no-padding.row > .col-xs-9, .no-padding.row > .col-sm-9, .no-padding.row > .col-md-9, .no-padding.row > .col-lg-9, .no-padding.row > .col-xs-10, .no-padding.row > .col-sm-10, .no-padding.row > .col-md-10, .no-padding.row > .col-lg-10, .no-padding.row > .col-xs-11, .no-padding.row > .col-sm-11, .no-padding.row > .col-md-11, .no-padding.row > .col-lg-11, .no-padding.row > .col-xs-12, .no-padding.row > .col-sm-12, .no-padding.row > .col-md-12, .no-padding.row > .col-lg-12 { padding-left: 0; padding-right: 0 }
/* Actions
^-----------------------------------------------------------------------------*/
ul.actions { width: 100%; margin: 0; padding: 0; }
ul.narrow-actions { width: auto; }
ul.actions > li { display: inline-block; margin-right: 5px; padding: 0; white-space: nowrap; list-style-type: none; }
ul.actions .dropdown-menu li { width: 100%; }
ul.actions li.separator { width: 1px; height: 31px; margin: 3px 10px 0 5px; background: #cdcdcd; line-height: 34px; }
ul.actions li.right { margin-right: 10px; }
td ul.actions li { margin: 0 2.4px; }
td ul.actions li a { padding: 3px 6px; }
td ul.actions li.right { margin: 0 5px 0 0; }
a.action i, .actions a i { margin: 0 10px 0 0; }
/* Wells and infos
^--------------------------------------------------------------------------*/
.well { border-radius: 0; background: #eeeeee; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 20px; box-shadow: none; -webkit-box-shadow: none; }
.well.empty { text-align: center; }
.well.no-margin { margin-bottom: 0; }
.info { border-radius: 0; background: #eeeeee; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 20px; box-shadow: none; -webkit-box-shadow: none; text-align: center; margin-bottom: 0; }
.info.ok { background-color: #dff0d8; border-color: #c9e1bf }
.info.warn { background-color: #fcf8e3; border-color: #e1dbbf }
.info.error { background-color: #f2dede; border-color: #e3c1c1 }
/* Detailed view
^-----------------------------------------------------------------------------*/
.view-title { font-size: 130%; font-weight: bold }
#content .view-bar .header { padding: 15px 10px 9px; }
#content .view-bar .header b { line-height: 1; }
.view-bar p.empty { color: #666666; margin: 2em 1em; border: 1px solid #cccccc; padding: 1em; text-align: center; font-style: italic; letter-spacing: 2px; }
.view-bar p.empty-small { padding: 0.5em 10px; color: #aaaaaa; font-style: italic; letter-spacing: 1px; }
.view-bar .well.empty { margin-left: 10px; }
.view-bar strong { padding: 0.5em 10px; display: block; border-top: 1px solid #dddddd; padding-top: 0.4em; clear: both; }
.view-bar .view-bar-uploads strong:first-child { border-top: none; }
.view-bar .middle { margin: 0 4px; }
.view-bar-status-active, .view-bar-status-pending, .view-bar-status-inactive { margin: 0 0 0.2em; border: 1px solid #bbbbbb; padding: 2px 10px; text-align: right; background: #bffdc3; letter-spacing: 1px; }
.view-bar-status-pending { background: #f8f8ae; }
.view-bar-status-inactive { background: #ffbbbb; }
.view-bar-section { padding: 0.5em 10px; clear: both; }
.view-bar-section a.flag { border: 1px solid white; padding: 4px 5px 3px; margin-left: 3px; }
.view-bar-section a.flag:hover { background: #e8e8e8; color: #777777; border: 1px solid #aaaaaa; }
.view-bar-section a.flagged { background: none repeat scroll 0 0 #e8e8e8; border: 1px solid #5fb86c; color: #5fb86c; }
.view-bar-section a.flag img { vertical-align: baseline; }
.view-bar-gallery { float: left; margin-bottom: 4px; }
.view-bar-direct-link { float: left; border: 1px solid white; padding: 4px; margin: 5px; }
.view-bar-direct-link:hover { background: #e8e8e8; color: #777777; border: 1px solid #aaaaaa; }
.view-bar-direct-link img { margin: 0 4px 0 0; }
.view-bar-direct-link div { float: right; overflow: hidden; margin-left: 4px; }
.view-bar-direct-link div em { color: #777777; display: block; margin-top: 0.3em; font-style: italic; }
.view-bar-more-details { clear: right; display: none; margin-top: 8px; }
.view-bar a.more-details { clear: left; margin: 8px 10px; display: block; }
.view-bar .no-languages { color: #777777; font-style: italic; }
.view-bar div.display-image a { display: block; text-align: center; padding: 10px; }
.view-bar .display-image a img { max-width: 100%; }
.view-list dl.list { float: left; width: 100%; margin: 0; padding: 0; line-height: 1.6em; }
.view-list dt.list { float: left; clear: left; width: 160px; padding: 10px; min-height: 1em; opacity: .85; font-size: 95%; font-family: "Trebuchet MS", Arial }
.view-list dd.list { padding: 10px 10px 0 170px; min-height: 1em; margin-left: 3px; border-bottom: 1px solid #e6e6ea; letter-spacing: 0.5px; }
.view-list dd.list:last-child { border-bottom: none; }
.view-list pre { color: #333333; background: white; }
.view-history-empty { padding: 0; }
/* Side tree
------------------------------------------------------------------------------*/
#sidetree { padding-left: 6px; }
#sidetree a { text-decoration: none; }
#sidetree .fa { font-size: 100%; padding: 3px; background: #ffffff; color: #777777; margin: 0 0 0 5px; transition: all 0.2s ease; }
#sidetree .fa:hover { color: #222222; }
#sidetree ul { background-color: #ffffff; }
.treeview ul { margin: 0; }
.tree-view-body .hitarea { margin-top: 2px; background: url(../plugins/treeview/images/treeview-dark.png) no-repeat -14px 3px; }
.tree-view-body ul li { padding: 0 0 0 20px; background-color: #ffffff; }
.tree-view-body .add-tree-item { width: 10px; height: 9px; padding: 0px; font-size: 11px; line-height: 9px; color: white; }
.tree-view-body .tree-item-link { color: #777777; }
.tree-view-body .controls { display: block; padding: 2px 5px 2px 0; }
.tree-view-body .controls a { transition: all 0.2s ease; }
.tree-view-body .controls.hover a, .tree-view-body .tree-item-link.hover { color: #222222; }
.tree-view-body .controls a.icon { color: #bbbbbb; float: right; margin: 2px 0; }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background: none; }
.treeview li.lastExpandable .hitarea { background: url(../plugins/treeview/images/treeview-dark.png) no-repeat -14px 4px; }
.treeview li .collapsable-hitarea { background: url(../plugins/treeview/images/treeview-dark.png) no-repeat -1px -20px; }
/* Index table
^-----------------------------------------------------------------------------*/
div.index table.main-table-index { clear: both; width: 100%; margin-bottom: 10px; border: 1px solid #bcccce; }
div.index .block table.main-table-index { border: none; margin: 0; padding: 0; background: none; border-collapse: collapse; border-spacing: 0; }
div.index table.main-table-index > thead > tr > th { background: #5fb86c; color: white; text-align: center; padding: 5px 0; }
div.index table.main-table-index > thead > tr > th#th-data { width: 50%; }
div.index table.main-table-index > thead > tr > th#th-created { max-width: 100px; }
div.index table.main-table-index > tbody > tr:nth-child(2n) > td { background: rgba(0, 0, 0, .06) }
div.index table.main-table-index.no-zebra > tbody > tr > td { background: none; !important; }
div.index table.main-table-index.no-zebra > tbody > tr.alt > td { background: rgba(0, 0, 0, .06) !important; }
div.index table.main-table-index > thead > tr:hover > td { background: #e8fbeb; }
div.index table.main-table-index > thead > tr > th a, div.index table.main-table-index > thead > tr > th { font: normal 12px "Trebuchet MS", Arial; color: white; text-decoration: none; transition: none; outline: none; vertical-align: middle; }
div.index table.main-table-index > thead > tr > th a.asc:after, div.index table.main-table-index > thead > tr > th a:hover:after, div.index table.main-table-index > tr > th a.desc:hover:after { content: ' ▾'; }
div.index table.main-table-index > thead > tr > th a.desc:after, div.index table.main-table-index > thead > tr > th a.asc:hover:after { content: ' ▴'; }
div.index table.main-table-index > thead > tr > th a.asc:before, div.index table.main-table-index > thead tr > th a:hover:before, div.index table.main-table-index > tr > th a.desc:hover:before { content: '▾ '; }
div.index table.main-table-index > thead > tr > th a.desc:before, div.index table.main-table-index > thead tr > th a.asc:hover:before { content: '▴ '; }
div.index table.main-table-index > tbody > tr > td { color: #333333; padding: 4px 6px; text-align: center; vertical-align: middle; word-break: break-word; }
div.index table.main-table-index > tbody > tr > td.padding { padding-top: 8px; padding-bottom: 8px; }
div.index table.main-table-index > tbody > tr > td .actions { min-width: 115px; margin: 0; padding-left: 0; padding-right: 0; }
div.index table.main-table-index > tbody > tr > td.box { width: 6px; padding: 0 2px 0 3px; }
div.index table.main-table-index > tbody > tr > td.box input { margin: 0; cursor: pointer; padding: 0; }
div.index table.main-table-index > tbody > tr > td.pre { word-wrap: break-all; white-space: pre; font-family: monospace, 'Courier new'; }
/* Summary table */
table.dl { }
table.dl > tbody > tr > td { padding: 2px 4px; }
table.dl > tbody > tr > td.dt { font-weight: bold; }
table.dl > tbody > tr > td.dd { }
/* Approval status */
div.index .approval { }
div.index .approval em { width: 40px; display: inline-block; }
div.index .approval-pending { color: white; background: #dc7e7e; padding: 3px 14px; }
div.index .approval-postponed { color: #a3a3a3; }
div.index .approval-rejected { color: #dc7e7e }
div.index .approval-inactive { color: #ff9700 }
div.index .approval-accepted { color: #5fb86c; }
/* Requires attention */
div.index table tr.requires-attention { background: rgba(255, 125, 125, 0.2) !important; }
div.index table tr td.requires-attention { background: rgba(255, 125, 125, 0.2) !important; }
/* Color */
div.index table tr span.font-monospace { font-family: monospace, "Courier new"; }
div.index table tr span.color-box { border: solid 1px rgba(0, 0, 0, 0.3); }
/* Table column widths
^-----------------------------------------------------------------------------*/
div.index table.main-table-index > tbody > tr > td.title { text-align: left; min-width: 200px; }
div.index table.main-table-index > tbody > tr > td.title a { font-weight: normal; }
div.index table.main-table-index > tbody > tr > td.int { width: 80px; }
div.index table.main-table-index > tbody > tr > td.img { width: 90px; }
div.index table.main-table-index > tbody > tr > td.bool { width: 95px; }
div.index table.main-table-index > tbody > tr > td.char { width: 260px; }
div.index table.main-table-index > tbody > tr > td.text { width: 360px; }
div.index table.main-table-index > tbody > tr > td.time { width: 150px; min-width: 150px; }
div.index table.main-table-index > tbody > tr > td.date { width: 150px; min-width: 150px; }
div.index table.main-table-index > tbody > tr > td.state { width: 150px; }
div.index table.main-table-index > tbody > tr > td.actions { width: 110px; min-width: 110px; }
div.index table.main-table-index > tbody > tr > td.ordering { width: 125px; min-width: 125px; }
div.index table.main-table-index > tbody > tr > td.text { text-align: left; }
div.index table.main-table-index > tbody > tr > td.left { text-align: left; }
div.index table.main-table-index > tbody > tr > td.right { text-align: right; }
div.index table.main-table-index > tbody > tr > td.center { text-align: center; }
/* Quick toggle on table
^-----------------------------------------------------------------------------*/
div.index table tr td.bool a { display: inline-block; width: 26px; text-align: center; }
div.index table tr td.bool i { font-size: 140%; margin: 0; }
div.index table tr td.bool i.fa-check { color: #3fa04d; }
div.index table tr td.bool i.fa-times { color: #bbaaaa; }
div.index table tr td.bool i.fa-clock-o { color: #0057bb; }
div.index table td.bool img { padding: 0; margin: 0; }
/* Ordering on index
^-----------------------------------------------------------------------------*/
div.index table td { position: relative; }
div.index table td.ordering img, div.index table td img.loading-spinner { display: none; position: absolute; top: 18px; lefT: 56px; }
div.index table .ui-sortable-helper { background: rgba(190, 224, 205, 0.5); outline: 1px solid #bababa; }
div.index table .ui-sortable-helper td { background: none !important; }
div.index table .ui-sortable-helper .actions { display: none; }
div.index table .ui-state-highlight { border: none; background: none; }
/* Pagination elements
^-----------------------------------------------------------------------------*/
.table-options { margin-bottom: 10px; }
.multiselect { float: left; }
.multiselect .btn-toolbar { margin: 5px 5px 0; }
.paging { float: right; }
.paging-options { float: right; margin-right: 10px; }
.paging-options span { line-height: 34px; margin-top: 2px; margin-right: 10px; }
.pagination { float: right; margin: 0; }
.pagination ul { box-shadow: none; margin: 0; }
.pagination select { margin: 0; float: left; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width: 145px; cursor: pointer; }
.pagination a { color: #555555; }
.pagination select { border: none; }
.pagination a { cursor: pointer; }
.pagination > li span select { margin: 5px 0; background: transparent; height: 18px; }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination { border-radius: 0; }
.pagination > li > a i { margin: 0 auto; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > a, .pagination > li > span { color: #5cb85c; }
.multiselect .btn-toolbar { margin: 0; }
.multiselect .btn-toolbar .btn-group { margin: 0; }
.multiselect .btn-toolbar a { padding: 7px 10px 6px; }
/* Side forms
------------------------------------------------------------------------------*/
.side-profile-form { padding: 1em; }
.side-profile-form h3 { text-align: center; font-weight: bold; color: #3c9749; padding: 0 0 12px 0; }
.side-profile-form label { width: 100%; margin-top: 1em; font-size: 90%; }
.side-profile-form input { width: 100% !important; }
.side-profile-form div.input { padding: 0; }
.side-profile-form .options { margin-top: 1.5em; }
.side-profile-form .options a { width: 25%; }
.side-profile-form .options button { width: 60%; float: right; }
.side-profile-form .options img.loader { float: right; margin: 10px; display: none; }
/* Password change
------------------------------------------------------------------------------*/
#Password { padding: 1em; }
#Password h3 { text-align: center; font-weight: bold; color: #3c9749; }
#Password label { width: 100%; margin-top: 1em; font-size: 90%; }
#Password input { width: 100%; }
#Password .options { margin-top: 1.5em; }
#Password .options a { width: 25%; }
#Password .options button { width: 60%; float: right; }
#Password .options img.loader { float: right; margin: 3%; display: none; }
/* Footer
------------------------------------------------------------------------------*/
footer { clear: both; bottom: 0; padding: 0; position: fixed; width: 100%; border-top: 2px solid #2e853a; background-color: white; overflow: hidden; left: auto; right: auto; z-index: 2; }
footer > a { padding: 6px 12px; float: left; }
footer > span { font-size: 110%; padding: 5px 0 6px 0; float: left; color: #3c9749; }
footer > a.debug { float: right; opacity: 0; }
footer > a.debug:hover { opacity: 1; }
footer > a:hover { text-decoration: underline; }
footer a.intellex { padding: 6px 12px 6px; }
footer .bottom-image { position: absolute; z-index: -1; display: none; opacity: 0.35; }
footer .version { float: right; color: #888888; text-decoration: none !important; }
footer img.intellex { margin: 5px; }
footer div.intellex { margin: 0 10px; line-height: 153%; font-size: 110%; }
section.debug { margin-bottom: 42px; }
@media (max-width: 767px) {
footer a, footer span { display: none; }
footer a.version { display: block; }
footer a.intellex { display: block; }
footer a.intellex img.intellex { display: block; height: 18px; }
footer a.intellex div.intellex { display: none; }
}
/* Polyglot
------------------------------------------------------------------------------*/
.polyglot-tabs { }
.polyglot-tabs a { border-color: rgba(0, 0, 0, 0); background: none; }
.polyglot-tabs a.active { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; }
.polyglot-tabs a input[type="checkbox"] { display: none; }
.polyglot-tabs a input[type="checkbox"] + label { display: inline-block; width: 19px; margin: 0 4px 0 0; padding: 0; cursor: pointer; font-size: 18px; }
.polyglot-tabs a input[type="checkbox"] + label:before { content: ""; opacity: 0.3; color: red; }
.polyglot-tabs a input[type="checkbox"]:checked + label:before { content: ""; opacity: 1; color: inherit; }
/* SEO TAB
------------------------------------------------------------------------------*/
.panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.panel-default > .panel-heading { background: #eeeeee }
/* Forms
------------------------------------------------------------------------------*/
div.form-group { border: 1px solid #cdcdcd !important; padding: 0 0 10px 0; min-width: 0 !important; text-align: center; margin: 10px 0 }
div.form-group .hover-box { display: inline-block; width: 30%; text-align: center; margin: 0 0.5%; padding: 5px; text-decoration: none; background: #ffffff; }
div.form-group .hover-box img { width: 100%; }
div.form-group center { float: none; display: block; text-align: center; width: 100%; font-size: 95%; padding: 6px; }
div.form-group .input { float: left; width: 45%; margin: 0 1%; padding-top: 0; clear: none; border: none; }
div.form-group .input label { float: none; font: bold 13px/20px "Arial"; margin: 0; padding: 0; }
div.form-group .input input, div.form-group .input textarea, div.form-group .input select { width: 100%; }
div.form-loader { font: italic 17px/80px "Trebuchet MS"; text-align: center }
div.form-loader img { vertical-align: middle; margin-right: 30px; }
div.metatags textarea { font: normal 15px Monospace, Arial; color: #666666; padding: 5px 4px; }
.metatags .checkbox label, form .metatags .width-auto { width: auto; padding: 0 !important; margin: 0 !important }
.metatags .checkbox input { left: auto !important; position: relative; margin: 0 0 0 10px !important; }
.input { clear: both; padding: 7px 0; vertical-align: text-top; position: relative; margin-bottom: 10px; }
.input.side { margin-top: 0 }
.input.no-padding { padding: 0; }
.input:last-child { margin-bottom: 0; }
.input.flagged input, .input.flagged textarea { padding-left: 40px; }
.input input, .input textarea, .input select { font-size: 110%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; margin-bottom: 0; border: 1px solid #cdcdcd; padding: 5px 5px 6px 5px; transition: all 0.2s ease; background: #ffffff; width: 100% }
.input input:hover, .input textarea:hover, .input select:hover, .input input:focus, .input textarea:focus, .input select:focus, .login-input input:hover, .login-input input:focus, .highlight-input:focus, .highlight-input:hover { border-color: rgba(92, 184, 92, 0.7); -webkit-box-shadow: 0px 0px 6px 0px rgba(92, 184, 92, 0.7); -moz-box-shadow: 0px 0px 6px 0px rgba(92, 184, 92, 0.7); box-shadow: 0px 0px 6px 0px rgba(92, 184, 92, 0.7); }
.input .input-field { padding: 0 22px 0 180px; }
.input .input-field input, .input .input-field textarea { width: 100%; }
form label { position: relative; font: normal 14px Arial; width: 100%; padding: 10px 0; display: block; letter-spacing: 0.5px; }
form label.fixed { height: 32px; }
form label .prefix { padding: 5px; display: block; width: 34px; height: 32px; text-align: center; position: absolute; top: 1px; right: -65px; box-sizing: border-box; background: #e8e8e8; border-right: none; z-index: 1; }
form .side-bar label .prefix { top: 38px; left: 1px; right: auto;}
form label .prefix i { font-size: 1.5em; margin: auto; padding-right: 1px; }
form label img.prefix { padding: 10px 5px; }
form .side-bar label { width: 100%; padding-left: 0; }
form .checkbox label { padding: 9px 0; }
form .polyglot.input label { display: inline-block; }
form .file-wrapper .input-field { padding: 0; }
form .file-wrapper .input-field input { width: auto; }
form div.set select { width: 20%; margin: 0 0 10px; }
form div.set select:nth-child(6n+2) { margin: 0 0 10px 0; }
form div.set label { margin: 0 0 50px 0; }
form div.set ul { display: inline-block; width: 80%; padding: 0; }
ul.sortable li { width: 20%; display: inline-block; padding: 0 0 10px 10px; }
ul.sortable li select { width: 100%; margin: 0; }
form input[type="checkbox"] { position: relative; left: auto; width: auto; margin: 10px 0 0 0 !important }
form .textarea div > table { width: auto; }
/* Content*/
div.form div.tab { border: 1px solid #dddddd; padding: 10px; margin-bottom: 10px; }
div.form div.tab.multiple { border-top: none; }
form .content { border-top: 1px solid #e3e3e3; margin: 10px 0; padding: 0; }
form .content label img { margin-top: 7px; }
form .content-name { background: #5cb85c; color: #ffffff; font-weight: bold; text-align: center; line-height: 30px; }
form .content-template { padding: 10px; border-bottom: 1px solid #e3e3e3; }
form .content-template-name { color: #777777; font-weight: bold; line-height: 43px; cursor: move; }
form .content-template-remove { color: #dc6d6d; font-weight: bold; float: right; line-height: 43px; margin: 0 10px; position: relative; z-index: 1; }
form .content-template-description { font-size: 92%; color: #888888; font-style: italic; }
form .content .input { width: auto; clear: none; }
form .ui-sortable-helper { background: rgba(235, 235, 235, 0.82); }
form .half-input + select.page-select { width: 48%; float: right }
/* RTE */
.mce-tinymce .mce-toolbar-grp { background: #eeeeee none repeat scroll 0 0; padding: 0 0 3px 40px; }
.mce-tinymce .mce-btn { background: none; }
/* Actions*/
div.actions { width: 100%; }
form div.actions { width: auto; }
div.header div.actions { margin: 0; }
/* Separators */
form hr.field-separator { }
form h5.field-header { font-weight: bold; margin: 1em 10px; font-size: 1.5em; font-style: italic; color: #707070; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Theme settings
------------------------------------------------------------------------------*/
.theme-settings .theme-preview-color { height: 78px; padding: 10px; color: white; line-height: 60px; text-align: center; }
.theme-settings .theme-upload-input .theme-upload-preview { width: 180px; height: 180px; display: block; margin: auto; }
.theme-settings .vector-upload-item { width: 100% !important; }
.theme-settings .vector-upload-item .vector-upload-object img { height: auto !important; }
.theme-settings .vector-upload-item .upload-file-preview-block { height: auto !important; }
/* Datepicker
------------------------------------------------------------------------------*/
.ui-datepicker { width: 17em; padding: 1px; display: none; border: 1px solid; z-index: 999999 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; padding: 10px 20px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 12px; text-align: center; cursor: pointer; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; }
.ui-datepicker .ui-datepicker-prev { left: 10px }
.ui-datepicker .ui-datepicker-next { right: 10px }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:before { content: "\f0d9"; color: #ffffff }
.ui-datepicker .ui-datepicker-next:before { content: "\f0da"; color: #ffffff }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #ffffff; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month-year { width: 100% }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0; background: #ffffff; }
.ui-datepicker th { padding: .7em .3em; text-align: right; font-weight: bold; border: 0 }
.ui-datepicker td { border: 0; padding: 4px }
.ui-datepicker td:first-child, .ui-datepicker th:first-child { padding-left: 10px }
.ui-datepicker td:last-child, .ui-datepicker th:last-child { padding-right: 10px }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #ffffff; opacity: 0.5 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #ffffff; opacity: 1 }
.ui-datepicker .ui-datepicker-buttonpane { background: #ffffff; padding: 10px; border: none }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; padding: 5px 10px; width: auto; color: #ffffff; border: none }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: none; display: inline-block }
.ui-datepicker.ui-datepicker-multi { width: auto }
.ui-datepicker-multi .ui-datepicker-group { float: left }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em }
.ui-datepicker-rtl { direction: rtl }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right }
.ui-datepicker-rtl .ui-datepicker-group { float: right }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px }
.ui-slider { position: relative; text-align: left }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 }
.ui-slider-horizontal { height: 4px; background: #000000 }
.ui-timepicker-div { background: #ffffff; padding: 10px; border-top: 2px solid; }
.ui-timepicker-div dl dd { margin: 10px 10px 10px 65px; }
.ui-timepicker-div dl dd.ui_tpicker_time { margin: 0 10px 10px 65px; }
.ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; border: 1px solid; background: #ffffff; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100% }
.ui-slider-horizontal .ui-slider-range-min { left: 0 }
.ui-slider-horizontal .ui-slider-range-max { right: 0 }
.ui-slider-vertical { width: .8em; height: 100px }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100% }
.ui-slider-vertical .ui-slider-range-min { bottom: 0 }
.ui-slider-vertical .ui-slider-range-max { top: 0 }
/* Dialog
------------------------------------------------------------------------------*/
.nxDialog-parent { background: rgba(230, 230, 230, 1); max-height: 100%; overflow: auto; }
.nxDialog-parent h1 { font-size: 150%; text-align: center; padding: 15px 80px 12px; }
.nxDialog-parent .dialog-inner { background: white; margin: 0 10px 10px; border: 1px solid #bbbbbb; padding: 10px; }
.nxDialog-parent label { width: 100%; float: none; }
.nxDialog-parent .row { margin: 10px 0; }
.nxDialog-parent .input { width: 100%; padding: 0; }
.nxDialog-parent .input input, .nxDialog-parent .input textarea, .nxDialog-parent .input select { min-width: 100%; width: 100%; max-width: 100%; }
/* WatchDog
------------------------------------------------------------------------------*/
.nxDialog-content { background: #ffffff; }
.nxDialog-content h1 { font-size: 130%; text-align: center; }
.nxDialog-content label { width: 100%; float: none; }
.nxDialog-content .row { margin: 10px 0; }
.nxDialog-content .input { width: 100%; padding: 0; }
.nxDialog-content .input input, .nxDialog-content .input textarea, .nxdialog-content .input select { width: 100%; max-width: 100%; }
/* General listings
------------------------------------------------------------------------------*/
.listing { }
.listing > li { margin: 7px 0; }
.listing > li .listing-valign { padding: 7px 0; display: inline-block; }
.listing > li .listing-remove { color: #999999; text-align: center; margin: auto; }
.listing > li .listing-remove:hover { color: red; }
.listing > li .listing-add { padding-left: 7px; }
#group-sorted ul { text-align: center; }
#group-sorted ul.sortable li.custom { display: inline-block; width: 85%; padding-right: 1em; }
.modal-dialog .button-holder { display: inline-block; width: 100%; }
/* Bootstrap fixes
^-----------------------------------------------------------------------------*/
.btn { box-shadow: none !important; }
.btn-danger { border-color: #b54441; }
.btn:active, .btn.active { box-shadow: none; }
.nav-tabs > li > a { border-radius: 0; margin-right: 0; }
.pagination .paging { padding: 2px; }
.navbar-toggle { float: left; margin: 8px 15px; }
.modal-body { overflow: auto; max-height: 600px; }
.row.without-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
/* Page form
^-----------------------------------------------------------------------------*/
#PageForm > div.actions { margin: 10px 0 0 15%; }
#PageForm .content-append { padding: 8px 0; }
/* Pin picker
^-----------------------------------------------------------------------------*/
#GoogleMapDialog { display: none; }
#GoogleMapDialog h5 { text-align: center; padding: 5px 0 13px 0; font-size: 120%; }
#GoogleMapDialog .map-wrapper { position: relative; width: 720px; height: 400px; }
#GoogleMapDialog .map-wrapper .map { width: 100%; height: 352px; border: 1px solid #bbbbbb; }
#GoogleMapDialog .map-wrapper .map-loader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #bbbbbb; z-index: 100000; }
#GoogleMapDialog .input { margin-top: 13px; padding: 0 3px 3px 3px; }
#GoogleMapDialog .input input { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cdcdcd; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; font-size: 110%; margin-bottom: 0; padding: 5px 5px 6px; transition: all 0.2s ease 0s; }
#GoogleMapDialog .input input:hover, .map-picker .input input:focus { border-color: rgba(92, 184, 92, 0.7); -webkit-box-shadow: 0 0 6px 0 rgba(92, 184, 92, 0.7); -moz-box-shadow: 0 0 6px 0 rgba(92, 184, 92, 0.7); box-shadow: 0 0 6px 0 rgba(92, 184, 92, 0.7); }
#GoogleMapDialog .btn { }
/* File uploads in backend
^-----------------------------------------------------------------------------*/
.file-list { }
.file-list ul { overflow: auto; margin: 5px 0 0 8px; clear: left; }
.file-list ul li { margin-bottom: 5px; padding: 5px; position: relative; float: left; width: 33.33333%; }
.file-list ul li:last-child { border-bottom: none; margin-bottom: 0; }
.file-list ul li .delete { position: absolute; top: 0; left: 5px; font-size: 20px; color: red; font-weight: bold; display: none; }
.file-list ul li:hover .delete { display: block; }
.file-list p { margin: 21px 0; text-align: center; color: #888888; }
.file-list .file-new { }
.file-list .file-new-progress { padding: 8px 35px; float: left; clear: left; width: 600px; }
.file-list .file-new-progress span { float: left; width: 174px; }
.file-list .file-new-progress-bar { width: 340px; border: 1px solid #dddddd; float: left; margin: 4px; }
.file-list .file-new-progress-bar div { background: green; width: 1px; height: 8px; }
.file-list .file-header { background: none; padding: 4px 10px; }
.file-list .file-header > .uploader { margin: 0 0 0 -8px; width: 330px; }
.file-list .file-header label { font: bold 15px/30px Arial; padding-right: 20px; }
.file-list .file-header-options { float: right; padding: 5px 0; }
.file-list .file-header-options a { float: right; margin: 4px; opacity: 0.5; }
.file-list .file-header-options a:hover { opacity: 1 !important; }
.file-list .file-progress { background: green; height: 40px; width: 0; position: absolute; opacity: 0.3; }
.file-list .file-options { float: left; width: 22px; }
.file-list .file-options a.button { display: block; margin: 9px 0 4px; opacity: 0.3; }
.file-list .file-options a.button:hover { opacity: 1 !important; }
.file-list .file-preview { position: relative; float: left; border: 1px solid #aaaaaa; padding: 2px; }
.file-list .file-preview img { border: 1px solid #dddddd; }
.file-list .file-preview img.file-new { position: absolute; top: -5px; right: -5px; border: none; min-height: 0; min-width: 0; }
.file-list .file-mask { position: absolute; left: 3px; top: 3px; background: #cccccc url(/img/form/file-delete-mask.png) no-repeat 50% 50%; opacity: 0.72; display: none; }
.file-list .file-details { margin-left: 20px; float: left; }
.file-list .file-details .file-title { border: 1px solid #cccccc; width: 330px; display: block; }
.file-list .file-details .file-title:hover { border-color: rgba(92, 184, 92, 0.7); }
.file-list .file-details .file-replace { display: block; margin: 10px 0 0; }
.file-list .file-upload { clear: both; padding-top: 5px; }
.hover-box { color: #555555; border: 1px solid white; cursor: pointer; padding: 3px 9px; opacity: .62; }
.hover-box:hover { text-decoration: none; opacity: 1; }
div.form-group .hover-box-active, .hover-box-active { border: 1px solid #5cb85c; background: #eaeaea; opacity: 1; }
div.form-group i { font-size: 43px; display: block; margin: auto; padding: 6px; }
/* Block dashboard
^-----------------------------------------------------------------------------*/
.widget { border: 1px solid #dddddd; margin-bottom: 20px; }
.widget-header { padding: 10px; background: #3c9749; color: #ffffff; }
.widget-header a { color: #ffffff; }
.widget-header h2 { display: inline-block; }
.widget-header h2 i { margin: 3px 5px 0 0; font-size: 110%; }
.widget-header-option { margin: 0 8px 0 0; display: inline-block; width: auto; background: #ffffff; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 5px 5px 6px; color: #3c9749; border: none; }
.widget-header .page-loader img { opacity: .35; }
.widget-body { min-height: 130px; }
.widget-body:last-child { min-height: 160px; }
.widget-padding { padding: 10px; }
.widget-fixed-height { height: 130px; overflow-y: auto; }
.widget-body:last-child .widget-fixed-height { height: 160px; }
.widget-footer { padding: 5px 10px 5px 10px; border-top: 1px solid #dddddd; height: 30px; text-align: center; }
body div.widget table.main-table-index { border: none; margin-bottom: 0; }
/* Tables */
.index .block > table { border: none; margin: 0; }
.index .block > table > tr > th { padding: 10px 20px; background: #32363c; color: #ffffff; text-align: left; }
.index .block > table > tr > th:last-child { width: 150px; }
.index .block > table > tr > td { padding: 10px 0 10px 20px; color: #505155; text-align: left; }
.index .block > table > tr > td a { color: #505155; }
.index .block > table > tr > td a:hover { color: #3c9749; }
.index .block > table > tr > td.action-green a { color: #3c9749; }
/* Module manager
^-----------------------------------------------------------------------------*/
.cms_modules ul > li { clear: both; margin: 8px 4px; }
.cms_modules ul li { border: 1px solid rgba(0, 0, 0, 0); }
.cms_modules ul li.ui-sortable-helper { background: white; border: 1px solid #888888; }
.cms_modules ul li.ui-sortable-helper a:hover { color: inherit !important; }
.cms_modules ul li.group { display: inline-block; width: 330px; padding: 4px 4px 1px; background: #eeeeee; border-color: #aaaaaa; margin-top: 12px; }
.cms_modules ul li.group > ul { min-height: 8px; }
.cms_modules ul li.group strong { text-align: center; display: block; padding: 6px 60px 0px; }
.cms_modules ul li.group.sortable-enabled strong { cursor: move; }
.cms_modules ul li.group a.group-option { float: right; opacity: 0; color: #aaaaaa; padding: 7px 4px; margin-left: 4px; }
.cms_modules ul li.group:hover a.group-option { opacity: 1; }
.cms_modules ul li.group a.group-option:hover { color: #777777; }
.cms_modules ul li.group a.group-delete:hover { color: red; }
.cms_modules ul li.module { font-size: 18px; padding: 12px; background: white; border-color: #bbbbbb; }
.cms_modules ul li.module a { font-size: 18px; color: inherit; }
.cms_modules ul li.module a:hover { color: #4cae4c; }
.cms_modules ul li.module .icon { width: 60px; text-align: center; overflow: hidden; font-size: 40px; float: left; margin-right: 10px; }
.cms_modules ul li.module ul.switches li { display: inline-block; margin: 0; }
.cms_modules ul li.module ul.switches li i { cursor: default; color: #888888; font-size: 80%; }
.cms_modules ul li.module ul.switches li.off i { opacity: 0.2; }
/* Form */
.module-manager .switches { margin-top: 30px; margin-bottom: 30px; }
.module-manager .switches input[type=checkbox] { opacity: 0; }
/* Icon */
.module-manager .icon-selector { position: relative; clear: left !important; }
.module-manager .icon-selector .nxdialog-trigger { position: absolute; left: 15px; right: 15px; top: 0; }
.module-manager .icon-selector i { color: #444444; border-right: 1px solid #cdcdcd; font-size: 22px; padding: 6px 11px; text-align: center; top: 8px; margin: 0 !important; width: 44px; height: 34px; overflow: hidden }
.module-manager .icon-selector i:hover { /*color: white; background: black; */ }
.module-manager .icon-selector select { padding-left: 50px; }
/* Checkboxes */
.module-manager #ModuleTab div.switch { position: relative; }
.module-manager #ModuleTab div.switch label { display: inline-block; width: 100%; text-align: center; padding: 0; margin: 0; color: #555555; position: relative; }
.module-manager #ModuleTab div.switch label i { font-size: 50px; position: relative; z-index: 2; padding: 20px 0; }
.module-manager #ModuleTab div.switch label > span { width: 100%; display: inline-block; position: relative; z-index: 2; padding: 0 0 20px 0; }
.module-manager #ModuleTab div.switch label .checker { position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; }
.module-manager #ModuleTab div.switch label .checker span { z-index: 1; display: inline-block; width: 100%; height: 100%; border: 2px solid rgba(0, 0, 0, 0); padding: 20px 0; display: block; transition: all 250ms ease; }
.module-manager #ModuleTab div.switch label .checker span.checked { background: #eaeaea; border-color: #5cb85c; }
.module-manager #ModuleTab div.switch:hover label .checker span { background: #e0e0e0; }
.module-manager #ModuleTab div.switch label .checker span input { position: relative; z-index: -1; background: none !important; border: none !important; opacity: 0; }
/* Fields */
.module-manager .field-add { display: block; width: 200px; margin: 10px auto 20px; }
.module-manager .module-fields { margin: 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.35); background: white; }
.module-manager .module-fields .side input { float: left; }
.module-manager .module-fields .side label { text-align: left; display: inline-block }
.module-manager .module-fields .field { background: white; border: 1px solid rgba(0, 0, 0, 0.35); border-bottom: none; padding: 10px 20px; }
.module-manager .module-fields .field-header { position: relative; }
.module-manager .module-fields .field-header input:not([type=checkbox]), .module-manager .module-fields .field-header .field-module { width: 100%; padding-left: 44px; margin: 0; }
.module-manager .module-fields .field-header .field-module { display: none; }
.module-manager .module-fields .field-header i.type { background: #eeeeee none repeat scroll 0 0; border-right: 1px solid #dcdcdc; height: 32px; left: 0; margin-left: 1px; padding: 10px 11px; position: absolute; top: 8px; }
.module-manager .sortby { position: relative; width: 100%; }
.module-manager .sortby i { padding: 10px 20px; width: 100%; }
.module-manager .sortby label { text-transform: uppercase; font: bold 12px 'Trebuchet MS', Arial; display: inline; float: none; margin: 0; padding: 0; width: 100% }
.module-manager .module-fields .field-header a.remove-field { position: absolute; right: 0; top: 7px; padding: 5px 0 0 0; text-align: center; bottom: 7px; box-sizing: border-box; width: 40px; z-index: 1; }
.module-manager .module-fields .field-header a.remove-field i { color: #999999; font-size: 20px; transition: all 0.2s ease; }
.module-manager .module-fields .field-header a.remove-field:hover i { color: red; }
.module-manager .module-fields > li.ui-sortable-helper { border: 1px solid #3c9749; background: white; }
/* Field type coloring */
.module-manager .module-fields > li.colored[ rel=module] { background: rgba(255, 0, 0, 0.14); }
.module-manager .module-fields > li.ico-colored[ rel=module] i.type { background: rgba(190, 60, 60, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=file] { background: rgba(0, 0, 0, 0.30); }
.module-manager .module-fields > li.ico-colored[ rel=file] i.type { background: rgba(255, 100, 30, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=datetime] { background: rgba(255, 0, 255, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=datetime] i.type { background: rgba(140, 100, 140, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=enum] { background: rgba(255, 200, 0, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=enum] i.type { background: rgba(235, 235, 60, 0.55); color: #555555; }
.module-manager .module-fields > li.colored[ rel=tinyint] { background: rgba(0, 255, 0, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=tinyint] i.type { background: rgba(30, 160, 80, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=int] { background: rgba(0, 0, 255, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=int] i.type { background: rgba(0, 120, 200, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=text] { background: rgba(150, 150, 150, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=text] i.type { background: rgba(120, 120, 120, 0.55); color: white; }
.module-manager .module-fields > li.colored[ rel=varchar] { background: rgba(255, 255, 255, 0.20); }
.module-manager .module-fields > li.ico-colored[ rel=varchar] i.type { background: rgba(255, 255, 255, 0.55); color: #555555; }
/* Fields options */
.module-manager .module-fields .field-more { min-height: 57px; }
.module-manager .module-fields .field-more div.checkbox { display: inline-block; }
.module-manager .module-fields .field-more textarea { height: 112px; }
.module-manager .module-fields .field-more .file-extension { }
.module-manager .module-fields .field-more .file-extension select { width: 49%; }
.module-manager .module-fields .field-more .file-extension > input { width: 49%; float: right }
.module-manager .module-fields .field-options input[type=checkbox] { margin-top: 10px; width: auto; }
/* Validation */
.module-manager .module-fields .field-validation { margin-left: 2%; box-sizing: border-box; display: inline-block; }
.module-manager .module-fields .field-validation .field-validation-add { line-height: 33px; padding: 9px; display: inline-block; }
.module-manager .module-fields .field-validation .field-validation-add:hover { text-decoration: underline; }
.module-manager .module-fields .field-validation li { clear: both; margin-bottom: 5px; transition: all 400ms ease; padding: 6px; border: 1px solid rgba(0, 0, 0, 0.0); }
.module-manager .module-fields .field-validation li:hover { /* box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); */ }
.module-manager .module-fields .field-validation li .field-validation-type { width: 47%; padding: 0 1% 0 0; float: left; clear: none; }
.module-manager .module-fields .field-validation li .field-validation-type select { width: 100%; }
.module-manager .module-fields .field-validation li .field-validation-message { width: 47%; padding: 0 0 0 1%; float: left; clear: none; }
.module-manager .module-fields .field-validation li .field-validation-message input { width: 100%; }
.module-manager .module-fields .field-validation li .field-validation-remove { float: right; line-height: 33px; box-sizing: border-box; width: 4%; text-align: center; }
.module-manager .module-fields .field-validation li .field-validation-remove i { color: #999999; transition: all 0.2s ease; }
.module-manager .module-fields .field-validation li .field-validation-remove:hover i { color: red; }
.module-manager .module-fields .field-validation li .field-validation-params .input { padding-left: 0; padding-right: 0; }
.module-manager .module-fields .field-validation li .field-validation-params .input label { width: 26%; padding-left: 1%; }
.module-manager .module-fields .field-validation li .field-validation-params .input input { width: 67%; }
/* Font awesome icon picker
^-----------------------------------------------------------------------------*/
.icon-picker { padding: 10px; }
.icon-picker p { margin-bottom: 0; }
.icon-picker-header input { width: 40%; margin: 0 auto 10px; display: block; text-align: center; }
.icon-picker-list li { height: 40px; font-size: 28px; float: left; width: 5%; }
.icon-picker-list li a { padding: 5px; display: inline-block; text-align: center; width: 100%; }
.icon-picker-list li a i { color: #444444; margin: 0; }
.icon-picker-list li.selected { background: #222222; }
.icon-picker-list li.selected a i { color: #999999; }
/* Configuration
^-----------------------------------------------------------------------------*/
.configuration form label { }
.configuration h2 { font: bold 1.2em "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #707070; }
/* Push testing
^-----------------------------------------------------------------------------*/
.push .form div.actions { margin-top: 10px; }
.push form .custom { margin-bottom: 0; padding-bottom: 0; }
.push form .custom .field-name { width: 25% !important; margin-right: 1.2%; }
.push form .custom .field-value { width: 73.8% !important; }
.push form h4 { padding: 10px 10px 0 10px; }
.push .os-select i { font-size: 140px; }
.push .os-select li { float: left; width: 82%; padding: 6%; }
.push .os-select a { float: left; width: 100%; border: 1px solid #ffffff; text-align: center; padding: 1em; opacity: .62; }
.push .os-select a#iOS { color: #555555; }
.push .os-select a#Android { color: #a4c639; }
.push .os-select a:hover { border: 1px solid #e4e4e4; opacity: 1; }
.push .os-select li.active a { border: 1px solid #5cb85c; background: #e4e4e4; opacity: 1; }
/* Export buttons
------------------------------------------------------------------------------*/
.export-div .export-buttons { display: none; }
.export-div:hover .export-buttons { display: block; }
.export-div:hover .hide-button { display: none; }
/* Statuses
------------------------------------------------------------------------------*/
.status { padding: 8px 35px 8px 14px; margin: 4px 0; color: #3a87ad; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #d9edf7; border: 2px solid #bce8f1; }
.status-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.status-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.status-warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; }
/* Filter top
^-----------------------------------------------------------------------------*/
#QuickFilter { float: right; width: 200px; margin: 3px 0 0; }
#QuickFilter input { width: 100%; padding: 3px 5px; color: #737373; border: 1px solid #cdcdcd; }
#EmptyQuickFilter { display: none; }
/* Loading animation
^-----------------------------------------------------------------------------*/
.cssloader, .cssloader:before, .cssloader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }
.cssloader { color: #5cb55c; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.cssloader:before, .cssloader:after { content: ''; position: absolute; top: 0; }
.cssloader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.cssloader:after { left: 3.5em; }
@-webkit-keyframes load7 {
0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; }
40% { box-shadow: 0 2.5em 0 0; }
}
@keyframes load7 {
0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; }
40% { box-shadow: 0 2.5em 0 0; }
}
.awesome-loader { font-size: 48px; text-align: center; display: block; }
/* Notices and Errors
^-----------------------------------------------------------------------------*/
.flash { font: normal 135% Helvetica, arial; color: white; border: 6px solid #f0f0f0; padding: 0 5px 0 35px; background: white none no-repeat 11px 50%; line-height: 29px; margin-left: -2px; }
div.flash-default { border-color: #105010; background-color: #20a020; }
div.flash-error { border-color: #670505; background-color: #ce0a0a; }
div.flash-warning { border-color: #675100; background-color: #dfa200; }
div.flash-info { background-color: #55aaff; }
div.flash-loading { background-image: url(../img/ico/loader_small.gif); }
.flash a:hover { color: white; text-decoration: underline; }
div.message { font: bold 135% Helvetica, arial; clear: both; padding: 4px 8px; border-left: 1px solid #d0d0d0; }
.form-input-error { background: #f2dede; padding-bottom: 4px; }
.form-input-error-message { font-size: 16px; color: #a94442; clear: both; margin-top: 10px; }
[type="checkbox"] + .form-input-error-message { margin-top: 30px; }
.notice { background: #ffcc00; color: #000000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
.success { background: green; color: #ffffff; }
/* Login Form
^-----------------------------------------------------------------------------*/
.top-leaves { position: fixed; top: 0; left: 0; width: 20%; }
.bottom-image { position: fixed; bottom: 31px; right: 0; width: 20%; opacity: 0.4; }
.outside-cms { }
.outside-cms #primary { padding: 1em; }
.outside-cms .alert { border: 1px solid #cccccc; cursor: default; }
.outside-cms h2 { text-align: center; width: 100%; color: #6b6c6e; font-weight: normal; font-size: 20px; padding: 20px 0; }
.outside-cms h3 { text-align: left; width: 100%; color: #7d7e80; font-weight: normal; font-size: 18px; padding: 14px 0 10px 0; }
.outside-cms hr { margin: 5px; }
.outside-cms .header-search { margin: 1em 0; }
.outside-cms .top-padding, .outside-cms .bottom-padding { display: block; height: 60px; }
@media all and (max-width: 767px) {
.outside-cms .top-padding { display: none; }
}
.outside-cms .logo { width: 100%; max-width: 313px; max-height: 313px; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.11); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 100%; }
@media all and (max-width: 767px) {
.outside-cms .logo { width: 40%; }
}
.outside-cms .install-checklist { }
.outside-cms .install-checklist > .passed { color: #3fa04d; }
.outside-cms .install-checklist > .failed { color: #c00001; }
.outside-cms .install-locales { font-size: 120%; }
.outside-cms .install-locales > * { margin: 2px; padding: 2px; box-sizing: border-box; min-height: 1em; color: #777777; }
.outside-cms .install-locales > dt { float: left; clear: both; width: 61px; letter-spacing: 0.5px; font: normal 15px Monospace, "Courier New", "Courier"; }
.outside-cms .install-locales > dd { padding-left: 61px; width: 100%; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.outside-cms a.recovery { line-height: 36px; }
.install-form input { width: auto; }
/** User providers **/
.outside-cms .user-providers a { color: white; background: #bbbbbb; display: block; text-align: left; padding: 4px 10px 4px 12px; margin-bottom: 0.5em; }
.outside-cms .user-providers a i { width: 26px; height: 26px; float: left; margin: 0 4px 0 0; }
.outside-cms .user-providers a span { display: block; line-height: 26px; text-align: center; }
/** Intellex **/
.outside-cms .user-providers a.intellex { background: #5cb55c; }
.outside-cms .user-providers a.intellex i { background: url('/img/login/providers/intellex.png'); }
.outside-cms .user-providers a.intellex { background: #eeeeee; border: #dddddd 1px solid; color: #777777; }
/** Google **/
.outside-cms .user-providers a.google { background: #dc4e41; }
.outside-cms .user-providers a.google i { background: url('/img/login/providers/google.png'); }
/** Facebook **/
.outside-cms .user-providers a.facebook { background: #335993; }
.outside-cms .user-providers a.facebook i { background: url('/img/login/providers/facebook.png'); }
/** Twitter **/
.outside-cms .user-providers a.twitter { background: #2aaae0; }
.outside-cms .user-providers a.twitter i { background: url('/img/login/providers/twitter.png'); }
/** Responsive **/
@media all and (max-width: 767px) {
.outside-cms .user-providers a i { float: none; display: block; margin: auto; }
.outside-cms .user-providers a span { display: none; }
}
/* Shame CSS
^-----------------------------------------------------------------------------*/
hr.thin-hr { margin: 5px 0 }
form .required label:after {
/*!color: #e32;
content: '*';
display:inline;!*/
}
form div.submit {
display: none;
}
form .upload-comment {
float: left;
clear: left;
width: 160px;
color: #888888;
font-size: 93%;
font-style: italic;
}
form label img {
float: right;
}
form label.tab {
clear: left;
}
form label a.add {
line-height: 29px;
}
.selectable .label {
float: left;
}
.selectable .label input {
float: left;
margin: 9px 3px;
}
.selectable .label label {
width: 140px;
}
.date select {
float: none;
width: auto !important;
}
textarea {
tab-size: 4 !important;
-moz-tab-size: 4 !important;
}
.input input:not([type=radio]):not([type=checkbox]):not([type=file]), .input textarea, .input select, .input-container, body .mce-tinymce {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
.input input:not([type=radio]):not([type=checkbox]):not([type=file]), .input select {
height: 35px;
}
.input input:not([type=checkbox]):not([type=file]).half-input {
width: 50%;
}
select[multiple=multiple] {
width: 100%;
}
option {
padding: 0 3px;
font-size: 110%;
}
optgroup {
font-weight: normal;
}
input[type=radio] {
float: left;
width: auto;
margin: 0 3px 7px 0;
}
div.radio label {
margin: 0 0 6px 20px;
}
form.customization li {
display: block;
}
form.customization .ui-sortable-helper {
border: none;
margin-left: 1px;
}
form.customization .ui-sortable-placeholder {
border: 1px solid #cccccc;
visibility: visible !important;
}
form.customization ul.sortable li {
border: 1px solid white;
padding: 1px;
width: 100%;
}
form.customization .sortable a {
color: #999999;
cursor: pointer;
border: 1px solid white;
padding: 3px 4px;
font-style: italic;
display: block;
margin-bottom: 3px;
}
form.customization .sortable a.btn-icon-only { width: auto; }
form.customization .sortable a i { color: #ffffff; }
form.customization .sortable a:hover {
color: #222222;
border: 1px solid #aaaaaa;
}
form.customization .sortable a.selected {
color: #222222;
font-style: normal;
background: #fff6b5;
border-color: #888888;
}
ul.sortable li {
cursor: move;
}
/** Related **/
div.related {
clear: both;
display: block;
margin-top: 10px;
}
.related > ul > li {
padding: 5px;
margin: 5px 0;
border: 1px solid gray;
background: rgba(220, 220, 220, 0.84);
box-sizing: border-box;
}
.related label {
display: inline-block;
}
.related .short-description {
display: inline-block;
padding: 5px;
}
.related .related-filter {
width: 100% !important;
}
form .related .checkbox label {
padding-left: inherit;
}
form .related .checkbox input {
left: 14% !important;
}
textarea#LayoutCss {
font: normal 110% "Bitstram Vera Sans Mono", "Courier New" !important;
color: black;
height: 600px;
}
#Dictionary table tr td.value {
padding: 0 ! important;
}
#Dictionary table tr td.value input {
height: 40px;
border: none;
background: none;
padding: 4px 8px;
width: 100%;
}
#Dictionary table tr td.value input:focus {
background: white;
}
#treesort {
min-width: 400px;
padding-right: 30px;
}
#treesort .placeholder {
color: #222222;
width: 100%;
outline: 1px solid #aaaaaa;
background: #eef6ff;
}
#treesort li.ui-sortable-helper {
background: transparent none !important;
}
/* CMS installation
^-----------------------------------------------------------------------------*/
table.checklist { width: 100%; }
table.checklist td { padding: 2px; }
table.checklist th { text-align: center; padding: 4px; }
.form-body { clear: both; }
.form-meta { clear: both; }
/* Innova stylings */
img.rte-flag { float: right; margin: 11px; }
/* Module form
------------------------------------------------------------------------------*/
.btn-icon-only i { margin: 0 !important; }
.alert-wrapper { background: #e8e8e8; }
.alert { border-radius: 0; text-align: center; font-size: 16px; margin: 0px; cursor: pointer; padding: 8px 15px; }
.disabled { cursor: default !important; }
.disabled i { opacity: 0.2; }
.alert a { color: inherit; text-decoration: underline; }
.alert a:hover { color: inherit; text-decoration: underline; }
/* Header
------------------------------------------------------------------------------*/
.modal form { margin: 0 !important; z-index: 5000; }
.remove-field { font-size: 90%; font-weight: normal; margin: 3px; float: left; }
form .textarea .innova-container > table {
width: 100%;
}
.view-history {
padding: 10px;
}
.arrow-right {
width: 30px;
margin: 0 20px 0 20px;
}
.arrow-down {
width: 30px;
margin: 20px 0 20px 0;
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-o-transform: rotate(90deg); /* Opera */
}
/* Relationship forms
------------------------------------------------------------------------------*/
.relationship-form-dialog-list { }
.relationship-form-dialog-list .row { margin: 0; }
.relationship-form-dialog-list .row:nth-child(2n+1) { background: rgba(0, 0, 0, .06); }
.relationship-form-dialog-list .row [class^="col-"] { }
.relationship-form-dialog-list .row [class^="col-"]:last-child { text-align: right; }
.relationship-form-dialog-list .row [class^="col-"] > a { display: inline-block; margin: 10px 5px; }
.relationship-form-dialog-list .row [class^="col-"] a.btn-remove { display: none; }
.relationship-form-dialog-list .row.selected { background: #e8fbeb; border-bottom: #ffffff; }
.relationship-form-dialog-list .row.selected [class^="col-"] a.btn-select { display: none; }
.relationship-form-dialog-list .row.selected [class^="col-"] a.btn-remove { display: inline-block; }
.relationship-form-dialog-list .row [class^="col-"] p { padding: 10px 0; }
.relationship-form-dialog-list .image-wrapper { height: 40px; overflow: hidden; margin: 10px; border: 1px solid #cdcdcd; }
.relationship-form-dialog-list .image-wrapper img { width: 100%; }
.relationship-form-dialog-list { }
.page-paginator .paginator { text-align: center; }
.page-paginator .paginator a { padding: 5px; display: inline-block; margin: 0 2px; color: #5cb85c; border: 1px solid #cdcdcd; width: 30px; text-align: center; }
.page-paginator .paginator a.active { background: #5cb85c; color: #ffffff; border-color: #45a045; }
.relationship-form-dialog-header .row { margin: 5px 0; }
.relationship-form-dialog-header .row [class^="col-"]:last-child { text-align: right; }
.relationship-form-dialog-body { height: 50vh; overflow: auto; }
.relationship-form-dialog-body .relationship-form-dialog-list.row { margin: 0; }
.relationship-form-dialog-footer { }
.relationship-form-dialog-reset { margin: 30px 0 0 0; display: inline-block; }
.relationship-form-dialog-loading { padding: 100px 0 0 0; text-align: center; height: 50vh; }
.relationship-form-dialog-loading img { display: block; max-width: 100%; margin: 0 auto 20px auto; }
.nxDialog .nxDialog-content .block { margin: 0; text-align: center; }
.nxDialog .nxDialog-content .block h2 { font-size: 20px; }
.related-item { border: 1px solid #cdcdcd; padding: 20px; margin-bottom: 30px; }
.related-item h3 { display: block; text-align: center; padding: 20px 0 10px 0; }
.related-item .row { margin: 0 0 20px 0; }
.related-item .image-wrapper { height: 350px; overflow: hidden; border: 1px solid #cdcdcd; position: relative; text-align: center; }
.relationship-form-dialog-list .image-wrapper img { width: 100%; max-width: 100%; margin: 0 auto; }
.related-item .image-wrapper .btn { position: absolute; right: 0; top: 0; z-index: 2; }
.relationship-form-selected-list { padding: 30px 0 0 0; }
/* PROJECT CUSTOM CSS */
#ReservationFormForm #ReservationReservationWarning, #ReservationFormForm [for="ReservationReservationWarning"] { display: none;}
#ReservationFormForm .form-input-error #ReservationReservationWarning {position: absolute; left: -10px; bottom: 5px;}
#ReservationFormForm .form-input-error #ReservationReservationWarning, #ReservationFormForm .form-input-error [for="ReservationReservationWarning"] { display: block;}
#ReservationFormForm .form-input-error #ReservationReservationWarning + .form-input-error-message { white-space: pre; margin: 0}