/* 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; }
a.inline-suffix { display: inline; padding-left: 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; }
.bulls-eye { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.margin { margin: 10px !important; }
.h-margin { margin-left: 10px !important; margin-right: 10px !important; }
.v-margin { margin-top: 10px !important; margin-bottom: 10px !important; }
.padding { padding: 10px !important; }
.h-padding { padding-left: 10px !important; padding-right: 10px !important; }
.v-padding { padding-top: 10px !important; padding-bottom: 10px !important; }
.soft-hidden { display: none; }
.treeview .hover { color: inherit; }
.close-x { position: absolute; right: 0; top: 0; transform: translate(50%, -50%); border-radius: 100%; content: "X"; }
.close-x > i.fa { font-size: 22px; cursor: pointer; }
.close-x > i.fa:hover { color: #d9534f; }
/* 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: 0; 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; }
/* Header
------------------------------------------------------------------------------*/
header { width: 100%; padding: 0; position: fixed; top: 0; left: auto; right: auto; z-index: 100; }
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 { }
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 { background: white; 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: 18px; height: 12px; }
header .columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; width: 425px; }
/* Badge */
nav ul li a em { display: inline-block; width: 22px; height: 22px; text-align: center; margin: 0 0 3px 3px; font-size: 100%; background: #dc7e7e; border-radius: 100%; color: #ffffff; padding: 5px 0 0 0; line-height: 1; vertical-align: middle; }
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
------------------------------------------------------------------------------*/
#nxPageLoader { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; text-align: center; padding-top: 20%; cursor: wait; z-index: 2000; background: rgba(0, 0, 0, 0.25); }
#nxPageLoader > div { color: #777777; font-size: 110%; line-height: 32px; padding: 20px 60px; background: white; display: inline-block; margin: 30px; border: 1px solid rgba(0, 0, 0, 0.25); }
#nxPageLoader > div > span { color: #333333; font-size: 160%; line-height: 32px; }
#nxPageLoader > div > span .fa {margin: 0 14PX;font-size: 32px;line-height: 32px;}
#nxPageLoader > div > p { margin-top: 5px; margin-bottom: -10px; }
/* Partial loader */
[data-loader] { height: 100%; position: relative; }
[data-loader] [data-loader-loading] { font-size: 64px; width: 80px; height: 80px; }
[data-loader] [data-loader-loading] > div { position: relative; height: 100%; width: 100%; }
[data-loader] [data-loader-loading] i { opacity: 0.5; }
[data-loader] [data-loader-loading] i.icon { font-size: 18px; color: #5cb85c; opacity: 1; }
/* 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 { }
.sb-left { border-right: 2px solid #3c9749; }
.sb-right { border-left: 2px solid #3c9749; background: #ffffff; z-index: 10; padding-top: 84px; }
/** Left sidebar */
.sb-slidebar nav ul li a:hover, .sb-slidebar nav ul li a:focus, .sb-slidebar nav ul li.open > a, .sb-slidebar nav ul li.open > a:hover, .sb-slidebar nav ul li.open > a:focus { background: #000000; color: #ffffff; }
.sb-slidebar nav ul li { border-bottom: 1px solid #333333; }
.sb-slidebar nav ul li a { display: block; color: #aaaaaa; padding: 15px 20px; text-decoration: none; font-size: 15px; }
.sb-slidebar nav ul li a i { margin-right: 10px; font-size: 120%; }
.sb-slidebar nav ul li.selected > a { background: #f5f5f5; color: #3c9749; }
.sb-slidebar nav ul li > ul.dropdown-menu { width: 100%; position: relative; background: #222222; padding: 0; }
.sb-slidebar nav ul li > ul.dropdown-menu li a { padding-left: 40px; }
/* Right sidebar */
.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: 0 0 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 { display: block; margin-bottom: 10px; }
.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; }
dl.log dd.log-notice { background: #e9f3fd; }
dl.log dd.log-warning { background: #fdf2da; }
dl.log dd.log-error { background: #f5d1d1; }
dl.log dd.log-emergency { background: red; color: white; font-size: 200%; }
dl.log dd.log-emergency:before { content: "FATAL: "; }
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: 0 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; }
/* Details */
.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 10px 50px; 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: 0; 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: 0; }
.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; }
ul.actions .placeholder { width: 240px; padding: 10px 0; }
ul.actions label { display: inline; }
ul.actions input[type=checkbox] { width: auto; margin: 0 10px !important; float: left; }
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, button.action i, .actions button i { margin: 0 10px 0 0; }
.header ul.actions li .input { padding: 0; }
.header ul.actions li .input label { height: 32px; padding: 9px 10px 9px 0; }
.header ul.actions li .input input { width: auto !important; }
/* 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: 1em; }
.info.no-margin { 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; }
/* 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 > tbody > tr:nth-child(2n) > td { background: rgba(0, 0, 0, .06) }
div.index table.main-table-index.reverse-zebra > tbody > tr:nth-child(2n) > td { background: #ffffff; }
div.index table.main-table-index.reverse-zebra > tbody > tr:nth-child(2n+1) > 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.title a { display: inline-block; font-weight: normal; }
div.index table.main-table-index > tbody > tr > td .actions { min-width: 115px; margin: 0; padding-left: 0; padding-right: 0; text-align: right; }
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-word; white-space: pre-wrap; 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-accepted { color: #5fb86c; }
/* Requires attention */
div.index table tr.requires-attention, div.index table tr td.requires-attention { background: rgba(255, 125, 125, 0.2) !important; }
div.index table tr.inactive-row, div.index table tr td.inactive-row { opacity: 0.55; }
/* 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); }
/* Tree table */
[data-tree-table-toggle] { color: black; opacity: 0.3; font-size: 120%; line-height: 120%; }
/* Tree ordering modal */
.tree-ordering { }
.tree-ordering li > span {padding-left: 3px;}
/* Table column widths
^-----------------------------------------------------------------------------*/
div.index table.main-table-index > tbody > tr > td.title, div.index table.main-table-index > thead > tr > th.title { text-align: left; min-width: 200px; padding: 4px 6px }
div.index table.main-table-index > tbody > tr > td.title a { }
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: 120px; min-width: 120px; }
div.index table.main-table-index > tbody > tr > td.date { width: 120px; min-width: 120px; }
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.ordering { position: relative; }
div.index table td.ordering img { 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
------------------------------------------------------------------------------*/
.bottom-decoration-image { position: absolute; z-index: -1; display: none; opacity: 0.35; margin-right: 15px; }
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 .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; padding: 10px; }
@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: 2px 5px 2px 0; padding: 0; cursor: pointer; font-size: 16px; }
.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; }
.polyglot-tabs a img.flag { margin: 2px 5px 2px 10px; width: 22px; height: 16px; }
/* 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; }
.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, .input .textarea { 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: 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); }
.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 .with-help label { padding-left: 10px; }
form .with-help label a.help { float: left; }
form .with-asset-manager label a.asset-manager { position: absolute; top: 1px; right: -26px; }
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: 9px 5px; max-width: 100%; height: auto; background: #ededee; }
form .side-bar label { width: 100%; padding-left: 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: 100%; }
form div.set select:nth-child(6n+2) { margin: 0 0 10px 0; }
form div.set label { }
form ul.sortable li { width: 100%; display: inline-block; padding: 0 0 10px 10px; }
form 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; }
form .form-input-group { margin: 20px 10px 10px; font-weight: bold; }
#content form h2 { padding: 10px; font-weight: bold; background: #eeeeee; margin-top: 10px; }
#content form h2.first { margin-top: 0; }
#content form h2.max { margin-top: 0; color: white; background: #5cb85c }
#content form h3 { padding: 10px; font-weight: bold; background: #eeeeee; }
#content form h3.first { margin-top: 0; }
#content form h3.max { color: white; background: #5cb85c }
/* Multi tabs */
div.form .tabs-wrapper { }
div.form .tabs-wrapper .tab { border: 1px solid #dddddd; margin-bottom: 10px; display: none; }
div.form .tabs-wrapper .tab:first-child { display: block; }
div.form .tabs-wrapper .tab.multiple { border-top: none; }
div.form .tabs-wrapper .tab.with-padding { padding: 10px; }
div.form .tabs-wrapper .tab > div.input, div.form div.tab > .row > div > div.input { padding: 10px; margin-bottom: 0; }
div.form .tabs-wrapper .tab > div.input:nth-child(2n), div.form div.tab > .row > div > div.input:nth-child(2n) { background: rgba(0, 0, 0, .06); }
.zebra-stripes > :nth-child(2n) { background: #ffffff; }
.zebra-stripes > :nth-child(2n+1) { background: #f0f0f0; }
/* Associated set */
form div.associated-set .associated-set-selection { display: grid; grid-template-columns: 24.3% 24.3% 24.3% 24.3%; grid-gap: 10px; padding-top: 10px; }
form div.associated-set .associated-set-selection > * { position: relative; }
form div.associated-set .associated-set-selection > * > i { position: absolute; width: 15px; left: 6px; top: 50%; transform: translate(0, -50%); font-size: 12px; cursor: pointer; opacity: 0.5; transition: 200ms all; }
form div.associated-set .associated-set-selection > * > i:hover { opacity: 1; color: #d9534f; font-size: 16px; }
form div.associated-set .associated-set-selection > * > select { width: 100%; padding-left: 12px; }
/* Page link */
form .half-input + select.page-select, form .half-input + select.page-select + .select2-container { width: 48% !important; float: right }
/* Content */
form .content { }
form .content-template { margin-bottom: 10px; }
form .content-template label { background: #e3e3e3; padding: 10px; cursor: move; }
form .content-template label .content-template-name { color: #777777; font-weight: bold; }
form .content-template label .content-template-remove { color: #dc6d6d; font-weight: bold; float: right; position: relative; z-index: 1; }
form .content-template .input { padding: 0; }
form .content-template-description { font-size: 92%; color: #888888; font-style: italic; }
form .content .input { width: auto; clear: none; }
/* RTE */
form textarea.rte { visibility: hidden; height: 650px; }
.tox-editor-header { background: #f6f6f6 none repeat scroll 0 0 !important; padding: 2px 0 2px 40px !important; border-bottom: 1px solid #dddddd !important; }
.tox-toolbar-overlord, .tox-toolbar__primary { background: none !important; }
/* Code editor */
.code-jar { height: 600px; overflow-y: auto; overflow-x: hidden; }
.input .btn.revert { position: absolute; top: 20px; right: 20px; }
/* 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: 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 "Font Awesome 5 Pro"; 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: "\f104"; color: #ffffff }
.ui-datepicker .ui-datepicker-next:before { content: "\f105"; 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 .nxDialog-parent { background: rgba(230, 230, 230, 1); max-height: 100%; overflow: auto; }
.nxDialog .nxDialog-parent h1 { font-size: 150%; text-align: center; padding: 15px 80px 12px; }
.nxDialog .nxDialog-parent .dialog-inner { background: white; margin: 0 10px 10px; border: 1px solid #bbbbbb; padding: 10px; }
.nxDialog .nxDialog-parent label { width: 100%; float: none; }
.nxDialog .nxDialog-parent .row { margin: 10px 0; }
.nxDialog .nxDialog-parent .input { width: 100%; padding: 0; }
.nxDialog .nxDialog-parent .input input, .nxDialog-parent .input textarea, .nxDialog-parent .input select { min-width: 100%; width: 100%; max-width: 100%; }
.nxDialog .nxDialog-content { background: #ffffff; }
.nxDialog .nxDialog-content h1 { font-size: 130%; text-align: center; }
.nxDialog .nxDialog-content label { width: 100%; float: none; }
.nxDialog .nxDialog-content .row { margin: 10px 0; }
.nxDialog .nxDialog-content .input { width: 100%; padding: 0; }
.nxDialog .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 0 0 10px; display: inline-block; width: auto; background: white; font: inherit; padding: 0; border: none; height: 22px; color: #444444; }
.widget-header .page-loader img { opacity: .35; }
.widget-body { min-height: 130px; }
.widget-body:last-child { min-height: 160px; }
.widget-body [data-widget] { height: 95%; }
.widget-body p { padding: 10px; }
.widget-body p.title { font-weight: bold; font-size: 120%; }
.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; transform: scale(1); }
.widget-shortcut { display: inline-block; text-align: center; width: 100px; margin-right: 10px; margin-bottom: 10px; }
.widget-shortcut:hover span { text-decoration: underline; }
.widget-shortcut .icon { position: relative; padding: 10px 0; }
.widget-shortcut .major-icon { margin: auto; text-align: center; width: 100%; }
.widget-shortcut .major-icon i { font-size: 54px; }
.widget-shortcut .minor-icon { position: absolute; right: 14px; bottom: 10px; background: white; border-radius: 100%; height: 25px; width: 25px; text-align: center; border: 1px solid #333333; }
.widget-shortcut .minor-icon i { font-size: 20px; display: block; margin: 2px auto; color: #333333; }
.widget-shortcut span { display: block; vertical-align: middle; width: 100%; text-align: center; height: 3rem; overflow: hidden; }
/* 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 .module-groups .module-group { margin: 10px; }
.cms_modules .module-groups .module-group { border: 1px solid rgba(0, 0, 0, 0); }
.cms_modules .module-groups .module-group.ui-sortable-helper { background: white; border: 1px solid #888888; }
.cms_modules .module-groups .module-group.ui-sortable-helper a:hover { color: inherit !important; }
.cms_modules .module-groups .module-group { padding: 10px; background: #eeeeee; border-color: #aaaaaa; margin-bottom: 10px; }
.cms_modules .module-groups .module-group strong { text-align: center; display: block; padding: 5px 60px 10px; }
.cms_modules .module-groups .module-group.sortable-enabled strong { cursor: move; }
.cms_modules .module-groups .module-group a.group-option { float: right; opacity: 0; color: #aaaaaa; padding: 5px; margin-left: 5px; }
.cms_modules .module-groups .module-group:hover a.group-option { opacity: 1; }
.cms_modules .module-groups .module-group a.group-option:hover { color: #777777; }
.cms_modules .module-groups .module-group a.group-delete:hover { color: red; }
.cms_modules .module-groups .module-group > ul { width: 100%; height: 500px; overflow: auto; }
.cms_modules .module-groups .module-group > ul > li { font-size: 18px; padding: 10px; background: white; border: solid 1px #bbbbbb; margin-bottom: 10px; }
.cms_modules .module-groups .module-group > ul > li.not-visible { opacity: 0.3; }
.cms_modules .module-groups .module-group > ul > li a { font-size: 18px; color: inherit; }
.cms_modules .module-groups .module-group > ul > li a:hover { color: #4cae4c; }
.cms_modules .module-groups .module-group > ul > li .icon { font-size: 26px; margin-left: 5px; }
.cms_modules .module-groups .module-group > ul > li .module-name { font-size: 20px; line-height: 34px; }
.cms_modules .module-groups .module-group > ul > li .switches { margin-top: 5px; overflow: auto; }
.cms_modules .module-groups .module-group > ul > li .switches > * { float: left; margin: 0; text-align: center; width: 12.5% }
.cms_modules .module-groups .module-group > ul > li .switches > * i { cursor: default; color: #888888; font-size: 80%; margin: 0 !important; }
.cms_modules .module-groups .module-group > ul > li .switches > *.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; margin-bottom: 10px; }
.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; 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;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); margin-bottom: 5px; }
.module-manager .module-fields .field-header { position: relative; background: #eeeeee; margin: 0; padding: 10px; }
.module-manager .module-fields .field-header div.input { margin-right: 40px; }
.module-manager .module-fields .field-header .field-main { width: 100%; padding: 0 0 0 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; top: 0; right: 0; padding: 10px; margin-top: 5px; }
.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 .field-body { padding: 10px 20px; }
.module-manager .module-fields .field-body a { color: inherit; }
.module-manager .module-fields .field-body a:hover { text-decoration: underline; }
.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=float] { background: rgba(55, 164, 255, 0.2); }
.module-manager .module-fields > li.ico-colored[ rel=float] i.type { background: rgba(0, 37, 200, 0.44); 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-options input[type=checkbox] { margin-top: 10px; width: auto; }
.module-manager .module-fields .field-options .file-extension select { margin-top: -16px; width: auto; float: right; }
/* Validation */
/* Customization */
.module-manager .module-fields .field-customization { }
.module-manager .module-fields .field-customization a:hover { text-decoration: underline; }
/* 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; }
/* 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:after { border-radius: 50%; width: 10em; height: 10em; }
.cssloader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); border-bottom: 10px solid rgba(255, 255, 255, 0); border-left: 10px solid #5cb55c; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.34s infinite linear; animation: load8 1.34s infinite linear; }
@-webkit-keyframes load8 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.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 !important; 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%; }
.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: 15px 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; }
/** Default **/
.outside-cms .user-providers a.default i { background: url("/img/login/providers/default.png"); }
.outside-cms .user-providers a.default { background: #5cb55c; border: #45a045 1px solid; }
/** Intellex **/
.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: grab;
}
ul.sortable li:active, ul.sortable li.ui-sortable-helper {
cursor: grabbing;
}
/** Related
^-----------------------------------------------------------------------------*/
div.related { clear: both; display: block; padding: 10px; }
.related > ul > li { padding: 5px; margin: 0 0 10px; 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
^-----------------------------------------------------------------------------*/
#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; }
/* 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: 0; 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; }
.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 { }
.relationship-form [data-add-item] { margin: 10px; }
/* Selected items */
.relationship-form-selected-list { padding: 0 10px; }
.relationship-form-selected-list .image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
/* Dialog layout */
.relationship-form-dialog .relationship-form-dialog-header { padding: 10px; }
.relationship-form-dialog .relationship-form-dialog-header h2 { font-size: 20px; margin: 0; text-align: center; }
.relationship-form-dialog .relationship-form-dialog-header .relationship-form-dialog-reset { margin: 30px 0 0 0; display: inline-block; }
.relationship-form-dialog .relationship-form-dialog-body { height: 50vh; overflow: auto; }
.relationship-form-dialog .relationship-form-dialog-body .relationship-form-dialog-list.row { margin: 0; }
.relationship-form-dialog .relationship-form-dialog-footer { padding: 10px; }
.relationship-form-dialog .relationship-form-dialog-footer .relationship-form-dialog-pagination { text-align: center; }
.relationship-form-dialog .relationship-form-dialog-footer .relationship-form-dialog-pagination a { padding: 5px; display: inline-block; margin: 0 5px 5px 0; color: #5cb85c; border: 1px solid #cdcdcd; width: 30px; text-align: center; }
.relationship-form-dialog .relationship-form-dialog-footer .relationship-form-dialog-pagination a.active { background: #5cb85c; color: #ffffff; border-color: #45a045; }
.relationship-form-dialog .relationship-form-dialog-loading { padding: 100px 0 0 0; text-align: center; height: 50vh; }
.relationship-form-dialog .relationship-form-dialog-loading .fa { font-size: 52px; display: block; margin: 10px auto; }
/* Dialog list */
.relationship-form-dialog .relationship-form-dialog-list { }
.relationship-form-dialog .relationship-form-dialog-list .row { margin: 0; }
.relationship-form-dialog .relationship-form-dialog-list .row:nth-child(2n+1) { background: rgba(0, 0, 0, .06); }
.relationship-form-dialog .relationship-form-dialog-list .row [class^="col-"] { }
.relationship-form-dialog .relationship-form-dialog-list .row [class^="col-"]:last-child { text-align: right; }
.relationship-form-dialog .relationship-form-dialog-list .row [class^="col-"] > a { display: inline-block; margin: 10px 5px; }
.relationship-form-dialog .relationship-form-dialog-list .row [class^="col-"] a.btn-remove { display: none; }
.relationship-form-dialog .relationship-form-dialog-list .row.selected { background: #e8fbeb; border-bottom: #ffffff; }
.relationship-form-dialog .relationship-form-dialog-list .row.selected [class^="col-"] a.btn-select { display: none; }
.relationship-form-dialog .relationship-form-dialog-list .row.selected [class^="col-"] a.btn-remove { display: inline-block; }
.relationship-form-dialog .relationship-form-dialog-list .row [class^="col-"] p { padding: 10px 0; }
.relationship-form-dialog .relationship-form-dialog-list .image-wrapper { height: 40px; overflow: hidden; margin: 10px; border: 1px solid #cdcdcd; }
.relationship-form-dialog .relationship-form-dialog-list .image-wrapper img { width: 100%; height: 100%; object-fit: cover; margin: 0 auto; }
.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; }
.related-item .image-wrapper .btn { position: absolute; right: 0; top: 0; z-index: 2; }
.related-item.no-image { padding: 10px 10px 10px 50px; position: relative; }
.related-item.no-image h3 { text-align: left; padding: 0; }
.related-item.no-image .btn { position: absolute; left: 0; top: 0; z-index: 2; }
/* Module children
------------------------------------------------------------------------------*/
.module-children { padding: 10px; padding-bottom: 0; }
.module-children .module-children-empty { display: none; }
.module-children .module-children-empty:only-child { display: block; }
.module-children .module-child .module-child-box { border: 1px solid #dddddd; margin-bottom: 10px; position: relative; }
.module-children .module-child:last-child .module-child-box { margin-bottom: 0; }
.module-children .module-child .icon-remove > i { padding: 9px 27px 9px 10px; font-size: 16px; cursor: pointer; display: inline-block; }
.module-children .module-child .icon-remove > i:hover { color: #d9534f; }
/* Dossier
------------------------------------------------------------------------------*/
.dossier-iframe { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-height: 800px; }
/* Tippy
------------------------------------------------------------------------------*/
.tippy-tooltip ul { margin: 0 0 0 20px; list-style-type: disc; }
/* Markdown
------------------------------------------------------------------------------*/
.mark-down div, .mark-down span, .mark-down applet, .mark-down object, .mark-down iframe, .mark-down h1, .mark-down h2, .mark-down h3, .mark-down h4, .mark-down h5, .mark-down h6, .mark-down p, .mark-down blockquote, .mark-down pre, .mark-down a, .mark-down abbr, .mark-down acronym, .mark-down address, .mark-down big, .mark-down cite, .mark-down code, .mark-down del, .mark-down dfn, .mark-down em, .mark-down font, .mark-down img, .mark-down ins, .mark-down kbd, .mark-down q, .mark-down s, .mark-down samp, .mark-down small, .mark-down strike, .mark-down strong, .mark-down sub, .mark-down sup, .mark-down tt, .mark-down var, .mark-down dl, .mark-down dt, .mark-down dd, .mark-down ol, .mark-down ul, .mark-down li, .mark-down fieldset, .mark-down form, .mark-down label, .mark-down legend, .mark-down table, .mark-down caption, .mark-down tbody, .mark-down tfoot, .mark-down thead, .mark-down tr, .mark-down th, .mark-down 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; }
.mark-down { font-size: 120%; }
.mark-down h1 { font-size: 240%; font-weight: bold; margin: 0.3em 0 0.3em 0; padding-bottom: 0.3em; }
.mark-down h2 { font-size: 180%; font-weight: bold; margin: 0.3em 0 0.3em 0; padding-bottom: 0.3em; border-bottom: 1px solid #eeeeee; }
.mark-down h3 { font-size: 140%; font-weight: bold; margin: 1em 0 1em 0; }
.mark-down h4 { font-size: 120%; font-weight: bold; margin: 1em 0 1em 0; }
.mark-down h5 { font-size: 100%; font-weight: bold; margin: 1em 0 1em 0; }
.mark-down p { margin-bottom: 1em; }
.mark-down code, .mark-down pre { padding: 3px 5px; background: #e2e2e2; color: inherit; border-radius: 0; font-family: monospace; }
.mark-down pre { padding: 1em; margin-bottom: 1em; }
.mark-down pre code { background: none; padding: 0; color: inherit}
/* Master log
------------------------------------------------------------------------------*/
tr[class^=log-level-] td { border-bottom: 1px solid #bcccce; }
tr.log-level-verbose td { background: #ffffff !important; }
div.index table.main-table-index > tbody > tr:hover.log-level-verbose > td { background: #dddddd !important; }
tr.log-level-debug td { background: #cfe8ff !important; }
div.index table.main-table-index > tbody > tr:hover.log-level-debug > td { background: #9ad0ff !important; }
tr.log-level-info td { background: #e4ffed !important; }
div.index table.main-table-index > tbody > tr:hover.log-level-info > td { background: #beffca !important; }
tr.log-level-warning td { background: #ffd2be !important; }
div.index table.main-table-index > tbody > tr:hover.log-level-warning > td { background: #ffa958 !important; }
tr.log-level-error td, tr.log-level-assert td { background: #ffa7ae !important; }
div.index table.main-table-index > tbody > tr:hover.log-level-error > td { background: #ff7b7d !important; }
/* Toaster
------------------------------------------------------------------------------*/
#Toaster { }
#Toaster .toast { border: solid 1px #999999; background: #dddddd; color: #444444; padding: 10px 15px 10px 10px; margin-bottom: 5px; font-size: 120%; cursor: pointer; }
#Toaster .toast > .fa { float: left; padding-top: 3px; }
#Toaster .toast .toast-message { text-align: center; }
#Toaster .toast .toast-message a { color: inherit; text-decoration: underline; }
#Toaster .verbose { background-color: #dddddd; border-color: #dddddd; }
#Toaster .toast-debug { background-color: #d0b4db;border-color: #94809c; }
#Toaster .toast-info { background-color: #cfe8ff; border-color: #a2b6c7; }
#Toaster .toast-success { background-color: #d6e9c6;border-color: #9ca98f; }
#Toaster .toast-warning { background-color: #ffd192; border-color: #bc9a6c; }
#Toaster .toast-error { background-color: #ffb7b5;border-color: #de9f9e; }
/* Floating toaster */
#Toaster.floating { position: fixed; top: 88px; right: 0; left: 0; margin: auto; z-index: 10000; width: 560px; max-width: 90%; }
#Toaster.floating .toast { max-width: 560px; }
#Toaster.floating .toast > .fa { display: none; }
/* List menu
------------------------------------------------------------------------------*/
.list-menu {}
.list-menu .list-menu-header { font-size: 120%; font-weight: bold; text-transform: uppercase; display: block; padding: 1em 0; }
.list-menu > ul {}
.list-menu > ul li { display: block; width: 100%; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); padding: 10px; transition: all 200ms; }
.list-menu > ul li:hover { background: #f3f3f3; }
.list-menu > ul li.active { border-color: #bbbbbb; background: #eeeeee; }
/* Font awesome extensions
------------------------------------------------------------------------------*/
.fa-spin-center { -webkit-animation: fa-spin-center 2s infinite linear; animation: fa-spin-center 2s infinite linear; }
@keyframes fa-spin-center {
0% { -webkit-transform: rotate(0deg) translate(-50%, -50%); transform: rotate(0deg) translate(-50%, -50%); }
100% { -webkit-transform: rotate(360deg) translate(-50%, -50%); transform: rotate(360deg) translate(-50%, -50%); }
}
@-webkit-keyframes fa-spin-center {
0% { -webkit-transform: rotate(0deg) translate(-50%, -50%); transform: rotate(0deg) translate(-50%, -50%); }
100% { -webkit-transform: rotate(360deg) translate(-50%, -50%); transform: rotate(360deg) translate(-50%, -50%); }
}
/* System health
------------------------------------------------------------------------------*/
#SystemHealthContent { padding: 10px; overflow: hidden; }
#SystemHealthContent .widget-body { overflow: hidden; }
.morris-hover { display: none !important; }
.widget-body:hover .morris-hover, .widget-body:active .morris-hover { display: block !important; }