@charset "UTF-8";
/* Flexbox stuff */
/* Other */
/* RTL stuff */
/* ----------------------------------------
/*  Reset (thanks Eric!)
/* ----------------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: separate; border-spacing: 0; }

a { text-decoration: none; }

input, textarea { margin: 0; font-family: 'Lucida Grande', sans-serif; font-size: 100%; }

textarea { resize: none; }

select { margin: 0; }

@font-face { font-family: 'Craft'; src: url("../fonts/Craft.eot"); src: url("../fonts/Craft.eot?#iefix") format("embedded-opentype"), url("../fonts/Craft.woff") format("woff"), url("../fonts/Craft.ttf") format("truetype"), url("../fonts/Craft.svg#Craft") format("svg"); font-weight: normal; font-style: normal; }
/* ----------------------------------------
/*  Basic stuff
/* ----------------------------------------*/
body, html { background: #ebedef; }

html.noscroll, html.noscroll body { overflow: hidden; }

body { font-size: 13px; line-height: 18px; color: #29323d; -webkit-font-smoothing: subpixel-antialiased; }

body.rtl { direction: rtl; }

body, input, select, textarea { font-family: "Helvetica Neue", HelveticaNeue, sans-serif; }

.first, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, hr:first-child, .pane:first-child, .grid:first-child, .field:first-child, .toolbar:first-child, .buttons:first-child { margin-top: 0 !important; }

.last, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, .pane:last-child, .grid:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child { margin-bottom: 0 !important; }

body.rtl .input.ltr { text-align: left; direction: ltr; }

body.ltr .input.rtl { text-align: right; direction: rtl; }

body.rtl .text.ltr { text-align: right !important; direction: ltr !important; }

/* icons */
.icon:before, .menu ul.padded li a.sel:before, .texticon:before, .datewrapper:before, .timewrapper:before, .element:before, #help:before, .secure:before, .insecure:before, .go:after, .menubtn:after, .required:after, .livepreviewbtn:before, .sharebtn:before, .toggle:before, a.fieldtoggle:before, [data-icon]:before, [data-icon-after]:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.secure:before, .insecure:before { margin-top: -3px; font-size: 14px; }

[data-icon]:before { content: attr(data-icon); }

[data-icon-after]:after { content: attr(data-icon-after); }

body.rtl [data-icon=list]:before, body.rtl [data-icon-after=list]:after { content: attr("listrtl"); }

body.rtl [data-icon=structure]:before, body.rtl [data-icon-after=structure]:after { content: attr("structurertl"); }

.icon.secure:before { content: 'secure'; }

.icon.insecure:before { content: 'insecure'; }

.icon.add:before { content: '+'; }

.icon.edit:before { content: 'edit'; }

.icon.settings:before { content: 'settings'; }

.icon.search:before { content: 'search'; }

.icon.expand:before { content: 'expand'; }

.icon.collapse:before { content: 'collapse'; }

.help:before { content: 'help'; color: #9d2dcc; }

.livepreviewbtn:before { content: 'view'; }

body.ltr .sharebtn:before { content: 'share'; }
body.rtl .sharebtn:before { content: 'shareleft'; }

/* nav */
.nav { display: block; }

.nav ul li a { display: block; padding: 5px 0; color: #b3b3b3; }

.nav ul li a:hover { color: #0d78f2; text-decoration: none; }

body.ltr .nav ul li a .status { margin: 0 7px 0 6px ; }
body.rtl .nav ul li a .status { margin: 0 6px 0 7px ; }

.nav ul li a .badge { display: block; padding: 0 7px; border-radius: 9px; line-height: 18px; font-weight: bold; }
body.ltr .nav ul li a .badge { float: right; }
body.rtl .nav ul li a .badge { float: left; }

.nav ul li a[data-icon]:before { margin: 0 8px 0 3px; }

.nav ul li a.sel { color: #2c2c2c; }

/* headings */
h1 { margin-bottom: 24px; font-family: "Helvetica Neue-Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, sans-serif; font-size: 24px; line-height: 1; color: #da5a47; }

h2 { margin: 14px 0; font-size: 15px; font-weight: bold; line-height: 1.2; }

h3 { margin: 14px 0; font-weight: bold; line-height: 1.2; }

h4 { margin: 14px 0; font-weight: bold; line-height: 1.2; color: #8f98a3; }

h5 { margin: 14px 0 3px; line-height: 1.2; color: #8f98a3; }

h6 { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #b9bfc6; text-transform: uppercase; font-weight: bold; }

body.ltr h1[data-icon]:before { margin: -8px 10px 0 0 ; }
body.rtl h1[data-icon]:before { margin: -8px 0 0 10px ; }

h2[data-icon]:before { font-size: 19px; }
body.ltr h2[data-icon]:before { margin: -4px 6px 0 0 ; }
body.rtl h2[data-icon]:before { margin: -4px 0 0 6px ; }

/* horizontal rule */
hr { margin: 14px 0; border: none; border-top: 1px solid #e3e5e8; height: 0; color: transparent; }

.pane hr { margin: 24px -24px; }

/* paragraphs */
p { margin: 1em 0; }

h5 + p { margin-top: 0; }

sup { vertical-align: super; font-size: smaller; }

sub { vertical-align: sub; font-size: smaller; }

body.ltr .indent { margin-left: 14px; }
body.rtl .indent { margin-right: 14px; }

/* lists */
.bullets { list-style-type: square; }
body.ltr .bullets { padding-left: 40px; }
body.rtl .bullets { padding-right: 40px; }

ol { list-style-type: decimal; }
body.ltr ol { padding-left: 40px; }
body.rtl ol { padding-right: 40px; }

/* code */
code, .code, .code input, .code textarea { font-family: Menlo, monospace; font-size: 0.9em !important; }

/* links */
a { color: #0d78f2; cursor: pointer; }

a:hover { text-decoration: underline; }

a.sel, li.sel a { cursor: default !important; text-decoration: none; }

.go:after { font-size: 11px; margin-top: -1px; color: #b9bfc6; }
body.ltr .go:after { padding-left: 4px; }
body.rtl .go:after { padding-right: 4px; }
body.ltr .go:after { content: 'circlerarr'; }
body.rtl .go:after { content: 'circlelarr'; }

.go:hover:after { color: #0d78f2; }

/* toggles */
.toggle, a.fieldtoggle:before { width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-transition: -webkit-transform linear 100ms; -moz-transition: -moz-transform linear 100ms; -ms-transition: -ms-transform linear 100ms; transition: transform linear 100ms; }
body.ltr .toggle, body.ltr a.fieldtoggle:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
body.rtl .toggle, body.rtl a.fieldtoggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.toggle:before, a.fieldtoggle:before { content: '▼'; }

.toggle.expanded, a.fieldtoggle.expanded:before, .sidebar nav li.expanded > .toggle, .structure li:not(.collapsed) > .row > .toggle { -webkit-transform: rotate(0) !important; -moz-transform: rotate(0) !important; -ms-transform: rotate(0) !important; -o-transform: rotate(0) !important; transform: rotate(0) !important; }

a.fieldtoggle { display: block; position: relative; margin: 14px 0; color: #29323d; text-decoration: none; }
body.ltr a.fieldtoggle { padding-left: 12px; }
body.rtl a.fieldtoggle { padding-right: 12px; }

a.fieldtoggle:before { display: block; position: absolute; top: -2px; }
body.ltr a.fieldtoggle:before { left: -6px; }
body.rtl a.fieldtoggle:before { right: -6px; }

/* emphasis */
em, i { font-style: italic; }

strong, b, i em { font-weight: bold; }

/* text styles */
.topalign { vertical-align: top; }

body.ltr .rightalign { text-align: right; }
body.rtl .rightalign { text-align: left; }

.centeralign { text-align: center !important; }

.nowrap { white-space: nowrap; }

.light { color: #8f98a3 !important; font-weight: normal; }

.smalltext { font-size: 11px; }

input.checkbox + label.smalltext { padding-top: 2px; }

.required:after { content: '*'; font-size: 7px; color: #bd5a0c; }
body.ltr .required:after { margin: -2px 0 0 7px ; }
body.rtl .required:after { margin: -2px 7px 0 0 ; }

.scrollpane { overflow: auto; }

body.ltr .left { float: left; }
body.rtl .left { float: right; }

body.ltr .right { float: right; }
body.rtl .right { float: left; }

th, td { vertical-align: middle; }
body.ltr th, body.ltr td { text-align: left; }
body.rtl th, body.rtl td { text-align: right; }

th.right, td.right { float: none; }
body.ltr th.right, body.ltr td.right { text-align: right; }
body.rtl th.right, body.rtl td.right { text-align: left; }

.no-outline { outline: none; }

.clear { display: block; clear: both; height: 0; }

.fullwidth { width: 100%; }

.token { display: inline-block; border: 1px solid #c1c1c1; border-radius: 10px; padding: 1px 7px; font-size: 12px; line-height: 14px; color: #29323d; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); background: #ddd; }

.token[data-name='*'] { position: relative; width: 10px; }

.token[data-name='*'] span { opacity: 0; }

.token[data-name='*']:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 9px; line-height: 17px; content: '*'; text-indent: 0; }

.token:focus { border-color: #8f98a3; background: #aaa; outline: none; }

.success { color: #1e8449 !important; }

.warning { color: #bd5a0c !important; }

.error { color: #bd5a0c !important; }

.icon.move { display: inline-block; }

.icon.move:not(.disabled) { cursor: move; }

.icon.move:before { content: 'move'; color: rgba(0, 0, 0, 0.2); }

.icon.move:not(.disabled):hover:before { color: #0d78f2; }

.icon.delete { display: inline-block; }

.icon.delete:before { content: 'remove'; color: rgba(0, 0, 0, 0.2); }

.icon.delete:not(.disabled):hover:before { color: #D0021B; }

.icon.delete:not(.disabled):active:before { color: #9d0214; }

.hidden { display: none !important; }

.clearafter:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.info { font-size: 0; vertical-align: top; display: inline-block; cursor: pointer; }

.info:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: 'info'; color: #b9bfc6; font-size: 13px; }

.info:hover:before { color: #0d78f2; }

.info-hud { max-width: 250px; }

/* ----------------------------------------
/*  Content
/* ----------------------------------------*/
.content { position: relative; }

.content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

/* Customize Sources */
.sidebar .customize-sources { color: rgba(0, 0, 0, 0.2); }

.sidebar .customize-sources:hover { color: #0d78f2; }

body.ltr .customize-sources-modal { padding-left: 200px; }
body.rtl .customize-sources-modal { padding-right: 200px; }

.customize-sources-modal > .spinner { position: absolute; top: calc(50% - 44px); left: calc(50% - 12px); }

.customize-sources-modal > .cs-sidebar { position: absolute; top: 0; margin: 0; padding: 10px 0; border: none; width: 200px; height: calc(100% - 78px); background: #fafafa; overflow: auto; -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); }
body.ltr .customize-sources-modal > .cs-sidebar { left: 0; }
body.rtl .customize-sources-modal > .cs-sidebar { right: 0; }

body.ltr .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 0 0 14px ; }
body.rtl .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 14px 0 0 ; }

.customize-sources-item { position: relative; margin-top: -1px; background: #fcfcfc; border: solid rgba(0, 0, 0, 0.06); border-width: 1px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; }
body.ltr .customize-sources-item { margin-right: 1px; }
body.rtl .customize-sources-item { margin-left: 1px; }
body.ltr .customize-sources-item { padding: 10px 14px 10px 40px; }
body.rtl .customize-sources-item { padding: 10px 40px 10px 14px; }

.customize-sources-item + .customize-sources-item:not(.heading) { border-top: 1px solid rgba(0, 0, 0, 0.06); }

.customize-sources-item.sel { background: #ececec; z-index: 1; }

.customize-sources-item .move { display: block; position: absolute; top: 11px; width: 24px; text-align: center; }
body.ltr .customize-sources-item .move { left: 7px; }
body.rtl .customize-sources-item .move { right: 7px; }

.customize-sources-item + .customize-sources-item.heading { margin-top: 10px; }

.customize-sources-item.heading .label { text-transform: uppercase; color: #b9bfc6; font-size: 11px; font-weight: bold; }

/*.matrix-configurator .mc-sidebar .items .btn { margin: 14px; }*/
.customize-sources-modal > .source-settings { position: relative; height: calc(100% - 106px); padding: 24px; overflow: auto; }

body.ltr .customize-sources-table-column .move { margin-right: 10px; }
body.rtl .customize-sources-table-column .move { margin-left: 10px; }

.customize-sources-modal > .footer { position: absolute; bottom: 0; left: 0; width: 100%; }

/* help footer */
#help-footer { text-align: center; border-bottom: 1px solid #e3e5e8; background: #fafafa; }

#help-footer #help { display: inline-block; margin: 14px 0; font-size: 24px; }

/* ----------------------------------------
/*  Icon lists
/* ----------------------------------------*/
ul.icons { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

ul.icons:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

ul.icons li { margin: 0 0 10px; }

ul.icons li a { display: block; position: relative; padding: 60px 5px 10px; width: 110px; text-align: center; color: #29323d; border-radius: 4px; border: 1px solid #fff; }

ul.icons li a img { width: 40px; height: 40px; position: absolute; top: 12px; left: calc(50% - 20px); }

ul.icons li a:before { display: block; position: absolute; top: 0; width: 100%; font-size: 40px; line-height: 60px; }
body.ltr ul.icons li a:before { left: 0; }
body.rtl ul.icons li a:before { right: 0; }

ul.icons li a:hover { text-decoration: none; background-color: #f9f9f9; border-color: #f2f2f2; }

@media only screen and (max-width: 380px) { ul.icons li a { width: 96px; } }
@media only screen and (max-width: 320px) { ul.icons li a { width: 75px; } }
/* ----------------------------------------
/*  Buttons
/* ----------------------------------------*/
.toolbar { position: relative; margin-bottom: 28px; min-height: 30px; }

.toolbar.fixed { position: fixed; z-index: 1; top: 0; margin: 0 -1px; padding: 7px 1px; background: #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }

.toolbar .spinner { position: absolute; top: 0; }
body.ltr .toolbar .spinner { right: -24px; }
body.rtl .toolbar .spinner { left: -24px; }

table.inputs td { vertical-align: top; }

body.ltr table.inputs td:not(:first-child) { padding-left: 14px; }
body.rtl table.inputs td:not(:first-child) { padding-right: 14px; }

table.inputs :not(.btngroup) > .btn, table.inputs .btngroup { display: block; float: none; }

div.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; align-content: stretch; }

div.flex > .label { white-space: nowrap; }

body.ltr div.flex > *:not(:last-child) { margin-right: 7px !important; }
body.rtl div.flex > *:not(:last-child) { margin-left: 7px !important; }

div.flex > .flex-grow { flex-grow: 1; -ms-flex: 1; }

.buttons { position: relative; margin: 24px 0; min-height: 30px; }

.buttons:before { content: '.'; display: block; height: 0; clear: both; visibility: hidden; margin-bottom: -5px; }

body.ltr .buttons.right { margin-right: -5px; }
body.rtl .buttons.right { margin-left: -5px; }

body.ltr .buttons > .btn, body.ltr .buttons > .btngroup { float: left; }
body.rtl .buttons > .btn, body.rtl .buttons > .btngroup { float: right; }
body.ltr .buttons > .btn, body.ltr .buttons > .btngroup { margin: 5px 5px 0 0 ; }
body.rtl .buttons > .btn, body.rtl .buttons > .btngroup { margin: 5px 0 0 5px ; }

.footer > .buttons { margin: 0; }

/* .first doesn't help in this situation anymore */
.buttons > .btn:first, .buttons > .btngroup:first { margin-top: 5px !important; }

.btn { display: inline-block; border-radius: 3px; padding: 6px 12px; border: none; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }

.btn[type='color'] { padding: 6px !important; width: 36px; }

.btn.active { cursor: default; }

.btn:hover { text-decoration: none; }

.disabled { opacity: 0.25; }

.disabled, .disabled .btn { cursor: default; }

.btn:not(.noborder) { color: #29323d; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1); box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1); }

.btn:not(.submit):not(.noborder) { color: #29323d; background-image: -webkit-linear-gradient(#fff, #fafafa); background-image: -moz-linear-gradient(#fff, #fafafa); background-image: -ms-linear-gradient(#fff, #fafafa); background-image: -o-linear-gradient(#fff, #fafafa); background-image: linear-gradient(#fff, #fafafa); }

.btn:active { outline: none; }

.btn:not(.noborder):active, .btn:not(.noborder).active { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.btn:not(.submit):not(.noborder):active, .btn:not(.submit):not(.noborder).active { background-image: -webkit-linear-gradient(#e4e5e7, #eaebec); background-image: -moz-linear-gradient(#e4e5e7, #eaebec); background-image: -ms-linear-gradient(#e4e5e7, #eaebec); background-image: -o-linear-gradient(#e4e5e7, #eaebec); background-image: linear-gradient(#e4e5e7, #eaebec); }

.btn, .spinner { height: 30px; }

body.ltr .menubtn:empty { padding-left: 8px; }
body.rtl .menubtn:empty { padding-right: 8px; }
body.ltr .menubtn:empty { padding-right: 8px; }
body.rtl .menubtn:empty { padding-left: 8px; }

body.ltr .btn[data-icon]:not(:empty):before, body.ltr .btn.icon:not(:empty):before, body.ltr .btn.menubtn[data-icon]:empty:before, body.ltr .btn.menubtn.icon:empty:before { margin-right: 5px; }
body.rtl .btn[data-icon]:not(:empty):before, body.rtl .btn.icon:not(:empty):before, body.rtl .btn.menubtn[data-icon]:empty:before, body.rtl .btn.menubtn.icon:empty:before { margin-left: 5px; }

body.ltr .btn[data-icon-after]:not(:empty):after, body.ltr .menubtn:not(:empty):after, body.ltr .menubtn.icon:after { margin-left: 6px; }
body.rtl .btn[data-icon-after]:not(:empty):after, body.rtl .menubtn:not(:empty):after, body.rtl .menubtn.icon:after { margin-right: 6px; }

.btn[data-icon]:before, .btn[data-icon-after]:after, .btn.icon:before, .menubtn:after { position: relative; }

.btn.small[data-icon]:before, .btn.small[data-icon-after]:after, .btn.icon.small:before, .menubtn.small:after { font-size: 9px; }

.btn.icon.add.loading { position: relative; }

.btn.icon.add.loading:before { visibility: hidden; }

.btn.icon.add.loading:after { position: absolute; content: '.'; font-size: 0; display: block; width: 24px; height: 100%; left: 5px; top: 0; background: url(../images/spinner.gif) no-repeat 0 50%; }

.btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit.gif); }

.secondary-buttons .btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary.gif); }

/* button groups */
.btngroup { display: inline-block; font-size: 0; white-space: nowrap; }

.btngroup .btn { font-size: 13px; vertical-align: middle; }

body.ltr .btngroup .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

body.rtl .btngroup .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

body.ltr .btngroup .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

body.rtl .btngroup .btn:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.btngroup .btn:hover, .btngroup .btn.hover, .btngroup .btn:active, .btngroup .btn.active { position: relative; z-index: 1; }

.btngroup .btn.active { cursor: default; }

.btngroup.disabled .btn { cursor: default; }

.btngroup.fullwidth .btn:first-child:nth-last-child(1) { width: 100%; }

.btngroup.fullwidth .btn:first-child:nth-last-child(2) { width: 50%; }

.btngroup.fullwidth .btn:first-child:nth-last-child(2) ~ .btn { width: calc(50% + 1px); }

.btngroup.fullwidth .btn:first-child:nth-last-child(3) { width: 34%; }

.btngroup.fullwidth .btn:first-child:nth-last-child(3) ~ .btn { width: calc(33% + 1px); }

.btngroup.fullwidth .btn:first-child:nth-last-child(4) { width: 25%; }

.btngroup.fullwidth .btn:first-child:nth-last-child(4) ~ .btn { width: calc(25% + 1px); }

.btngroup.fullwidth .btn:first-child:nth-last-child(5) { width: 20%; }

.btngroup.fullwidth .btn:first-child:nth-last-child(5) ~ .btn { width: calc(20% + 1px); }

/* menu buttons */
.menubtn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.menubtn:after { content: '▼'; }

/* spinner */
.spinner { display: inline-block; vertical-align: bottom; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; }

.spinner.big { width: 48px; height: 48px; background: url(../images/spinner_big.gif) no-repeat 50% 50%; }

body.ltr .btn + .spinner { margin-left: 7px; }
body.rtl .btn + .spinner { margin-right: 7px; }

.buttons .spinner { display: block; margin-top: 5px; }
body.ltr .buttons .spinner { float: left; }
body.rtl .buttons .spinner { float: right; }

body.ltr .buttons .btn + .spinner, body.ltr .buttons .btngroup + .spinner { margin-left: 0; }
body.rtl .buttons .btn + .spinner, body.rtl .buttons .btngroup + .spinner { margin-right: 0; }

body.ltr .buttons.right .btn + .spinner { margin-left: -5px; }
body.rtl .buttons.right .btn + .spinner { margin-right: -5px; }
body.ltr .buttons.right .btn + .spinner { margin-right: -19px; }
body.rtl .buttons.right .btn + .spinner { margin-left: -19px; }

/* small buttons */
.btngroup.small .btn, .btn.small { padding: 0 7px !important; font-size: 11px; line-height: 22px; }

.btngroup.small, .btngroup.small input.btn, .btn.small, .btn.small + .spinner { height: 22px; }

/* big buttons */
.btngroup.big .btn, .btn.big { padding: 0 14px; font-size: 14px; line-height: 36px; }

body.ltr .btn.big[data-icon]:before, body.ltr .livepreviewbtn:before, body.ltr .sharebtn:before { margin-left: -2px; }
body.rtl .btn.big[data-icon]:before, body.rtl .livepreviewbtn:before, body.rtl .sharebtn:before { margin-right: -2px; }

.btngroup.big, .btngroup.big input.btn, .btn.big, .btn.big + .spinner { height: 36px; }

/* submit buttons */
.btn.submit { color: #fff; background-image: -webkit-linear-gradient(#da5a47, #cc5643); background-image: -moz-linear-gradient(#da5a47, #cc5643); background-image: -ms-linear-gradient(#da5a47, #cc5643); background-image: -o-linear-gradient(#da5a47, #cc5643); background-image: linear-gradient(#da5a47, #cc5643); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 600; }

.btn.submit:not(.disabled):not(.inactive):hover, .btn.submit:not(.disabled):not(.inactive).hover { background-image: -webkit-linear-gradient(#bf503f, #b34b3b); background-image: -moz-linear-gradient(#bf503f, #b34b3b); background-image: -ms-linear-gradient(#bf503f, #b34b3b); background-image: -o-linear-gradient(#bf503f, #b34b3b); background-image: linear-gradient(#bf503f, #b34b3b); }

.btn.submit:not(.disabled):not(.inactive):active, .btn.submit:not(.disabled):not(.inactive).active { background-image: -webkit-linear-gradient(#8c3b2e, #994032); background-image: -moz-linear-gradient(#8c3b2e, #994032); background-image: -ms-linear-gradient(#8c3b2e, #994032); background-image: -o-linear-gradient(#8c3b2e, #994032); background-image: linear-gradient(#8c3b2e, #994032); }

.secondary-buttons .btn.submit { background-image: -webkit-linear-gradient(#8f98a3, #878f99); background-image: -moz-linear-gradient(#8f98a3, #878f99); background-image: -ms-linear-gradient(#8f98a3, #878f99); background-image: -o-linear-gradient(#8f98a3, #878f99); background-image: linear-gradient(#8f98a3, #878f99); }

.secondary-buttons .btn.submit:not(.disabled):not(.inactive):hover, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).hover { background-image: -webkit-linear-gradient(#737f8c, #697480); background-image: -moz-linear-gradient(#737f8c, #697480); background-image: -ms-linear-gradient(#737f8c, #697480); background-image: -o-linear-gradient(#737f8c, #697480); background-image: linear-gradient(#737f8c, #697480); }

.secondary-buttons .btn.submit:not(.disabled):not(.inactive):active, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).active { background-image: -webkit-linear-gradient(#5c6570, #697380); background-image: -moz-linear-gradient(#5c6570, #697380); background-image: -ms-linear-gradient(#5c6570, #697380); background-image: -o-linear-gradient(#5c6570, #697380); background-image: linear-gradient(#5c6570, #697380); }

div.btn.submit { position: relative; overflow: hidden; }

div.btn.submit input { position: absolute; left: 100%; }

/* dashed buttons */
.btn.dashed { border: 1px dashed rgba(0, 0, 0, 0.2) !important; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.btn.dashed:not(.disabled):active, .btn.dashed:not(.disabled).active { background-color: rgba(115, 127, 140, 0.1) !important; }

/* color buttons */
.color { display: inline-block; position: relative; vertical-align: middle; width: 30px; height: 30px; border-radius: 15px; padding: 0; background: url(../images/checkers.png); }

.color:not(.static) { cursor: pointer; }

.color.small { width: 15px; height: 15px; }

.color .colorpreview { top: 0; width: 100%; height: 100%; border-radius: 15px; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05); }
body.ltr .color .colorpreview { left: 0; }
body.rtl .color .colorpreview { right: 0; }

.color:not(.disabled):not(.static):hover .colorpreview, .color:not(.disabled):not(.static):active .colorpreview, .color:not(.disabled):not(.static).active .colorpreview { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.05); }

.color:not(.disabled):not(.static):active .colorpreview, .color:not(.disabled):not(.static).active .colorpreview { background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }

.colorpicker { z-index: 101; }

.colorhex { display: inline-block; margin-left: 5px; vertical-align: middle; color: #8f98a3; }

/* switch */
.lightswitch { position: relative; border: none !important; border-radius: 11px; width: 33px; height: 22px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden; -webkit-box-shadow: 0 0 0 1px rgba(51, 170, 255, 0), 0 0 2px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 0 1px rgba(51, 170, 255, 0), 0 0 2px rgba(51, 170, 255, 0); box-shadow: 0 0 0 1px rgba(51, 170, 255, 0), 0 0 2px rgba(51, 170, 255, 0); -webkit-transition: -webkit-box-shadow linear 100ms; -moz-transition: box-shadow linear 100ms; }

.lightswitch.small { border-radius: 9px; width: 27px; height: 18px; }

table .lightswitch { display: inline-block; margin-bottom: -5px; }

.lightswitch:focus { outline: none; -webkit-box-shadow: 0 0 0 1px rgba(51, 170, 255, 0.5), 0 0 2px #33aaff; -moz-box-shadow: 0 0 0 1px rgba(51, 170, 255, 0.5), 0 0 2px #33aaff; box-shadow: 0 0 0 1px rgba(51, 170, 255, 0.5), 0 0 2px #33aaff; }

.lightswitch .lightswitch-container { width: 44px; }
body.ltr .lightswitch .lightswitch-container { margin-left: -11px; }
body.rtl .lightswitch .lightswitch-container { margin-right: -11px; }

.lightswitch.small .lightswitch-container { width: 36px; }
body.ltr .lightswitch.small .lightswitch-container { margin-left: -9px; }
body.rtl .lightswitch.small .lightswitch-container { margin-right: -9px; }

body.ltr .lightswitch.on .lightswitch-container { margin-left: 0; }
body.rtl .lightswitch.on .lightswitch-container { margin-right: 0; }

.lightswitch .label { width: 22px; height: 22px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
body.ltr .lightswitch .label { float: left; }
body.rtl .lightswitch .label { float: right; }

.lightswitch.small .label { width: 18px; height: 18px; }

.lightswitch .label.on { background: #1e8449; }
body.ltr .lightswitch .label.on { border-radius: 11px 0 0 11px; }
body.rtl .lightswitch .label.on { border-radius: 0 11px 11px 0; }

body.ltr .lightswitch.small .label.on { border-radius: 9px 0 0 9px; }
body.rtl .lightswitch.small .label.on { border-radius: 0 9px 9px 0; }

.lightswitch .label.off { background: #ebedef; }
body.ltr .lightswitch .label.off { border-radius: 0 11px 11px 0; }
body.rtl .lightswitch .label.off { border-radius: 11px 0 0 11px; }

body.ltr .lightswitch.small .label.off { border-radius: 0 9px 9px 0; }
body.rtl .lightswitch.small .label.off { border-radius: 9px 0 0 9px; }

.lightswitch:not(.dragging).on .label.off, .lightswitch:not(.dragging):not(.on) .label.on { visibility: hidden; }

.lightswitch .handle { position: relative; border-radius: 11px; margin: 0 -11px; width: 22px; height: 22px; background-image: -webkit-linear-gradient(#fff, #fafafa); background-image: -moz-linear-gradient(#fff, #fafafa); background-image: -ms-linear-gradient(#fff, #fafafa); background-image: -o-linear-gradient(#fff, #fafafa); background-image: linear-gradient(#fff, #fafafa); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
body.ltr .lightswitch .handle { float: left; }
body.rtl .lightswitch .handle { float: right; }

.lightswitch.small .handle { border-radius: 9px; margin: 0 -9px; width: 18px; height: 18px; }

/* action buttons */
body.ltr .actions { float: right; }
body.rtl .actions { float: left; }

body.ltr .actions > li { float: left; }
body.rtl .actions > li { float: right; }

body.ltr .actions > li + li { margin-left: 10px; }
body.rtl .actions > li + li { margin-right: 10px; }

h1 + .actions { margin-top: -100px; }

h2 + .actions { margin-top: -54px; }

/* ----------------------------------------
/*  Tables
/* ----------------------------------------*/
table thead th { font-weight: bold; vertical-align: top; font-size: 11px; line-height: 1.2; color: rgba(0, 0, 0, 0.5); }
body.ltr table thead th { text-align: left; }
body.rtl table thead th { text-align: right; }

table thead th.ordered { background: #f2f2f2 url(../images/listview_sort.png) no-repeat; }
body.ltr table thead th.ordered { padding-right: 26px; }
body.rtl table thead th.ordered { padding-left: 26px; }
body.ltr table thead th.ordered { background-position: 100% -3px; }
body.rtl table thead th.ordered { background-position: 0 -3px; }

body.ltr table thead th.ordered.desc { background-position: 100% -34px; }
body.rtl table thead th.ordered.desc { background-position: 0 -34px; }

body.ltr table thead th.ordered:first-child { padding-left: 10px; }
body.rtl table thead th.ordered:first-child { padding-right: 10px; }

table thead th.ordered.loading { background-image: url(../images/spinner_tableheader.gif); }
body.ltr table thead th.ordered.loading { background-position: 100% 4px; }
body.rtl table thead th.ordered.loading { background-position: 0 4px; }

table thead th.orderable:hover { background-color: #f9f9f9; }

td.thin { width: 0.01% !important; vertical-align: middle; }

/* data */
body.ltr table.data th:not(:first-child), body.ltr table.data td:not(:first-child) { padding-left: 14px; }
body.rtl table.data th:not(:first-child), body.rtl table.data td:not(:first-child) { padding-right: 14px; }

table.data thead th, table.data thead td { padding-top: 4px; padding-bottom: 4px; width: auto; cursor: default; }

table.data tbody th, table.data tbody td { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px dotted #e3e5e8; }

table.data tbody tr:first-child th, table.data tbody tr:first-child td { border-top: 1px dotted #e3e5e8; }

table.data thead + tbody tr:first-child th, table.data thead + tbody tr:first-child td { border-top-style: solid; }

table.data th { font-weight: bold; }

table.data thead th { white-space: nowrap; }

table.data td.timestamp { vertical-align: bottom; white-space: nowrap; color: #b9bfc6; }
body.ltr table.data td.timestamp { text-align: right; }
body.rtl table.data td.timestamp { text-align: left; }

table.data td form { height: 22px; }

table.data td .btngroup { display: inline; }

/* collapsable data tables for small screens based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/ */
table.collapsed { width: auto; }

table.collapsed, table.collapsed tbody, table.collapsed tbody tr, table.collapsed tbody th, table.collapsed tbody td { display: block; border: none; padding: 0; width: auto !important; white-space: normal; }
body.ltr table.collapsed, body.ltr table.collapsed tbody, body.ltr table.collapsed tbody tr, body.ltr table.collapsed tbody th, body.ltr table.collapsed tbody td { text-align: left; }
body.rtl table.collapsed, body.rtl table.collapsed tbody, body.rtl table.collapsed tbody tr, body.rtl table.collapsed tbody th, body.rtl table.collapsed tbody td { text-align: right; }

table.collapsed tbody th, table.collapsed tbody td { padding: 2px 0 !important; }

table.collapsed thead { display: none; }

table.collapsed tbody tr { padding: 6px 0; border-bottom: 1px dotted #e3e5e8; }

body.ltr table.collapsed tbody [data-title] { margin-right: 0; }
body.rtl table.collapsed tbody [data-title] { margin-left: 0; }

table.collapsed tbody [data-title]:before { margin-right: 5px; content: attr(data-title) ":"; font-weight: bold; }

table.collapsed tbody td:empty { display: none; }

table.collapsed tbody tr:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

table.collapsed tbody td[data-title] form { display: inline-block; }

table.collapsed thead + tbody tr:first-child th, table.collapsed thead + tbody tr:first-child td { border-top: none; }

table.collapsed tbody tr:last-child th:not(:last-child), table.collapsed tbody tr:last-child td:not(:last-child) { border-bottom: none; }

.datatablesorthelper, .editabletablesorthelper, .thumbviewhelper { background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 5px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 5px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 5px -1px rgba(0, 0, 0, 0.1); }

.datatablesorthelper { margin: 0 -7px; padding: 0 7px; }

.datatablesorthelper, .datatablesorthelper .element, .datatablesorthelper a { cursor: move !important; }

.datatablesorthelper tr:first-child th, .datatablesorthelper tr:first-child td { border-top: none !important; }

.datatablesorthelper tr:last-child th, .datatablesorthelper tr:last-child td { border-bottom: none !important; }

body.ltr .datatablesorthelper .tableview .toggle { -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; }
body.rtl .datatablesorthelper .tableview .toggle { -webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; -o-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }

/* elements */
.element { position: relative; cursor: default; outline: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.element.sel, li.sel .element { border-radius: 3px; background: #d5d8dd; cursor: default; }
.element.sel.hasthumb .elementthumb:after, li.sel .element.hasthumb .elementthumb:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '.'; font-size: 0; background: rgba(35, 51, 76, 0.19); }
.element.sel.loading:after, li.sel .element.loading:after { background-image: url(../images/spinner_element.gif); }
.element.hasthumb .elementthumb img { display: block; max-width: 100%; max-height: 100%; background: url(../images/checkers.svg) 0 0; flex-shrink: 0; pointer-events: none; }
.element .label { display: inline-block; }
.element.small, .element.large:not(.hasthumb) { display: inline-block; padding: 6px 7px; }
.element.small.hasstatus .status, .element.large:not(.hasthumb).hasstatus .status { position: absolute; top: calc(50% - 4px); }
body.ltr .element.small.hasstatus .status, body.ltr .element.large:not(.hasthumb).hasstatus .status { left: 7px; }
body.rtl .element.small.hasstatus .status, body.rtl .element.large:not(.hasthumb).hasstatus .status { right: 7px; }
body.ltr .element.small.hasstatus:not(.hasthumb), body.ltr .element.large:not(.hasthumb).hasstatus:not(.hasthumb) { padding-left: 25px; }
body.rtl .element.small.hasstatus:not(.hasthumb), body.rtl .element.large:not(.hasthumb).hasstatus:not(.hasthumb) { padding-right: 25px; }
.element.small.hasthumb .elementthumb, .element.large:not(.hasthumb).hasthumb .elementthumb { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-align: center; justify-content: center; position: absolute; top: calc(50% - 15px); width: 30px; height: 30px; }
body.ltr .element.small.hasthumb:not(.hasstatus), body.ltr .element.large:not(.hasthumb).hasthumb:not(.hasstatus) { padding-left: 47px; }
body.rtl .element.small.hasthumb:not(.hasstatus), body.rtl .element.large:not(.hasthumb).hasthumb:not(.hasstatus) { padding-right: 47px; }
body.ltr .element.small.hasthumb:not(.hasstatus) .elementthumb, body.ltr .element.large:not(.hasthumb).hasthumb:not(.hasstatus) .elementthumb { left: 7px; }
body.rtl .element.small.hasthumb:not(.hasstatus) .elementthumb, body.rtl .element.large:not(.hasthumb).hasthumb:not(.hasstatus) .elementthumb { right: 7px; }
body.ltr .element.small.hasthumb.hasstatus, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus { padding-left: 65px; }
body.rtl .element.small.hasthumb.hasstatus, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus { padding-right: 65px; }
body.ltr .element.small.hasthumb.hasstatus .elementthumb, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .elementthumb { left: 25px; }
body.rtl .element.small.hasthumb.hasstatus .elementthumb, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .elementthumb { right: 25px; }
.element.large.hasthumb { display: block; padding: 105px 0 5px; width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.ltr .element.large.hasthumb.hasstatus { padding-left: 18px; }
body.rtl .element.large.hasthumb.hasstatus { padding-right: 18px; }
.element.large.hasthumb.hasstatus .status { position: absolute; top: 110px; }
body.ltr .element.large.hasthumb.hasstatus .status { left: 0; }
body.rtl .element.large.hasthumb.hasstatus .status { right: 0; }
.element.large.hasthumb .elementthumb { position: absolute; top: 0; border-radius: 3px; overflow: hidden; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; -ms-flex-align: center; align-items: center; -ms-flex-align: center; width: 100px; height: 100px; }
body.ltr .element.large.hasthumb .elementthumb { left: 0; }
body.rtl .element.large.hasthumb .elementthumb { right: 0; }
.element.large.hasthumb .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; }
body.ltr .element.removable .label { padding-right: 20px; }
body.rtl .element.removable .label { padding-left: 20px; }
.element.removable .delete:before { color: rgba(0, 0, 0, 0.2); }
.element.removable.small .delete, .element.removable.large:not(.hasthumb) .delete { position: absolute; }
body.ltr .element.removable.small .delete, body.ltr .element.removable.large:not(.hasthumb) .delete { right: 7px; }
body.rtl .element.removable.small .delete, body.rtl .element.removable.large:not(.hasthumb) .delete { left: 7px; }
.element.removable.large.hasthumb .delete { position: absolute; }
body.ltr .element.removable.large.hasthumb .delete { right: 0; }
body.rtl .element.removable.large.hasthumb .delete { left: 0; }
body.ltr .element.loading { padding-right: 31px; }
body.rtl .element.loading { padding-left: 31px; }
.element.loading:after { content: '.'; font-size: 0; position: absolute; bottom: 0; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; height: 30px; }
body.ltr .element.loading:after { right: 3px; }
body.rtl .element.loading:after { left: 3px; }
.element.loading.removable .delete { display: none; }

/* table views */
.elements .tableview tr { outline: none; }

.elements .tableview th, .elements .tableview td { padding-top: 5px; padding-bottom: 5px; }

.elements .tableview td { position: relative; }

.elements .tableview td.checkbox-cell { width: 12px !important; }
body.ltr .elements .tableview td.checkbox-cell { padding-right: 7px; }
body.rtl .elements .tableview td.checkbox-cell { padding-left: 7px; }

body.ltr .elements .tableview td.checkbox-cell + td, body.ltr .elements .tableview td.checkbox-cell + th { padding-left: 7px; }
body.rtl .elements .tableview td.checkbox-cell + td, body.rtl .elements .tableview td.checkbox-cell + th { padding-right: 7px; }

.elements .tableview tr.sel td:not(.checkbox-cell) { background: #d5d8dd; }

.elements .tableview .move { display: block; position: absolute; top: calc(50% - 9px); font-size: 11px; text-decoration: none; }
body.ltr .elements .tableview .move { margin-left: -14px; }
body.rtl .elements .tableview .move { margin-right: -14px; }

.elements .tableview .toggle { display: block; position: absolute; top: 9px; }
body.ltr .elements .tableview .toggle { margin-left: -20px; }
body.rtl .elements .tableview .toggle { margin-right: -20px; }

body.ltr .elements .tableview .move + .toggle { margin-left: -34px; }
body.rtl .elements .tableview .move + .toggle { margin-right: -34px; }

/* thumbs views */
body.ltr .elements .thumbsview { margin: -14px 0 0 -14px ; }
body.rtl .elements .thumbsview { margin: -14px -14px 0 0 ; }

.elements .thumbsview li { position: relative; outline: none; }
body.ltr .elements .thumbsview li { float: left; }
body.rtl .elements .thumbsview li { float: right; }
body.ltr .elements .thumbsview li { margin: 14px 0 0 14px ; }
body.rtl .elements .thumbsview li { margin: 14px 14px 0 0 ; }

.elements .thumbsview li.has-checkbox .checkbox { position: absolute; top: 106px; }
body.ltr .elements .thumbsview li.has-checkbox .checkbox { left: 4px; }
body.rtl .elements .thumbsview li.has-checkbox .checkbox { right: 4px; }

body.ltr .elements .thumbsview li.has-checkbox .element.large.hasthumb:not(.hasstatus) { padding-left: 20px; }
body.rtl .elements .thumbsview li.has-checkbox .element.large.hasthumb:not(.hasstatus) { padding-right: 20px; }
body.ltr .elements .thumbsview li.has-checkbox .element.large.hasthumb.hasstatus { padding-left: 38px; }
body.rtl .elements .thumbsview li.has-checkbox .element.large.hasthumb.hasstatus { padding-right: 38px; }
body.ltr .elements .thumbsview li.has-checkbox .element.large.hasthumb.hasstatus .status { left: 20px; }
body.rtl .elements .thumbsview li.has-checkbox .element.large.hasthumb.hasstatus .status { right: 20px; }

.thumbviewhelper { margin: -7px; padding: 7px; }

.thumbviewhelper .thumbsview, .thumbviewhelper .thumbsview li { margin: 0 !important; }

/* structures */
.structure { position: relative; z-index: 1; }

body.ltr .structure li { padding-left: 8px; }
body.rtl .structure li { padding-right: 8px; }

body.ltr .structure ul { margin-left: -3px; }
body.rtl .structure ul { margin-right: -3px; }

.structure ul li { background-repeat: no-repeat; }
body.ltr .structure ul li { padding-left: 38px; }
body.rtl .structure ul li { padding-right: 38px; }
body.ltr .structure ul li { background-image: url(../images/branch.png); background-position: 0 0; }
body.rtl .structure ul li { background-image: url(../images/branch_rtl.png); background-position: 100% 0; }

body.ltr .structure ul li:not(:last-child):not(.last) { padding-left: 37px; }
body.rtl .structure ul li:not(:last-child):not(.last) { padding-right: 37px; }
body.ltr .structure ul li:not(:last-child):not(.last) { border-left: 1px solid #e3e5e8; }
body.rtl .structure ul li:not(:last-child):not(.last) { border-right: 1px solid #e3e5e8; }
body.ltr .structure ul li:not(:last-child):not(.last) { background-position: -1px 0; }
body.rtl .structure ul li:not(:last-child):not(.last) { background-position: calc(100% + 1px) 0; }

.structure li .toggle { position: relative; z-index: 1; }
body.ltr .structure li .toggle { float: left; }
body.rtl .structure li .toggle { float: right; }
body.ltr .structure li .toggle { margin: 4px -8px 0 -12px ; }
body.rtl .structure li .toggle { margin: 4px -12px 0 -8px ; }

.structure li.collapsed > ul { display: none; }

.structure li .row:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.structure li .move, .structure li .add { opacity: 0; -webkit-transition: opacity linear 100ms; -moz-transition: opacity linear 100ms; -ms-transition: opacity linear 100ms; transition: opacity linear 100ms; }
body.ltr .structure li .move, body.ltr .structure li .add { margin: 5px 5px 0 0 ; }
body.rtl .structure li .move, body.rtl .structure li .add { margin: 5px 0 0 5px ; }

.structure li .add { padding: 0 5px; }

.structure li .add:before { content: '▼'; color: rgba(0, 0, 0, 0.2); }

.structure li .add:not(.disabled):hover:before, .structure li .add.active:before { color: #0d78f2; }

.structure li .row:hover > .icon, .structure li.draghelper > .row .move, .structure li .add.active { opacity: 1; }

body.ltr .structure li .checkbox { float: left; }
body.rtl .structure li .checkbox { float: right; }
body.ltr .structure li .checkbox { margin: 7px 0 0 7px ; }
body.rtl .structure li .checkbox { margin: 7px 7px 0 0 ; }

.structure li.draghelper > .row .add { opacity: 0; }

.structure li.draghelper > .row .move:before { color: #0d78f2; }

.structure li.draginsertion { position: relative; height: 2px; background: #0d78f2 !important; border-radius: 1px; }
body.ltr .structure li.draginsertion { margin: -1px 0 -1px 8px ; }
body.rtl .structure li.draginsertion { margin: -1px 8px -1px 0 ; }
body.ltr .structure li.draginsertion { padding-left: 0; }
body.rtl .structure li.draginsertion { padding-right: 0; }
body.ltr .structure li.draginsertion { border-left: none; }
body.rtl .structure li.draginsertion { border-right: none; }

body.ltr .structure ul li.draginsertion { margin-left: 38px; }
body.rtl .structure ul li.draginsertion { margin-right: 38px; }

.structure .row.draghover .element { z-index: 2; border-radius: 15px; -webkit-box-shadow: inset 0 0 0 2px #0d78f2; -moz-box-shadow: inset 0 0 0 2px #0d78f2; box-shadow: inset 0 0 0 2px #0d78f2; }

.structure .row.droptarget { border-radius: 5px; -webkit-box-shadow: inset 0 0 0 2px #0d78f2; -moz-box-shadow: inset 0 0 0 2px #0d78f2; box-shadow: inset 0 0 0 2px #0d78f2; }

/* element select fields */
.elementselect { position: relative; min-height: 37px; margin-top: -7px; }

.elementselect:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

body.ltr .elementselect .element, body.ltr .elementselect .btn { float: left; }
body.rtl .elementselect .element, body.rtl .elementselect .btn { float: right; }
body.ltr .elementselect .element, body.ltr .elementselect .btn { margin: 7px 7px 0 0 ; }
body.rtl .elementselect .element, body.rtl .elementselect .btn { margin: 7px 0 0 7px ; }

.elementselect .element.small, .elementselect .btn { clear: both; }

.elementselect .element { z-index: 1; }

body.ltr .elementselect .caboose { float: left; }
body.rtl .elementselect .caboose { float: right; }

/* editable tables */
table.editable tbody tr:not(:first-child) td { border-top: 1px solid rgba(0, 0, 0, 0.07); }

table.editable thead tr th, table.editable tbody tr td:not(.textual) { padding: 4px 10px; }

table.editable thead tr th { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

table.editable tbody tr td { vertical-align: middle; text-align: center; background: #fff; }

table.editable tbody tr td.textual { vertical-align: top; }

body.ltr table.editable tbody tr td:not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.07); }
body.rtl table.editable tbody tr td:not(:first-child) { border-right: 1px solid rgba(0, 0, 0, 0.07); }

table.editable tbody tr td.action { padding: 4px 7px; background: #ebedef; }

body.ltr table.editable tbody tr td.action + td.action { border-left: none; }
body.rtl table.editable tbody tr td.action + td.action { border-right: none; }
body.ltr table.editable tbody tr td.action + td.action { padding-left: 0; }
body.rtl table.editable tbody tr td.action + td.action { padding-right: 0; }

table.editable tbody textarea { display: block; width: 100%; border: none; padding: 7px 10px; background: #fff; overflow: hidden; }

table.editable tbody textarea:focus { border: 1px solid rgba(0, 0, 0, 0.15); padding: 6px 9px; outline: none; }

table.editable + .btn.add { display: block; border-radius: 0 0 3px 3px; border: 1px dashed rgba(0, 0, 0, 0.2); border-top: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.border-box + .buttons, .shadow-box + .buttons { margin-top: 7px; }

/* ----------------------------------------
/*  Nav
/* ----------------------------------------*/
body.ltr ul.tree, body.ltr .tree ul { margin-left: 20px; }
body.rtl ul.tree, body.rtl .tree ul { margin-right: 20px; }

body.ltr .tree li .toggle { margin: 7px 0 0 -15px ; }
body.rtl .tree li .toggle { margin: 7px -15px 0 0 ; }

/* status icons */
.status { display: inline-block; width: 8px; height: 8px; border-radius: 100%; border: 1px solid transparent; }
body.ltr .status { margin-right: 10px; }
body.rtl .status { margin-left: 10px; }

.status:not(.on):not(.live):not(.active):not(.enabled):not(.locked):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) { border-color: rgba(0, 0, 0, 0.4); }

.status.green, .status.on, .status.live, .status.active, .status.enabled { background-color: #27AE60; }

/* green */
.status.orange, .status.locked, .status.pending { background-color: #F2842D; }

/* orange */
.status.red, .status.off, .status.suspended, .status.expired { background-color: #D0021B; }

/* red */
.status.yellow { background-color: #F1C40E; }

.status.pink { background-color: #FF50F2; }

.status.purple { background-color: #9B59B6; }

.status.blue { background-color: #0D99F2; }

.status.turquoise { background-color: #2CE0BD; }

.status.light { background-color: #CCD1D6; }

.status.grey { background-color: #98A3AE; }

.status.black { background-color: #32475E; }

.status.disabled { opacity: 1; }

/* ----------------------------------------
/*  Progress bar
/* ----------------------------------------*/
.progressbar { border-radius: 6px; border: 2px solid #29323d; padding: 2px; position: absolute; left: 20%; width: 60%; }

.progressbar-inner { border-radius: 2px; height: 4px; background: #29323d; }

.progressbar:not(.pending) .progressbar-inner { width: 0; -webkit-transition: width linear 100ms; -moz-transition: width linear 100ms; -ms-transition: width linear 100ms; transition: width linear 100ms; }

.progressbar.pending .progressbar-inner { background: url(../images/progressbar_pending.png) repeat-x; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 250ms; -moz-animation-duration: 250ms; animation-duration: 250ms; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
body.ltr .progressbar.pending .progressbar-inner { -webkit-animation-name: pendingprogress-ltr; -moz-animation-name: pendingprogress-ltr; animation-name: pendingprogress-ltr; }
body.rtl .progressbar.pending .progressbar-inner { -webkit-animation-name: pendingprogress-rtl; -moz-animation-name: pendingprogress-rtl; animation-name: pendingprogress-rtl; }

@-webkit-keyframes pendingprogress-ltr { 0% { background-position: 0; }
  100% { background-position: -50px; } }
@-moz-keyframes pendingprogress-ltr { from { background-position: 0; }
  to { background-position: -50px; } }
@keyframes pendingprogress-ltr { from { background-position: 0; }
  to { background-position: -50px; } }
@-webkit-keyframes pendingprogress-rtl { 0% { background-position: -50px; }
  100% { background-position: 0; } }
@-moz-keyframes pendingprogress-rtl { from { background-position: -50px; }
  to { background-position: 0; } }
@keyframes pendingprogress-rtl { from { background-position: -50px; }
  to { background-position: 0; } }
.elementselect .progress-shade { background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; top: 0; display: none; }
body.ltr .elementselect .progress-shade { left: 0; }
body.rtl .elementselect .progress-shade { right: 0; }

.elementselect.uploading { position: relative; }

.elementselect.uploading .progress-shade { display: block; z-index: 2; }

/* ----------------------------------------
/*  Panes, Modals and HUDs
/* ----------------------------------------*/
.pane { background: #fff; -webkit-box-shadow: 0 0 0 1px #e3e5e8; -moz-box-shadow: 0 0 0 1px #e3e5e8; box-shadow: 0 0 0 1px #e3e5e8; position: relative; margin: 14px 0; padding: 24px; border-radius: 4px; word-wrap: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pane.lightpane { background-color: #f4f5f6; }

/* meta panes */
.meta { padding: 0; overflow: visible; }

.meta > .field, .meta > .data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 !important; padding-top: 8px; padding-bottom: 8px; }

.meta > .field, .meta > .data { padding-left: 24px; padding-right: 24px; }

.meta > .field { min-height: 30px; -webkit-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -webkit-transition: -webkit-box-shadow linear 100ms; -moz-transition: box-shadow linear 100ms; }

.meta > .field.has-focus { z-index: 1; -webkit-box-shadow: 0 0 5px #33aaff; -moz-box-shadow: 0 0 5px #33aaff; box-shadow: 0 0 5px #33aaff; }

.meta > .field:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.meta > .field:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.meta > .field + .field { border-top: 1px solid #e3e5e8; }

.meta > .field + .field.has-focus { border-top: none; margin-top: 1px !important; }

.meta > .data:first-child, .meta > .data.first { padding-top: 16px; }

.meta > .data:last-child, .meta > .data.last { padding-bottom: 16px; }

.meta > .field > .heading, .meta > .data > .heading { margin-bottom: 0; color: #8f98a3; line-height: 18px; }

.meta > .field > .heading { width: 86px; }

.meta > .data > .heading { width: calc(50% - 14px); }

.meta > .field > .heading > label { font-weight: normal; }

.meta > .field > .heading > label.required:after { position: absolute; top: 6px; }
body.ltr .meta > .field > .heading > label.required:after { left: -13px; }
body.rtl .meta > .field > .heading > label.required:after { right: -13px; }
body.ltr .meta > .field > .heading > label.required:after { margin-left: 0; }
body.rtl .meta > .field > .heading > label.required:after { margin-right: 0; }

.meta > .field > .input { width: calc(100% - 100px); }

.meta > .data > .value { width: 50%; }

.meta > .field.has-errors { border: 1px solid #bd5a0c; padding-left: 23px; padding-right: 23px; }

.meta > .field.has-errors + .field { border-top: none; }

.meta > .field > ul.errors { margin: 8px -23px -8px; padding: 8px 23px; width: 100%; background: #fafafa; list-style-type: none; }

.meta > .field > .input > .text, .meta > .field > .input > .flex > .text, .meta > .field > .input > .flex > .textwrapper > .text, .meta > .field > .input > .datewrapper > .text, .meta > .field > .input > .timewrapper > .text, .meta > .field > .input > .datetimewrapper > .datewrapper > .text, .meta > .field > .input > .datetimewrapper > .timewrapper > .text { display: block; margin: -8px 0; padding: 14px 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none !important; background: transparent; }

body.ltr .meta > .field > .input > .datewrapper:before, body.ltr .meta > .field > .input > .timewrapper:before, body.ltr .meta > .field > .input > .datetimewrapper > .datewrapper:before, body.ltr .meta > .field > .input > .datetimewrapper > .timewrapper:before { left: 0; }
body.rtl .meta > .field > .input > .datewrapper:before, body.rtl .meta > .field > .input > .timewrapper:before, body.rtl .meta > .field > .input > .datetimewrapper > .datewrapper:before, body.rtl .meta > .field > .input > .datetimewrapper > .timewrapper:before { right: 0; }

body.ltr .meta > .field > .input > .datewrapper > .text, body.ltr .meta > .field > .input > .timewrapper > .text, body.ltr .meta > .field > .input > .datetimewrapper > .datewrapper > .text, body.ltr .meta > .field > .input > .datetimewrapper > .timewrapper > .text { padding-left: 15px; }
body.rtl .meta > .field > .input > .datewrapper > .text, body.rtl .meta > .field > .input > .timewrapper > .text, body.rtl .meta > .field > .input > .datetimewrapper > .datewrapper > .text, body.rtl .meta > .field > .input > .datetimewrapper > .timewrapper > .text { padding-right: 15px; }

body.ltr .meta > .field > .input > .datetimewrapper > .datewrapper, body.ltr .meta > .field > .input > .datetimewrapper > .timewrapper { float: left; }
body.rtl .meta > .field > .input > .datetimewrapper > .datewrapper, body.rtl .meta > .field > .input > .datetimewrapper > .timewrapper { float: right; }

.meta > .field > .input > .datetimewrapper > .datewrapper { width: 55%; }

.meta > .field > .input > .datetimewrapper > .timewrapper { width: 45%; }

.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper { display: block; width: 100%; }

.meta > .field > .input .select { display: block; margin: -8px 0; width: 100%; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; }

.meta > .field > .input .select select { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
body.ltr .meta > .field > .input .select select { padding: 14px 12px 14px 0; }
body.rtl .meta > .field > .input .select select { padding: 14px 0 14px 12px; }

.meta > .field > .input .select:after { right: 0; }

.meta > .field > .input .select + .spinner { position: absolute; top: calc(50% - 15px); right: 0; }

.body { position: relative; }

.modal, .hud, body #redactor-modal { z-index: 100; }

.modal, .hud .body, body #redactor-modal { border-radius: 4px; background: #fff; -webkit-box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5); box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5); }

.modal, .hud { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header:after, .hud-header:after, .footer:after, .hud-footer:after, .body:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.header, .hud-header, .footer, .hud-footer { position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header, .hud-header { border-radius: 4px 4px 0 0; padding: 24px; background-image: -webkit-linear-gradient(#fff, #f9fafa); background-image: -moz-linear-gradient(#fff, #f9fafa); background-image: -ms-linear-gradient(#fff, #f9fafa); background-image: -o-linear-gradient(#fff, #f9fafa); background-image: linear-gradient(#fff, #f9fafa); -webkit-box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2); }

.footer, .hud-footer { border-radius: 0 0 4px 4px; padding: 14px 24px; background-image: -webkit-linear-gradient(#ecedef, #e9eaec); background-image: -moz-linear-gradient(#ecedef, #e9eaec); background-image: -ms-linear-gradient(#ecedef, #e9eaec); background-image: -o-linear-gradient(#ecedef, #e9eaec); background-image: linear-gradient(#ecedef, #e9eaec); -webkit-box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.2); }

.header h1, .hud-header h1 { margin: 0; }

.modal .body, .hud .main { padding: 24px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pane .header, .modal .body .header { margin: -24px -24px 24px; }

.pane .footer, .modal .body .footer { margin: 24px -24px -24px; }

.modal-shade, .hud-shade { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }

.modal-shade, body #redactor-modal-overlay { background: rgba(255, 255, 255, 0.75) !important; }

body #redactor-modal-overlay { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.modal-shade.dark { background: rgba(0, 0, 0, 0.75) !important; }

.modal { position: fixed; width: 66%; height: 66%; min-width: 600px; min-height: 400px; overflow: hidden; }

.modal.fitted { width: auto; height: auto; min-width: 0; min-height: 0; }

.modal .resizehandle { position: absolute; z-index: 1; bottom: 0; width: 24px; height: 24px; background: no-repeat 50% 50%; cursor: nwse-resize; }
body.ltr .modal .resizehandle { right: 0; }
body.rtl .modal .resizehandle { left: 0; }
body.ltr .modal .resizehandle { background-image: url(../images/resizehandle.png); }
body.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl.png); }

body.ltr .modal.alert .body { padding-left: 76px; }
body.rtl .modal.alert .body { padding-right: 76px; }

.modal.alert .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: 'alert'; font-size: 40px; color: #b9bfc6; }
body.ltr .modal.alert .body:before { margin: -6px 0 0 -58px ; }
body.rtl .modal.alert .body:before { margin: -6px -58px 0 0 ; }
body.ltr .modal.alert .body:before { float: left; }
body.rtl .modal.alert .body:before { float: right; }

body.ltr .modal.secure .body { padding-left: 76px; }
body.rtl .modal.secure .body { padding-right: 76px; }

.modal.secure .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: 'secure'; font-size: 58px; color: #b9bfc6; }
body.ltr .modal.secure .body:before { margin: -14px 0 0 -56px ; }
body.rtl .modal.secure .body:before { margin: -14px -56px 0 0 ; }
body.ltr .modal.secure .body:before { float: left; }
body.rtl .modal.secure .body:before { float: right; }

.hud { position: absolute; display: none; top: 0; }

.hud .tip { position: absolute; z-index: 101; background: no-repeat 0 0; }

.hud .tip-left { left: -15px; width: 15px; height: 30px; background-image: url(../images/hudtip_left.png); }

.hud .tip-top { top: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_top.png); }

.hud .tip-right { width: 15px; height: 30px; background-image: url(../images/hudtip_right.png); }
body.ltr .hud .tip-right { right: -15px; }
body.rtl .hud .tip-right { left: -15px; }

.hud .tip-bottom { bottom: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_bottom.png); }

.hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray.png); }

.hud .hud-header, .hud .hud-footer { padding: 7px 24px; }

.hud .body { overflow: hidden; }

.hud .body ::-webkit-scrollbar { -webkit-appearance: none; }

.hud .body ::-webkit-scrollbar:vertical { width: 11px; }

.hud .body ::-webkit-scrollbar:horizontal { height: 11px; }

.hud .body ::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid transparent; background-color: rgba(0, 0, 0, 0.5); background-clip: content-box; }

.hud .body ::-webkit-scrollbar-track { background-color: #fafafa; }

/* element editor HUDs */
@media (min-width: 440px) { .hud .elementeditor { min-width: 380px; } }
.hud .elementeditor { max-width: 600px; }

.hud .elementeditor .hud-header { text-align: center; }

.hud .elementeditor .main { padding: 0; }

/* crop image modals */
.image-chooser { margin: 0 auto; }

.image-chooser img { display: block; margin: 0 auto; }

/* element selector modals */
.elementselectormodal { padding-bottom: 58px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.elementselectormodal .body { position: relative; height: 100%; }

.elementselectormodal .body .spinner.big { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; }

.elementselectormodal .body .content { height: calc(100% + 48px); }

.elementselectormodal .body .sidebar { top: 24px; height: 100%; overflow: auto; }

.elementselectormodal .body .main { margin: -24px; padding: 24px; height: calc(100% - 48px); overflow: auto; position: relative; }

.elementselectormodal .body .main .elements .tableview table .element { display: inline-block; }

.elementselectormodal .body .main .elements .tableview table tr th, .elementselectormodal .body .main .elements .tableview table tr td { cursor: default; }

body.ltr .elementselectormodal .body .main .elements .tableview table tr td:first-child { padding-left: 7px; }
body.rtl .elementselectormodal .body .main .elements .tableview table tr td:first-child { padding-right: 7px; }

.elementselectormodal .body .main .elements .tableview table tr:focus { outline: none; }

.elementselectormodal .body .main .elements .tableview table tr.disabled { opacity: 1; color: #d4d4d4; }

.elementselectormodal .body .main .elements .tableview table tr.disabled .element { opacity: 0.25; }

.elementselectormodal .body .main .elements .tableview table tr.disabled + tr.disabled th, .elementselectormodal .body .main .elements .tableview table tr.disabled + tr.disabled td { border-top-color: rgba(0, 0, 0, 0.025); }

.elementselectormodal .body .main .elements .structure .row { margin-top: 1px; outline: none; }

.elementselectormodal .footer { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }

.elementselectormodal .footer .buttons { margin: 0; }

body.ltr .elementselectormodal .footer .spinner { float: right; }
body.rtl .elementselectormodal .footer .spinner { float: left; }
body.ltr .elementselectormodal .footer .spinner { margin-right: -24px; }
body.rtl .elementselectormodal .footer .spinner { margin-left: -24px; }

/* element editing HUD */
.element-hud-form .buttons .spinner { position: absolute; top: 0; }
body.ltr .element-hud-form .buttons .spinner { right: -24px; }
body.rtl .element-hud-form .buttons .spinner { left: -24px; }

.element-hud-form .buttons { position: relative; }

/* logout warning/login/elevated session modals */
#logoutwarningmodal, #loginmodal, #elevatedsessionmodal { width: 500px; }

#loginmodal .inputcontainer, #elevatedsessionmodal .inputcontainer { position: relative; }

#loginmodal .inputcontainer .spinner, #elevatedsessionmodal .inputcontainer .spinner { position: absolute; top: 0; margin-top: 0; }
body.ltr #loginmodal .inputcontainer .spinner, body.ltr #elevatedsessionmodal .inputcontainer .spinner { right: -24px; }
body.rtl #loginmodal .inputcontainer .spinner, body.rtl #elevatedsessionmodal .inputcontainer .spinner { left: -24px; }

/* delete user modal */
.deleteusermodal .options label { display: inline-block; line-height: 30px; }

.deleteusermodal .elementselect { display: inline-block; vertical-align: middle; }
body.ltr .deleteusermodal .elementselect { margin-left: 10px; }
body.rtl .deleteusermodal .elementselect { margin-right: 10px; }

body.ltr .deleteusermodal .buttons .spinner { float: right; }
body.rtl .deleteusermodal .buttons .spinner { float: left; }
body.ltr .deleteusermodal .buttons .spinner { margin-right: -20px; }
body.rtl .deleteusermodal .buttons .spinner { margin-left: -20px; }
body.ltr .deleteusermodal .buttons .spinner { margin-left: -4px; }
body.rtl .deleteusermodal .buttons .spinner { margin-right: -4px; }

/* date range hud */
.daterange-hud .main { padding: 24px 24px; }

.daterange-hud .daterange-items ul { padding: 0 14px; }

.daterange-hud .daterange-items:first-child ul { margin-top: -24px; }

.daterange-hud .daterange-items ul li a { display: block; margin: 0 -38px; padding: 10px 14px; color: #29323d; text-decoration: none; white-space: nowrap; }

body.ltr .daterange-hud .daterange-items ul li a { padding-left: 24px; }
body.rtl .daterange-hud .daterange-items ul li a { padding-right: 24px; }

.daterange-hud .daterange-items ul li a:hover { color: #29323d; background-color: #d5d8dd; }
body.ltr .daterange-hud .daterange-items ul li a:hover { padding-left: 24px; }
body.rtl .daterange-hud .daterange-items ul li a:hover { padding-right: 24px; }

.daterange-hud .daterange-items ul li a.sel { color: #29323d; }

.daterange-hud .daterange-items ul li a[data-icon]:before, .daterange-hud .daterange-items ul li a.icon:before, .daterange-hud .daterange-items ul li a.sel:before { font-size: 11px; color: #000 !important; opacity: .4; }
body.ltr .daterange-hud .daterange-items ul li a[data-icon]:before, body.ltr .daterange-hud .daterange-items ul li a.icon:before, body.ltr .daterange-hud .daterange-items ul li a.sel:before { float: left; }
body.rtl .daterange-hud .daterange-items ul li a[data-icon]:before, body.rtl .daterange-hud .daterange-items ul li a.icon:before, body.rtl .daterange-hud .daterange-items ul li a.sel:before { float: right; }
body.ltr .daterange-hud .daterange-items ul li a[data-icon]:before, body.ltr .daterange-hud .daterange-items ul li a.icon:before, body.ltr .daterange-hud .daterange-items ul li a.sel:before { margin: 3px 0 0 -17px ; }
body.rtl .daterange-hud .daterange-items ul li a[data-icon]:before, body.rtl .daterange-hud .daterange-items ul li a.icon:before, body.rtl .daterange-hud .daterange-items ul li a.sel:before { margin: 3px -17px 0 0 ; }

.daterange-hud .daterange-items ul li a.sel:not([data-icon]):before { content: 'check'; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.daterange-hud .daterange-fields { margin: 0 -7px; }

.daterange-hud .daterange-fields .datewrapper { margin: 0 7px; }

.daterange-hud .buttons { margin-top: 14px; }

.daterange-hud hr { margin: 0 -24px; }

/* ----------------------------------------
/*  Menus
/* ----------------------------------------*/
.menu, .ui-datepicker, .ui-timepicker-list, .input .redactor-dropdown { z-index: 100; margin-bottom: 10px; border-radius: 3px; padding: 0 14px; overflow: auto; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); }

.ui-datepicker, .ui-timepicker-list { padding: 0; }

.menu ul li a, .input .redactor-dropdown a { margin: 0 -14px; padding: 10px 14px; color: #29323d; text-decoration: none; white-space: nowrap; }

.menu { display: none; position: absolute; }

.menu ul li a { display: block !important; font-size: 12px; }

.menu ul li a:not(.sel):not(.disabled):hover, .menu ul li a:not(.sel):not(.disabled):hover .light, .menu:not(:hover) ul li a:not(.disabled).hover, .menu:not(:hover) ul li a:not(.sel):not(.disabled).hover .light, .input .redactor-dropdown a:hover { color: #29323d; background-color: #d5d8dd; }

.input .redactor-dropdown a:hover span { color: #29323d !important; }

.menu ul li a.sel { cursor: default; }

.menu ul li a .shortcut { color: #8f98a3; }
body.ltr .menu ul li a .shortcut { float: right; }
body.rtl .menu ul li a .shortcut { float: left; }
body.ltr .menu ul li a .shortcut { margin-left: 14px; }
body.rtl .menu ul li a .shortcut { margin-right: 14px; }

.menu hr { margin: 5px -14px; }

body.ltr .menu ul.padded li a { padding-left: 24px; }
body.rtl .menu ul.padded li a { padding-right: 24px; }

.menu ul.padded li a[data-icon]:before, .menu ul.padded li a.icon:before, .menu ul.padded li a.sel:before { font-size: 11px; color: #000 !important; opacity: .4; }
body.ltr .menu ul.padded li a[data-icon]:before, body.ltr .menu ul.padded li a.icon:before, body.ltr .menu ul.padded li a.sel:before { float: left; }
body.rtl .menu ul.padded li a[data-icon]:before, body.rtl .menu ul.padded li a.icon:before, body.rtl .menu ul.padded li a.sel:before { float: right; }
body.ltr .menu ul.padded li a[data-icon]:before, body.ltr .menu ul.padded li a.icon:before, body.ltr .menu ul.padded li a.sel:before { margin: 3px 0 0 -17px ; }
body.rtl .menu ul.padded li a[data-icon]:before, body.rtl .menu ul.padded li a.icon:before, body.rtl .menu ul.padded li a.sel:before { margin: 3px -17px 0 0 ; }

.menu ul.padded li a.sel:not([data-icon]):before { content: 'check'; }

body.ltr .menu hr.padded { margin-left: 10px; }
body.rtl .menu hr.padded { margin-right: 10px; }

/* tag select fields */
.tagselect .element.small { clear: none; }

.tagselect .add { position: relative; z-index: 1; display: inline-block; width: 12em; }
body.ltr .tagselect .add { margin: 7px 7px 0 0 ; }
body.rtl .tagselect .add { margin: 7px 0 0 7px ; }

body.ltr .tagselect .add .text { padding-right: 30px; }
body.rtl .tagselect .add .text { padding-left: 30px; }

.tagselect .add .spinner { position: absolute; top: 0; }
body.ltr .tagselect .add .spinner { right: 5px; }
body.rtl .tagselect .add .spinner { left: 5px; }

body.ltr .tagselect.elementselect .element, body.rtl .tagselect.elementselect .element { float: none !important; display: inline-block; }

.tagselect .elements { display: inline; }

body.ltr .tagmenu ul li a { padding-left: 26px; }
body.rtl .tagmenu ul li a { padding-right: 26px; }

body.ltr .tagmenu ul li a:before { float: left; }
body.rtl .tagmenu ul li a:before { float: right; }
body.ltr .tagmenu ul li a:before { margin: 3px 0 0 -18px ; }
body.rtl .tagmenu ul li a:before { margin: 3px -18px 0 0 ; }

/* selectize */
/* ----------------------------------------
/*  Fields
/* ----------------------------------------*/
.shadow-box { border-radius: 4px; border: 1px solid #ccc; overflow: hidden; width: 100%; -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); }

.text:not(.selectize-text), .input .redactor-box:not(.redactor-box-fullscreen), .border-box, .matrix-configurator > .field > .input, .selectize-text > .selectize-control > .selectize-input { border: 1px solid #e3e5e8; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 5px rgba(51, 170, 255, 0); box-shadow: 0 0 5px rgba(51, 170, 255, 0); -webkit-transition: -webkit-box-shadow linear 100ms; -moz-transition: box-shadow linear 100ms; }

.text.focus, .text:focus, .border-box:focus, .border-box.focus, .input .redactor-box.focus:not(.redactor-box-fullscreen), .selectize-text > .selectize-control > .selectize-input.focus { border-color: #7dafe8; outline: none; -webkit-box-shadow: 0 0 5px #80caff; -moz-box-shadow: 0 0 5px #80caff; box-shadow: 0 0 5px #80caff; }

input.text, textarea.text, .text > input, .text > textarea, .textline, table.editable textarea, .selectize-text > .selectize-control > .selectize-input { font-size: 13px; line-height: 1.5; color: #29323d; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }

.selectize-text > .selectize-control > .selectize-input { line-height: 18px; }

textarea.text.fullwidth { display: block; }

.multitext .multitextrow .text { border-radius: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.multitext .multitextrow .text.error { position: relative; z-index: 1; }

.multitext .multitextrow .text:focus, .multitext .multitextrow .selectize-text > .selectize-control > .selectize-input.focus { position: relative; z-index: 2; }

.multitext .multitextrow:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

body.ltr .multitext .multitextrow:first-child .text:first-child { border-top-left-radius: 3px; }
body.rtl .multitext .multitextrow:first-child .text:first-child { border-top-right-radius: 3px; }

body.ltr .multitext .multitextrow:first-child .text:last-child { border-top-right-radius: 3px; }
body.rtl .multitext .multitextrow:first-child .text:last-child { border-top-left-radius: 3px; }

body.ltr .multitext .multitextrow:last-child .text:first-child { border-bottom-left-radius: 3px; }
body.rtl .multitext .multitextrow:last-child .text:first-child { border-bottom-right-radius: 3px; }

body.ltr .multitext .multitextrow:last-child .text:last-child { border-bottom-right-radius: 3px; }
body.rtl .multitext .multitextrow:last-child .text:last-child { border-bottom-left-radius: 3px; }

.multitext .multitextrow:not(:first-child) .text { margin-top: -1px; }

body.ltr .multitext .multitextrow .text:not(:first-child) { margin-left: -1px; }
body.rtl .multitext .multitextrow .text:not(:first-child) { margin-right: -1px; }

.multitext .multitextrow .text:first-child:nth-last-child(1) { width: 100%; }

.multitext .multitextrow .text:first-child:nth-last-child(2) { width: 50%; }

.multitext .multitextrow .text:first-child:nth-last-child(2) ~ .text { width: calc(50% + 1px); }

.chars-left { position: relative; color: #b9bfc6; }
body.ltr .chars-left { float: right; }
body.rtl .chars-left { float: left; }
body.ltr .chars-left { margin: -24px 7px 0 0 ; }
body.rtl .chars-left { margin: -24px 0 0 7px ; }

.chars-left.negative-chars-left { color: #bd5a0c; }

.field { position: relative; margin: 24px 0; }

.field > .heading { margin-bottom: 5px; }

.field > .heading > label { position: relative; font-weight: bold; color: #576575; }

.field > .heading > label > .locale { display: inline-block; border-radius: 3px; padding: 0 4px; font-size: 11px; color: #8f98a3; background: #ebedef; }
body.ltr .field > .heading > label > .locale { margin-left: 7px; }
body.rtl .field > .heading > label > .locale { margin-right: 7px; }

.field > .heading > .instructions, .checkboxfield.has-instructions .instructions { margin-top: 2px; color: #8f98a3; }
.field > .heading > .instructions img, .checkboxfield.has-instructions .instructions img { max-width: 100%; }

.field > .warning { margin: 2px 0 0; }

.field > .warning:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: 'alert'; }
body.ltr .field > .warning:before { margin: -2px 2px 0 0 ; }
body.rtl .field > .warning:before { margin: -2px 0 0 2px ; }

.field > .input:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

/* toggles and nested fields */
.nested-fields { margin: -24px; padding: 24px 24px 0; overflow: hidden; }

.nested-fields.hidden { display: block; height: 0; }

.nested-fields > .field:last-child { padding-bottom: 24px; }

/* checkbox */
input.checkbox { opacity: 0; position: absolute; width: 12px; height: 12px; }

input.checkbox + label, div.checkbox { display: inline; clear: none; position: relative; cursor: pointer; }
body.ltr input.checkbox + label, body.ltr div.checkbox { padding-left: 20px; }
body.rtl input.checkbox + label, body.rtl div.checkbox { padding-right: 20px; }

input.checkbox:disabled + label, .disabled div.checkbox { cursor: default; }

body.ltr input.checkbox + label:empty, body.ltr div.checkbox:empty { padding-left: 12px; }
body.rtl input.checkbox + label:empty, body.rtl div.checkbox:empty { padding-right: 12px; }

input.checkbox + label:empty:after, div.checkbox:empty:after { content: '.'; font-size: 0; }

/* fixes a RTL bug */
input.checkbox + label:before, div.checkbox:before { display: block; position: absolute; top: 2px; width: 12px !important; height: 12px; content: '.'; font-size: 0; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(51, 170, 255, 0); box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(51, 170, 255, 0); }
body.ltr input.checkbox + label:before, body.ltr div.checkbox:before { left: 0; }
body.rtl input.checkbox + label:before, body.rtl div.checkbox:before { right: 0; }

input.checkbox:disabled + label, div.checkbox.disabled:before, div.checkbox.disabled + label { opacity: 0.25; }

input.checkbox:checked + label:before, div.checkbox.checked:before, .sel div.checkbox:before, input.checkbox:indeterminate + label:before, div.checkbox.indeterminate:before { background: #d5d8dd; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 12px; }

input.checkbox:checked:not(:indeterminate) + label:before, div.checkbox.checked:not(.indeterminate):before, .sel div.checkbox:not(.indeterminate):before { content: 'check'; font-size: 13px; }
body.ltr input.checkbox:checked:not(:indeterminate) + label:before, body.ltr div.checkbox.checked:not(.indeterminate):before, body.ltr .sel div.checkbox:not(.indeterminate):before { text-indent: 1px; }
body.rtl input.checkbox:checked:not(:indeterminate) + label:before, body.rtl div.checkbox.checked:not(.indeterminate):before, body.rtl .sel div.checkbox:not(.indeterminate):before { text-indent: -2px; }

input.checkbox:indeterminate + label:before, div.checkbox.indeterminate:before { content: 'minus'; font-size: 7px; text-align: center; }

input.checkbox:focus + label:before, :focus div.checkbox:before { outline: none; -webkit-box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(51, 170, 255, 0.5); -moz-box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(51, 170, 255, 0.5); box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(51, 170, 255, 0.5); }

input.checkbox:checked:focus + label:before, input.checkbox:indeterminate:focus + label:before, :focus div.checkbox.checked:before, .sel:focus div.checkbox:before, :focus div.checkbox.indeterminate:before { background: rgba(51, 170, 255, 0.5); }

.checkboxfield:not(.has-instructions) + .checkboxfield:not(.has-instructions) { margin-top: -22px; }

body.ltr .checkboxfield.has-instructions .instructions { padding-left: 20px; }
body.rtl .checkboxfield.has-instructions .instructions { padding-right: 20px; }

.text:not(.selectize-text), .textline, .selectize-text > .selectize-control > .selectize-input { padding: 5px 7px; }

.text { background: #fff; }

.text input { margin: 0; padding: 0; border: none; outline: none; background: none; }

.text.small { padding: 3px; }

.input.errors > .text, .input.errors > div.redactor-box, .input.errors > .border-box, .text.error { border: 1px solid #bd5a0c !important; }

.texticon { position: relative; cursor: text; min-width: 130px; }

.texticon.icon:before { position: absolute; top: 9px; color: #b9bfc6; }
body.ltr .texticon.icon:before { left: 9px; }
body.rtl .texticon.icon:before { right: 9px; }

body.ltr .texticon.icon .text { padding-left: 26px; }
body.rtl .texticon.icon .text { padding-right: 26px; }

body.ltr .texticon.clearable .text { padding-right: 22px; }
body.rtl .texticon.clearable .text { padding-left: 22px; }

.texticon .clear { position: absolute; top: 6px; color: #b9bfc6; cursor: pointer; }
body.ltr .texticon .clear { right: 9px; }
body.rtl .texticon .clear { left: 9px; }

.texticon .clear:hover { color: #8f98a3; }

.texticon .clear:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: 'close'; }

.texthint-container { position: relative; height: 0; }

.texthint { position: absolute; top: -1px; width: 100%; color: #b9bfc6; cursor: text; }

.passwordwrapper { position: relative; }

.passwordwrapper .password { width: 100%; }

.passwordwrapper .password-toggle { display: block; position: absolute; top: 7px; }
body.ltr .passwordwrapper .password-toggle { right: 7px; }
body.rtl .passwordwrapper .password-toggle { left: 7px; }
body.ltr .passwordwrapper .password-toggle { text-align: right; }
body.rtl .passwordwrapper .password-toggle { text-align: left; }

body.ltr .password { padding-right: 5em; }
body.rtl .password { padding-left: 5em; }

.datewrapper, .timewrapper { display: inline-block; position: relative; }

.datewrapper:before, .timewrapper:before { position: absolute; color: #b9bfc6; }

.datewrapper .text, .timewrapper .text { width: 100%; }
body.ltr .datewrapper .text, body.ltr .timewrapper .text { padding-left: 22px; }
body.rtl .datewrapper .text, body.rtl .timewrapper .text { padding-right: 22px; }

.datewrapper { width: 8em; }

.datewrapper:before { top: calc(50% - 7px); content: 'date'; }
body.ltr .datewrapper:before { left: 7px; }
body.rtl .datewrapper:before { right: 7px; }

.timewrapper { width: 7em; }

.timewrapper:before { top: calc(50% - 5px); font-size: 11px; content: 'time'; }
body.ltr .timewrapper:before { left: 7px; }
body.rtl .timewrapper:before { right: 7px; }

::-webkit-input-placeholder { color: #b9bfc6; }

input:-ms-input-placeholder { color: #b9bfc6; }

::-ms-input-placeholder { color: #b9bfc6; }

:-moz-placeholder { color: #b9bfc6; }

::-moz-placeholder { color: #b9bfc6; }

::placeholder { color: #b9bfc6; }

.textline { border: none; border-bottom: 1px dashed #d5d8dd; padding-left: 0; padding-right: 0; color: #717f8e; background: none; }

.textline:focus { outline: none; border-bottom-color: #aab2bb; }

/* Kill IE's special text features */
::-ms-reveal, ::-ms-clear { display: none; }

/* Assets related */
.hud.assetshud .body { max-height: 500px; overflow: auto; }

/* redactor */
.input .redactor-box, .input .redactor-toolbar, .input .redactor-box textarea { z-index: auto !important; }

.input .redactor-box { margin-bottom: 0; }

.input .redactor-box.redactor-box-fullscreen { z-index: 100 !important; }

.input .redactor-toolbar { top: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.input .redactor-toolbar.toolbar-fixed-box { background: #fff; -webkit-box-shadow: 0 0 0 1px #e3e5e8; -moz-box-shadow: 0 0 0 1px #e3e5e8; box-shadow: 0 0 0 1px #e3e5e8; z-index: 1 !important; }

.input .redactor-toolbar li a { color: #29323d; }

.input .redactor-toolbar li a:hover { background-color: #d5d8dd; color: #29323d; }

.input .redactor-toolbar li a:active, .input .redactor-toolbar li a.redactor-act { background-color: #737f8c; color: #fff; }

.input .redactor-toolbar li:first-child a { border-top-left-radius: 2px; }

.input .redactor-dropdown { z-index: 100; }

.input .redactor-dropdown li { border-bottom: none; background: none; }

.input .redactor-box:not(.redactor-box-fullscreen) .redactor-layer { background: none; border: none; border-top: 1px solid #e3e5e8; }

.input .redactor-box textarea { display: block; border-radius: 0 0 3px 3px; }

body #redactor-modal footer button:first-child { border-bottom-left-radius: 3px; }

body #redactor-modal footer button:last-child { border-bottom-right-radius: 3px; }

.input .redactor-link-tooltip { z-index: 101; }

.input .redactor-toolbar { z-index: 102; }

.input .redactor-layer { border: none; border-top: 1px solid #e3e5e8; }

.input .redactor-layer ul { list-style: disc; }

body.ltr .input .redactor-layer ol { padding-left: 0 !important; }
body.rtl .input .redactor-layer ol { padding-right: 0 !important; }

/** Selects  Waiting on this bug to get fixed before Firefox gets our fancy selects: https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
.select:not(.selectize), .select:not(.selectize) select { position: relative; border-radius: 3px; white-space: nowrap; }

.select:not(.selectize) { display: inline-block; position: relative; background-image: -webkit-linear-gradient(#fff, #fafafa); background-image: -moz-linear-gradient(#fff, #fafafa); background-image: -ms-linear-gradient(#fff, #fafafa); background-image: -o-linear-gradient(#fff, #fafafa); background-image: linear-gradient(#fff, #fafafa); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); }

.select:not(.selectize):after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: '▼'; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; }
body.ltr .select:not(.selectize):after { right: 9px; }
body.rtl .select:not(.selectize):after { left: 9px; }

.select:not(.selectize) select { display: block; position: relative; border: 0; font-size: 13px; line-height: 16px; color: #29323d; background: none; -webkit-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -webkit-transition: border linear 100ms, -webkit-box-shadow linear 100ms; -moz-transition: border linear 100ms, box-shadow linear 100ms; -webkit-appearance: none; -moz-appearance: none; }
body.ltr .select:not(.selectize) select { padding: 7px 22px 7px 10px; }
body.rtl .select:not(.selectize) select { padding: 7px 10px 7px 22px; }
.select:not(.selectize) select::-ms-expand { display: none; }
.select:not(.selectize) select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #29323d; }

.select:not(.selectize) select option { background: #fff; }

.select:not(.selectize).fullwidth select { min-width: 100%; }

.select:not(.selectize) select:focus { border-color: #7dafe8; outline: none; -webkit-box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(51, 170, 255, 0.5); -moz-box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(51, 170, 255, 0.5); box-shadow: 0 0 2px #33aaff, inset 0 0 0 1px rgba(51, 170, 255, 0.5); }

.select:not(.selectize).small:after { top: 9px; }

.select:not(.selectize).small select { padding-top: 4px; padding-bottom: 4px; font-size: 11px; }

/* selectize reset */
.selectize .selectize-control.single .selectize-input { border-color: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; }

.selectize .selectize-control.single .selectize-input:after { display: none; }

body .selectize-dropdown { border: none; }

/* single select styles */
.selectize.select .selectize-control, .selectize.select .selectize-control .selectize-input { position: relative; border-radius: 3px; white-space: nowrap; }

.selectize.select .selectize-control { display: inline-block; position: relative; background-image: -webkit-linear-gradient(#fff, #fafafa); background-image: -moz-linear-gradient(#fff, #fafafa); background-image: -ms-linear-gradient(#fff, #fafafa); background-image: -o-linear-gradient(#fff, #fafafa); background-image: linear-gradient(#fff, #fafafa); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 3px rgba(0, 0, 0, 0.07); }

.selectize.select .selectize-control:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: '▼'; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; }
body.ltr .selectize.select .selectize-control:after { right: 9px; }
body.rtl .selectize.select .selectize-control:after { left: 9px; }

.selectize.select .selectize-control .selectize-input { display: block; position: relative; border: 0; font-size: 13px; line-height: 16px; color: #29323d; background: none; -webkit-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); box-shadow: 0 0 2px rgba(51, 170, 255, 0), inset 0 0 0 1px rgba(51, 170, 255, 0); -webkit-transition: border linear 100ms, -webkit-box-shadow linear 100ms; -moz-transition: border linear 100ms, box-shadow linear 100ms; -webkit-appearance: none; -moz-appearance: none; }
body.ltr .selectize.select .selectize-control .selectize-input { padding: 7px 22px 7px 10px; }
body.rtl .selectize.select .selectize-control .selectize-input { padding: 7px 10px 7px 22px; }
.selectize.select .selectize-control .selectize-input::-ms-expand { display: none; }
.selectize.select .selectize-control .selectize-input:-moz-focusring { color: transparent; text-shadow: 0 0 0 #29323d; }

.selectize.select.fullwidth .selectize-control, .selectize.select.fullwidth .selectize-control .selectize-input { min-width: 100%; }

/* multi select styles */
.selectize.multiselect .selectize-control.multi .selectize-input { border: 1px solid #e3e5e8; border-radius: 3px; -webkit-box-shadow: 0 0 5px rgba(51, 170, 255, 0); -moz-box-shadow: 0 0 5px rgba(51, 170, 255, 0); box-shadow: 0 0 5px rgba(51, 170, 255, 0); -webkit-transition: -webkit-box-shadow linear 100ms; -moz-transition: box-shadow linear 100ms; padding: 6px 8px; }

.selectize.multiselect .selectize-control.multi .selectize-input.has-items { padding: 5px 8px; }

.selectize.multiselect .selectize-control.multi .selectize-input > div { display: inline-block; border: 1px solid #c1c1c1; border-radius: 10px; padding: 1px 7px; font-size: 12px; line-height: 14px; color: #29323d; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); background: #ddd; margin-top: 1px; margin-bottom: 1px; }

.selectize.multiselect .selectize-control.plugin-remove_button [data-value] .remove { padding: 0; }

/* shared styles */
.selectize .selectize-control .selectize-input.focus { border-color: #7dafe8; outline: none; -webkit-box-shadow: 0 0 5px #80caff; -moz-box-shadow: 0 0 5px #80caff; box-shadow: 0 0 5px #80caff; }

/* menu styles */
body .selectize-dropdown { z-index: 100; margin-bottom: 10px; border-radius: 3px; padding: 0 14px; overflow: auto; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); margin-top: 1px; padding: 0; }

body .selectize-dropdown-content { padding: 3px 14px; }

body .selectize-dropdown-content > div[data-value="new"]:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; content: '+'; margin-right: 5px; }

body .selectize-dropdown-content > div[data-value="new"]:after { content: '…'; }

body .selectize-dropdown [data-selectable], body .selectize-dropdown .optgroup-header { margin: 0 -14px; padding: 10px 14px; color: #29323d; text-decoration: none; white-space: nowrap; }

body .selectize-dropdown .optgroup-header { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #b9bfc6; text-transform: uppercase; font-weight: bold; margin: 0; padding: 4px 0; }

body .selectize-dropdown .active { color: #29323d; background-color: #d5d8dd; }

/* datepicker */
.ui-datepicker { position: fixed; top: -300px; -padding: 10px; width: 210px; height: 240px; }
body.ltr .ui-datepicker { margin-left: 1px; }
body.rtl .ui-datepicker { margin-right: 1px; }

.ui-datepicker-header { padding: 8px 8px 4px; }

body.ltr .ui-datepicker-prev { float: left; }
body.rtl .ui-datepicker-prev { float: right; }

body.ltr .ui-datepicker-next { float: right; }
body.rtl .ui-datepicker-next { float: left; }

.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }

.ui-datepicker-prev:after, .ui-datepicker-next:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 20px; margin-top: -2px; line-height: 20px !important; text-align: center; }

body.ltr .ui-datepicker-prev:after { content: 'leftangle'; }
body.rtl .ui-datepicker-prev:after { content: 'rightangle'; }

body.ltr .ui-datepicker-next:after { content: 'rightangle'; }
body.rtl .ui-datepicker-next:after { content: 'leftangle'; }

.ui-datepicker-title { text-align: center; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 2px; }

.ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; width: 26px; line-height: 26px; text-align: center; color: #29323d; }

.ui-datepicker-calendar th span { color: #8f98a3; font-weight: normal; }

.ui-datepicker-calendar td a { border-radius: 2px; }

.ui-datepicker-calendar td a:hover { background: #d5d8dd; text-decoration: none; }

.ui-datepicker-calendar td a.ui-state-active { background: #737f8c; color: #fff; cursor: default; }

.ui-datepicker-calendar td.ui-datepicker-today a { border-radius: 13px; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15); }

/* timepicker */
.ui-timepicker-wrapper { z-index: 100; }

.ui-timepicker-list { overflow-y: auto; width: 8em; height: 210px; z-index: 100; }
body.ltr .ui-timepicker-list { margin-left: 1px; }
body.rtl .ui-timepicker-list { margin-right: 1px; }

.ui-timepicker-list li { white-space: nowrap; cursor: pointer; }
body.ltr .ui-timepicker-list li { padding: 2px 0 2px 21px; }
body.rtl .ui-timepicker-list li { padding: 2px 21px 2px 0; }

.ui-timepicker-list li:hover { background: #d5d8dd; }

.ui-timepicker-list li.ui-timepicker-selected { background: #737f8c; color: #fff; cursor: default; }

/* errors */
ul.errors { margin-top: 5px; list-style-type: square; }
body.ltr ul.errors { padding-left: 20px; }
body.rtl ul.errors { padding-right: 20px; }

ul.errors li { color: #bd5a0c; }

/* message pages */
body.message .message-container { position: absolute; z-index: 100; top: 0; width: 100%; height: 100%; }
body.ltr body.message .message-container { left: 0; }
body.rtl body.message .message-container { right: 0; }

body.message .message-container.no-access { background: rgba(50, 50, 50, 0.9); }

body.message .message-container .pane { top: 50%; margin-top: -33px !important; margin-left: auto; margin-right: auto; width: 320px; }

/* ----------------------------------------
/* Matrix
/* ----------------------------------------*/
/* config */
.matrix-configurator > .field { max-width: none; }

.matrix-configurator > .field > .input { position: relative; overflow: hidden; }
body.ltr .matrix-configurator > .field > .input { padding-left: 400px; }
body.rtl .matrix-configurator > .field > .input { padding-right: 400px; }

.matrix-configurator .mc-sidebar { position: absolute; top: 0; margin: 0; border: none; width: 200px; height: 100%; background: rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.06); }

body.ltr .matrix-configurator .mc-sidebar.block-types { left: 0; }
body.rtl .matrix-configurator .mc-sidebar.block-types { right: 0; }

body.ltr .matrix-configurator .mc-sidebar.fields { left: 200px; }
body.rtl .matrix-configurator .mc-sidebar.fields { right: 200px; }

.matrix-configurator .mc-sidebar .items { margin-top: -1px; padding-top: 1px; }

.matrixconfigitem { position: relative; margin-top: -1px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; }
body.ltr .matrixconfigitem { padding: 11px 45px 10px 14px; }
body.rtl .matrixconfigitem { padding: 11px 14px 10px 45px; }

.matrixconfigitem.sel { background: rgba(0, 0, 0, 0.05); }

.matrixconfigitem.error { background: rgba(255, 0, 0, 0.1); }

.matrixconfigitem.sel.error { background: rgba(200, 0, 0, 0.2); }

.matrixconfigitem .handle { font-size: 11px; color: #8f98a3; }

.matrixconfigitem .actions { position: absolute; width: 24px; }
body.ltr .matrixconfigitem .actions { right: 0; }
body.rtl .matrixconfigitem .actions { left: 0; }

.matrixconfigitem.mci-blocktype .actions { top: 10px; }

.matrixconfigitem.mci-field .actions { top: 20px; }

.matrixconfigitem .actions .icon { display: block; margin-bottom: 1px; text-align: center; }

.matrixconfigitem .actions .icon.settings:before { color: rgba(0, 0, 0, 0.2); }

.matrixconfigitem .actions .icon.settings.error:before { color: #bd5a0c; }

.matrixconfigitem .actions .icon.settings:not(.disabled):hover:before { color: #0d78f2; }

.matrix-configurator .mc-sidebar .items .btn { margin: 14px; }

.matrix-configurator .field-settings { position: relative; height: 100%; }

.matrix-configurator .field-settings .items { padding: 24px; }

.matrix-configurator .mc-sidebar > .col-inner-container > .heading, .matrix-configurator .field-settings > .col-inner-container > .heading { margin: 0; padding: 7px 14px 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); }

/* blocks */
.matrixblock { position: relative; margin-bottom: 10px; padding: 0 14px 14px; border-radius: 4px; border: 1px solid #e3e5e8; background: #fafafa; outline: none; }

.matrixblock.disabled { opacity: 1; }

.matrixblock > .titlebar { margin: 0 -14px 14px; width: calc(100% + 28px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px 2px 0 0; border-bottom: 1px solid #e3e5e8; background: #eef0f1; color: #b9bfc6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
body.ltr .matrixblock > .titlebar { padding: 6px 70px 6px 33px; }
body.rtl .matrixblock > .titlebar { padding: 6px 33px 6px 70px; }

.matrixblock.collapsed > .titlebar { border-radius: 2px; border-bottom: none; }

body.ltr .matrixblock.disabled > .titlebar { padding-right: 90px; }
body.rtl .matrixblock.disabled > .titlebar { padding-left: 90px; }

.matrixblock > .titlebar > .blocktype { display: inline; color: #8f98a3; }

.matrixblock > .titlebar > .preview { display: inline; opacity: 0; -webkit-transition: opacity linear 100ms; -moz-transition: opacity linear 100ms; -ms-transition: opacity linear 100ms; transition: opacity linear 100ms; }
body.ltr .matrixblock > .titlebar > .preview { margin-left: 7px; }
body.rtl .matrixblock > .titlebar > .preview { margin-right: 7px; }

.matrixblock.collapsed > .titlebar > .preview { opacity: 1; }

.matrixblock > .titlebar > .preview span { opacity: 0.5; }

.matrixblock > .checkbox { position: absolute; top: 7px; }
body.ltr .matrixblock > .checkbox { left: 14px; }
body.rtl .matrixblock > .checkbox { right: 14px; }

.matrixblock > .actions > .status.off { display: none; }

.matrixblock.disabled > .actions > .status.off { display: inline-block; }
body.ltr .matrixblock.disabled > .actions > .status.off { float: left; }
body.rtl .matrixblock.disabled > .actions > .status.off { float: right; }
body.ltr .matrixblock.disabled > .actions > .status.off { margin: 4px 10px 0 0 ; }
body.rtl .matrixblock.disabled > .actions > .status.off { margin: 4px 0 0 10px ; }

.matrixblock > .actions { position: absolute; z-index: 1; top: 6px; cursor: default; }
body.ltr .matrixblock > .actions { right: 5px; }
body.rtl .matrixblock > .actions { left: 5px; }

.matrixblock > .actions a { padding: 0; width: 15px; height: 20px; text-align: center; color: rgba(0, 0, 0, 0.25); }
body.ltr .matrixblock > .actions a { margin-right: 2px; }
body.rtl .matrixblock > .actions a { margin-left: 2px; }

.matrixblock > .actions a:hover { width: 15px; height: 20px; text-align: center; color: #0d78f2; }

body.ltr .matrixblock > .actions a.settings:after { margin-left: 3px; }
body.rtl .matrixblock > .actions a.settings:after { margin-right: 3px; }

.matrixblock > .fields > .field { margin: 15px 0; }

.matrix > .buttons { margin-top: 0; height: 30px; }

/* categories */
.add-category-form { margin-top: 24px; }

.add-category-form .texticon { width: 200px; }
body.ltr .add-category-form .texticon { float: left; }
body.rtl .add-category-form .texticon { float: right; }
body.ltr .add-category-form .texticon { margin-right: 5px; }
body.rtl .add-category-form .texticon { margin-left: 5px; }

body.ltr .add-category-form .texticon .text { padding-right: 30px; }
body.rtl .add-category-form .texticon .text { padding-left: 30px; }

.add-category-form .texticon .spinner { position: absolute; top: 0; }
body.ltr .add-category-form .texticon .spinner { right: 5px; }
body.rtl .add-category-form .texticon .spinner { left: 5px; }

.categoriesfield { position: relative; min-height: 30px; }

body.ltr .categoriesfield .structure ul { margin-left: 12px; }
body.rtl .categoriesfield .structure ul { margin-right: 12px; }

/* ----------------------------------------
/* IE hacks
/* ----------------------------------------*/
/* Fix layout of modal element selectors for IE8 */
.elementselectormodal .body .main { float: left\9; width: 445px\9; }

/* ----------------------------------------
/*  Retina graphics
/* ----------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .color { background-image: url(../images/checkers_2x.png); background-size: 16px; }
  table thead th.ordered { background-image: url(../images/listview_sort_2x.png); background-size: 26px; }
  table thead th.ordered.loading { background-image: url(../images/spinner_tableheader_2x.gif); background-size: 26px; }
  .spinner { background-image: url(../images/spinner_2x.gif); background-size: 20px; }
  .spinner.big { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }
  .btn.icon.add.loading:after { background-image: url(../images/spinner_2x.gif); background-size: 20px; }
  .btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_2x.gif); }
  .secondary-buttons .btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary_2x.gif); }
  .sel .element.loading:after, .element.loading.sel:after { background-image: url(../images/spinner_element_2x.gif); background-size: 20px; }
  .structure ul li { background-size: 40px; }
  body.ltr .structure ul li { background-image: url(../images/branch_2x.png); }
  body.rtl .structure ul li { background-image: url(../images/branch_rtl_2x.png); }
  .progressbar.pending .progressbar-inner { background-image: url(../images/progressbar_pending_2x.png); background-size: 50px; }
  .modal .resizehandle { background-size: 13px; }
  body.ltr .modal .resizehandle { background-image: url(../images/resizehandle_2x.png); }
  body.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl_2x.png); }
  .hud .tip-left { background-image: url(../images/hudtip_left_2x.png); background-size: 15px 30px; }
  .hud .tip-top { background-image: url(../images/hudtip_top_2x.png); background-size: 30px 15px; }
  .hud .tip-right { background-image: url(../images/hudtip_right_2x.png); background-size: 15px 30px; }
  .hud .tip-bottom { background-image: url(../images/hudtip_bottom_2x.png); background-size: 30px 15px; }
  .hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray_2x.png); } }
/* Flexbox stuff */
/* Other */
/* RTL stuff */
.cp-chart { margin: 0; height: 100%; position: relative; }

.cp-chart svg { width: 100%; height: 100%; }

.cp-chart .axis path, .cp-chart .axis line { fill: none; stroke: #e3e5e8; shape-rendering: crispEdges; }

.cp-chart .ticks-axis path, .cp-chart .ticks-axis line { fill: none; stroke: none; shape-rendering: crispEdges; }

.cp-chart .axis text { fill: RGBA(0, 0, 0, 0.6); }

.cp-chart .grid-line .tick { stroke: RGBA(0, 0, 0, 0.08); stroke-opacity: 0.7; shape-rendering: crispEdges; }

.cp-chart .grid-line path { stroke-width: 0; }

.tooltip { border-radius: 3px; padding: 7px 10px; background: rgba(250, 250, 250, 0.9); position: absolute; z-index: 1000000; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; }

/*# sourceMappingURL=craft.css.map */