@charset "UTF-8";
/* ----------------------------------------
/*  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: 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: 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.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: #f1f5f8; }

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

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

body.rtl { direction: rtl; }

body, input, select, textarea { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }

.first, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, blockquote: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, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, blockquote:last-child, .pane:last-child, .grid:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child { margin-bottom: 0 !important; }

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

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, .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"; -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; 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: 'plus'; }

.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; }

body.ltr .livepreviewbtn:before, body.ltr .sharebtn:before { margin-right: 7px; }
body.rtl .livepreviewbtn:before, body.rtl .sharebtn:before { margin-left: 7px; }

.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-weight: 300; font-size: 24px; line-height: 1; }

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

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: 24px 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: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, 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; transition: -webkit-transform linear 100ms; transition: transform linear 100ms; transition: transform linear 100ms, -webkit-transform linear 100ms; }
body.ltr .toggle, body.ltr a.fieldtoggle:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
body.rtl .toggle, body.rtl a.fieldtoggle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

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

.toggle.expanded, a.fieldtoggle.expanded:before, .sidebar nav li.expanded > .toggle, .structure li:not(.collapsed) > .row > .toggle { -webkit-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; }

/* readable blocks */
.readable { font-size: 16px; line-height: 22px; }
.readable h1, .readable h2, .readable h3, .readable h4, .readable h5, .readable h6 { margin: 24px 0 16px; font-weight: 600; }
.readable h1 { font-size: 32px; line-height: 40px; color: #000; }
.readable h2 { font-size: 24px; line-height: 30px; }
.readable h3 { font-size: 20px; line-height: 24px; }
.readable h4 { font-size: 16px; line-height: 20px; }
.readable h5 { font-size: 14px; line-height: 18px; }
.readable h6 { font-size: 13.6px; line-height: 17px; color: #8f98a3; }
.readable ul, .readable ol { margin: 1em 0; }
body.ltr .readable ul, body.ltr .readable ol { padding-left: 2em; }
body.rtl .readable ul, body.rtl .readable ol { padding-right: 2em; }
.readable ul li { list-style-type: disc; }
.readable li + li { margin-top: 0.25em; }
.readable blockquote { margin: 16px 0; }
.readable blockquote:not(.note) { padding: 0 16px; color: #8f98a3; }
body.ltr .readable blockquote:not(.note) { border-left: 4px solid #e3e5e8; }
body.rtl .readable blockquote:not(.note) { border-right: 4px solid #e3e5e8; }
.readable blockquote.note { position: relative; border-radius: 4px; padding: 1em; border: 1px solid; }
body.ltr .readable blockquote.note { padding-left: 56px; }
body.rtl .readable blockquote.note { padding-right: 56px; }
.readable blockquote.note:not(.tip):not(.warning) { border-color: #da5a47; color: #bf503f; }
.readable blockquote.note:not(.tip):not(.warning):before { content: 'alert'; color: #da5a47; }
.readable blockquote.note.tip { border-color: #0d78f2; color: #8f98a3; }
.readable blockquote.note.tip:before { content: 'lightbulb'; color: #0d78f2; }
.readable blockquote.note.warning { border-color: #e78640; color: #cf783a; }
.readable blockquote.note.warning:before { content: 'alert'; color: #e78640; }
.readable blockquote.note:before { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; position: absolute; top: 12px; font-size: 30px; width: 24px; }
body.ltr .readable blockquote.note:before { left: 16px; }
body.rtl .readable blockquote.note:before { right: 16px; }

/* text styles */
body.ltr .leftalign { text-align: left; }
body.rtl .leftalign { text-align: right; }

.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; }

.extralight { color: #b9bfc6 !important; }

.smalltext { font-size: 12px; }

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

.required:after { content: 'asterisk'; font-size: 7px; color: #da5a47; }
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"; -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; user-select: none; display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 9px; line-height: 17px; content: 'asterisk'; text-indent: 0; }

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

.success { color: #00b007 !important; }

.notice { color: #5286d9 !important; }

.warning { color: #e78640 !important; }

.error { color: #da5a47 !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 { vertical-align: bottom; display: inline-block; width: 1em; height: 1.375em; text-align: center; cursor: pointer; overflow: hidden; }
.info:before { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; vertical-align: baseline; width: 100%; line-height: 1.375; content: 'info'; color: #b9bfc6; }
.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: #fbfcfd; overflow: auto; -webkit-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; 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: 12px; 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%; }

/* ----------------------------------------
/*  Icon lists
/* ----------------------------------------*/
ul.icons { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; 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, ul.icons li a svg { 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: 21px; min-height: 32px; }
.toolbar.fixed { position: fixed; z-index: 1; top: 0; margin: 0 -1px; padding: 7px 1px 0; background: #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex > * { margin-bottom: 7px; }
.flex > *.label { white-space: nowrap; }
body.ltr .flex > *:not(:last-child) { margin-right: 7px !important; }
body.rtl .flex > *:not(:last-child) { margin-left: 7px !important; }
.flex > *.invisible { visibility: hidden; }

.flex-grow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.buttons { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 24px 0; }
.buttons > .btn:not(.hidden) + .btn, .buttons > .btn:not(.hidden) + .btngroup, .buttons > .btngroup:not(.hidden) + .btn, .buttons > .btngroup:not(.hidden) + .btngroup { margin-left: 5px; }
.footer > .buttons { margin: 0; }

.btn { display: inline-block; border-radius: 2px; padding: 6px 12px; border: none; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); color: #29323d; }
.btn:focus { outline: none; -webkit-box-shadow: inset 0 0 0 1px #0D99F2, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px #0D99F2, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); }
.btn:active, .btn.active { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0.5px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0.5px 1px rgba(0, 0, 0, 0.15); }
.btn:not(.submit) { color: #29323d; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); background-image: linear-gradient(#fff, #fafafa); }
.btn:not(.submit):active, .btn:not(.submit).active { background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e5e7), to(#eaebec)); background-image: linear-gradient(#e4e5e7, #eaebec); }
.btn[type='color'] { padding: 6px !important; width: 36px; }
.btn.active { cursor: default; }
.btn:hover { text-decoration: none; }
.btn:active { outline: none; }
.btn div.checkbox { margin-top: 4px; }

.disabled { opacity: 0.25; }

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

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

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: 10px; }

.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 { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.btngroup.fullwidth .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.btngroup.disabled .btn { cursor: default; }
.btngroup .btn.active { cursor: default; }
body.ltr .btngroup .btn:not(:last-child) { margin-right: 1px; }
body.rtl .btngroup .btn:not(:last-child) { margin-left: 1px; }
body.ltr .btngroup .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.ltr .btngroup .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body.rtl .btngroup .btn:not(:first-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; }

/* menu buttons */
.menubtn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.menubtn:after { content: 'downangle'; }
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; }

/* 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; }
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-right: -24px; }
body.rtl .buttons.right .btn + .spinner { margin-left: -24px; }

/* small buttons */
.btngroup.small .btn, .btn.small { padding: 0 7px !important; font-size: 12px; 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-gradient(linear, left top, left bottom, from(#da5a47), to(#cc5643)); background-image: linear-gradient(#da5a47, #cc5643); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }

.btn.submit:not(.disabled):not(.inactive):hover, .btn.submit:not(.disabled):not(.inactive).hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#bf503f), to(#b34b3b)); background-image: linear-gradient(#bf503f, #b34b3b); }

.btn.submit:not(.disabled):not(.inactive):active, .btn.submit:not(.disabled):not(.inactive).active { background-image: -webkit-gradient(linear, left top, left bottom, from(#8c3b2e), to(#994032)); background-image: linear-gradient(#8c3b2e, #994032); }

.secondary-buttons .btn.submit { background-image: -webkit-gradient(linear, left top, left bottom, from(#8f98a3), to(#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-gradient(linear, left top, left bottom, from(#737f8c), to(#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-gradient(linear, left top, left bottom, from(#5c6570), to(#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; box-shadow: none !important; }

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

/* color inputs */
.color-input { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.9em !important; }

.color { display: inline-block; position: relative; vertical-align: middle; width: 32px; height: 32px; border-radius: 16px; padding: 0; background: url(../images/checkers.png); }
.color:not(.static) { cursor: pointer; }
.color:not(.static):not(.disabled):hover .color-preview, .color:not(.static):not(.disabled):active .color-preview, .color:not(.static):not(.disabled).active .color-preview { -webkit-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(.static):not(.disabled):active .color-preview, .color:not(.static):not(.disabled).active .color-preview { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
.color.small { width: 15px; height: 15px; background-size: 16px; }
.color .color-preview { top: 0; width: 100%; height: 100%; border-radius: 16px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(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); 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 .color-preview { left: 0; }
body.rtl .color .color-preview { right: 0; }

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

/* lightswitch */
.lightswitch { position: relative; border: none !important; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: -webkit-box-shadow linear 100ms; transition: -webkit-box-shadow linear 100ms; transition: box-shadow linear 100ms; transition: box-shadow linear 100ms, -webkit-box-shadow linear 100ms; }
.lightswitch:not(.small) { border-radius: 11px; width: 33px; height: 22px; }
.lightswitch:not(.small) .lightswitch-container { width: 44px; }
body.ltr .lightswitch:not(.small) .lightswitch-container { margin-left: -11px; }
body.rtl .lightswitch:not(.small) .lightswitch-container { margin-right: -11px; }
.lightswitch:not(.small) .label { width: 22px; height: 22px; }
body.ltr .lightswitch:not(.small) .label.on { border-radius: 11px 0 0 11px; }
body.rtl .lightswitch:not(.small) .label.on { border-radius: 0 11px 11px 0; }
body.ltr .lightswitch:not(.small) .label.off { border-radius: 0 11px 11px 0; }
body.rtl .lightswitch:not(.small) .label.off { border-radius: 11px 0 0 11px; }
.lightswitch:not(.small) .handle { border-radius: 10px; margin: 1px -10px; width: 20px; height: 20px; }
.lightswitch.small { border-radius: 9px; width: 27px; height: 18px; }
.lightswitch.small .lightswitch-container { width: 36px; }
body.ltr .lightswitch.small .lightswitch-container { margin-left: -9px; }
body.rtl .lightswitch.small .lightswitch-container { margin-right: -9px; }
.lightswitch.small .label { width: 18px; height: 18px; }
body.ltr .lightswitch.small .label.on { border-radius: 9px 0 0 9px; }
body.rtl .lightswitch.small .label.on { border-radius: 0 9px 9px 0; }
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.small .handle { border-radius: 8px; margin: 1px -8px; width: 16px; height: 16px; }
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; box-shadow: 0 0 0 1px rgba(51, 170, 255, 0.5), 0 0 2px #33aaff; }
body.ltr .lightswitch.on .lightswitch-container { margin-left: 0; }
body.rtl .lightswitch.on .lightswitch-container { margin-right: 0; }
.lightswitch .label { -webkit-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 .label.on, .lightswitch:not(.dragging).on .label.off { background: #00b007; }
.lightswitch .label.off, .lightswitch:not(.dragging):not(.on) .label.on { background: #9da5af; }
.lightswitch .handle { position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); background-image: linear-gradient(#fff, #fafafa); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
body.ltr .lightswitch .handle { float: left; }
body.rtl .lightswitch .handle { float: right; }

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

th.thin, td.thin { width: 0.01% !important; }

/* 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.fixed-layout { table-layout: fixed; }

/* 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); 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; transform: rotate(-90deg) !important; }
body.rtl .datatablesorthelper .tableview .toggle { -webkit-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; user-select: none; }
.element.sel, li.sel .element { border-radius: 2px; 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; -ms-flex-negative: 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: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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; 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: 2px; overflow: hidden; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; -webkit-box-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: 32px; }
body.ltr .element.loading:after { right: 3px; }
body.rtl .element.loading:after { left: 3px; }
.element.loading.removable .delete { display: none; }

.elements .tableview tr { outline: none; }
.elements .tableview tr.sel td:not(.checkbox-cell) { background: #d5d8dd; }
.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; position: relative; }
body.ltr .elements .tableview td.checkbox-cell { padding-right: 7px; }
body.rtl .elements .tableview td.checkbox-cell { padding-left: 7px; }
.elements .tableview td.checkbox-cell input.checkbox + label, .elements .tableview td.checkbox-cell div.checkbox { position: absolute; top: calc(50% - 6px); }
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 .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: 13px; }
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; }
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: 108px; }
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; }
.structure li.collapsed > ul { display: none; }
.structure li .row:hover > .icon, .structure li.draghelper > .row .move, .structure li .add.active { opacity: 1; }
.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; }
.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 .row:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.structure li .move, .structure li .add { opacity: 0; -webkit-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: 'downangle'; color: rgba(0, 0, 0, 0.2); }
.structure li .add:not(.disabled):hover:before, .structure li .add.active:before { color: #0d78f2; }
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 ; }
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; }
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; box-shadow: inset 0 0 0 2px #0d78f2; }
.structure .row.droptarget { border-radius: 5px; -webkit-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 th, table.editable td.action { color: #8f98a3; font-weight: normal; background: #f1f5f8; }
table.editable thead tr th, table.editable tbody tr th { padding: 6px 10px; white-space: nowrap; }
table.editable thead tr th { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
table.editable thead tr th span.info { position: absolute; margin-left: 5px; }
table.editable tbody tr:not(:first-child) th, table.editable tbody tr:not(:first-child) td { border-top: 1px solid rgba(0, 0, 0, 0.07); }
body.ltr table.editable tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }
body.rtl table.editable tbody tr:last-child td:first-child { border-bottom-right-radius: 5px; }
body.ltr table.editable tbody tr:last-child td:first-child textarea, body.ltr table.editable tbody tr:last-child td:first-child input.text { border-bottom-left-radius: 4px; }
body.rtl table.editable tbody tr:last-child td:first-child textarea, body.rtl table.editable tbody tr:last-child td:first-child input.text { border-bottom-right-radius: 4px; }
body.ltr table.editable tbody tr td:not(:first-child), body.ltr table.editable tbody tr th ~ td:not(.hidden) ~ td { border-left: 1px solid rgba(0, 0, 0, 0.07); }
body.rtl table.editable tbody tr td:not(:first-child), body.rtl table.editable tbody tr th ~ td:not(.hidden) ~ td { border-right: 1px solid rgba(0, 0, 0, 0.07); }
body.ltr table.editable tbody tr th ~ td:not(:first-child) { border-left: 1px solid #dbdddf; }
body.rtl table.editable tbody tr th ~ td:not(:first-child) { border-right: 1px solid #dbdddf; }
table.editable tbody tr td { vertical-align: middle; text-align: center; background: #fff; }
table.editable tbody tr td.textual { vertical-align: top; }
table.editable tbody tr td:not(.textual) { padding: 4px 10px; }
table.editable tbody tr td.error { -webkit-box-shadow: inset 0 0 0 1px #da5a47; box-shadow: inset 0 0 0 1px #da5a47; }
table.editable tbody tr td.disabled { position: relative; opacity: 1; }
table.editable tbody tr td.disabled:after { content: '.'; font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(244, 245, 246, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.editable tbody tr td.action { padding: 4px 7px; }
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 tr td.code textarea::-webkit-input-placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody tr td.code textareainput:-ms-input-placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody tr td.code textarea::-ms-input-placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody tr td.code textarea:-moz-placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody tr td.code textarea::-webkit-input-placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody tr td.code textarea::placeholder { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
table.editable tbody textarea, table.editable tbody textarea.text, table.editable tbody input.text { display: block; width: 100%; border: none; border-radius: 0; padding: 7px 10px; background: transparent; overflow: hidden; -webkit-transition: none; transition: none; }
table.editable tbody textarea:focus, table.editable tbody textarea.text:focus, table.editable tbody input.text:focus { border: 1px solid rgba(0, 0, 0, 0.15); padding: 6px 9px; outline: none; }
table.editable tbody .color-container { display: block; position: relative; }
table.editable tbody .color-container > .color, table.editable tbody .color-container > .color-input { margin-bottom: 0; }
table.editable tbody .color-container > .color { position: absolute; top: calc(50% - 8px); }
body.ltr table.editable tbody .color-container > .color { left: 10px; }
body.rtl table.editable tbody .color-container > .color { right: 10px; }
body.ltr table.editable tbody .color-container > .color-input { padding-left: 35px; }
body.rtl table.editable tbody .color-container > .color-input { padding-right: 35px; }
body.ltr table.editable tbody .color-container > .color-input:focus { padding-left: 34px; }
body.rtl table.editable tbody .color-container > .color-input:focus { padding-right: 34px; }
table.editable tbody .datewrapper, table.editable tbody .timewrapper { width: 100%; }
body.ltr table.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], body.ltr table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { left: 10px; }
body.rtl table.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], body.rtl table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { right: 10px; }
table.editable + .btn.add { display: block; border-radius: 0 0 2px 2px; border: 1px dashed rgba(0, 0, 20, 0.4); border-top-width: 0; background: none; -webkit-box-shadow: none; box-shadow: none; }
table.editable + .btn.add:focus { border-style: solid; border-color: #0D99F2; }

.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.white, .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; transition: width linear 100ms; }

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

@-webkit-keyframes pendingprogress-ltr { 0% { background-position: 0; }
  100% { 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; } }
@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; }

.missing-component { padding: 7px 10px !important; max-width: 400px; background: #fbfcfd !important; }
.missing-component .error { margin: 0; }
.missing-component .install-plugin { margin: 7px 0 -7px; border-top: 1px solid #e3e5e8; position: relative; }
body.ltr .missing-component .install-plugin { padding: 10px 0 10px 40px; }
body.rtl .missing-component .install-plugin { padding: 10px 40px 10px 0; }
.missing-component .install-plugin .icon { width: 32px; height: 32px; position: absolute; top: calc(50% - 16px); }
body.ltr .missing-component .install-plugin .icon { left: 0; }
body.rtl .missing-component .install-plugin .icon { right: 0; }
.missing-component .install-plugin .icon img, .missing-component .install-plugin .icon svg { width: 100%; height: 100%; }
.missing-component .install-plugin h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 8px 0 !important; }
.missing-component .install-plugin .btn { margin: 0; }

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

/* meta panes */
.meta { padding: 0; overflow: visible; }
.meta > .field, .meta > .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 !important; padding: 0 24px; }
.meta > .field > .heading, .meta > .data > .heading { -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; margin-bottom: 0; line-height: 18px; }
.meta > .field.lightswitch-field > .heading, .meta > .data.lightswitch-field > .heading { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.meta > .field > .input .flex, .meta > .data > .input .flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.meta > .field > .input .flex > *, .meta > .data > .input .flex > * { margin-bottom: 0; }
.meta > .field > .heading { padding: 14px 0; }
.meta > .data > .heading { padding: 8px 0; }
.meta > .field > .heading > label, .meta > .data > .heading { color: #8f98a3; }
.meta > .field > .input, .meta > .data > .value { padding: 8px 0; width: calc(100% - 112px); }
.meta > .field.lightswitch-field > .input { width: auto; }
.meta > .field { -webkit-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; transition: -webkit-box-shadow linear 100ms; transition: box-shadow linear 100ms; transition: box-shadow linear 100ms, -webkit-box-shadow linear 100ms; }
.meta > .field.has-focus { z-index: 1; -webkit-box-shadow: 0 0 5px #33aaff; box-shadow: 0 0 5px #33aaff; }
.meta > .field.has-errors { margin: 0 -1px !important; border: 1px solid #da5a47 !important; }
.meta > .field.has-errors + .field { border-top: none !important; }
.meta > .field + .field { border-top: 1px solid rgba(0, 0, 20, 0.1); }
.meta > .field + .field.has-focus { border-top: none; margin-top: 1px !important; }
.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 > .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; box-shadow: none; border: none !important; }
.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper, .meta > .field > .input > .datetimewrapper > .datewrapper, .meta > .field > .input > .datetimewrapper > .timewrapper { background: transparent; }
body.ltr .meta > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { left: 0; }
body.rtl .meta > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { right: 0; }
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 > ul.errors { margin: 0; padding: 0 0 6px; width: 100%; list-style-type: none; }

.meta > .field > .input .select { display: block; margin: -8px 0; width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: none; }
body.ltr .meta > .field > .input .select:after { right: 0; }
body.rtl .meta > .field > .input .select:after { left: 0; }
.meta > .field > .input .select + .spinner { position: absolute; top: calc(50% - 17px); }
body.ltr .meta > .field > .input .select + .spinner { right: -24px; }
body.rtl .meta > .field > .input .select + .spinner { left: -24px; }
.meta > .field > .input .select select { width: 100%; -webkit-box-shadow: none; box-shadow: none; }
body.ltr .meta > .field > .input .select select { padding: 8px 12px 8px 0; }
body.rtl .meta > .field > .input .select select { padding: 8px 0 8px 12px; }

.body { position: relative; }

.modal, .hud { z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.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; box-sizing: border-box; }

.header, .hud-header { border-radius: 5px 5px 0 0; padding: 24px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafa)); background-image: linear-gradient(#fff, #f9fafa); -webkit-box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.2); }
.header h1, .hud-header h1 { margin: 0; }

.footer, .hud-footer { border-radius: 0 0 5px 5px; padding: 14px 24px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ecedef), to(#e9eaec)); background-image: linear-gradient(#ecedef, #e9eaec); -webkit-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); }

.modal .body, .hud .main { padding: 24px; overflow: hidden; -webkit-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:not(.dark) { background: rgba(255, 255, 255, 0.75) !important; }
.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; }
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"; -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; 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"; -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; 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; }
.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); }

.hud { position: absolute; display: none; top: 0; }
.hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray.png); }
.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 .hud-header, .hud .hud-footer { padding: 7px 24px; }

.hud .body { overflow: hidden; }
.hud .body ::-webkit-scrollbar { -webkit-appearance: none; 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: #fbfcfd; }

/* 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: 8px 0; }
.hud .elementeditor .main .meta .image-preview-container { position: relative; margin: -8px 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 190px; background: #222; }
.hud .elementeditor .main .meta .image-preview-container .image-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.hud .elementeditor .main .meta .image-preview-container .image-preview img { display: block; max-width: 100%; max-height: 190px; }
.hud .elementeditor .main .meta .image-preview-container.editable { cursor: pointer; }
.hud .elementeditor .main .meta .image-preview-container.editable .btn { opacity: 0; position: absolute; top: 10px; background: rgba(34, 34, 34, 0.9); color: #fff; border: 1px solid rgba(153, 153, 153, 0.9); background-clip: padding-box; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: opacity linear 100ms; transition: opacity linear 100ms; }
body.ltr .hud .elementeditor .main .meta .image-preview-container.editable .btn { right: 10px; }
body.rtl .hud .elementeditor .main .meta .image-preview-container.editable .btn { left: 10px; }
.hud .elementeditor .main .meta .image-preview-container.editable:hover .btn { opacity: 1; }
.hud .elementeditor .main .meta .field { padding-left: 24px; padding-right: 24px; }

/* element selector modals */
.elementselectormodal { padding-bottom: 58px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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 .content .sidebar { position: absolute; top: 0; height: 100%; overflow: auto; }
body.ltr .elementselectormodal .body .content .sidebar { margin-left: -242px; }
body.rtl .elementselectormodal .body .content .sidebar { margin-right: -242px; }
.elementselectormodal .body .content .main { margin: -24px; padding: 24px; height: calc(100% - 48px); overflow: auto; position: relative; }
.elementselectormodal .body .content .main .elements .tableview table .element { display: inline-block; }
.elementselectormodal .body .content .main .elements .tableview table tr:focus { outline: none; }
.elementselectormodal .body .content .main .elements .tableview table tr.disabled { opacity: 1; color: #d4d4d4; }
.elementselectormodal .body .content .main .elements .tableview table tr.disabled + tr.disabled th, .elementselectormodal .body .content .main .elements .tableview table tr.disabled + tr.disabled td { border-top-color: rgba(0, 0, 0, 0.025); }
.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element { opacity: 0.25; }
.elementselectormodal .body .content .main .elements .tableview table tr th, .elementselectormodal .body .content .main .elements .tableview table tr td { cursor: default; }
body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-left: 7px; }
body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-right: 7px; }
.elementselectormodal .body .content .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 { position: relative; }
.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; }

/* logout warning/login/elevated session modals */
.logoutwarningmodalshade, .loginmodalshade { z-index: 101; }

#logoutwarningmodal, #loginmodal, #elevatedsessionmodal { width: 500px; }

#logoutwarningmodal, #loginmodal { z-index: 101; }

#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 .content-summary { margin: -24px -24px 24px; padding: 24px; background: #fbfcfd; }
.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; }

/* ----------------------------------------
/*  Menus
/* ----------------------------------------*/
.menu, .ui-datepicker, .ui-timepicker-list { z-index: 100; border-radius: 2px; padding: 0 14px; overflow: auto; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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); 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 { display: none; position: absolute; }
.menu h6:first-child { margin-top: 14px !important; }
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: 14px; color: #b9bfc6; }
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[data-icon].error:before, .menu ul.padded li a.icon.error:before, .menu ul.padded li a.sel.error:before { color: #da5a47; }
.menu ul.padded li a.sel:not([data-icon]):before { content: 'check'; }
.menu ul li a { margin: 0 -14px; padding: 10px 14px; color: #29323d; text-decoration: none; white-space: nowrap; display: block !important; font-size: 14px; }
.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; }

.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 { color: #29323d; background-color: #d5d8dd; }

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

/* tag select fields */
.tagselect .elements { display: inline; }
.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; }

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: 5px; border: 1px solid #ccc; overflow: hidden; width: 100%; -webkit-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), .border-box, .matrix-configurator > .field > .input, .selectize-text > .selectize-control > .selectize-input { border: 1px solid rgba(0, 0, 20, 0.1); border-radius: 2px; -webkit-transition: border linear 50ms; transition: border linear 50ms; }

.text.focus, .text:focus, .border-box.focus, .border-box:focus, .selectize-text > .selectize-control > .selectize-input.focus, .selectize-text > .selectize-control > .selectize-input:focus { border-color: #0D99F2; outline: none; }

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

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

textarea.text.fullwidth { display: block; }

.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: 2px; }
body.rtl .multitext .multitextrow:first-child .text:first-child { border-top-right-radius: 2px; }
body.ltr .multitext .multitextrow:first-child .text:last-child { border-top-right-radius: 2px; }
body.rtl .multitext .multitextrow:first-child .text:last-child { border-top-left-radius: 2px; }
body.ltr .multitext .multitextrow:last-child .text:first-child { border-bottom-left-radius: 2px; }
body.rtl .multitext .multitextrow:last-child .text:first-child { border-bottom-right-radius: 2px; }
body.ltr .multitext .multitextrow:last-child .text:last-child { border-bottom-right-radius: 2px; }
body.rtl .multitext .multitextrow:last-child .text:last-child { border-bottom-left-radius: 2px; }
.multitext .multitextrow:not(:first-child) .text { margin-top: -1px; }
.multitext .multitextrow .text { border-radius: 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
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); }
.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; }

.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: #da5a47; }

.field { position: relative; margin: 24px 0; }
.field > .heading { margin-bottom: 5px; }
.field > .heading > label { position: relative; font-weight: bold; color: #576575; }
.field > .heading > label > .site { display: inline-block; border-radius: 2px; padding: 0 4px; font-size: 11px; color: #8f98a3; background: #f1f5f8; }
body.ltr .field > .heading > label > .site { margin-left: 7px; }
body.rtl .field > .heading > label > .site { margin-right: 7px; }
.field > .warning { margin: 2px 0 0; }
.field > .warning:before { font-family: 'Craft'; speak: none; -webkit-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; 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 { position: relative; }
.field > .input:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

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

/* 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-block; 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; width: 12px !important; height: 12px; content: '.'; font-size: 0; border-radius: 1px; background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.2); }
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 + label:before { top: 3px; }

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 { font-family: 'Craft'; speak: none; -webkit-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; 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: 15px; }

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 0 1px #0D99F2; box-shadow: 0 0 0 1px #0D99F2; }

.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; }

/* multiselect */
.multiselect > select { border: 1px solid rgba(0, 0, 20, 0.1); border-radius: 2px; -webkit-transition: border linear 50ms; transition: border linear 50ms; color: #29323d; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.multiselect > select:focus { border-color: #0D99F2; outline: none; }
.multiselect > select option { padding: 1px 8px; }

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

.text { background: #fff; }
.text.small { padding: 3px; }
.text input { margin: 0; padding: 0; border: none; outline: none; background: none; }

.input.errors > .text, .input.errors > .border-box, .input.errors > .passwordwrapper > .text, .text.error { border: 1px solid #da5a47 !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"; -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; user-select: none; content: 'remove'; }

.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; background: #fff; }
.datewrapper .text, .timewrapper .text { position: relative; z-index: 1; width: 100%; background: transparent; }
.datewrapper .text:placeholder-shown + div[data-icon], .timewrapper .text:placeholder-shown + div[data-icon] { display: block; position: absolute; top: calc(50% - 10px); z-index: 0; color: #b9bfc6; }
body.ltr .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .timewrapper .text:placeholder-shown + div[data-icon] { left: 8px; }
body.rtl .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .timewrapper .text:placeholder-shown + div[data-icon] { right: 8px; }
.datewrapper .text:placeholder-shown + div[data-icon], .datewrapper .text:placeholder-shown + div[data-icon]:before, .timewrapper .text:placeholder-shown + div[data-icon], .timewrapper .text:placeholder-shown + div[data-icon]:before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }
#details .datewrapper .text:placeholder-shown + div[data-icon], #details .timewrapper .text:placeholder-shown + div[data-icon] { color: rgba(0, 0, 0, 0.25); }
.datewrapper .text:not(:placeholder-shown) + div[data-icon], .timewrapper .text:not(:placeholder-shown) + div[data-icon] { display: none; }

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

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

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

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

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

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

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

::placeholder { color: #b9bfc6; }

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

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

.select:not(.selectize), .select:not(.selectize) select { position: relative; border-radius: 2px; white-space: nowrap; }

.select:not(.selectize) { position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); background-image: linear-gradient(#fff, #fafafa); -webkit-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); }
:not(.flex) > .select:not(.selectize) { display: inline-block; }

.select:not(.selectize):after { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: 'downangle'; 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: none; font-size: 14px; line-height: 18px; color: #29323d; background: none; -webkit-box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow linear 50ms; transition: -webkit-box-shadow linear 50ms; transition: box-shadow linear 50ms; transition: box-shadow linear 50ms, -webkit-box-shadow linear 50ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; white-space: pre; }
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 { outline: none; -webkit-box-shadow: inset 0 0 0 1px #0D99F2, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px #0D99F2, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); }

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

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

/* selectize reset */
.selectize .selectize-control.single .selectize-input { border-color: inherit; -webkit-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: 2px; white-space: nowrap; }

.selectize.select .selectize-control { position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); background-image: linear-gradient(#fff, #fafafa); -webkit-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); }
:not(.flex) > .selectize.select .selectize-control { display: inline-block; }

.selectize.select .selectize-control:after { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; position: absolute; z-index: 1; top: calc(50% - 5px); font-size: 10px; content: 'downangle'; 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: none; font-size: 14px; line-height: 18px; color: #29323d; background: none; -webkit-box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow linear 50ms; transition: -webkit-box-shadow linear 50ms; transition: box-shadow linear 50ms; transition: box-shadow linear 50ms, -webkit-box-shadow linear 50ms; -webkit-appearance: none; -moz-appearance: none; 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 rgba(0, 0, 20, 0.1); border-radius: 2px; -webkit-transition: border linear 50ms; transition: border linear 50ms; 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: #0D99F2; outline: none; }

/* menu styles */
body .selectize-dropdown { z-index: 100; border-radius: 2px; padding: 0 14px; overflow: auto; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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); 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"; -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; user-select: none; content: 'plus'; 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: 242px; z-index: 101 !important; }
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"; -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; 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); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15); }

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

.ui-timepicker-list { overflow-y: auto; width: calc(14px + 6em); 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 14px; }
body.rtl .ui-timepicker-list li { padding: 2px 14px 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: #da5a47; }

/* 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); 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; 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: 12px; 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: #da5a47; }

.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-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(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: 5px; border: 1px solid #e3e5e8; background: #fbfcfd; outline: none; }
.matrixblock > .titlebar { margin: 0 -14px 14px; width: calc(100% + 28px); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 4px 0 0; border-bottom: 1px solid #e3e5e8; background: #f1f5f8; 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; user-select: none; }
body.ltr .matrixblock > .titlebar { padding: 5px 70px 5px 33px; }
body.rtl .matrixblock > .titlebar { padding: 5px 33px 5px 70px; }
.matrixblock > .titlebar > .blocktype { display: inline; color: #8f98a3; }
.matrixblock > .titlebar > .preview { display: inline; opacity: 0; -webkit-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 > .titlebar > .preview span { opacity: 0.5; }
.matrixblock.disabled { opacity: 1; }
body.ltr .matrixblock.disabled > .titlebar { padding-right: 90px; }
body.rtl .matrixblock.disabled > .titlebar { padding-left: 90px; }
.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: 6px 10px 0 0 ; }
body.rtl .matrixblock.disabled > .actions > .status.off { margin: 6px 0 0 10px ; }
.matrixblock.collapsed > .titlebar { border-radius: 4px; border-bottom: none; }
.matrixblock.collapsed > .titlebar > .preview { opacity: 1; }
.matrixblock > .checkbox { position: absolute; top: 7px; }
body.ltr .matrixblock > .checkbox { left: 14px; }
body.rtl .matrixblock > .checkbox { right: 14px; }
.matrixblock > .actions { position: absolute; z-index: 1; top: 4px; cursor: default; }
body.ltr .matrixblock > .actions { right: 5px; }
body.rtl .matrixblock > .actions { left: 5px; }
.matrixblock > .actions > .status.off { display: none; }
.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; }
.matrixblock > .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 (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .color { background-image: url(../images/checkers_2x.png); background-size: 16px; }
  .color.small { background-size: 8px; }
  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); } }
html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }

#global-container { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100vh; width: 100vw; }

/* global sidebar */
#global-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 100; position: relative; width: 225px; height: 100vh; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; background: #333f4d; -webkit-box-shadow: none; box-shadow: none; }
#global-sidebar #devmode { -webkit-box-flex: 0; -ms-flex: 0 0 4px; flex: 0 0 4px; width: 100%; min-height: 4px; background: url(../images/dev-mode.svg) repeat-x 21px 0; cursor: help; }
#global-sidebar a { color: #d7d9db; -webkit-transition: color linear 100ms; transition: color linear 100ms; text-decoration: none; }
#global-sidebar > a, #global-sidebar *:not(.has-subnav) > a { outline: none; -webkit-transition: background-color linear 100ms; transition: background-color linear 100ms; }
#global-sidebar > a:hover, #global-sidebar > a.active, #global-sidebar > a:active, #global-sidebar *:not(.has-subnav) > a:hover, #global-sidebar *:not(.has-subnav) > a.active, #global-sidebar *:not(.has-subnav) > a:active { color: #fff; }
#global-sidebar > a:hover, #global-sidebar *:not(.has-subnav) > a:hover { background-color: #2d3743; -webkit-transition: none; transition: none; }
#global-sidebar > a:hover .icon, #global-sidebar *:not(.has-subnav) > a:hover .icon { opacity: 1; }
#global-sidebar > a.active, #global-sidebar > a:active, #global-sidebar *:not(.has-subnav) > a.active, #global-sidebar *:not(.has-subnav) > a:active { background: #27303a; }
#global-sidebar > a .icon, #global-sidebar *:not(.has-subnav) > a .icon { -webkit-transition: opacity linear 100ms; transition: opacity linear 100ms; }
#global-sidebar #user-photo img { width: auto; max-width: 32px; margin: 0 auto; overflow: hidden; }
#global-sidebar .light { color: #717983; }
#global-sidebar #system-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: top; -ms-flex-align: top; align-items: top; min-height: -webkit-min-content; min-height: -moz-min-content; }
body.ltr #global-sidebar #system-info { padding: 28px 14px 28px 10px; }
body.rtl #global-sidebar #system-info { padding: 28px 10px 28px 14px; }
#global-sidebar #system-info:after { display: none; }
#global-sidebar #system-info #site-icon { width: 32px; height: 32px; }
body.ltr #global-sidebar #system-info #site-icon { margin: 6px 14px 0 0 ; }
body.rtl #global-sidebar #system-info #site-icon { margin: 6px 0 0 14px ; }
#global-sidebar #system-info #site-icon img, #global-sidebar #system-info #site-icon svg { display: block; width: 32px; height: 32px; border-radius: 4px; }
#global-sidebar #system-info #site-icon svg rect, #global-sidebar #system-info #site-icon svg circle, #global-sidebar #system-info #site-icon svg ellipse, #global-sidebar #system-info #site-icon svg line, #global-sidebar #system-info #site-icon svg polyline, #global-sidebar #system-info #site-icon svg polygon, #global-sidebar #system-info #site-icon svg path, #global-sidebar #system-info #site-icon svg text { fill: #8f98a3; stroke-width: 0; }
#global-sidebar #system-info #system-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
#global-sidebar #system-info #system-name h2 { margin: 0; }
#global-sidebar #system-info #system-name h2 span { white-space: nowrap; }
#global-sidebar #system-info #system-name #user-info { margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#global-sidebar #system-info #system-name #user-info #user-photo { width: 14px; height: 14px; }
body.ltr #global-sidebar #system-info #system-name #user-info #user-photo { margin-right: 5px; }
body.rtl #global-sidebar #system-info #system-name #user-info #user-photo { margin-left: 5px; }
#global-sidebar #system-info #system-name #user-info #user-photo img { display: block; width: 14px; height: 14px; border-radius: 50%; }
#global-sidebar #devmode + #system-info { padding-top: 26px; padding-bottom: 26px; }
#global-sidebar nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 12px 0 0; }
#global-sidebar #job-icon > span.icon { display: block; position: relative; width: 16px; height: 16px; }
#global-sidebar #job-icon > span.icon > canvas { display: block; position: absolute; width: 16px; height: 16px; }
#global-sidebar #job-icon > span.icon > canvas#job-icon-hover { opacity: 0; -webkit-transition: opacity linear 100ms; transition: opacity linear 100ms; }
#global-sidebar #job-icon .progressbar { position: static; margin: 8px 2px; width: auto; border-color: #d7d9db; -webkit-transition: color linear 100ms; transition: color linear 100ms; }
#global-sidebar #job-icon .progressbar-inner { background: #d7d9db; -webkit-transition: color linear 100ms; transition: color linear 100ms; }
#global-sidebar #job-icon:hover .progressbar { border-color: #fff; }
#global-sidebar #job-icon:hover .progressbar-inner { background: #fff; }
#global-sidebar #job-icon:hover .icon > span.icon > canvas#job-icon-hover { opacity: 1; }
#global-sidebar #nav { overflow: visible; }
#global-sidebar #nav li:not(.has-subnav) > a.sel { color: #fff; background: #27303a; border-color: #da5a47; opacity: 1; }
#global-sidebar #nav li:not(.has-subnav) > a.sel .icon { opacity: 1; }
#global-sidebar #nav li a { border-left: 0 solid transparent; }
body.ltr #global-sidebar #nav li a { padding-left: 18px; }
body.rtl #global-sidebar #nav li a { padding-right: 18px; }
#global-sidebar #nav li a.active { color: #fff; }
#global-sidebar #nav li a.menubtn { line-height: 26px; }
#global-sidebar #nav li a:active .icon { opacity: 1; }
#global-sidebar #nav li a .icon { opacity: 0.5; }
body.ltr #global-sidebar #nav li a .icon { margin: 0 22px 0 0 ; }
body.rtl #global-sidebar #nav li a .icon { margin: 0 0 0 22px ; }
#global-sidebar #nav li a .icon.icon-mask svg rect, #global-sidebar #nav li a .icon.icon-mask svg circle, #global-sidebar #nav li a .icon.icon-mask svg ellipse, #global-sidebar #nav li a .icon.icon-mask svg line, #global-sidebar #nav li a .icon.icon-mask svg polyline, #global-sidebar #nav li a .icon.icon-mask svg polygon, #global-sidebar #nav li a .icon.icon-mask svg path, #global-sidebar #nav li a .icon.icon-mask svg text { fill: #fff; stroke-width: 0; }
#global-sidebar #nav li a .icon.icon-mask span[data-icon] { color: #fff; }
#global-sidebar #nav li a .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#global-sidebar #nav li a .badge { background: rgba(255, 255, 255, 0.5); color: #333f4d; }
body.ltr #global-sidebar #nav li a .badge { margin-right: 0; }
body.rtl #global-sidebar #nav li a .badge { margin-left: 0; }
#global-sidebar #nav li ul { display: block; margin-bottom: 10px; }
#global-sidebar #nav li ul li a { font-size: 12px; }
body.ltr #global-sidebar #nav li ul li a { padding: 3px 14px 3px 56px; }
body.rtl #global-sidebar #nav li ul li a { padding: 3px 56px 3px 14px; }
#global-sidebar #nav li ul li a:not(.active) { color: #bcbfc2; }

#app-info { padding: 14px 14px 24px; color: #101418; text-align: center; }
#app-info #edition { font-size: 14px; }
#app-info #edition.hot:hover { cursor: pointer; }
#app-info #edition.hot:hover #edition-logo { border-color: #a3b1c2; }
#app-info #edition.hot:hover #edition-logo > .edition-name { color: #a3b1c2; }
#app-info #edition.hot:hover #edition-logo > .edition-trial { background: #a3b1c2; }
body.ltr #app-info #edition.hot:hover #edition-logo > .edition-trial:before { border-color: transparent #a3b1c2 transparent transparent; }
body.rtl #app-info #edition.hot:hover #edition-logo > .edition-trial:before { border-color: transparent transparent transparent #a3b1c2; }
#app-info #edition #edition-logo { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #101418; border-radius: 3px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 24px; -webkit-transition: border-color linear 100ms; transition: border-color linear 100ms; }
#app-info #edition #edition-logo > .edition-name, #app-info #edition #edition-logo > .edition-trial { padding: 8px 8px 7px; line-height: 8px; font-weight: 500; }
#app-info #edition #edition-logo > .edition-name { letter-spacing: 2.2px; padding-right: 5.8px; text-transform: uppercase; -webkit-transition: color linear 100ms; transition: color linear 100ms; }
#app-info #edition #edition-logo > .edition-trial { display: inline-block; position: relative; background: #101418; color: #333f4d; border-radius: 0 1px 1px 0; letter-spacing: 1px; text-transform: lowercase; -webkit-transition: background linear 100ms; transition: background linear 100ms; }
body.ltr #app-info #edition #edition-logo > .edition-trial { margin-left: 5px; }
body.rtl #app-info #edition #edition-logo > .edition-trial { margin-right: 5px; }
body.ltr #app-info #edition #edition-logo > .edition-trial { padding-left: 5px; }
body.rtl #app-info #edition #edition-logo > .edition-trial { padding-right: 5px; }
body.ltr #app-info #edition #edition-logo > .edition-trial { padding-right: 7px; }
body.rtl #app-info #edition #edition-logo > .edition-trial { padding-left: 7px; }
#app-info #edition #edition-logo > .edition-trial:before { display: block; position: absolute; top: 0; content: '.'; font-size: 0; width: 0; height: 0; border-style: solid; -webkit-transition: border-color linear 100ms; transition: border-color linear 100ms; }
body.ltr #app-info #edition #edition-logo > .edition-trial:before { left: -10px; border-width: 0 10px 23px 0; border-color: transparent #101418 transparent transparent; }
body.rtl #app-info #edition #edition-logo > .edition-trial:before { right: -10px; border-width: 0 0 23px 10px; border-color: transparent transparent transparent #101418; }
#app-info #version { margin-top: 4px; font-size: 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }

/* main-container */
#main-container { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#main-container #alerts { background: #da5a47; padding: 9px 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #fff; }
#main-container #alerts li { padding: 4px 24px; }
#main-container #alerts li:before { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; content: 'alert'; font-size: 16px; }
body.ltr #main-container #alerts li:before { margin: -1px 3px 0 0 ; }
body.rtl #main-container #alerts li:before { margin: -1px 0 0 3px ; }
#main-container #alerts li a { color: #fff; text-decoration: underline; }
#main-container #alerts li a.go { text-decoration: none; white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; padding: 3px 5px; margin: 0 2px; }
#main-container #alerts li a.go:after { color: #fff; }
#main-container #alerts li a.go:hover { border-color: #fff; -webkit-transition: border-color linear 100ms; transition: border-color linear 100ms; }
#main-container #crumbs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 16px 24px 0; font-size: 13px; background: #e7eef3; }
#main-container #crumbs.empty { display: none; }
#main-container #crumbs.empty + #main #header { padding-top: 33px; padding-bottom: 33px; }
#main-container #crumbs:not(.empty) { display: -webkit-box; display: -ms-flexbox; display: flex; }
#main-container #crumbs:not(.empty) + #main #header { padding-top: 3px; padding-bottom: 21px; }
#main-container #crumbs nav { margin: 0; }
#main-container #crumbs nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#main-container #crumbs nav ul li:after { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; margin: -1px 5px 0; font-size: 11px; color: #8f98a3; }
body.ltr #main-container #crumbs nav ul li:after { content: 'rightangle'; }
body.rtl #main-container #crumbs nav ul li:after { content: 'leftangle'; }
#main-container #crumbs nav ul li a { display: inline-block; padding: 5px 0 1px; color: #8f98a3; }
#main-container #crumbs nav ul li a:hover { color: #0d78f2; text-decoration: none; }
#main-container #main, #main-container #main-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#main-container #main #header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; padding-left: 24px; padding-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100vw - 225px); background: #e7eef3; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 20, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 20, 0.1); }
body.fixed-header #main-container #main #header { position: fixed; z-index: 12; top: 0; }
body.fixed-header.ltr #main-container #main #header { left: 225px; }
body.fixed-header.rtl #main-container #main #header { right: 225px; }
body.fixed-header.focused #main-container #main #header { position: absolute; }
#main-container #main #header h1 { line-height: 32px; margin-top: 0; margin-bottom: 0; display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.ltr #main-container #main #header h1:not(:last-child) { margin-right: 24px !important; }
body.rtl #main-container #main #header h1:not(:last-child) { margin-left: 24px !important; }
#main-container #main #header .buttons, #main-container #main #header .btngroup { margin-top: 0; }
#main-container #main #main-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: calc(100vw - 225px); }
#main-container #main #main-content:not(.has-sidebar):not(.has-details) #content-container { width: 100%; }
#main-container #main #main-content.has-sidebar:not(.has-details) #content-container { width: calc(100% - 225px); }
#main-container #main #main-content.has-details:not(.has-sidebar) #content-container { width: calc(100% - 350px); }
#main-container #main #main-content.has-sidebar.has-details #content-container { width: calc(100% - 575px); }
#main-container #main #main-content #sidebar-toggle { display: none; }
#main-container #main #main-content #sidebar, #main-container #main #main-content #content, #main-container #main #main-content #details { overflow-y: auto; }
#main-container #main #main-content #sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; width: 225px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 48px; }
#main-container #main #main-content #content-container { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#main-container #main #main-content #content-container #tabs { position: relative; z-index: 2; min-height: 40px; overflow: hidden; margin: -4px 0 -10px; padding: 5px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main-container #main #main-content #content-container #tabs:after { content: '.'; font-size: 0; display: block; position: absolute; pointer-events: none; bottom: 0; left: 0; width: calc(100% - 1px); height: 10px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); -webkit-box-shadow: 0 -1px 0 #e3e5e8; box-shadow: 0 -1px 0 #e3e5e8; }
#main-container #main #main-content #content-container #tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: calc(100% - 1px); }
#main-container #main #main-content #content-container #tabs ul li a { position: relative; display: block; padding: 8px 24px; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main-container #main #main-content #content-container #tabs ul li a:after { content: '.'; font-size: 0; display: block; position: absolute; top: 0; width: 24px; height: calc(100% - 1px); }
body.ltr #main-container #main #main-content #content-container #tabs ul li a:after { right: 0; }
body.rtl #main-container #main #main-content #content-container #tabs ul li a:after { left: 0; }
body.ltr #main-container #main #main-content #content-container #tabs ul li a:after { background: linear-gradient(to right, rgba(235, 237, 239, 0), #f1f5f8 17px); }
body.rtl #main-container #main #main-content #content-container #tabs ul li a:after { background: linear-gradient(to left, rgba(235, 237, 239, 0), #f1f5f8 17px); }
#main-container #main #main-content #content-container #tabs ul li a:hover { text-decoration: none; }
#main-container #main #main-content #content-container #tabs ul li a:not(.sel) { color: #576575; }
#main-container #main #main-content #content-container #tabs ul li a:not(.sel):hover { color: #0d78f2; }
#main-container #main #main-content #content-container #tabs ul li a.sel { color: #29323d; background: #fff; padding-top: 10px; padding-bottom: 10px; margin: -4px -1px 0; cursor: default; background-clip: padding-box; border-radius: 2px 2px 0 0; border: solid rgba(0, 0, 20, 0.1); border-width: 1px 1px 0; z-index: 1; }
body.ltr #main-container #main #main-content #content-container #tabs ul li a.sel:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 17px); }
body.rtl #main-container #main #main-content #content-container #tabs ul li a.sel:after { background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 17px); }
#main-container #main #main-content #content-container #content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; background-clip: padding-box; padding: 24px 24px 48px; word-wrap: break-word; }
body.ltr #main-container #main #main-content #content-container #content { border-right: 1px solid rgba(0, 0, 20, 0.1); }
body.rtl #main-container #main #main-content #content-container #content { border-left: 1px solid rgba(0, 0, 20, 0.1); }
#main-container #main #main-content #details { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; width: 350px; padding: 24px 0 32px; }
#main-container #main #main-content #details .meta { padding: 16px 24px; }
#main-container #main #main-content #details .meta.read-only { background: #e7eef3; }
#main-container #main #main-content #details .meta.read-only:first-child { margin-top: 30px; }
#main-container #main #main-content #details .meta > .field, #main-container #main #main-content #details .meta > .data { padding-left: 0; padding-right: 0; }
#main-container #main #main-content #details .meta > .field > .heading > label, #main-container #main #main-content #details .meta > .field > .heading, #main-container #main #main-content #details .meta > .data > .heading > label, #main-container #main #main-content #details .meta > .data > .heading { color: #52606f; }
#main-container #main #main-content #details .meta > .field.has-errors { margin: 0 -24px !important; padding: 0 24px; }
#main-container #main #main-content #details .meta > .field + .field { border-top-color: rgba(0, 0, 20, 0.1); }
#main-container #main #main-content #details .meta .text::-webkit-input-placeholder, #main-container #main #main-content #details .meta .datewrapper .text:placeholder-shown + div[data-icon], #main-container #main #main-content #details .meta .timewrapper .text:placeholder-shown + div[data-icon] { color: #94999e; }
#main-container #main #main-content #details .meta .text::-ms-input-placeholder, #main-container #main #main-content #details .meta .datewrapper .text:placeholder-shown + div[data-icon], #main-container #main #main-content #details .meta .timewrapper .text:placeholder-shown + div[data-icon] { color: #94999e; }
#main-container #main #main-content #details .meta .text::placeholder, #main-container #main #main-content #details .meta .datewrapper .text:placeholder-shown + div[data-icon], #main-container #main #main-content #details .meta .timewrapper .text:placeholder-shown + div[data-icon] { color: #94999e; }
body.ltr #main-container #main #main-content #details .meta .ui-datepicker { margin: 0 0 0 -8px ; }
body.rtl #main-container #main #main-content #details .meta .ui-datepicker { margin: 0 -8px 0 0 ; }
#main-container #main #main-content #details hr { margin: 0; border-top-color: rgba(0, 0, 20, 0.1); }
#main-container #main #main-content #details .spinner { background-image: url(../images/spinner_details.gif); }
#main-container #main #main-content #details .text { background: transparent; }
#main-container #main #main-content > .grid:only-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media only screen and (max-width: 1223px) { #global-container { position: relative; width: calc(100vw + 225px); }
  body.ltr #global-container { left: -225px; }
  body.rtl #global-container { right: -225px; }
  body.ltr #global-container { -webkit-transition: left 250ms ease-in-out; transition: left 250ms ease-in-out; }
  body.rtl #global-container { -webkit-transition: right 250ms ease-in-out; transition: right 250ms ease-in-out; }
  body.ltr.showing-nav #global-container { left: 0; }
  body.rtl.showing-nav #global-container { right: 0; }
  #main-container { max-width: none; }
  #main-container #main #header { width: 100vw; padding-top: 3px !important; padding-bottom: 21px !important; }
  body.ltr.fixed-header #main-container #main #header { left: 0; -webkit-transition: left 250ms ease-in-out; transition: left 250ms ease-in-out; }
  body.rtl.fixed-header #main-container #main #header { right: 0; -webkit-transition: right 250ms ease-in-out; transition: right 250ms ease-in-out; }
  body.ltr.showing-nav.fixed-header #main-container #main #header { left: 225px; }
  body.rtl.showing-nav.fixed-header #main-container #main #header { right: 225px; }
  #main-container #main #main-content { width: 100vw; }
  #crumbs { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  #crumbs #nav-toggle { display: block; } }
@media only screen and (max-width: 998px) { #global-container { height: auto; min-height: 100vh; }
  #main-container #main #main-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: none !important; }
  #main-container #main #main-content #sidebar-toggle { display: block; position: relative; -webkit-box-shadow: inset 0 -1px 0 #e3e5e8; box-shadow: inset 0 -1px 0 #e3e5e8; color: #29323d; text-align: center; line-height: 21px; padding: 14px 24px; }
  body.ltr #main-container #main #main-content #sidebar-toggle { padding: 14px 50px 14px 24px; }
  body.rtl #main-container #main #main-content #sidebar-toggle { padding: 14px 24px 14px 50px; }
  body:not(.showing-sidebar) #main-container #main #main-content #sidebar-toggle { background: #fbfcfd; }
  body.showing-sidebar #main-container #main #main-content #sidebar-toggle { background: -webkit-gradient(linear, left top, left bottom, from(#e4e5e7), to(#eaebec)); background: linear-gradient(#e4e5e7, #eaebec); }
  #main-container #main #main-content #sidebar-toggle:hover { text-decoration: none; }
  #main-container #main #main-content #sidebar, #main-container #main #main-content #content-container, #main-container #main #main-content #details { overflow-y: visible; }
  #main-container #main #main-content #sidebar { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; -webkit-box-shadow: inset 0 -1px 0 #e3e5e8; box-shadow: inset 0 -1px 0 #e3e5e8; }
  body:not(.showing-sidebar) #main-container #main #main-content #sidebar { display: none; }
  #main-container #main #main-content #content-container { width: 100% !important; }
  #main-container #main #main-content #details { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 20, 0.1) !important; box-shadow: inset 0 1px 0 rgba(0, 0, 20, 0.1) !important; padding-top: 0; } }
@media only screen and (max-width: 767px) { #main-container #crumbs, #main-container #main #header, #main-container #main #main-content #content-container #tabs ul li a, #main-container #main #main-content #content-container #content, #main-container #main #main-content #details .meta { padding-left: 12px; padding-right: 12px; }
  #main-container #main #main-content #content-container #tabs ul li a:after { width: 12px; } }
#queue-hud { padding: 0; overflow: auto; }
#queue-hud .job { overflow: hidden; }
body.ltr #queue-hud .job { padding: 14px 138px 14px 24px; }
body.rtl #queue-hud .job { padding: 14px 24px 14px 138px; }
#queue-hud .job:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#queue-hud .job + .job { border-top: 1px solid #e3e5e8; }
#queue-hud .job .job-description { position: relative; }
#queue-hud .job .job-description .indent { position: absolute; top: -1px; }
body.ltr #queue-hud .job .job-description .indent { left: -24px; }
body.rtl #queue-hud .job .job-description .indent { right: -24px; }
body.ltr #queue-hud .job .job-description .indent { margin-left: 0; }
body.rtl #queue-hud .job .job-description .indent { margin-right: 0; }
#queue-hud .job .job-status { width: 100px; color: #b9bfc6; text-align: center; }
body.ltr #queue-hud .job .job-status { float: right; }
body.rtl #queue-hud .job .job-status { float: left; }
body.ltr #queue-hud .job .job-status { margin-right: -114px; }
body.rtl #queue-hud .job .job-status { margin-left: -114px; }
#queue-hud .job .job-status .progressbar { position: static; margin-top: 4px; width: auto; }
body.ltr #queue-hud .job .job-status .menubtn { margin-right: -22px; }
body.rtl #queue-hud .job .job-status .menubtn { margin-left: -22px; }

body.ltr #settingsmenu ul li a { padding-left: 46px; }
body.rtl #settingsmenu ul li a { padding-right: 46px; }
#settingsmenu ul li a:before { font-size: 15px; }
body.ltr #settingsmenu ul li a:before { margin: 1px 0 0 -22px ; }
body.rtl #settingsmenu ul li a:before { margin: 1px -22px 0 0 ; }
#settingsmenu ul li a img { width: 16px; height: 16px; position: absolute; margin-left: -23px; margin-top: 1px; }

/* notifications */
#notifications-wrapper { position: fixed; top: 0; z-index: 101; width: 100%; pointer-events: none; }
body.ltr #notifications-wrapper { left: 0; }
body.rtl #notifications-wrapper { right: 0; }

#notifications { text-align: center; }
#notifications .notification { display: inline-block; padding: 5px 10px; border-radius: 0 0 3px 3px; border-width: 0 1px 1px; color: #fff !important; pointer-events: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
#notifications .notification.notice { background: #5286d9; }
#notifications .notification.error { background: #da5a47; }

#nav-toggle { display: none; width: 36px; height: 26px; line-height: 26px; color: #8f98a3; text-align: center; }
body.ltr #nav-toggle { margin-left: -10px; }
body.rtl #nav-toggle { margin-right: -10px; }
#nav-toggle:before { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; content: 'menu'; font-size: 16px; line-height: 0; }

/* grids */
.grid { position: relative; }
.grid:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.grid > .item { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.lp-editor-container, .lp-iframe-container { position: fixed; top: 0; height: 100%; background: #fff; z-index: 100; }

.lp-iframe-container.dragging:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; font-size: 0; }

.lp-editor, .lp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lp-editor { padding: 0 24px; overflow: auto; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; }
.lp-editor header { margin: 0 -24px 24px; padding: 14px 24px 13px; background: rgba(0, 0, 0, 0.03); }
body.ltr .lp-editor header .btn { float: left; }
body.rtl .lp-editor header .btn { float: right; }
body.ltr .lp-editor header .btn.submit { float: right; }
body.rtl .lp-editor header .btn.submit { float: left; }
.lp-editor header h1 { margin: 0; font-size: 25px; line-height: 30px; color: #333; }

.lp-editor > .field:last-child { margin-bottom: 24px !important; }

.lp-draghandle { position: absolute; top: 0; width: 4px; height: 100%; cursor: col-resize; }
body.ltr .lp-draghandle { right: -4px; }
body.rtl .lp-draghandle { left: -4px; }

/* Sidebar */
.sidebar { width: 225px; padding: 14px 24px; overflow: auto; background: #fbfcfd; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
body.ltr .sidebar { -webkit-box-shadow: inset -1px 0 0 #e3e5e8; box-shadow: inset -1px 0 0 #e3e5e8; }
body.rtl .sidebar { -webkit-box-shadow: inset 1px 0 0 #e3e5e8; box-shadow: inset 1px 0 0 #e3e5e8; }
.sidebar .heading { position: relative; padding: 0 24px; }
body.ltr .sidebar .heading { margin: 14px 0 2px -24px ; }
body.rtl .sidebar .heading { margin: 14px -24px 2px 0 ; }
.sidebar .heading span { display: inline-block; position: relative; z-index: 1; padding: 0 5px; margin: 0 -5px; text-transform: uppercase; color: #b9bfc6; font-size: 11px; font-weight: bold; }
.sidebar nav { margin: 0 -24px; padding: 0 24px; overflow: auto; }
body.ltr .sidebar nav > ul > li > ul > li > a { padding-left: 44px; }
body.rtl .sidebar nav > ul > li > ul > li > a { padding-right: 44px; }
body.ltr .sidebar nav > ul > li > ul > li > ul > li > a { padding-left: 64px; }
body.rtl .sidebar nav > ul > li > ul > li > ul > li > a { padding-right: 64px; }
body.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-left: 84px; }
body.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-right: 84px; }
body.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li a { padding-left: 104px; }
body.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li a { padding-right: 104px; }
.sidebar nav li { position: relative; }
.sidebar nav li:not(.has-subnav) > a { -webkit-transition: background-color linear 100ms; transition: background-color linear 100ms; }
.sidebar nav li:not(.has-subnav) > a:hover { text-decoration: none; color: #29323d; background: rgba(41, 50, 61, 0.05); -webkit-transition: none; transition: none; }
.sidebar nav li:not(.has-subnav) > a.sel { background: #737f8c; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; cursor: default; }
.sidebar nav li:not(.has-subnav) > a.sel, .sidebar nav li:not(.has-subnav) > a.sel + .toggle { color: #fff; }
.sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg rect, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg circle, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg ellipse, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg line, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg polyline, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg polygon, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg path, .sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask svg text { fill: #fff; stroke-width: 0; }
.sidebar nav li:not(.has-subnav) > a.sel .icon.icon-mask span[data-icon] { color: #fff; }
.sidebar nav li:not(.has-subnav) > a.sel .badge { background: #fff; color: #737f8c; }
.sidebar nav li a { margin: 0 -24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #29323d; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; }
body.ltr .sidebar nav li a { padding: 7px 14px 7px 24px; }
body.rtl .sidebar nav li a { padding: 7px 24px 7px 14px; }
.sidebar nav li a .status { -ms-flex-negative: 1; flex-shrink: 1; }
.sidebar nav li a .icon { -ms-flex-negative: 1; flex-shrink: 1; width: 16px; height: 16px; }
body.ltr .sidebar nav li a .icon { margin: 0 10px 0 -10px ; }
body.rtl .sidebar nav li a .icon { margin: 0 -10px 0 10px ; }
.sidebar nav li a .icon.icon-mask svg rect, .sidebar nav li a .icon.icon-mask svg circle, .sidebar nav li a .icon.icon-mask svg ellipse, .sidebar nav li a .icon.icon-mask svg line, .sidebar nav li a .icon.icon-mask svg polyline, .sidebar nav li a .icon.icon-mask svg polygon, .sidebar nav li a .icon.icon-mask svg path, .sidebar nav li a .icon.icon-mask svg text { fill: #8f98a3; stroke-width: 0; }
.sidebar nav li a .icon.icon-mask span[data-icon] { color: #8f98a3; }
.sidebar nav li a .icon svg { width: 16px; height: 16px; }
.sidebar nav li a .icon span[data-icon] { font-size: 16px; }
.sidebar nav li a .icon span[data-icon]::before { display: block; }
.sidebar nav li a .label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.sidebar nav li a .badge { -ms-flex-negative: 1; flex-shrink: 1; padding: 0 6px; font-size: 11px; line-height: 16px; border-radius: 8px; background: #8f98a3; color: #fff; }
body.ltr .sidebar nav li a .badge { margin: 0 -4px 0 10px ; }
body.rtl .sidebar nav li a .badge { margin: 0 10px 0 -4px ; }
.sidebar nav li .toggle { position: absolute; top: 7px; }
.sidebar nav li ul { display: none; }
.sidebar nav li.expanded > ul { display: block; }

body.ltr .content.has-sidebar:not(.hiding-sidebar) { margin-left: 218px; }
body.rtl .content.has-sidebar:not(.hiding-sidebar) { margin-right: 218px; }

body.ltr nav > ul > li > .toggle { left: -20px; }
body.rtl nav > ul > li > .toggle { right: -20px; }

body.ltr nav > ul > li > ul > li > .toggle { left: 0px; }
body.rtl nav > ul > li > ul > li > .toggle { right: 0px; }

body.ltr nav > ul > li > ul > li > ul > li > .toggle { left: 20px; }
body.rtl nav > ul > li > ul > li > ul > li > .toggle { right: 20px; }

body.ltr nav > ul > li > ul > li > ul > li > ul > li > .toggle { left: 40px; }
body.rtl nav > ul > li > ul > li > ul > li > ul > li > .toggle { right: 40px; }

body.ltr nav > ul > li > ul > li > ul > li > ul > li > ul > li .toggle { left: 60px; }
body.rtl nav > ul > li > ul > li > ul > li > ul > li > ul > li .toggle { right: 60px; }

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #main-container #main #main-content #details .spinner { background-image: url(../images/spinner_details_2x.gif); }
  #upgrademodal.loading { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }
  #upgrademodal-success .message { background-image: url(../images/success_2x.png); background-size: 48px; } }
.fieldlayoutform, .fld-tab, .fld-field { color: #2f1fb5; }

.fieldlayoutform { padding: 24px; background-image: url(../images/fieldlayoutform-bg.png); }
body.ltr .fieldlayoutform { background-position: 25px 24px; }
body.rtl .fieldlayoutform { background-position: calc(100% - 24px) 24px; }
.fieldlayoutform:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fieldlayoutform h2 { margin: 3px 0 27px !important; font-size: 20px; line-height: 30px; font-weight: normal; text-decoration: underline; color: #2f1fb5; margin-bottom: 30px; }
.fieldlayoutform .instructions { margin: -30px 0 30px; line-height: 30px; }
body.ltr .fieldlayoutform .fld-tabs { margin: 0 0 29px -30px ; }
body.rtl .fieldlayoutform .fld-tabs { margin: 0 -30px 29px 0 ; }
body.ltr .fieldlayoutform .unusedfields { margin: 30px 0 -30px -30px ; }
body.rtl .fieldlayoutform .unusedfields { margin: 30px -30px -30px 0 ; }
.fieldlayoutform .fld-tabs:after, .fieldlayoutform .unusedfields:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fieldlayoutform .newtabbtn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
body.ltr .fieldlayoutform .newtabbtn-container { margin: 0 0 60px 0 ; }
body.rtl .fieldlayoutform .newtabbtn-container { margin: 0 0 60px 0 ; }
.fieldlayoutform .newtabbtn-container .btn.add { border: 1px solid #2f1fb5; padding: 5px 10px; height: 31px; color: #2f1fb5; background: transparent; -webkit-box-shadow: none; box-shadow: none; }
.fieldlayoutform .newtabbtn-container .btn.add:before { margin-top: -2px; }
.fieldlayoutform .newtabbtn-container h3 { line-height: 30px; }
body.ltr .fieldlayoutform .newtabbtn-container h3 { margin: 0 0 0 30px ; }
body.rtl .fieldlayoutform .newtabbtn-container h3 { margin: 0 30px 0 0 ; }

.fld-tab { width: 211px; }
body.ltr .fld-tab { float: left; }
body.rtl .fld-tab { float: right; }
body.ltr .fld-tab { margin: 0 -1px 30px 30px ; }
body.rtl .fld-tab { margin: 0 30px 30px -1px ; }

.fld-tab .tabs .tab, .fld-tab .fld-tabcontent, .fld-field { border: 1px solid #2f1fb5; }

body.ltr .fld-tab .icon, body.ltr .fld-field .icon { margin-left: 5px; }
body.rtl .fld-tab .icon, body.rtl .fld-field .icon { margin-right: 5px; }

.fld-tab .icon:before, .fld-field .icon:before { margin-top: -2px; font-size: 16px; color: #2f1fb5; opacity: 0.5; }

.fld-tab .icon:hover:before, .fld-tab .icon.active:before, .fld-field .icon:hover:before, .fld-field .icon.active:before { opacity: 1; }

.fld-tab .menubtn, .fld-field .menubtn { padding: 0; }

.fld-tab .menubtn:after, .fld-field .menubtn:after { display: none; }

.fld-tab .tabs { padding: 0 10px; }
.fld-tab .tabs:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fld-tab .tabs .tab { margin: -1px 0; padding: 5px 12px 4px; border-bottom-color: #f4f3fb; color: #2f1fb5; }
body.ltr .fld-tab .tabs .tab { float: left; }
body.rtl .fld-tab .tabs .tab { float: right; }
.fld-tab .tabs .tab.draggable { cursor: move; }

.fld-tab .fld-tabcontent { padding: 13px; }

.fld-tab-caboose { min-height: 31px; }

.fld-field { padding: 6px 8px 3px; cursor: move; }
.fld-field + .fld-field { margin-top: 7px; }
.fld-field.fld-required span:after { font-family: 'Craft'; speak: none; -webkit-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; user-select: none; color: #2f1fb5; content: 'asterisk'; font-size: 8px; }
body.ltr .fld-field.fld-required span:after { margin: -2px 0 0 5px ; }
body.rtl .fld-field.fld-required span:after { margin: -2px 5px 0 0 ; }
body.ltr .fld-field .icon { float: right; }
body.rtl .fld-field .icon { float: left; }

.fld-tab.unused .tabs .tab, .fld-tab.unused .fld-tabcontent, .fld-field.unused { border-style: dashed; }

.fld-tab.unused .tabs .tab { border-bottom-style: solid; }

.fld-tab.fld-insertion .tabs .tab, .fld-tab.fld-insertion .fld-tabcontent, .fld-field.fld-insertion { border-style: dashed; }

.fld-tab.fld-insertion .tabs .tab { border-bottom-style: solid; }

.fld-tab.draghelper .tabs { margin: -5px 0 -1px; padding-top: 5px; padding-bottom: 1px; overflow: hidden; }

.fld-tab.draghelper .tabs .tab, .fld-tab.draghelper .fld-tabcontent, .fld-field.draghelper { background: #fff; -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.25); }

.fld-tab.draghelper .tabs .tab { border-bottom-color: #fff; }

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .fieldlayoutform { background-image: url(../images/fieldlayoutform-bg_2x.png); background-size: 30px 30px; } }
/* No Scroll */
html.noscroll, html.noscroll body { overflow: hidden; height: 100%; }

/* Image Editor */
.modal.imageeditor { background: #222; color: #fff; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.modal.imageeditor.modal { border-radius: 0; }

.modal.imageeditor.modal .body:after { display: none; }

.modal.imageeditor .btn:not(.submit):not(.noborder) { background: #444; color: #fff; }

.modal.imageeditor .btn:not(.submit):not(.noborder):hover { background: #3e3e3e; }

.modal.imageeditor .icon::before { width: 24px; height: 24px; margin-top: -4px; margin-left: -3px; display: inline-block; content: ' '; }

.modal.imageeditor .icon.rotate-left::before { background: url(../images/image-editor/rotate-left.svg); }

.modal.imageeditor .icon.rotate-right::before { background-image: url(../images/image-editor/rotate-right.svg); }

.modal.imageeditor .icon.flip-vertical::before { background: url(../images/image-editor/flip-vertical.svg); }

.modal.imageeditor .icon.flip-horizontal::before { background-image: url(../images/image-editor/flip-horizontal.svg); }

.modal.imageeditor .icon.constraint::before { background-image: url(../images/image-editor/unconstrained.svg); }

.modal.imageeditor .icon.focal-point::before { background-image: url(../images/image-editor/focal-point.svg); }

.modal.imageeditor .body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; }

.modal.imageeditor .body .tabs { border-right: 1px solid #000; }

.modal.imageeditor .body .tabs ul { width: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.modal.imageeditor .body .tabs ul li { padding: 14px; text-align: center; border-bottom: 1px solid #000; }

.modal.imageeditor .body .tabs ul li i { background-repeat: no-repeat; background-position: top center; display: block; height: 24px; }

.modal.imageeditor .body .tabs ul li[data-view="rotate"] i { background-image: url(../images/image-editor/rotate-left.svg); }

.modal.imageeditor .body .tabs ul li[data-view="crop"] i { background-image: url(../images/image-editor/crop.svg); }

.modal.imageeditor .body .tabs ul li[data-view="filters"] i { background-image: url(../images/image-editor/filters.svg); }

.modal.imageeditor .body .tabs ul li.selected { background-color: #444; }

.modal.imageeditor .body .tabs ul li:hover { cursor: pointer; }

.modal.imageeditor .body .views { padding: 24px; overflow: auto; }

.modal.imageeditor .body .views .buttons > .btn { float: none; display: block; margin: 7px 0 0 0; }

.modal.imageeditor .body .views .filters ul { width: 100px; }

.modal.imageeditor .body .views .filters ul li { text-align: center; margin-right: 14px; margin-bottom: 14px; }

.modal.imageeditor .body .views .filters ul li:last-child { margin-right: 0; }

.modal.imageeditor .body .views .filters ul li img { border: 3px solid transparent; border-radius: 4px; }

.modal.imageeditor .body .views .filters ul li span { display: block; }

.modal.imageeditor .body .views .filters ul li:hover { cursor: pointer; }

.modal.imageeditor .body .views .filters ul li.selected img { border-color: #fff; }

.modal.imageeditor .body .image-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; }

.modal.imageeditor .body .image-container .image { text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }

.modal.imageeditor .body .image-container .image canvas { position: absolute; top: 0; left: 0; }

.modal.imageeditor .body .image-container .image-tools { text-align: center; }

.modal.imageeditor .body .image-container .image-tools .straightening { max-width: 400px; display: block; margin: 0 auto; overflow: hidden; }

.modal.imageeditor .footer { position: absolute; background: transparent; bottom: 0; left: 0; width: 100%; border-top: 1px solid #000; }

/* Vertical */
.vertical.imageeditor .body { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.vertical.imageeditor .body .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.vertical.imageeditor .body .tabs ul li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 0; border-right: 1px solid #000; padding: 7px; }

.vertical.imageeditor .body .views { width: auto; }

.vertical.imageeditor .body .views .rotate { display: -webkit-box; display: -ms-flexbox; display: flex; }

.vertical.imageeditor .body .views .rotate .buttons { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.vertical.imageeditor .body .views .rotate .rotate-buttons { margin-right: 10px; }

.vertical.imageeditor .body .views .rotate .flip-buttons { margin-left: 10px; }

.vertical.imageeditor .body .views .filters ul { width: auto; height: 109px; overflow: auto; white-space: nowrap; margin: 0 -24px; margin-bottom: -24px; padding: 24px; text-align: center; }

.vertical.imageeditor .body .views .filters ul li { display: inline-block; margin-bottom: 0; }

/* Slide Rule */
.slide-rule { position: relative; padding: 10px 0; }

.slide-rule .cursor { position: absolute; margin-left: -4px; margin-top: 4px; left: 50%; z-index: 1; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #63A6E1; }

.slide-rule .graduations { white-space: nowrap; height: 40px; position: relative; }

.slide-rule .graduations ul { position: relative; float: left; }

.slide-rule .graduations ul li { display: inline-block; font-size: 8px; position: relative; width: 10px; }

.slide-rule .graduations ul li:not(.main-graduation) { left: 1px; }

.slide-rule .graduations ul li.main-graduation:before { border-left-width: 3px; }

.slide-rule .graduations ul li.main-graduation .label { display: block; cursor: default; }

.slide-rule .graduations ul li.selected:before { border-left-color: #63A6E1; }

.slide-rule .graduations ul li:before { content: ''; position: absolute; border-left: 1px solid #fff; height: 10px; top: 0px; left: 0; }

.slide-rule .graduations ul li .label { width: 20px; position: absolute; top: 10px; left: -9px; display: none; text-align: center; }

.slide-rule .value { display: none; position: absolute; bottom: 0; left: 50%; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; width: 50px; margin-left: -25px; background: #444; }

.slide-rule .overlay { z-index: 2; position: absolute; top: 0; right: 0; bottom: 1px; left: 0; background: #222222; background: -webkit-gradient(left top, right top, color-stop(0%, #222222), color-stop(15%, rgba(34, 34, 34, 0)), color-stop(85%, rgba(34, 34, 34, 0)), color-stop(100%, #222222)); background: -webkit-gradient(linear, left top, right top, from(#222222), color-stop(15%, rgba(34, 34, 34, 0)), color-stop(85%, rgba(34, 34, 34, 0)), to(#222222)); background: linear-gradient(to right, #222222 0%, rgba(34, 34, 34, 0) 15%, rgba(34, 34, 34, 0) 85%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=1); }

/* Misc */
.menu.dark { background: #444; }

.menu.dark li a { color: #fff; }

.menu.dark ul li a:not(.sel):not(.disabled):hover { color: #444; }

_:-ms-lang(x), .elements .tableview td.checkbox-cell input.checkbox + label, .elements .tableview td.checkbox-cell div.checkbox { top: 16px; }

_:-ms-lang(x), input.checkbox + label:empty, div:empty.checkbox { display: block; }

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