{"version":3,"sources":["cp/src/css/craft.css","cp/src/css/_reset.scss","cp/src/css/_main.scss","../../../node_modules/craftcms-sass/_mixins.scss","cp/src/css/_cp.scss","cp/src/css/_preview.scss","cp/src/css/_fld.scss","cp/src/css/_image_editor.scss","cp/src/css/_shame.scss"],"names":[],"mappings":"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","file":"craft.css","sourcesContent":["@charset \"UTF-8\";\n/* ----------------------------------------\n/*  Reset (thanks Eric!)\n/* ----------------------------------------*/\nhtml, 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; }\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }\n\nbody { line-height: 1; }\n\nol, ul { list-style: none; }\n\nblockquote, q { quotes: none; }\n\nblockquote:before, blockquote:after, q:before, q:after { content: none; }\n\ntable { border-collapse: separate; border-spacing: 0; }\n\na { text-decoration: none; }\n\nbutton { appearance: none; background-color: transparent; border: none; padding: 0; }\n\ninput, textarea { margin: 0; font-family: 'Lucida Grande', sans-serif; font-size: 100%; }\n\ntextarea { resize: vertical; }\n\nselect { margin: 0; }\n\n@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; }\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\nbody, html { background-color: #e4edf6; }\n\nhtml.noscroll, html.noscroll body { overflow: hidden; }\n\nbody { width: 100vw; overflow-x: hidden; font-size: 14px; line-height: 20px; color: #3f4d5a; -webkit-font-smoothing: subpixel-antialiased; }\n\nbody.rtl { direction: rtl; }\n\nbody, input, select, textarea { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }\n\n.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, fieldset:first-child, .field:first-child, .toolbar:first-child, .buttons:first-child { margin-top: 0 !important; }\n\n.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, fieldset:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child { margin-bottom: 0 !important; }\n\n.draghelper { box-sizing: border-box; }\n\nbody.rtl .ltr .text, body.rtl .ltr table.editable textarea { text-align: left !important; direction: ltr !important; }\n\nbody.ltr .rtl .text, body.ltr .rtl table.editable textarea { text-align: right !important; direction: rtl !important; }\n\n/* icons */\n.icon:before, .menu ul.padded li a.sel:before, .menu .flex.padded.sel:before, .texticon:before, .element:before, #help:before, .secure:before, .insecure:before, .go:after, .required:after, #preview-btn:before, #share-btn:before, [data-icon]:before, [data-icon-after]:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; }\n\n.badge-icon { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; box-sizing: border-box; border: 1px solid #F0B429; border-radius: 3px; color: #F0B429; font-size: 9px; }\n\n.secure:before, .insecure:before { margin-top: -3px; font-size: 14px; }\n\n[data-icon]:before { content: attr(data-icon); }\n\n[data-icon-after]:after { content: attr(data-icon-after); }\n\nbody.rtl [data-icon=list]:before, body.rtl [data-icon-after=list]:after { content: 'listrtl'; }\n\nbody.rtl [data-icon=structure]:before, body.rtl [data-icon-after=structure]:after { content: 'structurertl'; }\n\n.icon.secure:before { content: 'secure'; }\n\n.icon.insecure:before { content: 'insecure'; }\n\n.icon.add:before { content: 'plus'; }\n\n.icon.edit:before { content: 'edit'; }\n\n.icon.settings:before { content: 'settings'; }\n\n.icon.search:before { content: 'search'; }\n\n.icon.expand:before { content: 'expand'; }\n\n.icon.collapse:before { content: 'collapse'; }\n\n.help:before { content: 'help'; color: #E8368F; }\n\nbody.ltr #preview-btn:before, body.ltr #share-btn:before { margin-right: 7px; }\n\nbody.rtl #preview-btn:before, body.rtl #share-btn:before { margin-left: 7px; }\n\n#preview-btn:before { margin-top: -2px; content: 'view'; }\n\nbody.ltr #share-btn:before { content: 'share'; }\n\nbody.rtl #share-btn:before { content: 'shareleft'; }\n\n/* headings */\nh1 { margin-bottom: 24px; font-size: 18px; font-weight: bold; line-height: 1.2; }\n\nh2 { margin: 14px 0; font-size: 16px; font-weight: bold; line-height: 20px; }\n\nh3 { margin: 14px 0; font-weight: bold; line-height: 1.2; }\n\nh4 { margin: 14px 0; font-weight: bold; line-height: 1.2; color: #596673; }\n\nh5 { margin: 14px 0 3px; line-height: 1.2; color: #596673; }\n\nh6 { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #606d7b; text-transform: uppercase; font-weight: bold; }\n\nbody.ltr h1[data-icon]:before { margin: -8px 10px 0 0 ; }\n\nbody.rtl h1[data-icon]:before { margin: -8px 0 0 10px ; }\n\nh2[data-icon]:before { font-size: 19px; }\n\nbody.ltr h2[data-icon]:before { margin: -4px 6px 0 0 ; }\n\nbody.rtl h2[data-icon]:before { margin: -4px 0 0 6px ; }\n\n/* horizontal rule */\nhr { margin: 24px 0; border: none; border-top: 1px solid rgba(51, 64, 77, 0.1); height: 0; color: transparent; }\n\n.pane hr { margin: 24px -24px; }\n\n/* paragraphs */\np { margin: 1em 0; }\n\nh5 + p { margin-top: 0; }\n\nsup { vertical-align: super; font-size: smaller; }\n\nsub { vertical-align: sub; font-size: smaller; }\n\nbody.ltr .indent { margin-left: 14px; }\n\nbody.rtl .indent { margin-right: 14px; }\n\n/* lists */\n.bullets { list-style-type: square; }\n\nbody.ltr .bullets { padding-left: 40px; }\n\nbody.rtl .bullets { padding-right: 40px; }\n\nol { list-style-type: decimal; }\n\nbody.ltr ol { padding-left: 40px; }\n\nbody.rtl ol { padding-right: 40px; }\n\n/* code */\ncode, .code, .code input, .code textarea { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\n\ncode.smalltext, .code.smalltext, .code input.smalltext, .code textarea.smalltext { font-size: 0.8em !important; }\n\n/* links */\na { color: #0B69A3; cursor: pointer; }\n\nbody.underline-links a { text-decoration: underline; }\n\na:hover { text-decoration: underline; }\n\na.sel, li.sel a { cursor: default !important; text-decoration: none; }\n\n.go:after { font-size: 11px; margin-top: -1px; color: #606d7b; }\n\nbody.ltr .go:after { padding-left: 4px; }\n\nbody.rtl .go:after { padding-right: 4px; }\n\nbody.ltr .go:after { content: 'circlerarr'; }\n\nbody.rtl .go:after { content: 'circlelarr'; }\n\n.go:hover:after { color: #0B69A3; }\n\n/* revision button */\nbody.ltr #context-btngroup { margin-right: 7px; }\n\nbody.rtl #context-btngroup { margin-left: 7px; }\n\n#context-btn.disabled { opacity: 1; color: #596673; background-color: rgba(205, 216, 228, 0.5) !important; }\n\n/* status icons */\n.checkmark-icon, .alert-icon { padding: 5px; margin-bottom: 0 !important; line-height: 10px; border-radius: 20px; cursor: pointer; }\n\n.checkmark-icon:before, .alert-icon:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; }\n\n.checkmark-icon { background-color: #cdd8e4; }\n\np .checkmark-icon { display: inline-block; }\n\n.checkmark-icon:before { content: 'check'; color: #27AB83; }\n\n.alert-icon { background-color: #cdd8e4; }\n\n.alert-icon:before { content: 'alert'; color: #CF1124; }\n\n/* toggles */\nbutton.toggle { appearance: none; color: inherit; background: none; border: none; padding: 0; }\n\n.toggle:before, a.fieldtoggle:before { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; transition: transform linear 100ms; }\n\nbody.ltr .toggle:before, body.ltr a.fieldtoggle:before { transform: rotate(-45deg); }\n\nbody.rtl .toggle:before, body.rtl a.fieldtoggle:before { transform: rotate(135deg); }\n\n.toggle.expanded:before, a.fieldtoggle.expanded:before, .sidebar nav li.expanded > .toggle:before, .structure li:not(.collapsed) > .row > .toggle:before { transform: rotate(45deg) !important; }\n\na.fieldtoggle { display: block; position: relative; margin: 14px 0; color: #3f4d5a; text-decoration: none; }\n\nbody.ltr a.fieldtoggle { padding-left: 12px; }\n\nbody.rtl a.fieldtoggle { padding-right: 12px; }\n\na.fieldtoggle:before { display: block; position: absolute; top: 7px; }\n\nbody.ltr a.fieldtoggle:before { left: -1px; }\n\nbody.rtl a.fieldtoggle:before { right: -1px; }\n\n/* emphasis */\nem, i { font-style: italic; }\n\nstrong, b, i em { font-weight: bold; }\n\n/* readable blocks */\n.readable { font-size: 16px; line-height: 22px; }\n\n.readable h1, .readable h2, .readable h3, .readable h4, .readable h5, .readable h6 { margin: 24px 0 16px; font-weight: 600; }\n\n.readable h1 { font-size: 32px; line-height: 40px; color: #000; }\n\n.readable h2 { font-size: 24px; line-height: 30px; }\n\n.readable h3 { font-size: 20px; line-height: 24px; }\n\n.readable h4 { font-size: 16px; line-height: 20px; }\n\n.readable h5 { font-size: 14px; line-height: 18px; }\n\n.readable h6 { font-size: 13.6px; line-height: 17px; color: #596673; }\n\n.readable ul, .readable ol { margin: 1em 0; }\n\nbody.ltr .readable ul, body.ltr .readable ol { padding-left: 2em; }\n\nbody.rtl .readable ul, body.rtl .readable ol { padding-right: 2em; }\n\n.readable ul li { list-style-type: disc; }\n\n.readable li + li { margin-top: 0.25em; }\n\n.readable blockquote { margin: 16px 0; }\n\n.readable blockquote:not(.note) { padding: 0 16px; color: #596673; }\n\nbody.ltr .readable blockquote:not(.note) { border-left: 4px solid rgba(51, 64, 77, 0.1); }\n\nbody.rtl .readable blockquote:not(.note) { border-right: 4px solid rgba(51, 64, 77, 0.1); }\n\n.readable blockquote.note { position: relative; border-radius: 4px; padding: 1em; border: 1px solid; }\n\nbody.ltr .readable blockquote.note { padding-left: 56px; }\n\nbody.rtl .readable blockquote.note { padding-right: 56px; }\n\n.readable blockquote.note:not(.tip):not(.warning) { border-color: #CF1124; color: #bf503f; }\n\n.readable blockquote.note:not(.tip):not(.warning):before { content: 'alert'; color: #CF1124; }\n\n.readable blockquote.note.tip { border-color: #0B69A3; color: #596673; }\n\n.readable blockquote.note.tip:before { content: 'lightbulb'; color: #0B69A3; }\n\n.readable blockquote.note.warning { border-color: #B44D12; color: #cf783a; }\n\n.readable blockquote.note.warning:before { content: 'alert'; color: #B44D12; }\n\n.readable blockquote.note:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; position: absolute; top: 12px; font-size: 30px; width: 24px; }\n\nbody.ltr .readable blockquote.note:before { left: 16px; }\n\nbody.rtl .readable blockquote.note:before { right: 16px; }\n\n/* text styles */\nbody.ltr .leftalign { text-align: left; }\n\nbody.rtl .leftalign { text-align: right; }\n\n.topalign { vertical-align: top; }\n\nbody.ltr .rightalign { text-align: right; }\n\nbody.rtl .rightalign { text-align: left; }\n\n.centeralign { text-align: center !important; }\n\n.nowrap { white-space: nowrap; }\n\n.break-word { word-wrap: break-word; }\n\n.light { color: #596673 !important; font-weight: normal; }\n\n.extralight { color: #606d7b !important; }\n\n.smalltext { font-size: 12px; line-height: 1.2; }\n\n.largetext { font-size: 16px; line-height: 1.2; }\n\n.zilch { padding: 100px 0; text-align: center; font-size: 20px; line-height: 24px; color: #606d7b; }\n\n.zilch.small { padding: 24px 0; font-size: 16px; }\n\ninput.checkbox + label.smalltext { padding-top: 2px; }\n\n.required:after { content: 'asterisk'; font-size: 7px; color: #CF1124; }\n\nbody.ltr .required:after { margin: -2px 0 0 5px ; }\n\nbody.rtl .required:after { margin: -2px 5px 0 0 ; }\n\n.scrollpane { overflow: auto; }\n\nbody.ltr .left { float: left; }\n\nbody.rtl .left { float: right; }\n\nbody.ltr .right { float: right; }\n\nbody.rtl .right { float: left; }\n\nth, td { vertical-align: middle; }\n\nbody.ltr th, body.ltr td { text-align: left; }\n\nbody.rtl th, body.rtl td { text-align: right; }\n\nbody.ltr table[dir='rtl'] th, body.ltr table[dir='rtl'] td { text-align: right; }\n\nbody.rtl table[dir='ltr'] th, body.rtl table[dir='ltr'] td { text-align: left; }\n\nth.right, td.right { float: none; }\n\nbody.ltr th.right, body.ltr td.right { text-align: right; }\n\nbody.rtl th.right, body.rtl td.right { text-align: left; }\n\n.clear { display: block; clear: both; height: 0; }\n\n.fullwidth { width: 100%; }\n\n.token { display: inline-block; border-radius: 10px; padding: 2px 7px; font-size: 12px; line-height: 14px; color: #3f4d5a; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(123, 135, 147, 0.5); }\n\n.token[data-name='*'] { position: relative; width: 10px; }\n\n.token[data-name='*'] span { opacity: 0; }\n\n.token[data-name='*']:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 9px; line-height: 17px; content: 'asterisk'; text-indent: 0; }\n\n.token:focus { box-shadow: 0 0 0 1px rgba(96, 109, 123, 0.25); background-color: #fff; }\n\n.highlight .token { display: inline; border: none; border-radius: 0; padding: 0; font-size: inherit; line-height: inherit; text-shadow: none; background: transparent; box-shadow: none; }\n\n.pane.highlight pre[class*=\"language-\"] { overflow: visible; }\n\n.pane.highlight pre[class*=\"language-\"] > code.diff-highlight .token:not(.prefix) { margin: 0 -24px; padding: 0 24px; }\n\n.success { color: #27AB83 !important; }\n\n.notice { color: #0B69A3 !important; }\n\n.warning { color: #B44D12 !important; }\n\n.with-icon.notice:before, .with-icon.warning:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; width: 1em; }\n\nbody.ltr .with-icon.notice:before, body.ltr .with-icon.warning:before { margin: -2px 2px 0 0 ; }\n\nbody.rtl .with-icon.notice:before, body.rtl .with-icon.warning:before { margin: -2px 0 0 2px ; }\n\n.with-icon.notice:before { content: 'lightbulb'; }\n\n.with-icon.warning:before { content: 'alert'; }\n\n.error { color: #CF1124 !important; }\n\n.icon.move { display: inline-block; }\n\n.icon.move:not(.disabled) { cursor: move; }\n\n.icon.move:before { content: 'move'; color: rgba(123, 135, 147, 0.5); }\n\n.icon.move:not(.disabled):hover:before { color: #0B69A3; }\n\n.icon.delete { display: inline-block; }\n\n.icon.delete:before { content: 'remove'; color: rgba(123, 135, 147, 0.5); }\n\n.icon.delete:not(.disabled):hover:before { color: #CF1124; }\n\n.icon.delete:not(.disabled):active:before { color: #a00d1c; }\n\n.hidden { display: none !important; }\n\n.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }\n\n.invisible { visibility: hidden; }\n\n.clearafter:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n.info { vertical-align: bottom; display: inline-block; width: 1em; height: 1.375em; text-align: center; cursor: pointer; overflow: hidden; }\n\n.info:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; vertical-align: baseline; width: 100%; line-height: 1.375; color: #606d7b; }\n\n.info:not(.warning):before { content: 'info'; }\n\n.info:not(.warning):hover:before { color: #0B69A3; }\n\n.info.warning:before { content: 'alert'; }\n\n.info.warning:hover:before { color: #B44D12; }\n\n.info-hud table { max-width: 280px; table-layout: auto; }\n\n.info-hud td { word-wrap: break-word; width: 100%; }\n\n@media (max-width: 450px) { .info-hud table { table-layout: fixed; width: 100%; } }\n\n/* ----------------------------------------\n/*  Content\n/* ----------------------------------------*/\n.content { position: relative; }\n\n.content:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n/* Customize Sources */\n.sidebar .customize-sources { display: block; margin: 14px -24px 4px; color: #606d7b !important; transition: color linear 100ms; }\n\nbody.ltr .sidebar .customize-sources { padding: 7px 14px 7px 24px ; }\n\nbody.rtl .sidebar .customize-sources { padding: 7px 24px 7px 14px ; }\n\nbody.ltr .sidebar .customize-sources .icon { margin-right: 4px; }\n\nbody.rtl .sidebar .customize-sources .icon { margin-left: 4px; }\n\n.sidebar .customize-sources .label { opacity: 0; transition: opacity linear 100ms; }\n\n.sidebar .customize-sources:hover { color: #596673 !important; text-decoration: none; }\n\n.sidebar .customize-sources:hover .label { opacity: 1; }\n\n.sidebar .customize-sources:hover { color: #0B69A3; }\n\nbody.ltr .customize-sources-modal { padding-left: 200px; }\n\nbody.rtl .customize-sources-modal { padding-right: 200px; }\n\n.customize-sources-modal > .spinner { position: absolute; top: calc(50% - 44px); left: calc(50% - 12px); }\n\n.customize-sources-modal > .cs-sidebar { position: absolute; top: 0; margin: 0; padding: 10px 0; border: none; width: 200px; height: calc(100% - 62px); box-sizing: border-box; background-color: #f3f7fc; overflow: auto; box-shadow: inset -1px 0 0 rgba(51, 64, 77, 0.1); }\n\nbody.ltr .customize-sources-modal > .cs-sidebar { left: 0; }\n\nbody.rtl .customize-sources-modal > .cs-sidebar { right: 0; }\n\nbody.ltr .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 0 0 14px ; }\n\nbody.rtl .customize-sources-modal > .cs-sidebar > .btn { margin: 10px 14px 0 0 ; }\n\n.customize-sources-item { position: relative; margin-top: -1px; background-color: #e4edf6; border: solid rgba(51, 64, 77, 0.1); border-width: 1px 0; user-select: none; cursor: default; }\n\nbody.ltr .customize-sources-item { margin-right: 1px; }\n\nbody.rtl .customize-sources-item { margin-left: 1px; }\n\nbody.ltr .customize-sources-item { padding: 10px 14px 10px 40px ; }\n\nbody.rtl .customize-sources-item { padding: 10px 40px 10px 14px ; }\n\n.customize-sources-item + .customize-sources-item:not(.heading) { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n.customize-sources-item.sel { background-color: #cdd8e4; z-index: 1; }\n\n.customize-sources-item .move { display: block; position: absolute; top: 11px; width: 24px; text-align: center; }\n\nbody.ltr .customize-sources-item .move { left: 7px; }\n\nbody.rtl .customize-sources-item .move { right: 7px; }\n\n.customize-sources-item + .customize-sources-item.heading { margin-top: 10px; }\n\n.customize-sources-item.heading .label { text-transform: uppercase; color: #606d7b; font-size: 12px; font-weight: bold; }\n\n.customize-sources-modal > .source-settings { position: relative; height: calc(100% - 62px); box-sizing: border-box; padding: 24px; overflow: auto; }\n\nbody.ltr .customize-sources-table-column .move { margin-right: 10px; }\n\nbody.rtl .customize-sources-table-column .move { margin-left: 10px; }\n\n.customize-sources-modal > .footer { position: absolute; bottom: 0; left: 0; width: 100%; }\n\n/* ----------------------------------------\n/*  Icon lists\n/* ----------------------------------------*/\nul.icons { margin-top: 20px; display: flex; flex-wrap: wrap; }\n\nul.icons li { margin: 0 4px 10px 0; }\n\nul.icons li a { display: block; position: relative; padding: 60px 5px 10px; width: 110px; text-align: center; color: #3f4d5a; border-radius: 4px; border: 1px solid #fff; }\n\nul.icons li a:before { display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 40px; line-height: 60px; }\n\nul.icons li a .icon img, ul.icons li a .icon svg { width: 40px; height: 40px; position: absolute; top: 12px; left: calc(50% - 20px); }\n\nul.icons li a .icon.icon-mask svg rect, ul.icons li a .icon.icon-mask svg circle, ul.icons li a .icon.icon-mask svg ellipse, ul.icons li a .icon.icon-mask svg line, ul.icons li a .icon.icon-mask svg polyline, ul.icons li a .icon.icon-mask svg polygon, ul.icons li a .icon.icon-mask svg path, ul.icons li a .icon.icon-mask svg text { fill: #3f4d5a; stroke-width: 0; transition: fill linear 100ms; }\n\nul.icons li a:hover { text-decoration: none; background-color: #f3f7fc; border-color: #e4edf6; }\n\nul.icons li a:hover .icon.icon-mask svg rect, ul.icons li a:hover .icon.icon-mask svg circle, ul.icons li a:hover .icon.icon-mask svg ellipse, ul.icons li a:hover .icon.icon-mask svg line, ul.icons li a:hover .icon.icon-mask svg polyline, ul.icons li a:hover .icon.icon-mask svg polygon, ul.icons li a:hover .icon.icon-mask svg path, ul.icons li a:hover .icon.icon-mask svg text { fill: #0B69A3; stroke-width: 0; transition: fill linear 100ms; }\n\nul.icons li a:focus { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\n@media only screen and (max-width: 380px) { ul.icons li a { width: 96px; } }\n\n@media only screen and (max-width: 320px) { ul.icons li a { width: 75px; } }\n\n/* ----------------------------------------\n/*  Buttons\n/* ----------------------------------------*/\n.toolbar { position: relative; margin-bottom: 14px; min-height: 34px; }\n\n.toolbar.flex, .toolbar .flex { align-items: flex-start; }\n\n.toolbar .text { border-radius: 5px !important; box-shadow: none !important; }\n\n.flex { display: flex; align-items: center; align-content: stretch; }\n\n.flex:not(.flex-nowrap) { flex-wrap: wrap; }\n\n.flex:not(.flex-nowrap) > * { margin-bottom: 7px; }\n\n.flex > *.label { white-space: nowrap; }\n\nbody.ltr .flex > *:not(:last-child) { margin-right: 7px !important; }\n\nbody.rtl .flex > *:not(:last-child) { margin-left: 7px !important; }\n\nbody.ltr .flex > *.spinner { margin-left: 0 !important; }\n\nbody.rtl .flex > *.spinner { margin-right: 0 !important; }\n\n.centeralign .flex { justify-content: center; }\n\n.flex-grow { flex: 1; }\n\n.flex-center { align-items: center; }\n\n.spacer { width: 14px; }\n\n.buttons { display: flex; position: relative; margin: 24px 0; }\n\nbody.ltr .buttons > .btn:not(.hidden) + .btn, body.ltr .buttons > .btn:not(.hidden) + .btngroup, body.ltr .buttons > .btngroup:not(.hidden) + .btn, body.ltr .buttons > .btngroup:not(.hidden) + .btngroup { margin-left: 5px; }\n\nbody.rtl .buttons > .btn:not(.hidden) + .btn, body.rtl .buttons > .btn:not(.hidden) + .btngroup, body.rtl .buttons > .btngroup:not(.hidden) + .btn, body.rtl .buttons > .btngroup:not(.hidden) + .btngroup { margin-right: 5px; }\n\n.hud-footer > .buttons, .footer > .buttons { margin: 0; }\n\n.btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; padding: 7px 14px; border: none; text-align: center; white-space: nowrap; user-select: none; cursor: pointer; box-sizing: border-box; appearance: none; color: #3f4d5a; font-size: inherit; background-color: rgba(96, 125, 159, 0.25); }\n\n.btn.chromeless { background-color: transparent; height: auto; padding: 0; }\n\n.btn.chromeless:hover, .btn.chromeless:active, .btn.chromeless:focus { background-color: transparent; }\n\n.btn.chromeless:hover, .btn.chromeless:active { text-decoration: underline; }\n\n.btn:not(.disabled):focus, .btn:not(.disabled).focus, .btn:not(.disabled):hover { background-color: rgba(96, 125, 159, 0.35); }\n\n.btn:not(.disabled):active, .btn:not(.disabled).active { background-color: rgba(96, 125, 159, 0.5); }\n\n.btn:not(.disabled):active:focus, .btn:not(.disabled):active.focus, .btngroup:focus .btn:not(.disabled):active, .btn:not(.disabled).active:focus, .btn:not(.disabled).active.focus, .btngroup:focus .btn:not(.disabled).active { background-color: rgba(96, 125, 159, 0.6); }\n\n.btn[type='color'] { padding: 6px !important; width: 36px; }\n\n.btn.active { cursor: default; }\n\n.btn:hover { text-decoration: none; }\n\nbody.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; }\n\nbody.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; }\n\n.btn div.checkbox { margin-top: 2px; }\n\n.disabled { opacity: 0.25; }\n\n.disabled, .disabled .btn { cursor: default; }\n\n.btn, .spinner { height: 34px; }\n\nbody.ltr .btn[data-icon-after]:not(:empty):after, body.ltr .menubtn:not(:empty):after, body.ltr .menubtn.icon:after { margin-left: 6px; }\n\nbody.rtl .btn[data-icon-after]:not(:empty):after, body.rtl .menubtn:not(:empty):after, body.rtl .menubtn.icon:after { margin-right: 6px; }\n\n.btn[data-icon]:before, .btn[data-icon-after]:after, .btn.icon:before { position: relative; }\n\n.btn.small[data-icon]:before, .btn.small[data-icon-after]:after, .btn.icon.small:before { font-size: 10px; }\n\n.btn.icon.add.loading { position: relative; }\n\n.btn.icon.add.loading:before { visibility: hidden; }\n\n.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%; }\n\n.btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit.gif); }\n\n.secondary-buttons .btn.icon.add.loading.submit:after, .btn.secondary.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary.gif); }\n\n/* button groups */\n.btngroup { position: relative; z-index: 1; display: flex; white-space: nowrap; align-items: center; }\n\n.btngroup.fullwidth .btn { flex: 1; }\n\n.btngroup.disabled .btn { cursor: default; }\n\n.btngroup .btn.active { cursor: default; }\n\nbody.ltr .btngroup .btn:not(.dashed):not(:last-child) { margin-right: 1px; }\n\nbody.rtl .btngroup .btn:not(.dashed):not(:last-child) { margin-left: 1px; }\n\nbody.ltr .btngroup .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.ltr .btngroup .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.rtl .btngroup .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.rtl .btngroup .btn:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\n.copytext { position: relative; z-index: 1; display: flex; white-space: nowrap; align-items: center; }\n\nbody.ltr .copytext .text { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\nbody.ltr .copytext .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.rtl .copytext .text { border-top-left-radius: 0; border-bottom-left-radius: 0; }\n\nbody.rtl .copytext .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.copytextbtn { display: flex; flex-wrap: nowrap; align-items: center; border: 1px solid rgba(51, 64, 77, 0.1); border-radius: 3px; transition: border-color linear 100ms; padding: 0 9px; cursor: pointer; transition: margin-left linear 100ms, margin-right linear 100ms; }\n\n.copytextbtn input { border: 0; padding: 0; height: 32px; box-shadow: none; background-color: transparent; border: none; cursor: pointer; color: #3f4d5a; text-align: center; }\n\n.copytextbtn.light input { color: #596673; }\n\n.copytextbtn span { opacity: 0; padding: 0; width: 13px; background: none; transition: opacity linear 100ms, margin-left linear 100ms, margin-right linear 100ms; }\n\nbody.ltr .copytextbtn span { margin-left: -13px; }\n\nbody.rtl .copytextbtn span { margin-right: -13px; }\n\n.copytextbtn:hover, .copytextbtn:focus { border-color: rgba(81, 95, 108, 0.25); }\n\nbody.ltr .copytextbtn:hover, body.ltr .copytextbtn:focus { margin-left: -16px; }\n\nbody.rtl .copytextbtn:hover, body.rtl .copytextbtn:focus { margin-right: -16px; }\n\n.copytextbtn:hover span, .copytextbtn:focus span { opacity: 1; }\n\nbody.ltr .copytextbtn:hover span, body.ltr .copytextbtn:focus span { margin-left: 3px; }\n\nbody.rtl .copytextbtn:hover span, body.rtl .copytextbtn:focus span { margin-right: 3px; }\n\n.copytextbtn.small { padding: 0 5px; }\n\n.copytextbtn.small input { font-size: 11px !important; height: 20px; }\n\n/* menu buttons */\n.menubtn { display: inline-flex; align-items: center; user-select: none; }\n\n.menubtn:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; transform: rotate(45deg); position: relative; }\n\n.menubtn.btn:after { top: -1px; }\n\n.menubtn.btn:not(.disabled):not(.inactive):active:after, .menubtn.btn:not(.disabled):not(.inactive).active:after { border-color: #3f4d5a; }\n\n.menubtn.btn.submit:after { border-color: #fff !important; opacity: 0.8; }\n\n.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after, .menubtn.btn.submit:not(.disabled):not(.inactive).hover:after, .menubtn.btn.submit:not(.disabled):not(.inactive):active:after, .menubtn.btn.submit:not(.disabled):not(.inactive).active:after { opacity: 1; }\n\n.menubtn:not(.btn):not(.icon) { height: 17px; }\n\n.menubtn:not(.btn):not(.icon):after { top: 1px; border-color: #0B69A3; }\n\nbody.ltr .menubtn:empty { padding-left: 8px; }\n\nbody.rtl .menubtn:empty { padding-right: 8px; }\n\nbody.ltr .menubtn:empty { padding-right: 8px; }\n\nbody.rtl .menubtn:empty { padding-left: 8px; }\n\n/* spinner */\n.spinner { display: inline-block; vertical-align: bottom; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; }\n\n.spinner.over-bg { background-image: url(../images/spinner_bg.gif); }\n\n.spinner.big { width: 48px; height: 48px; background: url(../images/spinner_big.gif) no-repeat 50% 50%; }\n\n.spinner.big.over-bg { background-image: url(../images/spinner_big_bg.gif); }\n\nbody.ltr .btn + .spinner { margin-left: 7px; }\n\nbody.rtl .btn + .spinner { margin-right: 7px; }\n\n.buttons .spinner { display: block; }\n\nbody.ltr .buttons .spinner { float: left; }\n\nbody.rtl .buttons .spinner { float: right; }\n\nbody.ltr .buttons .btn + .spinner, body.ltr .buttons .btngroup + .spinner { margin-left: 0; }\n\nbody.rtl .buttons .btn + .spinner, body.rtl .buttons .btngroup + .spinner { margin-right: 0; }\n\nbody.ltr .buttons.right .btn + .spinner { margin-right: -24px; }\n\nbody.rtl .buttons.right .btn + .spinner { margin-left: -24px; }\n\n/* small buttons */\n.btngroup.small .btn, .btn.small { padding: 0 7px !important; font-size: 12px; line-height: 22px; }\n\n.btngroup.small, .btngroup.small input.btn, .btn.small, .btn.small + .spinner { height: 22px; }\n\n/* big buttons */\n.btngroup.big .btn, .btn.big { padding: 0 14px; font-size: 14px; line-height: 36px; }\n\nbody.ltr .btn.big[data-icon]:before, body.ltr #preview-btn:before, body.ltr #share-btn:before { margin-left: -2px; }\n\nbody.rtl .btn.big[data-icon]:before, body.rtl #preview-btn:before, body.rtl #share-btn:before { margin-right: -2px; }\n\n.btngroup.big, .btngroup.big input.btn, .btn.big, .btn.big + .spinner { height: 36px; }\n\n/* special buttons */\n.btn.submit, .btn.submit:before, .btn.submit:after, .btn.secondary, .btn.secondary:before, .btn.secondary:after { color: #fff !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.btn.submit { background-color: #E12D39 !important; }\n\n.btn.submit:not(.disabled):not(.inactive):hover, .btn.submit:not(.disabled):not(.inactive).hover, .btn.submit:not(.disabled):not(.inactive):focus { background-color: #d61f2b !important; }\n\n.btn.submit:not(.disabled):not(.inactive):active, .btn.submit:not(.disabled):not(.inactive).active { background-color: #c01b26 !important; }\n\n.btn.caution { background-color: #FFE3E3 !important; color: #CF1124; }\n\n.btn.caution:hover, .btn.caution.hover, .btn.caution:focus { background-color: #ffcaca !important; }\n\n.btn.caution:active, .btn.caution.active { background-color: #FFBDBD !important; }\n\n.secondary-buttons .btn.submit, .btn.secondary { background-color: #606d7b !important; }\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):hover, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).hover, .secondary-buttons .btn.submit:not(.disabled):not(.inactive):focus, .btn.secondary:not(.disabled):not(.inactive):hover, .btn.secondary:not(.disabled):not(.inactive).hover, .btn.secondary:not(.disabled):not(.inactive):focus { background-color: #55616d !important; }\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):active, .secondary-buttons .btn.submit:not(.disabled):not(.inactive).active, .btn.secondary:not(.disabled):not(.inactive):active, .btn.secondary:not(.disabled):not(.inactive).active { background-color: #4a545e !important; }\n\ndiv.btn.submit { position: relative; overflow: hidden; }\n\ndiv.btn.submit input { position: absolute; left: 100%; }\n\n/* dashed buttons */\n.btn.dashed { border: 1px dashed rgba(81, 95, 108, 0.25); background-color: transparent !important; }\n\nbody.ltr .btngroup .btn.dashed:not(:last-child) { border-right: 1px solid transparent; }\n\nbody.rtl .btngroup .btn.dashed:not(:last-child) { border-left: 1px solid transparent; }\n\nbody.ltr .btngroup .btn.dashed:not(:last-child) { margin-right: -1px; }\n\nbody.rtl .btngroup .btn.dashed:not(:last-child) { margin-left: -1px; }\n\n.btn.dashed:focus { background-color: rgba(205, 216, 228, 0.1) !important; }\n\n.btn.dashed:not(.disabled):active, .btn.dashed:not(.disabled).active { background-color: rgba(205, 216, 228, 0.25) !important; }\n\n/* color inputs */\n.color-input-container { position: relative; }\n\n.color-input-container .color-hex-indicator { position: absolute; top: 0; width: 1em; line-height: 34px; text-align: center; user-select: none; }\n\nbody.ltr .color-input-container .color-hex-indicator { left: 7px; }\n\nbody.rtl .color-input-container .color-hex-indicator { right: 7px; }\n\n.color-input { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\n\nbody.ltr .color-input { padding-left: calc(7px + 1em); }\n\nbody.rtl .color-input { padding-right: calc(7px + 1em); }\n\n.color { display: inline-block; position: relative; vertical-align: middle; width: 34px; height: 34px; border-radius: 17px; padding: 0; }\n\n.color:not(.static) { cursor: pointer; }\n\n.color:not(.small) { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 17px 17px; background-position: 0 0, 8.5px 0, 8.5px -8.5px, 0 8.5px; }\n\n.color.small { width: 16px; height: 16px; background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 8px 8px; background-position: 0 0, 4px 0, 4px -4px, 0 4px; }\n\n.color .color-preview { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 17px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }\n\nbody.ltr .color .color-preview { left: 0; }\n\nbody.rtl .color .color-preview { right: 0; }\n\n.color .color-preview:focus-within { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\n.color .color-preview > .color-preview-input { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; border: none; opacity: 0; }\n\nbody.ltr .color .color-preview > .color-preview-input { left: 0; }\n\nbody.rtl .color .color-preview > .color-preview-input { right: 0; }\n\n.colorhex { display: inline-block; margin-left: 5px; vertical-align: middle; color: #596673; }\n\n/* lightswitch */\n.lightswitch-outer-container { display: flex; }\n\n.lightswitch-outer-container .lightswitch-inner-container { border: 1px solid rgba(51, 64, 77, 0.1); border-radius: 3px; display: flex; align-items: center; }\n\n.lightswitch-outer-container .lightswitch-inner-container span { padding: 7px 0; color: #596673; cursor: default; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on] { padding-right: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on] { padding-left: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on] { margin-left: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on] { margin-right: 7px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off] { padding-left: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off] { padding-right: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off] { margin-right: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off] { margin-left: 7px; }\n\n.lightswitch { position: relative; border: none !important; overflow: hidden; cursor: pointer; user-select: none; background-image: linear-gradient(to right, #9aa5b1, #9aa5b1); transition: background-image linear 100ms; }\n\n.lightswitch.on { background-image: linear-gradient(to right, #27AB83, #27AB83); }\n\n.lightswitch.indeterminate { background-image: linear-gradient(to right, #27AB83, #9aa5b1); }\n\n.lightswitch .lightswitch-container { position: relative; height: 100%; }\n\n.lightswitch .lightswitch-container .handle { position: absolute; top: 1px; background-color: #fff; }\n\n.lightswitch:not(.small) { border-radius: 11px; width: 34px; height: 22px; }\n\n.lightswitch:not(.small) .lightswitch-container { width: 46px; }\n\nbody.ltr .lightswitch:not(.small) .lightswitch-container { margin-left: -12px; }\n\nbody.rtl .lightswitch:not(.small) .lightswitch-container { margin-right: -12px; }\n\n.lightswitch:not(.small) .lightswitch-container .handle { border-radius: 10px; width: 20px; height: 20px; left: calc(50% - 10px); }\n\n.lightswitch.small { border-radius: 9px; width: 28px; height: 18px; }\n\n.lightswitch.small .lightswitch-container { width: 38px; }\n\nbody.ltr .lightswitch.small .lightswitch-container { margin-left: -10px; }\n\nbody.rtl .lightswitch.small .lightswitch-container { margin-right: -10px; }\n\n.lightswitch.small .lightswitch-container .handle { border-radius: 8px; width: 16px; height: 16px; left: calc(50% - 8px); }\n\ntable .lightswitch { display: inline-block; margin-bottom: -5px; }\n\n.lightswitch:focus .lightswitch-container .handle { background-color: #cdd8e4; }\n\nbody.ltr .lightswitch.on .lightswitch-container { margin-left: 0; }\n\nbody.rtl .lightswitch.on .lightswitch-container { margin-right: 0; }\n\nbody.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-left: -6px; }\n\nbody.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-right: -6px; }\n\nbody.ltr .lightswitch.indeterminate.small .lightswitch-container { margin-left: -5px; }\n\nbody.rtl .lightswitch.indeterminate.small .lightswitch-container { margin-right: -5px; }\n\n/* pagination */\ntable.data + .pagination { margin-top: 24px; }\n\n.pagination .page-link { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 4px; }\n\n.pagination .page-link:after { position: relative; transition: border-color linear 100ms; }\n\n.pagination .page-link.prev-page:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #606d7b; border-width: 0 2px 2px 0; }\n\nbody.ltr .pagination .page-link.prev-page:after { transform: rotate(135deg); }\n\nbody.rtl .pagination .page-link.prev-page:after { transform: rotate(-45deg); }\n\nbody.ltr .pagination .page-link.prev-page:after { right: -1px; }\n\nbody.rtl .pagination .page-link.prev-page:after { left: -1px; }\n\n.pagination .page-link.next-page:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #606d7b; border-width: 0 2px 2px 0; }\n\nbody.ltr .pagination .page-link.next-page:after { transform: rotate(-45deg); }\n\nbody.rtl .pagination .page-link.next-page:after { transform: rotate(135deg); }\n\nbody.ltr .pagination .page-link.next-page:after { left: -1px; }\n\nbody.rtl .pagination .page-link.next-page:after { right: -1px; }\n\n.pagination .page-link:not(.disabled) { transition: box-shadow linear 100ms; box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); cursor: pointer; }\n\n.pagination .page-link:not(.disabled):hover { text-decoration: none; box-shadow: inset 0 0 0 1px #0B69A3; }\n\n.pagination .page-link:not(.disabled):hover:after { border-color: #0B69A3; }\n\n.pagination .page-link.disabled { opacity: 1; }\n\n.pagination .page-link.disabled:after { border-color: rgba(51, 64, 77, 0.1); }\n\n/* action buttons */\nbody.ltr .actions { float: right; }\n\nbody.rtl .actions { float: left; }\n\nbody.ltr .actions > li { float: left; }\n\nbody.rtl .actions > li { float: right; }\n\nbody.ltr .actions > li + li { margin-left: 10px; }\n\nbody.rtl .actions > li + li { margin-right: 10px; }\n\nh1 + .actions { margin-top: -100px; }\n\nh2 + .actions { margin-top: -54px; }\n\n/* ----------------------------------------\n/*  Tables\n/* ----------------------------------------*/\n.tablepane { margin: -24px -24px -12px; overflow-x: auto; }\n\nbody.ltr .tablepane table th:first-child, body.ltr .tablepane table td:first-child { padding-left: 24px; }\n\nbody.rtl .tablepane table th:first-child, body.rtl .tablepane table td:first-child { padding-right: 24px; }\n\nbody.ltr .tablepane table th:last-child, body.ltr .tablepane table td:last-child { padding-right: 24px; }\n\nbody.rtl .tablepane table th:last-child, body.rtl .tablepane table td:last-child { padding-left: 24px; }\n\nbody.ltr .tablepane table thead th, body.ltr .tablepane table thead td { border-bottom-left-radius: 0; }\n\nbody.rtl .tablepane table thead th, body.rtl .tablepane table thead td { border-bottom-right-radius: 0; }\n\nbody.ltr .tablepane table thead th, body.ltr .tablepane table thead td { border-bottom-right-radius: 0; }\n\nbody.rtl .tablepane table thead th, body.rtl .tablepane table thead td { border-bottom-left-radius: 0; }\n\nbody.ltr .tablepane table thead:first-child tr:first-child th:first-child, body.ltr .tablepane table thead:first-child tr:first-child td:first-child, body.ltr .tablepane table tbody:first-child tr:first-child th:first-child, body.ltr .tablepane table tbody:first-child tr:first-child td:first-child, body.ltr .tablepane table tfoot:first-child tr:first-child th:first-child, body.ltr .tablepane table tfoot:first-child tr:first-child td:first-child { border-top-left-radius: 5px; }\n\nbody.rtl .tablepane table thead:first-child tr:first-child th:first-child, body.rtl .tablepane table thead:first-child tr:first-child td:first-child, body.rtl .tablepane table tbody:first-child tr:first-child th:first-child, body.rtl .tablepane table tbody:first-child tr:first-child td:first-child, body.rtl .tablepane table tfoot:first-child tr:first-child th:first-child, body.rtl .tablepane table tfoot:first-child tr:first-child td:first-child { border-top-right-radius: 5px; }\n\nbody.ltr .tablepane table thead:first-child tr:first-child th:last-child, body.ltr .tablepane table thead:first-child tr:first-child td:last-child, body.ltr .tablepane table tbody:first-child tr:first-child th:last-child, body.ltr .tablepane table tbody:first-child tr:first-child td:last-child, body.ltr .tablepane table tfoot:first-child tr:first-child th:last-child, body.ltr .tablepane table tfoot:first-child tr:first-child td:last-child { border-top-right-radius: 5px; }\n\nbody.rtl .tablepane table thead:first-child tr:first-child th:last-child, body.rtl .tablepane table thead:first-child tr:first-child td:last-child, body.rtl .tablepane table tbody:first-child tr:first-child th:last-child, body.rtl .tablepane table tbody:first-child tr:first-child td:last-child, body.rtl .tablepane table tfoot:first-child tr:first-child th:last-child, body.rtl .tablepane table tfoot:first-child tr:first-child td:last-child { border-top-left-radius: 5px; }\n\nbody.ltr .tablepane table thead:last-child tr:last-child th:first-child, body.ltr .tablepane table thead:last-child tr:last-child td:first-child, body.ltr .tablepane table tbody:last-child tr:last-child th:first-child, body.ltr .tablepane table tbody:last-child tr:last-child td:first-child, body.ltr .tablepane table tfoot:last-child tr:last-child th:first-child, body.ltr .tablepane table tfoot:last-child tr:last-child td:first-child { border-bottom-left-radius: 5px; }\n\nbody.rtl .tablepane table thead:last-child tr:last-child th:first-child, body.rtl .tablepane table thead:last-child tr:last-child td:first-child, body.rtl .tablepane table tbody:last-child tr:last-child th:first-child, body.rtl .tablepane table tbody:last-child tr:last-child td:first-child, body.rtl .tablepane table tfoot:last-child tr:last-child th:first-child, body.rtl .tablepane table tfoot:last-child tr:last-child td:first-child { border-bottom-right-radius: 5px; }\n\nbody.ltr .tablepane table thead:last-child tr:last-child th:last-child, body.ltr .tablepane table thead:last-child tr:last-child td:last-child, body.ltr .tablepane table tbody:last-child tr:last-child th:last-child, body.ltr .tablepane table tbody:last-child tr:last-child td:last-child, body.ltr .tablepane table tfoot:last-child tr:last-child th:last-child, body.ltr .tablepane table tfoot:last-child tr:last-child td:last-child { border-bottom-right-radius: 5px; }\n\nbody.rtl .tablepane table thead:last-child tr:last-child th:last-child, body.rtl .tablepane table thead:last-child tr:last-child td:last-child, body.rtl .tablepane table tbody:last-child tr:last-child th:last-child, body.rtl .tablepane table tbody:last-child tr:last-child td:last-child, body.rtl .tablepane table tfoot:last-child tr:last-child th:last-child, body.rtl .tablepane table tfoot:last-child tr:last-child td:last-child { border-bottom-left-radius: 5px; }\n\ntable.fixed-layout { table-layout: fixed; }\n\ntable th.thin, table td.thin { width: 0.01% !important; white-space: nowrap; }\n\ntable thead th { font-weight: bold; vertical-align: top; }\n\nbody.ltr table thead th { text-align: left; }\n\nbody.rtl table thead th { text-align: right; }\n\ntable:not(.data) th, table:not(.data) td { padding-top: 7px; padding-bottom: 7px; }\n\ntable:not(.data) th:not(:first-child), table:not(.data) td:not(:first-child) { padding-left: 12px; }\n\ntable:not(.data) th:not(:last-child), table:not(.data) td:not(:last-child) { padding-right: 12px; }\n\ntable.data th, table.data td { position: relative; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }\n\ntable.data th.checkbox-cell, table.data td.checkbox-cell { width: 16px !important; min-width: 16px; box-sizing: content-box; position: relative; }\n\ntable.data th.checkbox-cell input.checkbox + label, table.data th.checkbox-cell div.checkbox, table.data td.checkbox-cell input.checkbox + label, table.data td.checkbox-cell div.checkbox { position: absolute; top: calc(50% - 8px); }\n\ntable.data th { font-weight: bold; }\n\ntable.data thead th, table.data thead td { padding-top: 14px; padding-bottom: 14px; width: auto; background-color: #f3f7fc; cursor: default; }\n\nbody.ltr table.data thead th:first-child, body.ltr table.data thead td:first-child { border-top-left-radius: 5px; }\n\nbody.rtl table.data thead th:first-child, body.rtl table.data thead td:first-child { border-top-right-radius: 5px; }\n\nbody.ltr table.data thead th:first-child, body.ltr table.data thead td:first-child { border-bottom-left-radius: 5px; }\n\nbody.rtl table.data thead th:first-child, body.rtl table.data thead td:first-child { border-bottom-right-radius: 5px; }\n\nbody.ltr table.data thead th:last-child, body.ltr table.data thead td:last-child { border-top-right-radius: 5px; }\n\nbody.rtl table.data thead th:last-child, body.rtl table.data thead td:last-child { border-top-left-radius: 5px; }\n\nbody.ltr table.data thead th:last-child, body.ltr table.data thead td:last-child { border-bottom-right-radius: 5px; }\n\nbody.rtl table.data thead th:last-child, body.rtl table.data thead td:last-child { border-bottom-left-radius: 5px; }\n\ntable.data thead th { white-space: nowrap; }\n\ntable.data thead th.orderable:not(.ordered):hover { background-color: #e4edf6; }\n\ntable.data thead th.ordered { background-color: #cdd8e4; }\n\ntable.data thead th.ordered { position: relative; }\n\nbody.ltr table.data thead th.ordered { padding-right: 26px; }\n\nbody.rtl table.data thead th.ordered { padding-left: 26px; }\n\nbody.ltr table.data thead th.ordered:first-child { padding-left: 10px; }\n\nbody.rtl table.data thead th.ordered:first-child { padding-right: 10px; }\n\ntable.data thead th.ordered:not(.loading):after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; transform: rotate(225deg); position: absolute; top: calc(50% - 3px); }\n\nbody.ltr table.data thead th.ordered:not(.loading):after { right: 10px; }\n\nbody.rtl table.data thead th.ordered:not(.loading):after { left: 10px; }\n\ntable.data thead th.ordered:not(.loading).desc:after { transform: rotate(45deg); }\n\ntable.data thead th.ordered.loading { background-image: url(../images/spinner_tableheader.gif); background-repeat: no-repeat; }\n\nbody.ltr table.data thead th.ordered.loading { background-position: 100% 16px; }\n\nbody.rtl table.data thead th.ordered.loading { background-position: 0 16px; }\n\ntable.data tbody tr:not(.disabled):hover th, table.data tbody tr:not(.disabled):hover td { background-color: #f3f7fc; }\n\ntable.data tbody tr:not(.disabled).sel th, table.data tbody tr:not(.disabled).sel td { background-color: #cdd8e4; }\n\ntable.data tbody th, table.data tbody td { padding-top: 7px; padding-bottom: 7px; background-clip: padding-box; }\n\ntable.data tbody td.timestamp { vertical-align: bottom; white-space: nowrap; color: #606d7b; }\n\nbody.ltr table.data tbody td.timestamp { text-align: right; }\n\nbody.rtl table.data tbody td.timestamp { text-align: left; }\n\ntable.data thead + tbody tr th, table.data thead + tbody tr td, table.data tr + tr th, table.data tr + tr td { border-top: 1px solid transparent; }\n\ntable.collapsed { width: auto; }\n\ntable.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; }\n\nbody.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; }\n\nbody.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; }\n\ntable.collapsed thead { display: none; }\n\ntable.collapsed tbody tr { padding: 6px 0; border-bottom: 1px dotted rgba(51, 64, 77, 0.1); }\n\ntable.collapsed tbody tr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\ntable.collapsed tbody th, table.collapsed tbody td { padding: 2px 0 !important; }\n\ntable.collapsed tbody td:empty { display: none; }\n\nbody.ltr table.collapsed tbody [data-title] { margin-right: 0; }\n\nbody.rtl table.collapsed tbody [data-title] { margin-left: 0; }\n\ntable.collapsed tbody [data-title]:before { margin-right: 5px; content: attr(data-title) \":\"; font-weight: bold; }\n\ntable.collapsed tbody [data-title] form { display: inline-block; }\n\n.datatablesorthelper, .editabletablesorthelper, .thumbviewhelper { background-color: #fff; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\n.datatablesorthelper, .datatablesorthelper .element, .datatablesorthelper a { cursor: move !important; }\n\n.datatablesorthelper tr:first-child th, .datatablesorthelper tr:first-child td { border-top: none !important; }\n\n.datatablesorthelper tr:last-child th, .datatablesorthelper tr:last-child td { border-bottom: none !important; }\n\n/* elements */\n.element { position: relative; cursor: default; user-select: none; font-weight: normal; border-radius: 3px; }\n\n.element:focus, li:focus .element { background-color: #f3f7fc; }\n\n.element.sel, li.sel .element { background-color: #cdd8e4 !important; cursor: default; }\n\n.element.sel:focus, li.sel .element:focus { background-color: #bdcbdb !important; }\n\n.element.sel.loading:after, li.sel .element.loading:after { background-image: url(../images/spinner_element.gif); }\n\n.element.sel.hasthumb .elementthumb img, li.sel .element.hasthumb .elementthumb img { box-shadow: 0 0 0 1px rgba(81, 95, 108, 0.1), 0 6px 4px -4px rgba(81, 95, 108, 0.2); }\n\n.element.hasthumb .elementthumb { position: absolute; display: flex; justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; }\n\n.element.hasthumb .elementthumb img { display: block; flex-shrink: 0; pointer-events: none; border-radius: 3px; max-width: 100%; max-height: 100%; }\n\n.element.hasthumb .elementthumb.rounded img { border-radius: 50%; }\n\n.element .label { display: inline-block; }\n\n.element .label .draft-label { display: inline-block; padding: 1px 5px; font-weight: normal; text-decoration: none !important; color: #606d7b; background: #e4edf6; border-radius: 5px; }\n\nbody.ltr .element .label .draft-label { margin: -1px 0 -1px 7px ; }\n\nbody.rtl .element .label .draft-label { margin: -1px 7px -1px 0 ; }\n\n.element.small, .element.large:not(.hasthumb) { display: inline-block; padding: 7px; box-sizing: border-box; }\n\nbody.ltr .element.small.hasstatus, body.ltr .element.large:not(.hasthumb).hasstatus { padding-left: 22px; }\n\nbody.rtl .element.small.hasstatus, body.rtl .element.large:not(.hasthumb).hasstatus { padding-right: 22px; }\n\n.element.small.hasstatus .status, .element.large:not(.hasthumb).hasstatus .status { position: absolute; top: calc(50% - 5px); }\n\nbody.ltr .element.small.hasstatus .status, body.ltr .element.large:not(.hasthumb).hasstatus .status { left: 7px; }\n\nbody.rtl .element.small.hasstatus .status, body.rtl .element.large:not(.hasthumb).hasstatus .status { right: 7px; }\n\n.element.small.hasstatus .icon:not(.delete), .element.large:not(.hasthumb).hasstatus .icon:not(.delete) { position: absolute; top: calc(50% - 11px); }\n\nbody.ltr .element.small.hasstatus .icon:not(.delete), body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete) { left: 6px; }\n\nbody.rtl .element.small.hasstatus .icon:not(.delete), body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete) { right: 6px; }\n\nbody.ltr .element.small.hasthumb, body.ltr .element.large:not(.hasthumb).hasthumb { padding-left: 39px; }\n\nbody.rtl .element.small.hasthumb, body.rtl .element.large:not(.hasthumb).hasthumb { padding-right: 39px; }\n\n.element.small.hasthumb .elementthumb, .element.large:not(.hasthumb).hasthumb .elementthumb { top: calc(50% - 17px); width: 34px; height: 34px; }\n\nbody.ltr .element.small.hasthumb .elementthumb, body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb { left: 0; }\n\nbody.rtl .element.small.hasthumb .elementthumb, body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb { right: 0; }\n\n.element.small.hasthumb .elementthumb.checkered img, .element.large:not(.hasthumb).hasthumb .elementthumb.checkered img { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 8px 8px; background-position: 0 0, 4px 0, 4px -4px, 0 4px; }\n\nbody.ltr .element.small.hasthumb.hasstatus, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus { padding-left: 54px; }\n\nbody.rtl .element.small.hasthumb.hasstatus, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus { padding-right: 54px; }\n\nbody.ltr .element.small.hasthumb.hasstatus .status, body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status { left: 39px; }\n\nbody.rtl .element.small.hasthumb.hasstatus .status, body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status { right: 39px; }\n\n.element.large.hasthumb { display: block; padding: 132px 7px 7px; width: 134px; box-sizing: border-box; }\n\nbody.ltr .element.large.hasthumb.hasstatus { padding-left: 22px; }\n\nbody.rtl .element.large.hasthumb.hasstatus { padding-right: 22px; }\n\n.element.large.hasthumb.hasstatus .status { position: absolute; top: 138px; }\n\nbody.ltr .element.large.hasthumb.hasstatus .status { left: 7px; }\n\nbody.rtl .element.large.hasthumb.hasstatus .status { right: 7px; }\n\n.element.large.hasthumb .elementthumb { top: 7px; width: 120px; height: 120px; }\n\nbody.ltr .element.large.hasthumb .elementthumb { left: 7px; }\n\nbody.rtl .element.large.hasthumb .elementthumb { right: 7px; }\n\n.element.large.hasthumb .elementthumb.checkered img { background-image: linear-gradient(45deg, #e4edf6 25%, transparent 25%), linear-gradient(135deg, #e4edf6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e4edf6 75%), linear-gradient(135deg, transparent 75%, #e4edf6 75%); background-size: 15px 15px; background-position: 0 0, 7.5px 0, 7.5px -7.5px, 0 7.5px; }\n\n.element.large.hasthumb .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; }\n\nbody.ltr .element.removable .label { padding-right: 20px; }\n\nbody.rtl .element.removable .label { padding-left: 20px; }\n\n.element.removable .delete:before { color: rgba(123, 135, 147, 0.5); }\n\n.element.removable.small .delete, .element.removable.large:not(.hasthumb) .delete { position: absolute; top: calc(50% - 11px); }\n\nbody.ltr .element.removable.small .delete, body.ltr .element.removable.large:not(.hasthumb) .delete { right: 7px; }\n\nbody.rtl .element.removable.small .delete, body.rtl .element.removable.large:not(.hasthumb) .delete { left: 7px; }\n\n.element.removable.large.hasthumb .delete { position: absolute; }\n\nbody.ltr .element.removable.large.hasthumb .delete { right: 7px; }\n\nbody.rtl .element.removable.large.hasthumb .delete { left: 7px; }\n\nbody.ltr .element.loading { padding-right: 31px; }\n\nbody.rtl .element.loading { padding-left: 31px; }\n\n.element.loading:after { content: ''; font-size: 0; position: absolute; bottom: 0; width: 24px; background: url(../images/spinner.gif) no-repeat 50% 50%; height: 32px; }\n\nbody.ltr .element.loading:after { right: 3px; }\n\nbody.rtl .element.loading:after { left: 3px; }\n\n.element.loading.removable .delete { display: none; }\n\n.elements { position: relative; }\n\n.elements.busy { min-height: 200px; }\n\n.elements.busy:after { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: -24px; width: calc(100% + 48px); height: 100%; background: rgba(255, 255, 255, 0.75) url(../images/spinner.gif) no-repeat 50% 50%; border-radius: 5px; }\n\n.elements .header { margin: -24px -24px 24px; padding: 14px 24px; background-color: #f3f7fc; box-shadow: none; }\n\n.elements .header:after { content: ''; }\n\n.elements .header .selectallcontainer { cursor: default; }\n\nbody.ltr .elements .header .selectallcontainer .checkbox { margin-right: 5px; }\n\nbody.rtl .elements .header .selectallcontainer .checkbox { margin-left: 5px; }\n\n.elements .tableview .move { display: block; position: absolute; top: calc(50% - 11px); font-size: 11px; text-decoration: none; }\n\nbody.ltr .elements .tableview .move { margin-left: -14px; }\n\nbody.rtl .elements .tableview .move { margin-right: -14px; }\n\n.elements .tableview .toggle { display: block; position: absolute; top: calc(50% - 7px); padding: 4px; }\n\nbody.ltr .elements .tableview .toggle { margin-left: -16px; }\n\nbody.rtl .elements .tableview .toggle { margin-right: -16px; }\n\nbody.ltr .elements .tableview .move + .toggle { margin-left: -34px; }\n\nbody.rtl .elements .tableview .move + .toggle { margin-right: -34px; }\n\n.elements .thumbsview { width: calc(100% + 15px); display: flex; flex-direction: row; flex-wrap: wrap; }\n\nbody.ltr .elements .thumbsview { margin: -7px -8px -8px -7px ; }\n\nbody.rtl .elements .thumbsview { margin: -7px -7px -8px -8px ; }\n\n.elements .thumbsview li { position: relative; }\n\nbody.ltr .elements .thumbsview li { margin: 0 1px 1px 0 ; }\n\nbody.rtl .elements .thumbsview li { margin: 0 0 1px 1px ; }\n\n.elements .thumbsview li:hover .element { background-color: #f3f7fc; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus) { padding-left: 28px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus) { padding-right: 28px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus { padding-left: 43px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus { padding-right: 43px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status { left: 28px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status { right: 28px; }\n\n.elements .thumbsview li.has-checkbox .checkbox { position: absolute; top: 134px; }\n\nbody.ltr .elements .thumbsview li.has-checkbox .checkbox { left: 7px; }\n\nbody.rtl .elements .thumbsview li.has-checkbox .checkbox { right: 7px; }\n\n.export-form { position: relative; }\n\n.export-form .spinner { position: absolute; bottom: 0; }\n\nbody.ltr .export-form .spinner { right: -24px; }\n\nbody.rtl .export-form .spinner { left: -24px; }\n\n.thumbviewhelper { margin: -7px; padding: 7px; }\n\n.thumbviewhelper .thumbsview, .thumbviewhelper .thumbsview li { margin: 0 !important; }\n\n/* structures */\n.structure { position: relative; z-index: 1; }\n\nbody.ltr .structure li { padding-left: 8px; }\n\nbody.rtl .structure li { padding-right: 8px; }\n\n.structure li.collapsed > ul { display: none; }\n\n.structure li .row:hover > .icon, .structure li.draghelper > .row .move, .structure li .add.active { opacity: 1; }\n\n.structure li.draghelper > .row .add { opacity: 0; }\n\n.structure li.draghelper > .row .move:before { color: #0B69A3; }\n\n.structure li.draginsertion { position: relative; height: 2px; background-color: #0B69A3 !important; border-radius: 1px; }\n\nbody.ltr .structure li.draginsertion { margin: -1px 0 -1px 8px ; }\n\nbody.rtl .structure li.draginsertion { margin: -1px 8px -1px 0 ; }\n\nbody.ltr .structure li.draginsertion { padding-left: 0; }\n\nbody.rtl .structure li.draginsertion { padding-right: 0; }\n\nbody.ltr .structure li.draginsertion { border-left: none; }\n\nbody.rtl .structure li.draginsertion { border-right: none; }\n\n.structure li .toggle { position: relative; z-index: 1; padding: 4px; }\n\nbody.ltr .structure li .toggle { float: left; }\n\nbody.rtl .structure li .toggle { float: right; }\n\nbody.ltr .structure li .toggle { margin: 10px -8px 0 -12px ; }\n\nbody.rtl .structure li .toggle { margin: 10px -12px 0 -8px ; }\n\n.structure li .row:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n.structure li .move, .structure li .add { opacity: 0; transition: opacity linear 100ms; }\n\nbody.ltr .structure li .move, body.ltr .structure li .add { margin: 5px 5px 0 0 ; }\n\nbody.rtl .structure li .move, body.rtl .structure li .add { margin: 5px 0 0 5px ; }\n\n.structure li .add { padding: 0 5px; }\n\n.structure li .add:before { content: 'downangle'; color: rgba(123, 135, 147, 0.5); }\n\n.structure li .add:not(.disabled):hover:before, .structure li .add.active:before { color: #0B69A3; }\n\nbody.ltr .structure li .checkbox { float: left; }\n\nbody.rtl .structure li .checkbox { float: right; }\n\nbody.ltr .structure li .checkbox { margin: 7px 0 0 7px ; }\n\nbody.rtl .structure li .checkbox { margin: 7px 7px 0 0 ; }\n\nbody.ltr .structure ul { margin-left: -3px; }\n\nbody.rtl .structure ul { margin-right: -3px; }\n\n.structure ul li { background-repeat: no-repeat; }\n\nbody.ltr .structure ul li { padding-left: 38px; }\n\nbody.rtl .structure ul li { padding-right: 38px; }\n\nbody.ltr .structure ul li { background-image: url(../images/branch.png); background-position: 0 0; }\n\nbody.rtl .structure ul li { background-image: url(../images/branch_rtl.png); background-position: 100% 0; }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { padding-left: 37px; }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { padding-right: 37px; }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { border-left: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { border-right: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr .structure ul li:not(:last-child):not(.last) { background-position: -1px 0; }\n\nbody.rtl .structure ul li:not(:last-child):not(.last) { background-position: calc(100% + 1px) 0; }\n\nbody.ltr .structure ul li.draginsertion { margin-left: 38px; }\n\nbody.rtl .structure ul li.draginsertion { margin-right: 38px; }\n\n.structure .row.draghover .element { z-index: 2; border-radius: 15px; box-shadow: inset 0 0 0 2px #0B69A3; }\n\n.structure .row.droptarget { border-radius: 5px; box-shadow: inset 0 0 0 2px #0B69A3; }\n\n/* element select fields */\n.elementselect { position: relative; min-height: 37px; margin-top: -7px; }\n\n.elementselect:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\nbody.ltr .elementselect .element, body.ltr .elementselect .btn { float: left; }\n\nbody.rtl .elementselect .element, body.rtl .elementselect .btn { float: right; }\n\nbody.ltr .elementselect .element, body.ltr .elementselect .btn { margin: 7px 7px 0 0 ; }\n\nbody.rtl .elementselect .element, body.rtl .elementselect .btn { margin: 7px 0 0 7px ; }\n\n.elementselect .element.small, .elementselect .flex, .elementselect .btn { clear: both; }\n\n.elementselect .element { z-index: 1; }\n\n.elementselect .element.small { max-width: 100%; }\n\n.elementselect .element.small .label { display: block; max-width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n\nbody.ltr .elementselect .caboose { float: left; }\n\nbody.rtl .elementselect .caboose { float: right; }\n\n.elementselect .flex .btn { float: none !important; }\n\n/* editable tables */\ntable.editable { border-radius: 5px; border: 1px solid #cdd8e4; }\n\ntable.editable th, table.editable td.action { color: #596673; font-weight: normal; background-color: #f3f7fc; }\n\ntable.editable thead tr th, table.editable tbody tr th { padding: 6px 10px; }\n\ntable.editable thead tr th { border-bottom: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr table.editable thead tr th.has-info { padding-right: calc(15px + 1em); }\n\nbody.rtl table.editable thead tr th.has-info { padding-left: calc(15px + 1em); }\n\ntable.editable thead tr th span.info { position: absolute; margin-left: 5px; }\n\ntable.editable tbody tr:not(:first-child) th, table.editable tbody tr:not(:first-child) td { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\nbody.ltr table.editable tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }\n\nbody.rtl table.editable tbody tr:last-child td:first-child { border-bottom-right-radius: 5px; }\n\nbody.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; }\n\nbody.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; }\n\nbody.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(51, 64, 77, 0.1); }\n\nbody.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(51, 64, 77, 0.1); }\n\nbody.ltr table.editable tbody tr th ~ td:not(:first-child) { border-left: 1px solid #dbdddf; }\n\nbody.rtl table.editable tbody tr th ~ td:not(:first-child) { border-right: 1px solid #dbdddf; }\n\ntable.editable tbody tr td { vertical-align: top; text-align: center; background-color: #fff; padding: 4px 10px; }\n\ntable.editable tbody tr td.focus { box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); }\n\ntable.editable tbody tr td.textual { padding: 0; }\n\ntable.editable tbody tr td.textual textarea { resize: none; }\n\ntable.editable tbody tr td.textual pre { white-space: pre-wrap; }\n\nbody.ltr table.editable tbody tr td.textual pre { text-align: left; }\n\nbody.rtl table.editable tbody tr td.textual pre { text-align: right; }\n\ntable.editable tbody tr td.lightswitch-cell { padding-top: 9px; padding-bottom: 9px; }\n\ntable.editable tbody tr td.lightswitch-cell .lightswitch { display: block; margin: 0 auto; }\n\ntable.editable tbody tr td.checkbox-cell { padding-top: 10px; padding-bottom: 10px; }\n\ntable.editable tbody tr td.checkbox-cell .checkbox-wrapper { display: block; margin: -2px auto 0; width: 16px; height: 16px; }\n\ntable.editable tbody tr td.error { box-shadow: inset 0 0 0 1px #CF1124; }\n\ntable.editable tbody tr td.disabled { position: relative; opacity: 1; }\n\ntable.editable tbody tr td.disabled:after { content: ''; font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(243, 247, 252, 0.75); user-select: none; }\n\ntable.editable tbody tr td.action { padding: 4px 7px; }\n\nbody.ltr table.editable tbody tr td.action + td.action { border-left: none; }\n\nbody.rtl table.editable tbody tr td.action + td.action { border-right: none; }\n\nbody.ltr table.editable tbody tr td.action + td.action { padding-left: 0; }\n\nbody.rtl table.editable tbody tr td.action + td.action { padding-right: 0; }\n\ntable.editable tbody tr td .flex > * { margin-bottom: 0; }\n\ntable.editable tbody textarea, table.editable tbody textarea.text, table.editable tbody input.text, table.editable tbody pre { display: block; width: 100%; border: none; box-shadow: none; border-radius: 0; padding: 7px 10px; background-color: transparent; overflow: hidden; transition: none; box-sizing: border-box; }\n\ntable.editable tbody .color-container { display: block; position: relative; }\n\ntable.editable tbody .color-container > .color, table.editable tbody .color-container .color-input { margin-bottom: 0; }\n\ntable.editable tbody .color-container > .color { position: absolute; top: 10px; }\n\nbody.ltr table.editable tbody .color-container > .color { left: 10px; }\n\nbody.rtl table.editable tbody .color-container > .color { right: 10px; }\n\nbody.ltr table.editable tbody .color-container .color-hex-indicator { left: 32px; }\n\nbody.rtl table.editable tbody .color-container .color-hex-indicator { right: 32px; }\n\nbody.ltr table.editable tbody .color-container .color-input { padding-left: calc(32px + 1em); }\n\nbody.rtl table.editable tbody .color-container .color-input { padding-right: calc(32px + 1em); }\n\ntable.editable tbody .datewrapper, table.editable tbody .timewrapper { display: block; width: 100%; }\n\ntable.editable tbody .datewrapper .text:placeholder-shown + div[data-icon], table.editable tbody .timewrapper .text:placeholder-shown + div[data-icon] { top: 6px; }\n\nbody.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; }\n\nbody.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; }\n\ntable.editable:not(.static) td.textual { cursor: text; }\n\ntable.editable + .btn.add { display: block; width: 100%; border: 1px dashed rgba(81, 95, 108, 0.25); background-color: transparent; box-shadow: none; }\n\ntable.editable + .btn.add:focus { border-style: solid; border-color: #1992D4; }\n\ntable.editable:not(.hidden) + .btn.add { border-top-width: 0; border-radius: 0 0 4px 4px; }\n\n.border-box + .buttons, .shadow-box + .buttons { margin-top: 7px; }\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\nbody.ltr ul.tree, body.ltr .tree ul { margin-left: 20px; }\n\nbody.rtl ul.tree, body.rtl .tree ul { margin-right: 20px; }\n\nbody.ltr .tree li .toggle { margin: 7px 0 0 -15px ; }\n\nbody.rtl .tree li .toggle { margin: 7px -15px 0 0 ; }\n\n/* status icons */\n.status { display: inline-block; width: 10px; height: 10px; border: 1px solid transparent; border-radius: 100%; box-sizing: border-box; }\n\nbody.ltr .status { margin-right: 10px; }\n\nbody.rtl .status { margin-left: 10px; }\n\nbody.use-shapes .status.pending { background-color: transparent; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #CB6E17 transparent; border-radius: 1px; }\n\nbody.use-shapes .status.off, body.use-shapes .status.suspended, body.use-shapes .status.expired { border-radius: 1px; }\n\n.status:not(.on):not(.live):not(.active):not(.enabled):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(96, 125, 159, 0.8); }\n\n.green, .status.on, .status.live, .status.active, .status.enabled { background-color: #27AB83; }\n\n/* green */\n.orange, .status.pending { background-color: #CB6E17; }\n\n/* orange */\n.red, .status.off, .status.suspended, .status.expired { background-color: #CF1124; }\n\n/* red */\n.yellow { background-color: #FADB5F; }\n\n.pink { background-color: #E8368F; }\n\n.purple { background-color: #9B59B6; }\n\n.blue { background-color: #1992D4; }\n\n.turquoise { background-color: #65D6AD; }\n\n.status.light { background-color: #e4edf6; }\n\n.grey { background-color: #9aa5b1; }\n\n.black { background-color: #33404d; }\n\n.status.white, .status.disabled { opacity: 1; }\n\n/* ----------------------------------------\n/*  Progress bar\n/* ----------------------------------------*/\n.progressbar { border-radius: 6px; border: 2px solid #3f4d5a; padding: 2px; position: absolute; left: 20%; width: 60%; z-index: 1000; }\n\n.progressbar-inner { border-radius: 2px; height: 4px; background-color: #3f4d5a; }\n\n.progressbar:not(.pending) .progressbar-inner { width: 0; transition: width linear 100ms; }\n\n.progressbar.pending .progressbar-inner { animation-timing-function: linear; animation-duration: 250ms; animation-iteration-count: infinite; }\n\nbody.ltr .progressbar.pending .progressbar-inner { background: repeating-linear-gradient(135deg, #fff, #fff 8.83883px, #3f4d5a 8.83883px, #3f4d5a 17.67767px); }\n\nbody.rtl .progressbar.pending .progressbar-inner { background: repeating-linear-gradient(45deg, #fff, #fff 8.83883px, #3f4d5a 8.83883px, #3f4d5a 17.67767px); }\n\nbody.ltr .progressbar.pending .progressbar-inner { animation-name: pendingprogress-ltr; }\n\nbody.rtl .progressbar.pending .progressbar-inner { animation-name: pendingprogress-rtl; }\n\n@keyframes pendingprogress-ltr { from { background-position: 0; }\n  to { background-position: 25px; } }\n\n@keyframes pendingprogress-rtl { from { background-position: 0; }\n  to { background-position: -25px; } }\n\n.elementselect .progress-shade { background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; top: 0; display: none; }\n\nbody.ltr .elementselect .progress-shade { left: 0; }\n\nbody.rtl .elementselect .progress-shade { right: 0; }\n\n.elementselect.uploading { position: relative; }\n\n.elementselect.uploading .progress-shade { display: block; z-index: 2; }\n\n.missing-component { padding: 7px 10px !important; max-width: 400px; background-color: #f3f7fc !important; }\n\n.missing-component .error { margin: 0; }\n\n.missing-component .install-plugin { margin: 7px 0 -7px; border-top: 1px solid rgba(51, 64, 77, 0.1); position: relative; }\n\nbody.ltr .missing-component .install-plugin { padding: 10px 0 10px 40px ; }\n\nbody.rtl .missing-component .install-plugin { padding: 10px 40px 10px 0 ; }\n\n.missing-component .install-plugin .icon { width: 32px; height: 32px; position: absolute; top: calc(50% - 16px); }\n\nbody.ltr .missing-component .install-plugin .icon { left: 0; }\n\nbody.rtl .missing-component .install-plugin .icon { right: 0; }\n\n.missing-component .install-plugin .icon img, .missing-component .install-plugin .icon svg { width: 100%; height: 100%; }\n\n.missing-component .install-plugin h3 { flex: 1; margin: 8px 0 !important; }\n\n.missing-component .install-plugin .btn { margin: 0; }\n\n/* ----------------------------------------\n/*  Panes, Modals and HUDs\n/* ----------------------------------------*/\n.pane { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); position: relative; margin: 14px 0; padding: 24px; border-radius: 5px; word-wrap: break-word; box-sizing: border-box; }\n\n.pane:focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n.pane .pane, #content .pane { background-color: #f3f7fc; border: 1px solid rgba(51, 64, 77, 0.1); box-shadow: none; }\n\n.pane.loading { min-height: 200px; }\n\n.pane.loading:after { display: block; content: ''; font-size: 0; position: absolute; top: 0; left: -24px; width: calc(100% + 48px); height: 100%; background: url(../images/spinner.gif) no-repeat 50% 50%; }\n\n/* meta panes */\n.meta { padding: 0 24px; overflow: visible; }\n\n.meta > .field, .meta > .data, .meta > .flex-fields > .field, .meta > .flex-fields > .data { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 -24px !important; padding: 0 24px; transition: padding-left linear 100ms, padding-right linear 100ms; }\n\nbody.ltr .meta > .field.nested, body.ltr .meta > .data.nested, body.ltr .meta > .flex-fields > .field.nested, body.ltr .meta > .flex-fields > .data.nested { padding-left: 38px; }\n\nbody.rtl .meta > .field.nested, body.rtl .meta > .data.nested, body.rtl .meta > .flex-fields > .field.nested, body.rtl .meta > .flex-fields > .data.nested { padding-right: 38px; }\n\n.meta > .field.add, .meta > .data.add, .meta > .flex-fields > .field.add, .meta > .flex-fields > .data.add { background-color: #ebf2fa; }\n\n.meta > .field.add:before, .meta > .data.add:before, .meta > .flex-fields > .field.add:before, .meta > .flex-fields > .data.add:before { position: absolute; width: 31px; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'plus'; color: #606d7b; }\n\nbody.ltr .meta > .field.add:before, body.ltr .meta > .data.add:before, body.ltr .meta > .flex-fields > .field.add:before, body.ltr .meta > .flex-fields > .data.add:before { left: 0; }\n\nbody.rtl .meta > .field.add:before, body.rtl .meta > .data.add:before, body.rtl .meta > .flex-fields > .field.add:before, body.rtl .meta > .flex-fields > .data.add:before { right: 0; }\n\nbody.ltr .meta > .field.add:before, body.ltr .meta > .data.add:before, body.ltr .meta > .flex-fields > .field.add:before, body.ltr .meta > .flex-fields > .data.add:before { text-align: right; }\n\nbody.rtl .meta > .field.add:before, body.rtl .meta > .data.add:before, body.rtl .meta > .flex-fields > .field.add:before, body.rtl .meta > .flex-fields > .data.add:before { text-align: left; }\n\n.meta > .field.add .input, .meta > .data.add .input, .meta > .flex-fields > .field.add .input, .meta > .flex-fields > .data.add .input { width: 100%; }\n\n.meta > .field > .heading, .meta > .data > .heading, .meta > .flex-fields > .field > .heading, .meta > .flex-fields > .data > .heading { flex: 0 0 105px; line-height: 18px; }\n\nbody.ltr .meta > .field > .heading, body.ltr .meta > .data > .heading, body.ltr .meta > .flex-fields > .field > .heading, body.ltr .meta > .flex-fields > .data > .heading { margin: 0 7px 0 0 ; }\n\nbody.rtl .meta > .field > .heading, body.rtl .meta > .data > .heading, body.rtl .meta > .flex-fields > .field > .heading, body.rtl .meta > .flex-fields > .data > .heading { margin: 0 0 0 7px ; }\n\n.meta > .field.lightswitch-field > .heading, .meta > .data.lightswitch-field > .heading, .meta > .flex-fields > .field.lightswitch-field > .heading, .meta > .flex-fields > .data.lightswitch-field > .heading { flex: 1; }\n\n.meta > .field > .input .flex, .meta > .data > .input .flex, .meta > .flex-fields > .field > .input .flex, .meta > .flex-fields > .data > .input .flex { flex-wrap: nowrap; }\n\n.meta > .field > .input .flex > *, .meta > .data > .input .flex > *, .meta > .flex-fields > .field > .input .flex > *, .meta > .flex-fields > .data > .input .flex > * { margin-bottom: 0; }\n\n.meta > .field > .heading, .meta > .flex-fields > .field > .heading { padding: 14px 0; }\n\n.meta > .field > .heading > .copytextbtn, .meta > .flex-fields > .field > .heading > .copytextbtn { display: none; }\n\n.meta > .data > .heading, .meta > .flex-fields > .data > .heading { padding: 7px 0; }\n\n.meta > .field > .heading > label, .meta > .data > .heading, .meta > .flex-fields > .field > .heading > label, .meta > .flex-fields > .data > .heading { color: #596673; }\n\n.meta > .field > .input, .meta > .data > .value, .meta > .flex-fields > .field > .input, .meta > .flex-fields > .data > .value { padding: 7px 0; width: calc(100% - 112px); }\n\n.meta > .field.lightswitch-field > .input, .meta > .flex-fields > .field.lightswitch-field > .input { flex: 0; width: auto; }\n\n.meta > .field.has-errors, .meta > .flex-fields > .field.has-errors { border: 1px solid #CF1124 !important; }\n\n.meta > .field.has-errors:first-child, .meta > .flex-fields > .field.has-errors:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n.meta > .field.has-errors:last-child, .meta > .flex-fields > .field.has-errors:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }\n\n.meta > .field.has-errors + .field, .meta > .flex-fields > .field.has-errors + .field { border-top: none !important; }\n\n.meta > .field > .heading > label, .meta > .flex-fields > .field > .heading > label { font-weight: normal; }\n\n.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, .meta > .flex-fields > .field > .input > .text, .meta > .flex-fields > .field > .input > .flex > .text, .meta > .flex-fields > .field > .input > .flex > .textwrapper > .text, .meta > .flex-fields > .field > .input > .datewrapper > .text, .meta > .flex-fields > .field > .input > .timewrapper > .text, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper > .text, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper > .text { display: block; margin: -7px 0; padding: 14px 0; border-radius: 0; background-color: transparent; border: none !important; }\n\n.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper, .meta > .field > .input > .datetimewrapper > .datewrapper, .meta > .field > .input > .datetimewrapper > .timewrapper, .meta > .flex-fields > .field > .input > .datewrapper, .meta > .flex-fields > .field > .input > .timewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper { background-color: transparent; }\n\nbody.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], body.ltr .meta > .flex-fields > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { left: 0; }\n\nbody.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], body.rtl .meta > .flex-fields > .field > .input > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .timewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper .text:placeholder-shown + div[data-icon] { right: 0; }\n\n.meta > .field > .input > .datetimewrapper > .datewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .datewrapper { width: 55%; }\n\n.meta > .field > .input > .datetimewrapper > .timewrapper, .meta > .flex-fields > .field > .input > .datetimewrapper > .timewrapper { width: 45%; }\n\nbody.ltr .meta > .field > .input > .datetimewrapper > .clear-btn, body.ltr .meta > .flex-fields > .field > .input > .datetimewrapper > .clear-btn { margin-right: -24px; }\n\nbody.rtl .meta > .field > .input > .datetimewrapper > .clear-btn, body.rtl .meta > .flex-fields > .field > .input > .datetimewrapper > .clear-btn { margin-left: -24px; }\n\n.meta > .field > .input > .datewrapper, .meta > .field > .input > .timewrapper, .meta > .flex-fields > .field > .input > .datewrapper, .meta > .flex-fields > .field > .input > .timewrapper { display: block; width: 100%; }\n\n.meta > .field > ul.errors, .meta > .flex-fields > .field > ul.errors { margin: 0; padding: 0 0 6px; width: 100%; list-style-type: none; }\n\nbody.ltr .meta > .field > .clear-btn, body.ltr .meta > .flex-fields > .field > .clear-btn { margin-right: -24px; }\n\nbody.rtl .meta > .field > .clear-btn, body.rtl .meta > .flex-fields > .field > .clear-btn { margin-left: -24px; }\n\n.meta > .field:not(:first-child), .meta > .flex-fields + .field { border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n.meta > .flex-fields h2, .meta > .flex-fields blockquote.note { margin: 0 -24px !important; padding: 14px 24px; background-color: #ebf2fa; }\n\n.meta > .flex-fields blockquote.note { border-radius: 0; border: none; }\n\n.meta > .flex-fields hr { margin: 0 -24px; }\n\n.meta > .field > .input > .select { display: block; margin: -7px 0; width: 100%; border-radius: 0; box-shadow: none; background-color: transparent; }\n\nbody.ltr .meta > .field > .input > .select:after { right: 0; }\n\nbody.rtl .meta > .field > .input > .select:after { left: 0; }\n\n.meta > .field > .input > .select + .spinner { position: absolute; top: calc(50% - 17px); }\n\nbody.ltr .meta > .field > .input > .select + .spinner { right: -24px; }\n\nbody.rtl .meta > .field > .input > .select + .spinner { left: -24px; }\n\n.meta > .field > .input > .select select { width: 100%; background-color: transparent; }\n\nbody.ltr .meta > .field > .input > .select select { padding: 7px 12px 7px 0 ; }\n\nbody.rtl .meta > .field > .input > .select select { padding: 7px 0 7px 12px ; }\n\n.body { position: relative; }\n\n.modal, .hud { z-index: 100; box-sizing: border-box; }\n\n.modal, .hud .body { border-radius: 5px; background-color: #fff; box-shadow: 0 25px 100px rgba(31, 41, 51, 0.5); }\n\n.header:after, .hud-header:after, .footer:after, .hud-footer:after, .body:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n.header, .hud-header, .footer, .hud-footer { position: relative; z-index: 1; box-sizing: border-box; }\n\n.header, .hud-header, .footer, .hud-footer { background-color: #e4edf6; }\n\n.header, .hud-header { border-radius: 5px 5px 0 0; padding: 24px; box-shadow: inset 0 -1px 0 rgba(51, 64, 77, 0.1); }\n\n.header h1, .hud-header h1 { margin: 0; }\n\n.footer, .hud-footer { border-radius: 0 0 5px 5px; padding: 14px 24px; box-shadow: inset 0 1px 0 rgba(51, 64, 77, 0.1); }\n\n.footer.flex > *, .hud-footer.flex > * { margin-bottom: 0; }\n\n.modal .body, .hud .main { padding: 24px; overflow: hidden; box-sizing: border-box; }\n\n.pane .header, .modal .body .header { margin: -24px -24px 24px; }\n\n.pane .footer, .modal .body .footer { margin: 24px -24px -24px; }\n\n.modal-shade, .hud-shade { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }\n\n.modal-shade:not(.dark) { background-color: rgba(228, 237, 246, 0.65) !important; }\n\n.modal-shade.dark { background-color: rgba(31, 41, 51, 0.5) !important; }\n\n.modal { position: fixed; width: 66%; height: 66%; min-width: 600px; min-height: 400px; overflow: hidden; }\n\n.modal.fitted { width: auto; height: auto; min-width: 0; min-height: 0; }\n\nbody.ltr .modal.alert .body { padding-left: 76px; }\n\nbody.rtl .modal.alert .body { padding-right: 76px; }\n\n.modal.alert .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'alert'; font-size: 40px; color: #606d7b; }\n\nbody.ltr .modal.alert .body:before { margin: -6px 0 0 -58px ; }\n\nbody.rtl .modal.alert .body:before { margin: -6px -58px 0 0 ; }\n\nbody.ltr .modal.alert .body:before { float: left; }\n\nbody.rtl .modal.alert .body:before { float: right; }\n\nbody.ltr .modal.secure .body { padding-left: 76px; }\n\nbody.rtl .modal.secure .body { padding-right: 76px; }\n\n.modal.secure .body:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'secure'; font-size: 58px; color: #606d7b; }\n\nbody.ltr .modal.secure .body:before { margin: -14px 0 0 -56px ; }\n\nbody.rtl .modal.secure .body:before { margin: -14px -56px 0 0 ; }\n\nbody.ltr .modal.secure .body:before { float: left; }\n\nbody.rtl .modal.secure .body:before { float: right; }\n\n.modal .resizehandle { position: absolute; z-index: 1; bottom: 0; width: 24px; height: 24px; background: no-repeat 50% 50%; cursor: nwse-resize; }\n\nbody.ltr .modal .resizehandle { right: 0; }\n\nbody.rtl .modal .resizehandle { left: 0; }\n\nbody.ltr .modal .resizehandle { background-image: url(../images/resizehandle.png); }\n\nbody.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl.png); }\n\n.hud { position: absolute; display: none; top: 0; }\n\n.hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray.png); }\n\n.hud .tip { position: absolute; z-index: 101; background: no-repeat 0 0; }\n\n.hud .tip-left { left: -15px; width: 15px; height: 30px; background-image: url(../images/hudtip_left.png); }\n\n.hud .tip-top { top: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_top.png); }\n\n.hud .tip-right { right: -15px; width: 15px; height: 30px; background-image: url(../images/hudtip_right.png); }\n\n.hud .tip-bottom { bottom: -15px; width: 30px; height: 15px; background-image: url(../images/hudtip_bottom.png); }\n\n.hud .hud-header, .hud .hud-footer { padding: 7px 24px; }\n\n.hud .body { overflow: hidden; }\n\n.hud .body ::-webkit-scrollbar { appearance: none; }\n\n.hud .body ::-webkit-scrollbar:vertical { width: 11px; }\n\n.hud .body ::-webkit-scrollbar:horizontal { height: 11px; }\n\n.hud .body ::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid transparent; background-color: rgba(0, 0, 0, 0.5); background-clip: content-box; }\n\n.hud .body ::-webkit-scrollbar-track { background-color: #f3f7fc; }\n\n/* inline asset previews */\n.preview-thumb-container { position: relative; display: flex; flex-direction: row; align-items: center; height: 190px; background-color: #1f2933; cursor: pointer; }\n\n.preview-thumb-container.loading:after { content: ''; font-size: 0; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(31, 41, 51, 0.8) no-repeat 50% 50% url(../images/spinner_dark.gif); }\n\n#details .preview-thumb-container { margin-bottom: 14px; border-radius: 5px; overflow: hidden; }\n\n.preview-thumb-container .preview-thumb { display: flex; flex-direction: column; align-items: center; width: 100%; }\n\n.preview-thumb-container .preview-thumb img { display: block; max-width: 100%; max-height: 190px; }\n\n.preview-thumb-container .buttons { opacity: 0; position: absolute; top: 10px; margin: 0; transition: opacity linear 100ms; }\n\nbody.ltr .preview-thumb-container .buttons { right: 10px; }\n\nbody.rtl .preview-thumb-container .buttons { left: 10px; }\n\n.preview-thumb-container .buttons .btn { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n@supports (backdrop-filter: blur(10px)) { .preview-thumb-container .buttons .btn { background-color: rgba(81, 95, 108, 0.4); backdrop-filter: blur(10px); transition: opacity linear 100ms, backdrop-filter linear 100ms; } }\n\n.preview-thumb-container .buttons .btn:hover { background-color: #606d7b; }\n\n@supports (backdrop-filter: blur(10px)) { .preview-thumb-container .buttons .btn:hover { background-color: rgba(96, 109, 123, 0.7); } }\n\n.preview-thumb-container:hover .buttons { opacity: 1; }\n\n/* element editor HUDs */\n@media (min-width: 440px) { .hud .elementeditor { min-width: 380px; } }\n\n.hud .elementeditor { max-width: 600px; }\n\n.hud .elementeditor .hud-header { text-align: center; }\n\n.hud .elementeditor .main { padding: 8px 0; }\n\n.hud .elementeditor .main .meta .preview-thumb-container { margin: -8px -24px 8px; }\n\n.hud .elementeditor .main .meta .field { padding-left: 24px; padding-right: 24px; }\n\n.hud .elementeditor .main .meta .field.has-errors { border-radius: 0; }\n\n/* element selector modals */\n.elementselectormodal { padding-bottom: 62px; user-select: none; }\n\n.elementselectormodal .body { position: relative; height: 100%; }\n\n.elementselectormodal .body .spinner.big { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; }\n\n.elementselectormodal .body .content { height: calc(100% + 48px); }\n\n.elementselectormodal .body .content .sidebar { position: absolute; top: 0; height: 100%; overflow: auto; }\n\nbody.ltr .elementselectormodal .body .content .sidebar { margin-left: -249px; }\n\nbody.rtl .elementselectormodal .body .content .sidebar { margin-right: -249px; }\n\n.elementselectormodal .body .content .main { margin: -24px; padding: 24px; height: 100%; box-sizing: border-box; overflow: auto; position: relative; }\n\n.elementselectormodal .body .content .main .elements.busy { min-height: calc(100% - 48px); }\n\n.elementselectormodal .body .content .main .elements .tableview table .element { display: inline-block; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr.disabled { opacity: 1; color: #cdd8e4; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element { opacity: 0.25; }\n\n.elementselectormodal .body .content .main .elements .tableview table tr th, .elementselectormodal .body .content .main .elements .tableview table tr td { cursor: default; }\n\nbody.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-left: 7px; }\n\nbody.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child { padding-right: 7px; }\n\n.elementselectormodal .body .content .main .elements .structure .row { margin-top: 1px; }\n\n.elementselectormodal .footer { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }\n\nbody.ltr .elementselectormodal .footer .spinner { float: right; }\n\nbody.rtl .elementselectormodal .footer .spinner { float: left; }\n\nbody.ltr .elementselectormodal .footer .spinner { margin-right: -24px; }\n\nbody.rtl .elementselectormodal .footer .spinner { margin-left: -24px; }\n\n/* element editing HUD */\n.element-hud-form .buttons { position: relative; }\n\n.element-hud-form .buttons .spinner { position: absolute; top: 0; }\n\nbody.ltr .element-hud-form .buttons .spinner { right: -24px; }\n\nbody.rtl .element-hud-form .buttons .spinner { left: -24px; }\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade, .loginmodalshade { z-index: 101; }\n\n#logoutwarningmodal, #loginmodal, #elevatedsessionmodal { width: 500px; }\n\n#logoutwarningmodal, #loginmodal { z-index: 101; }\n\n#loginmodal .inputcontainer, #elevatedsessionmodal .inputcontainer { position: relative; }\n\n#loginmodal .inputcontainer .spinner, #elevatedsessionmodal .inputcontainer .spinner { position: absolute; top: 0; margin-top: 0; }\n\nbody.ltr #loginmodal .inputcontainer .spinner, body.ltr #elevatedsessionmodal .inputcontainer .spinner { right: -24px; }\n\nbody.rtl #loginmodal .inputcontainer .spinner, body.rtl #elevatedsessionmodal .inputcontainer .spinner { left: -24px; }\n\n/* delete user modal */\n.deleteusermodal .content-summary { margin: -24px -24px 24px; padding: 24px; background-color: #f3f7fc; }\n\n.deleteusermodal .options label { display: inline-block; line-height: 30px; }\n\n.deleteusermodal .elementselect { display: inline-block; vertical-align: middle; }\n\nbody.ltr .deleteusermodal .elementselect { margin-left: 10px; }\n\nbody.rtl .deleteusermodal .elementselect { margin-right: 10px; }\n\nbody.ltr .deleteusermodal .buttons .spinner { margin-right: -20px; }\n\nbody.rtl .deleteusermodal .buttons .spinner { margin-left: -20px; }\n\n.dropdownsettingsmodal { width: auto; height: auto; min-width: 0; min-height: 0; max-width: 400px; }\n\n.dropdownsettingsmodal .body { max-height: 100%; overflow-y: auto; }\n\n.previewmodal.zilch { padding: 100px 0; display: flex; align-items: center; justify-content: center; }\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n.menu, .ui-datepicker, .ui-timepicker-list { z-index: 100; border-radius: 4px; padding: 0 14px; overflow: auto; background: #fff; user-select: none; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 5px 20px rgba(31, 41, 51, 0.25); }\n\n.ui-datepicker, .ui-timepicker-list { padding: 0; }\n\n.menu { display: none; position: absolute; }\n\n.menu h6:first-child { margin-top: 14px !important; }\n\nbody.ltr .menu ul.padded li a { padding-left: 24px; }\n\nbody.rtl .menu ul.padded li a { padding-right: 24px; }\n\n.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: #606d7b; }\n\nbody.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; }\n\nbody.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; }\n\nbody.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 ; }\n\nbody.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 ; }\n\n.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: #CF1124; }\n\n.menu ul.padded li a.sel:not([data-icon]):before { content: 'check'; }\n\n.menu ul li a { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; font-size: 14px; }\n\n.menu ul li a:not(.flex) { display: block !important; }\n\n.menu ul li a.sel { cursor: default; }\n\n.menu ul li a .shortcut { color: #596673; }\n\nbody.ltr .menu ul li a .shortcut { float: right; }\n\nbody.rtl .menu ul li a .shortcut { float: left; }\n\nbody.ltr .menu ul li a .shortcut { margin-left: 14px; }\n\nbody.rtl .menu ul li a .shortcut { margin-right: 14px; }\n\n.menu > .flex { margin-top: 10px; margin-bottom: 10px; position: relative; }\n\nbody.ltr .menu > .flex.padded { margin-left: -14px; }\n\nbody.rtl .menu > .flex.padded { margin-right: -14px; }\n\nbody.ltr .menu > .flex.padded { padding-left: 24px; }\n\nbody.rtl .menu > .flex.padded { padding-right: 24px; }\n\n.menu > .flex.padded.sel:before { position: absolute; top: 36px; content: 'check'; font-size: 14px; color: #606d7b; }\n\nbody.ltr .menu > .flex.padded.sel:before { left: 7px; }\n\nbody.rtl .menu > .flex.padded.sel:before { right: 7px; }\n\n.menu hr { margin: 5px -14px; }\n\n.menubtn span.icon, .menu span.icon { display: inline-block; margin-top: -1px; width: 10px; text-align: center; font-size: 14px; color: #606d7b; }\n\nbody.ltr .menubtn span.icon, body.ltr .menu span.icon { margin-right: 10px; }\n\nbody.rtl .menubtn span.icon, body.rtl .menu span.icon { margin-left: 10px; }\n\n.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: #3f4d5a; background-color: #f3f7fc; }\n\nbody.ltr .menu hr.padded { margin-left: 10px; }\n\nbody.rtl .menu hr.padded { margin-right: 10px; }\n\n/* tag select fields */\n.tagselect .elements { display: inline; }\n\n.tagselect .element.small { clear: none; }\n\n.tagselect .add { position: relative; z-index: 1; display: inline-block; width: 12em; }\n\nbody.ltr .tagselect .add { margin: 7px 7px 0 0 ; }\n\nbody.rtl .tagselect .add { margin: 7px 0 0 7px ; }\n\nbody.ltr .tagselect .add .text { padding-right: 30px; }\n\nbody.rtl .tagselect .add .text { padding-left: 30px; }\n\n.tagselect .add .spinner { position: absolute; top: 0; }\n\nbody.ltr .tagselect .add .spinner { right: 5px; }\n\nbody.rtl .tagselect .add .spinner { left: 5px; }\n\nbody.ltr .tagselect.elementselect .element, body.rtl .tagselect.elementselect .element { float: none !important; display: inline-block; }\n\nbody.ltr .tagmenu ul li a { padding-left: 26px; }\n\nbody.rtl .tagmenu ul li a { padding-right: 26px; }\n\nbody.ltr .tagmenu ul li a:before { float: left; }\n\nbody.rtl .tagmenu ul li a:before { float: right; }\n\nbody.ltr .tagmenu ul li a:before { margin: 3px 0 0 -18px ; }\n\nbody.rtl .tagmenu ul li a:before { margin: 3px -18px 0 0 ; }\n\n/* selectize */\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n.shadow-box { border-radius: 5px; border: 1px solid #cdd8e4; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\ntable.shadow-box thead:first-child tr:first-child th:first-child, table.shadow-box thead:first-child tr:first-child th:first-child.disabled:after, table.shadow-box thead:first-child tr:first-child td:first-child, table.shadow-box thead:first-child tr:first-child td:first-child.disabled:after, table.shadow-box tbody:first-child tr:first-child th:first-child, table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after, table.shadow-box tbody:first-child tr:first-child td:first-child, table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after, table.editable thead:first-child tr:first-child th:first-child, table.editable thead:first-child tr:first-child th:first-child.disabled:after, table.editable thead:first-child tr:first-child td:first-child, table.editable thead:first-child tr:first-child td:first-child.disabled:after, table.editable tbody:first-child tr:first-child th:first-child, table.editable tbody:first-child tr:first-child th:first-child.disabled:after, table.editable tbody:first-child tr:first-child td:first-child, table.editable tbody:first-child tr:first-child td:first-child.disabled:after { border-top-left-radius: 4px; }\n\ntable.shadow-box thead:first-child tr:first-child th:last-child, table.shadow-box thead:first-child tr:first-child th:last-child.disabled:after, table.shadow-box thead:first-child tr:first-child td:last-child, table.shadow-box thead:first-child tr:first-child td:last-child.disabled:after, table.shadow-box tbody:first-child tr:first-child th:last-child, table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after, table.shadow-box tbody:first-child tr:first-child td:last-child, table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after, table.editable thead:first-child tr:first-child th:last-child, table.editable thead:first-child tr:first-child th:last-child.disabled:after, table.editable thead:first-child tr:first-child td:last-child, table.editable thead:first-child tr:first-child td:last-child.disabled:after, table.editable tbody:first-child tr:first-child th:last-child, table.editable tbody:first-child tr:first-child th:last-child.disabled:after, table.editable tbody:first-child tr:first-child td:last-child, table.editable tbody:first-child tr:first-child td:last-child.disabled:after { border-top-right-radius: 4px; }\n\ntable.shadow-box thead:last-child tr:last-child th:first-child, table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after, table.shadow-box thead:last-child tr:last-child td:first-child, table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after, table.shadow-box tbody:last-child tr:last-child th:first-child, table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after, table.shadow-box tbody:last-child tr:last-child td:first-child, table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after, table.editable thead:last-child tr:last-child th:first-child, table.editable thead:last-child tr:last-child th:first-child.disabled:after, table.editable thead:last-child tr:last-child td:first-child, table.editable thead:last-child tr:last-child td:first-child.disabled:after, table.editable tbody:last-child tr:last-child th:first-child, table.editable tbody:last-child tr:last-child th:first-child.disabled:after, table.editable tbody:last-child tr:last-child td:first-child, table.editable tbody:last-child tr:last-child td:first-child.disabled:after { border-bottom-left-radius: 4px; }\n\ntable.shadow-box thead:last-child tr:last-child th:last-child, table.shadow-box thead:last-child tr:last-child th:last-child.disabled:after, table.shadow-box thead:last-child tr:last-child td:last-child, table.shadow-box thead:last-child tr:last-child td:last-child.disabled:after, table.shadow-box tbody:last-child tr:last-child th:last-child, table.shadow-box tbody:last-child tr:last-child th:last-child.disabled:after, table.shadow-box tbody:last-child tr:last-child td:last-child, table.shadow-box tbody:last-child tr:last-child td:last-child.disabled:after, table.editable thead:last-child tr:last-child th:last-child, table.editable thead:last-child tr:last-child th:last-child.disabled:after, table.editable thead:last-child tr:last-child td:last-child, table.editable thead:last-child tr:last-child td:last-child.disabled:after, table.editable tbody:last-child tr:last-child th:last-child, table.editable tbody:last-child tr:last-child th:last-child.disabled:after, table.editable tbody:last-child tr:last-child td:last-child, table.editable tbody:last-child tr:last-child td:last-child.disabled:after { border-bottom-right-radius: 4px; }\n\n.text:not(.selectize-text), .passwordwrapper, .border-box, .matrix-configurator > .field > .input, .selectize-text > .selectize-control > .selectize-input, .multiselect > select, .selectize.multiselect .selectize-control.multi .selectize-input { border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; background-clip: padding-box; }\n\n.text.focus, .text:focus, .passwordwrapper.focus, .passwordwrapper:focus, .border-box.focus, .border-box:focus, .selectize-text > .selectize-control > .selectize-input.focus, .selectize-text > .selectize-control > .selectize-input:focus { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\ninput.text, textarea.text, .text > input, .text > textarea, table.editable textarea, .selectize-text > .selectize-control > .selectize-input { font-size: 14px; line-height: 20px; color: #3f4d5a; min-height: 3px; box-sizing: border-box; appearance: none; }\n\n.selectize-text > .selectize-control > .selectize-input { line-height: 18px; }\n\ntextarea.text.fullwidth { display: block; }\n\n.multitext .multitextrow:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\nbody.ltr .multitext .multitextrow:first-child .text:first-child { border-top-left-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:first-child .text:first-child { border-top-right-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:first-child .text:last-child { border-top-right-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:first-child .text:last-child { border-top-left-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:last-child .text:first-child { border-bottom-left-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:last-child .text:first-child { border-bottom-right-radius: 4px; }\n\nbody.ltr .multitext .multitextrow:last-child .text:last-child { border-bottom-right-radius: 4px; }\n\nbody.rtl .multitext .multitextrow:last-child .text:last-child { border-bottom-left-radius: 4px; }\n\n.multitext .multitextrow:not(:first-child) .text { margin-top: -1px; }\n\n.multitext .multitextrow .text { border-radius: 0; float: left; box-sizing: border-box; }\n\nbody.ltr .multitext .multitextrow .text:not(:first-child) { margin-left: -1px; }\n\nbody.rtl .multitext .multitextrow .text:not(:first-child) { margin-right: -1px; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(1) { width: 100%; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(2) { width: 50%; }\n\n.multitext .multitextrow .text:first-child:nth-last-child(2) ~ .text { width: calc(50% + 1px); }\n\n.multitext .multitextrow .text.error { position: relative; z-index: 1; }\n\n.multitext .multitextrow .text:focus, .multitext .multitextrow .selectize-text > .selectize-control > .selectize-input.focus { position: relative; z-index: 2; }\n\n.chars-left { position: relative; color: #606d7b; }\n\nbody.ltr .chars-left { float: right; }\n\nbody.rtl .chars-left { float: left; }\n\nbody.ltr .chars-left { margin: -27px 7px 0 0 ; }\n\nbody.rtl .chars-left { margin: -27px 0 0 7px ; }\n\n.chars-left.negative-chars-left { color: #CF1124; }\n\n.field, fieldset { position: relative; margin: 24px 0; }\n\n.flex > .field, .flex > fieldset { margin-top: 0; margin-bottom: 0; }\n\n.field > .status-badge { position: absolute; top: -3px; font-size: 9px; font-weight: bold; line-height: 15px; width: 15px; text-align: center; cursor: default; border-radius: 3px; }\n\nbody.ltr .field > .status-badge { left: -19px; }\n\nbody.rtl .field > .status-badge { right: -19px; }\n\n.field > .status-badge.modified { background-color: #1992D4; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.field > .status-badge.outdated { background-color: #FADB5F; }\n\n.field > .status-badge.conflicted { background-color: #CF1124; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.field > .heading { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-top: -5px; margin-bottom: 5px; }\n\n.field > .heading > label, .field > .heading > legend { font-weight: bold; color: #596673; }\n\n.field > .heading > label code, .field > .heading > legend code { font-size: 1em !important; }\n\nbody.ltr .field > .heading > label .info, body.ltr .field > .heading > legend .info { margin-left: 5px; }\n\nbody.rtl .field > .heading > label .info, body.rtl .field > .heading > legend .info { margin-right: 5px; }\n\n.field > .heading > .t9n-indicator { color: #606d7b; }\n\nbody.ltr .field > .heading > .t9n-indicator { margin-left: 7px; }\n\nbody.rtl .field > .heading > .t9n-indicator { margin-right: 7px; }\n\n.field > .heading + .instructions { margin-top: -3px; }\n\n.field > .heading > .instructions { width: 100%; }\n\n.field > .instructions { margin-bottom: 5px; }\n\n.field > .input { position: relative; }\n\n.field > .input:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n.field > .input + .instructions { margin: 5px 0 0; }\n\n.field > .notice, .field > .warning { margin: 5px 0 0; }\n\n.field > .instructions, .field > .heading > .instructions, .checkboxfield .instructions { color: #596673; }\n\n.field > .instructions img, .field > .heading > .instructions img, .checkboxfield .instructions img { max-width: 100%; }\n\n.field > .instructions ul, .field > .instructions ol, .field > .heading > .instructions ul, .field > .heading > .instructions ol, .checkboxfield .instructions ul, .checkboxfield .instructions ol { margin: 1em 0; }\n\nbody.ltr .field > .instructions ul, body.ltr .field > .instructions ol, body.ltr .field > .heading > .instructions ul, body.ltr .field > .heading > .instructions ol, body.ltr .checkboxfield .instructions ul, body.ltr .checkboxfield .instructions ol { padding-left: 2em; }\n\nbody.rtl .field > .instructions ul, body.rtl .field > .instructions ol, body.rtl .field > .heading > .instructions ul, body.rtl .field > .heading > .instructions ol, body.rtl .checkboxfield .instructions ul, body.rtl .checkboxfield .instructions ol { padding-right: 2em; }\n\n.field > .instructions ul li, .field > .heading > .instructions ul li, .checkboxfield .instructions ul li { list-style-type: disc; }\n\n.field > .instructions li + li, .field > .heading > .instructions li + li, .checkboxfield .instructions li + li { margin-top: 0.25em; }\n\n#expand-status-btn { margin-left: 5px; width: 30px; height: 17px; padding: 0; line-height: 16px; border-radius: 3px; color: #596673; }\n\n#expand-status-btn:before { margin: 0; }\n\n/* toggles and nested fields */\n.nested-fields { margin: -24px; padding: 24px 24px 0; }\n\n.nested-fields.hidden { display: block; height: 0; }\n\n.nested-fields > .field:last-child { padding-bottom: 24px; }\n\n/* checkbox */\ninput.checkbox { opacity: 0; position: absolute; width: 16px; height: 16px; }\n\ninput.checkbox + label, div.checkbox { display: inline-block; clear: none; position: relative; line-height: 16px; height: 16px; cursor: pointer; }\n\nbody.ltr input.checkbox + label, body.ltr div.checkbox { padding-left: 21px; }\n\nbody.rtl input.checkbox + label, body.rtl div.checkbox { padding-right: 21px; }\n\ninput.checkbox + label .info, div.checkbox .info { height: 16px; }\n\ninput.checkbox:disabled + label, .disabled div.checkbox { cursor: default; }\n\nbody.ltr input.checkbox + label:empty, body.ltr div.checkbox:empty { padding-left: 16px; }\n\nbody.rtl input.checkbox + label:empty, body.rtl div.checkbox:empty { padding-right: 16px; }\n\ninput.checkbox + label:empty:after, div.checkbox:empty:after { content: ''; font-size: 0; }\n\n/* fixes a RTL bug */\ninput.checkbox + label:before, div.checkbox:before { display: block; position: absolute; top: 0; width: 16px !important; height: 16px; box-sizing: border-box; content: ''; font-size: 0; background-color: #fbfcfe; border: 1px solid rgba(96, 125, 159, 0.4); background-clip: padding-box; border-radius: 3px; }\n\nbody.ltr input.checkbox + label:before, body.ltr div.checkbox:before { left: 0; }\n\nbody.rtl input.checkbox + label:before, body.rtl div.checkbox:before { right: 0; }\n\ninput.checkbox:disabled + label, div.checkbox.disabled:before, div.checkbox.disabled + label { opacity: 0.25; }\n\ninput.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\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; line-height: 16px; color: #1f2933; }\n\ninput.checkbox:checked:not(:indeterminate) + label:before, div.checkbox.checked:not(.indeterminate):before, .sel div.checkbox:not(.indeterminate):before { content: 'check'; font-size: 15px; }\n\ninput.checkbox:indeterminate + label:before, div.checkbox.indeterminate:before { content: 'minus'; font-size: 7px; text-align: center; }\n\ninput.checkbox:focus + label:before, :focus div.checkbox:before { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\nfieldset .checkboxfield { margin: 5px 0; }\n\n.checkboxfield .instructions, .checkboxfield .notice, .checkboxfield .warning { margin-top: 2px; }\n\nbody.ltr .checkboxfield .instructions, body.ltr .checkboxfield .notice, body.ltr .checkboxfield .warning { padding-left: 21px; }\n\nbody.rtl .checkboxfield .instructions, body.rtl .checkboxfield .notice, body.rtl .checkboxfield .warning { padding-right: 21px; }\n\n/* radio */\ninput.radio { opacity: 0; position: absolute; width: 16px; height: 16px; }\n\ninput.radio + label, div.radio { display: inline-block; clear: none; position: relative; height: 16px; cursor: pointer; }\n\nbody.ltr input.radio + label, body.ltr div.radio { padding-left: 21px; }\n\nbody.rtl input.radio + label, body.rtl div.radio { padding-right: 21px; }\n\ninput.radio:disabled + label, .disabled div.radio { cursor: default; }\n\nbody.ltr input.radio + label:empty, body.ltr div.radio:empty { padding-left: 16px; }\n\nbody.rtl input.radio + label:empty, body.rtl div.radio:empty { padding-right: 16px; }\n\n/* fixes a RTL bug */\ninput.radio + label:before, input.radio + label:after, div.radio:before, div.radio:after { display: block; position: absolute; content: ''; box-sizing: border-box; background-clip: padding-box; border-radius: 100%; }\n\ninput.radio + label:before, div.radio:before { top: 0; left: 0; width: 16px; height: 16px; background-color: #fbfcfe; border: 1px solid rgba(96, 125, 159, 0.4); }\n\ninput.radio + label:after, div.radio:after { top: 4px; left: 4px; width: 8px; height: 8px; }\n\ninput.radio:disabled + label, div.radio.disabled:before, div.radio.disabled + label { opacity: 0.25; }\n\ninput.radio:checked + label:after, div.radio.checked:after, .sel div.radio:after { background: #1f2933; }\n\ninput.radio:focus + label:before, :focus div.radio:before { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\n/* multiselect */\n.multiselect > select { color: #3f4d5a; font-size: 14px; appearance: none; }\n\n.multiselect > select:focus { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\n.multiselect > select option { padding: 1px 8px; }\n\n.text:not(.selectize-text), .selectize-text > .selectize-control > .selectize-input { padding: 6px 9px; }\n\n.text { background-color: #fff; }\n\n.text.small { padding: 3px; }\n\n.text.readable { padding: 16px 18px; font-size: 16px; line-height: 22px; }\n\n.text.readable + .chars-left { margin-top: -23px; }\n\n.text input { margin: 0; padding: 0; border: none; background-color: transparent; }\n\n.input.errors > .text, .input.errors > .border-box, .input.errors > .passwordwrapper, .input.errors > .autosuggest-container .text, .text.error { border: 1px solid #CF1124 !important; }\n\n.texticon { position: relative; cursor: text; min-width: 130px; }\n\n.texticon.icon:before { position: absolute; top: 9px; color: #596673; }\n\nbody.ltr .texticon.icon:before { left: 9px; }\n\nbody.rtl .texticon.icon:before { right: 9px; }\n\nbody.ltr .texticon.icon .text { padding-left: 26px; }\n\nbody.rtl .texticon.icon .text { padding-right: 26px; }\n\nbody.ltr .texticon.clearable .text { padding-right: 22px; }\n\nbody.rtl .texticon.clearable .text { padding-left: 22px; }\n\n.texticon .clear { position: absolute; top: 6px; color: #606d7b; cursor: pointer; }\n\nbody.ltr .texticon .clear { right: 9px; }\n\nbody.rtl .texticon .clear { left: 9px; }\n\n.texticon .clear:hover { color: #596673; }\n\n.texticon .clear:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'remove'; }\n\n.texthint-container { position: relative; height: 0; }\n\n.texthint { position: absolute; top: -1px; width: 100%; color: #606d7b; cursor: text; }\n\n.passwordwrapper { position: relative; }\n\n.passwordwrapper .password { border: none; background: transparent; padding-right: 4rem; box-shadow: none; }\n\n.passwordwrapper .password-toggle { color: #0B69A3; position: absolute; top: 0; bottom: 0; }\n\nbody.ltr .passwordwrapper .password-toggle { right: 0; }\n\nbody.rtl .passwordwrapper .password-toggle { left: 0; }\n\n.passwordwrapper .password-toggle:hover { text-decoration: underline; }\n\n.datetimewrapper { display: flex; flex-direction: row; align-items: center; }\n\nbody.ltr .datetimewrapper > .datewrapper + .timewrapper { margin-left: 5px; }\n\nbody.rtl .datetimewrapper > .datewrapper + .timewrapper { margin-right: 5px; }\n\n.clear-btn { display: flex; justify-content: center; align-items: center; width: 24px; cursor: pointer; color: rgba(123, 135, 147, 0.5); border: none; padding: 0; background: transparent; }\n\n.clear-btn:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'remove'; }\n\n.clear-btn:hover { color: #596673; }\n\n.datewrapper, .timewrapper { display: inline-block; position: relative; }\n\n.datewrapper .text, .timewrapper .text { position: relative; z-index: 1; width: 100%; }\n\n.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: #606d7b; }\n\nbody.ltr .datewrapper .text:placeholder-shown + div[data-icon], body.ltr .timewrapper .text:placeholder-shown + div[data-icon] { left: 14px; }\n\nbody.rtl .datewrapper .text:placeholder-shown + div[data-icon], body.rtl .timewrapper .text:placeholder-shown + div[data-icon] { right: 14px; }\n\n.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 { user-select: none; pointer-events: none; z-index: 1; }\n\n#details .datewrapper .text:placeholder-shown + div[data-icon], #details .timewrapper .text:placeholder-shown + div[data-icon] { color: rgba(123, 135, 147, 0.5); }\n\n.datewrapper .text:not(:placeholder-shown) + div[data-icon], .timewrapper .text:not(:placeholder-shown) + div[data-icon] { display: none; }\n\n.datewrapper { width: 8em; }\n\n.datewrapper .text:before { top: calc(50% - 7px); content: 'date'; }\n\nbody.ltr .datewrapper .text:before { left: 7px; }\n\nbody.rtl .datewrapper .text:before { right: 7px; }\n\n.timewrapper { width: 7em; }\n\n.timewrapper .text:before { top: calc(50% - 5px); font-size: 11px; content: 'time'; }\n\nbody.ltr .timewrapper .text:before { left: 7px; }\n\nbody.rtl .timewrapper .text:before { right: 7px; }\n\n::-webkit-input-placeholder { color: #9aa5b1; }\n\ninput:-ms-input-placeholder { color: #9aa5b1; }\n\n::-ms-input-placeholder { color: #9aa5b1; }\n\n:-moz-placeholder { color: #9aa5b1; }\n\n::-moz-placeholder { color: #9aa5b1; }\n\n::placeholder { color: #9aa5b1; }\n\n/* Kill IE's special text features */\n::-ms-reveal, ::-ms-clear { display: none; }\n\n/* Assets related */\n.hud.assetshud .body { max-height: 500px; overflow: auto; }\n\n.select:not(.selectize), .select:not(.selectize) select { position: relative; border-radius: 5px; white-space: nowrap; }\n\n.select:not(.selectize) { max-width: 100%; position: relative; }\n\n:not(.flex) > .select:not(.selectize) { display: inline-block; }\n\n.select:not(.selectize):after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; z-index: 1; top: calc(50% - 5px); user-select: none; pointer-events: none; }\n\nbody.ltr .select:not(.selectize):after { right: 9px; }\n\nbody.rtl .select:not(.selectize):after { left: 9px; }\n\n.select:not(.selectize) select { display: block; position: relative; max-width: 100%; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); appearance: none; white-space: pre; }\n\nbody.ltr .select:not(.selectize) select { padding: 7px 22px 7px 10px ; }\n\nbody.rtl .select:not(.selectize) select { padding: 7px 10px 7px 22px ; }\n\n.select:not(.selectize) select::-ms-expand { display: none; }\n\n.select:not(.selectize) select option { background-color: #fff; }\n\n.select:not(.selectize).fullwidth select { min-width: 100%; }\n\n.select:not(.selectize) select:hover, .select:not(.selectize) select:focus { outline-color: transparent; background-color: rgba(96, 125, 159, 0.5); }\n\n.select:not(.selectize).small:after { top: 9px; }\n\n.select:not(.selectize).small select { padding-top: 4px !important; padding-bottom: 4px !important; font-size: 11px; }\n\n/* selectize reset */\n.selectize .selectize-control.single .selectize-input { border-color: inherit; box-shadow: none; background-color: transparent; }\n\n.selectize .selectize-control.single .selectize-input:after { display: none; }\n\nbody .selectize-dropdown { border: none; }\n\n/* single select styles */\n.selectize.select .selectize-control, .selectize.select .selectize-control .selectize-input { position: relative; border-radius: 5px; white-space: nowrap; }\n\n.selectize.select .selectize-control { max-width: 100%; position: relative; }\n\n:not(.flex) > .selectize.select .selectize-control { display: inline-block; }\n\n.selectize.select .selectize-control:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; z-index: 1; top: calc(50% - 5px); user-select: none; pointer-events: none; }\n\nbody.ltr .selectize.select .selectize-control:after { right: 9px; }\n\nbody.rtl .selectize.select .selectize-control:after { left: 9px; }\n\n.selectize.select .selectize-control .selectize-input { display: block; position: relative; max-width: 100%; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); appearance: none; }\n\nbody.ltr .selectize.select .selectize-control .selectize-input { padding: 7px 22px 7px 10px ; }\n\nbody.rtl .selectize.select .selectize-control .selectize-input { padding: 7px 10px 7px 22px ; }\n\n.selectize.select .selectize-control .selectize-input::-ms-expand { display: none; }\n\n.selectize.select.fullwidth .selectize-control, .selectize.select.fullwidth .selectize-control .selectize-input { min-width: 100%; }\n\n/* multi select styles */\n.selectize.multiselect .selectize-control.multi .selectize-input { padding: 6px 8px; }\n\n.selectize.multiselect .selectize-control.multi .selectize-input.has-items { padding: 5px 8px; }\n\n.selectize.multiselect .selectize-control.multi .selectize-input > div { display: inline-block; border-radius: 10px; padding: 2px 7px; font-size: 12px; line-height: 14px; color: #3f4d5a; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(123, 135, 147, 0.5); margin-top: 1px; margin-bottom: 1px; }\n\n.selectize.multiselect .selectize-control.plugin-remove_button [data-value] .remove { padding: 0; }\n\n/* shared styles */\n.selectize .selectize-control .selectize-input.focus { border-color: #127FBF; box-shadow: 0 0 0 2px rgba(18, 127, 191, 0.5); }\n\n/* menu styles */\nbody .selectize-dropdown { z-index: 100; border-radius: 4px; padding: 0 14px; overflow: auto; background: #fff; user-select: none; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 5px 20px rgba(31, 41, 51, 0.25); margin-top: 1px; padding: 0; }\n\nbody .selectize-dropdown-content { padding: 3px 14px; }\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'plus'; margin-right: 5px; }\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:after { content: '…'; }\n\nbody .selectize-dropdown [data-selectable], body .selectize-dropdown .optgroup-header { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; }\n\nbody .selectize-dropdown .optgroup-header { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #606d7b; text-transform: uppercase; font-weight: bold; margin: 0; padding: 4px 0; }\n\nbody .selectize-dropdown .active { color: #3f4d5a; background-color: #f3f7fc; }\n\n/* datepicker */\n.ui-datepicker { position: fixed; top: -300px; -padding: 10px; width: 210px; height: 242px; z-index: 101 !important; }\n\nbody.ltr .ui-datepicker { margin-left: 1px; }\n\nbody.rtl .ui-datepicker { margin-right: 1px; }\n\n.ui-datepicker-header { padding: 8px 8px 4px; }\n\nbody.ltr .ui-datepicker-prev { float: left; }\n\nbody.rtl .ui-datepicker-prev { float: right; }\n\nbody.ltr .ui-datepicker-next { float: right; }\n\nbody.rtl .ui-datepicker-next { float: left; }\n\n.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }\n\n.ui-datepicker-prev, .ui-datepicker-next { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }\n\n.ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after { border-color: #0B69A3; }\n\n.ui-datepicker-prev:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; }\n\nbody.ltr .ui-datepicker-prev:after { transform: rotate(135deg); }\n\nbody.rtl .ui-datepicker-prev:after { transform: rotate(-45deg); }\n\n.ui-datepicker-next:after { display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid #596673; border-width: 0 2px 2px 0; }\n\nbody.ltr .ui-datepicker-next:after { transform: rotate(-45deg); }\n\nbody.rtl .ui-datepicker-next:after { transform: rotate(135deg); }\n\n.ui-datepicker-title { text-align: center; }\n\n.ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 2px !important; }\n\n.ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; width: 26px; line-height: 26px; text-align: center; color: #3f4d5a; }\n\n.ui-datepicker-calendar th span { color: #596673; font-weight: normal; }\n\n.ui-datepicker-calendar td a { border-radius: 2px; }\n\n.ui-datepicker-calendar td a:hover { background-color: #cdd8e4; text-decoration: none; }\n\n.ui-datepicker-calendar td a.ui-state-active { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; cursor: default; }\n\n.ui-datepicker-calendar td.ui-datepicker-today a { border-radius: 13px; box-shadow: inset 0 0 0 2px #cdd8e4; }\n\n/* timepicker */\n.ui-timepicker-wrapper { z-index: 101; }\n\n.ui-timepicker-list { overflow-y: auto; width: calc(14px + 6em); height: 210px; z-index: 100; }\n\nbody.ltr .ui-timepicker-list { margin-left: 1px; }\n\nbody.rtl .ui-timepicker-list { margin-right: 1px; }\n\n.ui-timepicker-list li { white-space: nowrap; cursor: pointer; }\n\nbody.ltr .ui-timepicker-list li { padding: 2px 0 2px 14px ; }\n\nbody.rtl .ui-timepicker-list li { padding: 2px 14px 2px 0 ; }\n\n.ui-timepicker-list li:hover { background-color: #cdd8e4; }\n\n.ui-timepicker-list li.ui-timepicker-selected { background-color: #515f6c; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; cursor: default; }\n\n/* slide picker */\n.slide-picker { display: flex; height: 15px; white-space: nowrap; }\n\n.slide-picker a { border: 1px solid rgba(51, 64, 77, 0.1); background-image: none; width: 7px; height: 13px; margin-left: 0; display: inline-block; margin-top: 1px; margin-bottom: 1px; box-sizing: border-box; }\n\nbody.ltr .slide-picker a { border-left: none; }\n\nbody.rtl .slide-picker a { border-right: none; }\n\n.slide-picker a:first-child { width: 8px; }\n\nbody.ltr .slide-picker a:first-child { border-left: 1px solid #7b8793 !important; }\n\nbody.rtl .slide-picker a:first-child { border-right: 1px solid #7b8793 !important; }\n\n.slide-picker:not(:hover) a.active, .slide-picker:hover a.active-hover { border-top-color: #7b8793; border-bottom-color: #7b8793; height: 15px; margin-top: 0; margin-bottom: 0; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-left: 1px solid #7b8793; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-right: 1px solid #7b8793; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-top-left-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-top-right-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.active:first-child, body.ltr .slide-picker:hover a.active-hover:first-child { border-bottom-left-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.active:first-child, body.rtl .slide-picker:hover a.active-hover:first-child { border-bottom-right-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-right: 1px solid #7b8793; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-left: 1px solid #7b8793; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-top-right-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-top-left-radius: 3px; }\n\nbody.ltr .slide-picker:not(:hover) a.last-active, body.ltr .slide-picker:hover a.last-active-hover { border-bottom-right-radius: 3px; }\n\nbody.rtl .slide-picker:not(:hover) a.last-active, body.rtl .slide-picker:hover a.last-active-hover { border-bottom-left-radius: 3px; }\n\n.slide-picker:focus a.active { background-color: #cdd8e4; }\n\n/* errors */\nul.errors { margin-top: 5px; list-style-type: square; }\n\nbody.ltr ul.errors { padding-left: 20px; }\n\nbody.rtl ul.errors { padding-right: 20px; }\n\nul.errors li { color: #CF1124; }\n\n/* message pages */\n.message-container { position: absolute; z-index: 100; top: 0; width: 100%; height: 100%; }\n\nbody.ltr .message-container { left: 0; }\n\nbody.rtl .message-container { right: 0; }\n\n.message-container.no-access { background-color: rgba(31, 41, 51, 0.5); }\n\n.message-container .pane { top: 50%; margin-top: -33px !important; margin-left: auto; margin-right: auto; width: 320px; box-shadow: 0 25px 100px rgba(31, 41, 51, 0.5); }\n\n/* auto-suggest */\n.autosuggest-container { position: relative; }\n\n.autosuggest__results-container { position: absolute; z-index: 2; width: 100%; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); box-sizing: border-box; padding: 0 14px; text-align: left; font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 1em !important; }\n\n.autosuggest__results-container .autosuggest__results_title { margin: 14px 0 3px; font-size: 10px; line-height: 1.2; color: #606d7b; text-transform: uppercase; font-weight: bold; margin-top: 14px !important; }\n\n.autosuggest__results-container .autosuggest__results_item { margin: 0 -14px; padding: 10px 14px; color: #3f4d5a; text-decoration: none; white-space: nowrap; }\n\n.autosuggest__results-container .autosuggest__results_item:hover, .autosuggest__results-container .autosuggest__results_item.autosuggest__results_item-highlighted { color: #3f4d5a; background-color: #f3f7fc; cursor: pointer; }\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n.matrix-configurator > .field { max-width: none; }\n\n.matrix-configurator > .field > .input { display: flex; align-items: stretch; background-color: #f3f7fc; box-shadow: none; }\n\n.matrix-configurator .mc-sidebar { box-sizing: border-box; }\n\n.matrix-configurator .mc-sidebar .mc-col-items { margin-top: -1px; padding-top: 1px; }\n\n.matrix-configurator .mc-sidebar.block-types { width: 200px; }\n\nbody.ltr .matrix-configurator .mc-sidebar.block-types { border-top-left-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types { border-top-right-radius: 3px; }\n\nbody.ltr .matrix-configurator .mc-sidebar.block-types { border-bottom-left-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types { border-bottom-right-radius: 3px; }\n\nbody.ltr .matrix-configurator .mc-sidebar.block-types > .mc-col-inner-container > .mc-col-heading { border-top-left-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types > .mc-col-inner-container > .mc-col-heading { border-top-right-radius: 3px; }\n\n.matrix-configurator .mc-sidebar.block-types > .mc-col-inner-container > .mc-col-items .btn { margin: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields { width: 240px; z-index: 1; background: #fff; box-shadow: -1px 0 0 0 rgba(31, 41, 51, 0.1), 1px 0 0 0 rgba(31, 41, 51, 0.1); }\n\n.matrix-configurator .mc-sidebar.mc-fields .mc-col-items { padding: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn { margin-top: 14px; }\n\n.matrix-configurator .mc-sidebar > .mc-col-inner-container > .mc-col-heading, .matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { margin: 0; padding: 7px 14px 6px; border-bottom: 1px solid rgba(51, 64, 77, 0.1); background-color: #f3f7fc; background-image: linear-gradient(rgba(51, 64, 77, 0), rgba(51, 64, 77, 0.05)); }\n\n.matrix-configurator .mc-field-settings { flex: 1; position: relative; }\n\nbody.ltr .matrix-configurator .mc-field-settings { border-top-right-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-field-settings { border-top-left-radius: 3px; }\n\nbody.ltr .matrix-configurator .mc-field-settings { border-bottom-right-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-field-settings { border-bottom-left-radius: 3px; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { padding-left: 24px; padding-right: 24px; }\n\nbody.ltr .matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { border-top-right-radius: 3px; }\n\nbody.rtl .matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { border-top-left-radius: 3px; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-items { padding: 24px; }\n\n.matrixconfigitem { position: relative; display: flex; align-items: center; user-select: none; cursor: default; min-height: 48px; box-sizing: border-box; }\n\n.matrixconfigitem.mci-blocktype { margin-top: -1px; padding: 8px 14px; border: solid rgba(51, 64, 77, 0.1); border-width: 1px 0; background-color: #e4edf6; }\n\n.matrixconfigitem.mci-blocktype.sel { z-index: 1; background-color: #cdd8e4; }\n\n.matrixconfigitem.mci-field { border-radius: 4px; padding: 7px 10px; background-color: #e4edf6; }\n\n.matrixconfigitem.mci-field.sel { background-color: #cdd8e4; }\n\n.matrixconfigitem.mci-field.sel .slide-picker:focus a.active { background-color: #5f6c79; }\n\n.matrixconfigitem.mci-field + .mci-field { margin-top: 7px; }\n\n.matrixconfigitem .mci-name { flex: 1; overflow: hidden; }\n\n.matrixconfigitem .mci-name h4, .matrixconfigitem .mci-name .smalltext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n.matrixconfigitem .mci-name h4 { margin-bottom: 2px; font-weight: normal; color: #3f4d5a; }\n\n.matrixconfigitem .mci-name h4.mci-required:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'asterisk'; font-size: 8px; }\n\nbody.ltr .matrixconfigitem .mci-name h4.mci-required:after { margin: -2px 0 0 4px ; }\n\nbody.rtl .matrixconfigitem .mci-name h4.mci-required:after { margin: -2px 4px 0 0 ; }\n\n.matrixconfigitem.error .mci-name h4 { color: #CF1124; }\n\nbody.ltr .matrixconfigitem .slide-picker, body.ltr .matrixconfigitem .icon { margin-left: 7px; }\n\nbody.rtl .matrixconfigitem .slide-picker, body.rtl .matrixconfigitem .icon { margin-right: 7px; }\n\n.matrixconfigitem .icon { display: block; }\n\n.matrixconfigitem .icon:not(.error):not(:hover):before { color: rgba(123, 135, 147, 0.5); }\n\n.matrixconfigitem .icon.error:before { color: #CF1124; }\n\n/* Matrix fields */\n.matrix > .buttons { margin-top: 10px; }\n\n.matrixblock { position: relative; margin-bottom: 10px; padding: 0 14px 14px; border-radius: 5px; border: 1px solid rgba(51, 64, 77, 0.1); background-color: #f3f7fc; }\n\n.matrixblock.static { padding-top: 14px; }\n\n.matrixblock > .titlebar { margin: 0 -14px; width: calc(100% + 28px); box-sizing: border-box; border-radius: 4px 4px 0 0; color: #606d7b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; cursor: default; user-select: none; position: relative; background-color: #ebf2fa; }\n\nbody.ltr .matrixblock > .titlebar { padding: 5px 70px 5px 35px ; }\n\nbody.rtl .matrixblock > .titlebar { padding: 5px 35px 5px 70px ; }\n\n.matrixblock > .titlebar:after { display: block; content: ''; position: absolute; bottom: -1px; left: 14px; width: calc(100% - 28px); height: 1px; background-color: rgba(51, 64, 77, 0.1); }\n\n.matrixblock > .titlebar > .blocktype { display: inline; color: #596673; }\n\n.matrixblock > .titlebar > .preview { display: inline; opacity: 0; transition: opacity linear 100ms; }\n\nbody.ltr .matrixblock > .titlebar > .preview { margin-left: 7px; }\n\nbody.rtl .matrixblock > .titlebar > .preview { margin-right: 7px; }\n\n.matrixblock > .titlebar > .preview span { opacity: 0.5; }\n\n.matrixblock.disabled { opacity: 1; }\n\nbody.ltr .matrixblock.disabled > .titlebar { padding-right: 90px; }\n\nbody.rtl .matrixblock.disabled > .titlebar { padding-left: 90px; }\n\n.matrixblock.disabled > .actions > .status.off { display: block; }\n\n.matrixblock.collapsed > .titlebar { border-radius: 4px; border-bottom: none; }\n\n.matrixblock.collapsed > .titlebar > .preview { opacity: 1; }\n\n.matrixblock > .checkbox { position: absolute; top: 7px; }\n\nbody.ltr .matrixblock > .checkbox { left: 14px; }\n\nbody.rtl .matrixblock > .checkbox { right: 14px; }\n\n.matrixblock > .actions { display: flex; align-items: center; position: absolute; z-index: 1; top: 4px; cursor: default; }\n\nbody.ltr .matrixblock > .actions { right: 14px; }\n\nbody.rtl .matrixblock > .actions { left: 14px; }\n\nbody.ltr .matrixblock > .actions > * { margin: 0 0 0 10px ; }\n\nbody.rtl .matrixblock > .actions > * { margin: 0 10px 0 0 ; }\n\n.matrixblock > .actions > .status.off { display: none; }\n\n.matrixblock > .actions a { padding: 0 !important; height: 20px; text-align: center; color: rgba(123, 135, 147, 0.5); transform: color linear 100ms; }\n\n.matrixblock > .actions a.settings:after { border-color: rgba(123, 135, 147, 0.5); transform: border-color linear 100ms; }\n\nbody.ltr .matrixblock > .actions a.settings:after { margin-left: 3px; }\n\nbody.rtl .matrixblock > .actions a.settings:after { margin-right: 3px; }\n\n.matrixblock > .actions a:hover { color: #0B69A3; }\n\n.matrixblock > .actions a:hover.settings:after { border-color: #0B69A3; }\n\n.matrixblock:not(.static) > .fields { padding-top: 14px; }\n\n.matrixblock > .fields > .field { margin: 15px 0; }\n\n.matrixblock > .buttons { margin-top: 0; height: 30px; }\n\n/* categories */\n.add-category-form { margin-top: 24px; }\n\n.add-category-form .texticon { width: 200px; }\n\nbody.ltr .add-category-form .texticon { float: left; }\n\nbody.rtl .add-category-form .texticon { float: right; }\n\nbody.ltr .add-category-form .texticon { margin-right: 5px; }\n\nbody.rtl .add-category-form .texticon { margin-left: 5px; }\n\nbody.ltr .add-category-form .texticon .text { padding-right: 30px; }\n\nbody.rtl .add-category-form .texticon .text { padding-left: 30px; }\n\n.add-category-form .texticon .spinner { position: absolute; top: 0; }\n\nbody.ltr .add-category-form .texticon .spinner { right: 5px; }\n\nbody.rtl .add-category-form .texticon .spinner { left: 5px; }\n\n.categoriesfield { position: relative; min-height: 30px; }\n\nbody.ltr .categoriesfield .structure ul { margin-left: 12px; }\n\nbody.rtl .categoriesfield .structure ul { margin-right: 12px; }\n\n/* site pickers */\nbody.sitepicker #main-content { padding: 30px; justify-content: center; align-items: center; text-align: center; }\n\nbody.sitepicker #content-container { max-width: 400px; }\n\n.sitepicker-group li:not(:first-child) a { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }\n\n.sitepicker-group li:not(:first-child) a:not(:hover) { border-top-color: transparent; }\n\n.sitepicker-group li:not(:last-child) a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.sitepicker-group li a { display: block; position: relative; text-align: left; width: 100%; box-sizing: border-box; border: 1px solid rgba(51, 64, 77, 0.1); border-radius: 4px; font-size: 16px; line-height: 1.4; }\n\nbody.ltr .sitepicker-group li a { padding: 9px 42px 9px 15px ; }\n\nbody.rtl .sitepicker-group li a { padding: 9px 15px 9px 42px ; }\n\n.sitepicker-group li a:after { font-size: 14px; position: absolute; top: calc(50% - 7px); margin: 0; padding: 0; }\n\nbody.ltr .sitepicker-group li a:after { right: 12px; }\n\nbody.rtl .sitepicker-group li a:after { left: 12px; }\n\n.sitepicker-group li a:hover { border-color: #0B69A3; text-decoration: none; z-index: 1; }\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main { float: left \\9; width: 445px \\9; }\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { table.data thead th.ordered.loading { background-image: url(../images/spinner_tableheader_2x.gif); background-size: 26px; }\n  .spinner, .elements.busy:after { background-image: url(../images/spinner_2x.gif); background-size: 20px; }\n  .spinner.over-bg { background-image: url(../images/spinner_bg_2x.gif); }\n  .spinner.big { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\n  .spinner.big.over-bg { background-image: url(../images/spinner_big_bg_2x.gif); }\n  .btn.icon.add.loading:after { background-image: url(../images/spinner_2x.gif); background-size: 20px; }\n  .btn.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_2x.gif); }\n  .secondary-buttons .btn.icon.add.loading.submit:after, .btn.secondary.icon.add.loading.submit:after { background-image: url(../images/spinner_submit_secondary_2x.gif); }\n  .sel .element.loading:after, .element.loading.sel:after { background-image: url(../images/spinner_element_2x.gif); background-size: 20px; }\n  .preview-thumb-container.loading:after { background-image: url(../images/spinner_dark_2x.gif); background-size: 20px; }\n  .structure ul li { background-size: 40px; }\n  body.ltr .structure ul li { background-image: url(../images/branch_2x.png); }\n  body.rtl .structure ul li { background-image: url(../images/branch_rtl_2x.png); }\n  .modal .resizehandle { background-size: 13px; }\n  body.ltr .modal .resizehandle { background-image: url(../images/resizehandle_2x.png); }\n  body.rtl .modal .resizehandle { background-image: url(../images/resizehandle_rtl_2x.png); }\n  .hud .tip-left { background-image: url(../images/hudtip_left_2x.png); background-size: 15px 30px; }\n  .hud .tip-top { background-image: url(../images/hudtip_top_2x.png); background-size: 30px 15px; }\n  .hud .tip-right { background-image: url(../images/hudtip_right_2x.png); background-size: 15px 30px; }\n  .hud .tip-bottom { background-image: url(../images/hudtip_bottom_2x.png); background-size: 30px 15px; }\n  .hud.has-footer .tip-bottom { background-image: url(../images/hudtip_bottom_gray_2x.png); } }\n\nhtml { -webkit-text-size-adjust: 100%; min-height: 100vh; }\n\nbody { min-height: 100vh; }\n\n*:focus { outline-style: solid; outline-color: transparent; box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n#global-container { position: relative; display: flex; flex-direction: column; min-height: 100vh; }\n\n/* global sidebar */\n#global-sidebar { position: fixed; z-index: 100; display: flex; flex-direction: column; height: 100vh; padding: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; background-color: #33404d; }\n\n#global-sidebar *:focus { box-shadow: 0 0 0 1px #1992D4, 0 0 0 3px rgba(25, 146, 212, 0.5); }\n\n#global-sidebar a { color: #e4edf6; transition: color linear 100ms; text-decoration: none; }\n\n#global-sidebar > a, #global-sidebar *:not(.has-subnav) > a { transition: background-color linear 100ms; }\n\n#global-sidebar > a[href]:hover, #global-sidebar > a[href].active, #global-sidebar > a[href]:active, #global-sidebar *:not(.has-subnav) > a[href]:hover, #global-sidebar *:not(.has-subnav) > a[href].active, #global-sidebar *:not(.has-subnav) > a[href]:active { color: #fff; }\n\n#global-sidebar > a[href]:not(.sel):hover, #global-sidebar *:not(.has-subnav) > a[href]:not(.sel):hover { background-color: #29333d; transition: none; }\n\n#global-sidebar > a[href]:not(.sel):hover .icon, #global-sidebar *:not(.has-subnav) > a[href]:not(.sel):hover .icon { opacity: 1; }\n\n#global-sidebar > a[href].active, #global-sidebar > a[href]:active, #global-sidebar *:not(.has-subnav) > a[href].active, #global-sidebar *:not(.has-subnav) > a[href]:active { background-color: #1f272e; }\n\n#global-sidebar > a:not([href]), #global-sidebar *:not(.has-subnav) > a:not([href]) { cursor: default; background-color: transparent; }\n\n#global-sidebar > a .icon, #global-sidebar *:not(.has-subnav) > a .icon { transition: opacity linear 100ms; }\n\n#global-sidebar .light { color: #7b8793; }\n\n#system-info { display: grid; grid-template-columns: 30px auto; grid-gap: 10px; padding: 0 10px; position: relative; flex: 0 0 50px; flex-direction: row; align-items: center; background-color: #29333d; }\n\n#system-info:after { display: none; }\n\n#system-info:focus, #system-info:hover { background-color: #1f272e !important; }\n\n#site-icon { height: 30px; }\n\n#site-icon img, #site-icon svg { display: block; width: 30px; height: 30px; border-radius: 4px; }\n\n#site-icon svg rect, #site-icon svg circle, #site-icon svg ellipse, #site-icon svg line, #site-icon svg polyline, #site-icon svg polygon, #site-icon svg path, #site-icon svg text { fill: #596673; stroke-width: 0; transition: fill linear 100ms; }\n\n#system-name h2 { margin: 0; width: 100%; overflow: hidden; max-height: 40px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }\n\n#system-name h2:after { display: block; content: ''; font-size: 0; position: absolute; top: 0; width: 14px; background-image: linear-gradient(to right, rgba(41, 51, 61, 0), #29333d); }\n\nbody.ltr #system-name h2:after { right: 0; }\n\nbody.rtl #system-name h2:after { left: 0; }\n\n#system-info:hover #system-name h2:after { background-image: linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e); }\n\n#job-icon { align-items: flex-start; }\n\n#job-icon > span.icon { display: block; position: relative; width: 16px; height: 16px; margin-top: 2px !important; }\n\n#job-icon > span.icon > canvas { display: block; position: absolute; width: 16px; height: 16px; }\n\n#job-icon > span.icon > canvas#job-icon-hover { opacity: 0; transition: opacity linear 100ms; }\n\n#job-icon[href]:hover .icon > span.icon > canvas#job-icon-hover { opacity: 1; }\n\n#job-icon .progress-label { display: block; color: #9aa5b1; font-size: 11px; line-height: 1.5; }\n\n#nav { flex: 1; margin: 27px 0 0; padding-bottom: 24px; overflow: visible; }\n\n#nav li:not(.has-subnav) > a.sel { color: #fff; background-color: #1f2933; opacity: 1; }\n\n#nav li:not(.has-subnav) > a.sel .icon { opacity: 1; }\n\n#nav li a { padding-left: 14px; padding-right: 14px; }\n\n#nav li a.menubtn { line-height: 26px; }\n\n#nav li a.external:after { margin-left: 5px; font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'external'; }\n\n#nav li a:active .icon { opacity: 1; }\n\n#nav li a .icon { opacity: 0.5; }\n\n#nav li a .icon.icon-mask svg rect, #nav li a .icon.icon-mask svg circle, #nav li a .icon.icon-mask svg ellipse, #nav li a .icon.icon-mask svg line, #nav li a .icon.icon-mask svg polyline, #nav li a .icon.icon-mask svg polygon, #nav li a .icon.icon-mask svg path, #nav li a .icon.icon-mask svg text { fill: #fff; stroke-width: 0; transition: fill linear 100ms; }\n\n#nav li a .icon.icon-mask span[data-icon] { color: #fff; }\n\n#nav li a .label, #nav li a .label span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n#nav li a .badge { background-color: rgba(255, 255, 255, 0.5); color: #33404d; }\n\nbody.ltr #nav li a .badge { margin-right: 0; }\n\nbody.rtl #nav li a .badge { margin-left: 0; }\n\n#nav li ul { display: block; margin-bottom: 10px; }\n\n#nav li ul li a { font-size: 12px; }\n\nbody.ltr #nav li ul li a { padding: 3px 14px 3px 42px !important; }\n\nbody.rtl #nav li ul li a { padding: 3px 42px 3px 14px !important; }\n\n#nav li ul li a:not(.active) { color: #cdd8e4; }\n\n#global-footer { display: flex; flex-direction: column; align-items: center; padding: 14px 14px 24px; }\n\n#app-info { margin-top: 7px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #515f6c; text-align: center; }\n\n#app-info li { margin: 0 7px; }\n\n#app-info li a { color: #515f6c; text-decoration: underline; }\n\n#app-info li a.go:hover:after { color: #515f6c; }\n\n#edition-logo { user-select: none; border: 1px solid #515f6c; border-radius: 3px; display: inline-flex; height: 20px; box-sizing: content-box; font-size: 11px; }\n\n#edition-logo > .edition-name, #edition-logo > .edition-trial { padding: 6px 7px 5px; line-height: 8px; }\n\n#edition-logo > .edition-name { font-weight: 600; letter-spacing: 1.7px; padding-right: 5px; text-transform: uppercase; transition: color linear 100ms; }\n\n#edition-logo > .edition-trial { display: inline-block; position: relative; background-color: #515f6c; color: #cdd8e4; border-radius: 0 1px 1px 0; letter-spacing: 1px; text-transform: lowercase; transition: background linear 100ms; }\n\nbody.ltr #edition-logo > .edition-trial { margin-left: 5px; }\n\nbody.rtl #edition-logo > .edition-trial { margin-right: 5px; }\n\nbody.ltr #edition-logo > .edition-trial { padding-left: 5px; }\n\nbody.rtl #edition-logo > .edition-trial { padding-right: 5px; }\n\nbody.ltr #edition-logo > .edition-trial { padding-right: 7px; }\n\nbody.rtl #edition-logo > .edition-trial { padding-left: 7px; }\n\n#edition-logo > .edition-trial:before { display: block; position: absolute; top: 0; content: ''; font-size: 0; width: 0; height: 0; border-style: solid; transition: border-color linear 100ms; }\n\nbody.ltr #edition-logo > .edition-trial:before { left: -10px; border-width: 0 10px 20px 0; border-color: transparent #515f6c transparent transparent; }\n\nbody.rtl #edition-logo > .edition-trial:before { right: -10px; border-width: 0 0 20px 10px; border-color: transparent transparent transparent #515f6c; }\n\n#devmode { flex: 0 0 4px; width: 100%; min-height: 4px; background: url(../images/dev-mode.svg) repeat-x 21px 0; cursor: help; }\n\n#page-container { display: flex; flex-direction: column; flex-grow: 1; }\n\nbody.ltr #page-container { padding-left: 226px; }\n\nbody.rtl #page-container { padding-right: 226px; }\n\n#alerts { background-color: #FFE3E3; border-left: 5px solid #CF1124; padding: 11px 0; text-align: center; color: #CF1124; }\n\n#alerts li { padding: 4px 24px; }\n\n#alerts li a { color: #CF1124; text-decoration: underline; }\n\n#alerts li a.go { text-decoration: none; white-space: nowrap; border: 1px solid rgba(207, 17, 36, 0.5); border-radius: 4px; padding: 3px 5px; margin: 0 2px; }\n\n#alerts li a.go:after { color: #CF1124; }\n\n#alerts li a.go:hover { border-color: #CF1124; transition: border-color linear 100ms; }\n\n#global-header { margin-bottom: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background: #f3f7fc; }\n\n#global-header:focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n#global-header .flex { height: 50px; align-items: center; }\n\n#crumbs { display: flex; flex-direction: row; align-items: center; font-size: 13px; }\n\n#crumbs.empty { display: none; }\n\n#crumbs a { color: #606d7b; transition: color linear 100ms; }\n\n#crumbs a:hover { color: #0B69A3; text-decoration: none; }\n\n#crumbs nav { margin: 0; }\n\n#crumbs nav ul { display: flex; flex-direction: row; align-items: stretch; }\n\n#crumbs nav ul li { display: inline-flex; align-items: center; }\n\n#crumbs nav ul li a { padding: 15px 0; }\n\n#crumbs nav ul li:after { margin: 0 7px; display: block; content: ''; font-size: 0; width: 5px; height: 5px; border: solid rgba(81, 95, 108, 0.25); border-width: 0 2px 2px 0; }\n\nbody.ltr #crumbs nav ul li:after { transform: rotate(-45deg); }\n\nbody.rtl #crumbs nav ul li:after { transform: rotate(135deg); }\n\n#nav-toggle { display: none; }\n\n#user-info { display: flex; flex-direction: row; align-items: center; height: 100%; background-color: transparent; border-radius: 0; }\n\nbody.ltr #user-info { padding: 0 11px 0 14px ; }\n\nbody.rtl #user-info { padding: 0 14px 0 11px ; }\n\nbody.ltr #user-info { margin-right: 14px; }\n\nbody.rtl #user-info { margin-left: 14px; }\n\n#user-info:after { border-color: rgba(81, 95, 108, 0.25); transition: border-color linear 100ms; }\n\n#user-info:hover:after, #user-info.active:after { border-color: rgba(123, 135, 147, 0.5); }\n\n.header-photo { padding: 5px 0; }\n\n.header-photo img { display: block; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.05), 0 0 0 rgba(31, 41, 51, 0); transition: box-shadow linear 150ms; }\n\n#user-info:hover .header-photo img { box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.05), 0 2px 10px -2px rgba(31, 41, 51, 0.3); }\n\n/* main container */\n#main-container { position: relative; flex-grow: 1; }\n\n#notifications { position: fixed; top: 0; width: 100%; z-index: 101; display: flex; justify-content: center; align-items: flex-start; pointer-events: none; }\n\n@media only screen and (min-width: 1200px) { #notifications { width: calc(100% - 226px); } }\n\n#notifications .notification { 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; box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); background-color: #0B69A3; }\n\n#notifications .notification.error { background-color: #E12D39; }\n\n#header-container { margin-bottom: 14px; }\n\nbody.ltr #crumbs, body.ltr #header { padding-left: 30px; }\n\nbody.rtl #crumbs, body.rtl #header { padding-right: 30px; }\n\nbody.ltr #crumbs, body.ltr #header { padding-right: 24px; }\n\nbody.rtl #crumbs, body.rtl #header { padding-left: 24px; }\n\n#global-header .flex, #header .flex { flex-wrap: nowrap; max-width: 100%; }\n\n#global-header .flex.flex-nowrap, #header .flex.flex-nowrap { min-width: 0; }\n\n#global-header .flex > *, #header .flex > * { margin-bottom: 0; }\n\n#header { display: flex; align-items: flex-start; align-content: stretch; flex-wrap: nowrap; justify-content: space-between; padding-top: 8px; padding-bottom: 8px; position: relative; z-index: 2; width: calc(100vw - 226px); box-sizing: border-box; background-color: rgba(154, 165, 177, 0); box-shadow: 0 1px 0 rgba(51, 64, 77, 0); transition: background-color linear 100ms, box-shadow linear 100ms; }\n\nbody.fixed-header #header { position: fixed; z-index: 12; top: 0; background-color: #e4edf6; box-shadow: inset 0 -1px 0 rgba(63, 77, 90, 0.1); }\n\n@supports (backdrop-filter: blur(10px)) { #header { transition: background-color linear 100ms, box-shadow linear 100ms, backdrop-filter linear 100ms; }\n  body.fixed-header #header { background-color: rgba(228, 237, 246, 0.75); backdrop-filter: blur(10px); } }\n\n@media only screen and (min-width: 974px) { body.ltr #header .flex:not(:last-child) { margin-right: 7px; }\n  body.rtl #header .flex:not(:last-child) { margin-left: 7px; } }\n\n#header h1 { line-height: 32px; margin-top: 0; margin-bottom: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\nbody.ltr #header h1:not(:last-child) { margin-right: 14px !important; }\n\nbody.rtl #header h1:not(:last-child) { margin-left: 14px !important; }\n\n#header .buttons, #header .btngroup { margin-top: 0; }\n\n@media only screen and (min-width: 974px) { #page-title.has-toolbar { min-width: 189px !important; } }\n\n#toolbar { flex: 1; align-items: flex-start; }\n\n#toolbar .btn, #toolbar .text { color: #394b60; }\n\n#toolbar .icon:before, #toolbar .texticon:before, #toolbar .menubtn:after, #toolbar [data-icon]:before, #toolbar [data-icon-after]:after { color: #4d6480; }\n\n#toolbar .text { border-radius: 5px; }\n\n#toolbar .text::-webkit-input-placeholder { color: #4d6480; }\n\n#toolbar .text:-ms-input-placeholder { color: #4d6480; }\n\n#toolbar .text::-ms-input-placeholder { color: #4d6480; }\n\n#toolbar .text:-moz-placeholder { color: #4d6480; }\n\n#toolbar .text::-moz-placeholder { color: #4d6480; }\n\n#toolbar .text::placeholder { color: #4d6480; }\n\n#toolbar .text:not(:focus) { background-clip: border-box; }\n\n#toolbar .spinner { background-image: url(../images/spinner_toolbar.gif); }\n\n#action-button { height: 34px; }\n\n#main-content { display: flex; flex-direction: row; align-items: flex-start; width: calc(100vw - 226px); padding: 0 24px 48px; box-sizing: border-box; }\n\n#main-content > .grid:only-child { flex: 1; }\n\n#sidebar-toggle-container { display: none; }\n\n#sidebar-container { flex: 0 0 226px; width: 226px; box-sizing: border-box; }\n\nbody.ltr #sidebar-container { margin-left: -24px; }\n\nbody.rtl #sidebar-container { margin-right: -24px; }\n\n#sidebar { box-sizing: border-box; padding: 0 31px; width: 226px; background-color: transparent; }\n\n#sidebar.fixed { position: fixed; overflow-y: auto; padding-top: 14px; padding-bottom: 14px; }\n\n#sidebar nav { margin-left: -31px; margin-right: -31px; }\n\n#sidebar nav li a:not(.sel):hover { background-color: #cdd8e4; }\n\n#sidebar nav li a.sel { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background-color: #f3f7fc; }\n\n#sidebar nav li a.sel:focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n#content-container { flex: 1; }\n\n#main-content.has-sidebar #content-container { width: calc(100% - 202px); max-width: calc(100% - 202px); }\n\n#main-content.has-details #content-container { width: calc(100% - 350px - 14px); max-width: calc(100% - 350px - 14px); }\n\n#content-container #main-content.has-sidebar.has-details { width: calc(100% - 226px - 350px - 38px); max-width: calc(100% - 226px - 350px - 38px); }\n\n#tabs { margin: -10px -12px 0; padding: 10px 12px 0; overflow: hidden; display: flex; align-items: center; }\n\n#tabs ul { display: flex; flex-direction: row; max-width: calc(100% - 40px); }\n\n#tabs ul li { max-width: 100%; }\n\nbody.ltr #tabs ul li + li { margin-left: -12px; }\n\nbody.rtl #tabs ul li + li { margin-right: -12px; }\n\n#tabs ul li a { display: block; position: relative; border-radius: 4px 4px 0 0; padding: 12px 24px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; line-height: 1.2; }\n\n#tabs ul li a:hover { text-decoration: none; }\n\n#tabs ul li a:not(.sel) { color: #596673; }\n\n#tabs ul li a:not(.sel):hover { color: #3f4d5a; background-image: linear-gradient(to bottom, #f3f7fc, rgba(243, 247, 252, 0.5)); }\n\n#tabs ul li a.sel { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); z-index: 1; color: #3f4d5a; cursor: default; background-clip: padding-box; }\n\n#tabs ul li a.sel:focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n#tabs #overflow-tab-btn { margin-left: 10px; width: 30px; height: 17px; padding: 0; line-height: 16px; border-radius: 3px; color: #596673; }\n\n#tabs #overflow-tab-btn:before { margin: 0; }\n\n#tabs #overflow-tab-btn:after { display: none; }\n\n.content-pane { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); border-radius: 5px; position: relative; background-clip: padding-box; padding: 24px; word-wrap: break-word; }\n\n.content-pane:focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\nbody.ltr .content-pane.square { border-top-left-radius: 0; }\n\nbody.rtl .content-pane.square { border-top-right-radius: 0; }\n\n.content-pane > hr { margin-left: -24px; margin-right: -24px; }\n\n#footer { z-index: 1; margin: 25px -24px -24px; padding: 10px 24px; background-color: #f3f7fc; border-radius: 0 0 5px 5px; }\n\n#footer:empty { display: none; }\n\n#footer > *, #footer .flex > * { margin-bottom: 0; }\n\n#details-container { flex: 0 0 388px; width: 388px; box-sizing: border-box; }\n\nbody.ltr #details-container { margin-right: -24px; }\n\nbody.rtl #details-container { margin-left: -24px; }\n\n#details { box-sizing: border-box; padding-bottom: 24px; width: 388px; }\n\nbody.ltr #details { padding-right: 24px; }\n\nbody.rtl #details { padding-left: 24px; }\n\nbody.ltr #details { padding-left: 14px; }\n\nbody.rtl #details { padding-right: 14px; }\n\n#main-content.has-tabs #details { padding-top: 40px; }\n\n#details.fixed { position: fixed; overflow-y: auto; padding-top: 14px; }\n\n#main-content.has-tabs #details.fixed { padding-top: 54px; }\n\n#details .meta { margin-bottom: 14px; border-radius: 5px; padding: 0 24px; }\n\n#details .meta:not(.read-only):not(.warning) { background: #fff; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background-color: #f3f7fc; }\n\n#details .meta:not(.read-only):not(.warning):focus { box-shadow: 0 0 0 1px #127FBF, 0 0 0 3px rgba(18, 127, 191, 0.5); }\n\n#details .meta.read-only { padding-top: 14px; padding-bottom: 14px; background-color: #cdd8e4; }\n\n#details .meta.warning { border: 2px solid #FADB5F; padding: 19px 22px; background: #f3f7fc; color: #3f4d5a !important; }\n\n#details .meta.warning p { margin-bottom: 5px; }\n\n#details .meta.warning .btn { background-color: #FADB5F; }\n\n#details .meta.warning .btn:hover, #details .meta.warning .btn:focus { background-color: #f8d02e; }\n\n#details .meta.warning .btn:active { background-color: #f8ca15; }\n\n#details .meta > .field, #details .meta > .data { margin: 0 -24px !important; }\n\n#details .meta > .field:first-child, #details .meta > .data:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }\n\n#details .meta > .field:last-child, #details .meta > .data:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }\n\n#details .meta > .field > .heading > label, #details .meta > .field > .heading, #details .meta > .data > .heading > label, #details .meta > .data > .heading { color: #515f6c; }\n\n#details .meta > .field .status-badge { top: calc(50% - 8px); }\n\nbody.ltr #details .meta > .field .status-badge { left: 4px; }\n\nbody.rtl #details .meta > .field .status-badge { right: 4px; }\n\n#details .meta .text::placeholder, #details .meta .datewrapper .text:placeholder-shown + div[data-icon], #details .meta .timewrapper .text:placeholder-shown + div[data-icon] { color: #9aa5b1; }\n\nbody.ltr #details .meta .ui-datepicker { margin: 0 0 0 -8px ; }\n\nbody.rtl #details .meta .ui-datepicker { margin: 0 -8px 0 0 ; }\n\n#details hr { margin: 14px 0; border-top-color: rgba(51, 64, 77, 0.1); }\n\n#details .spinner { background-image: url(../images/spinner_details.gif); }\n\n#details .text { background-color: transparent; }\n\n#details > .text { border-radius: 5px; margin-bottom: 14px; }\n\n@media only screen and (max-width: 1199px) { #global-container { width: calc(100vw + 226px); }\n  body.ltr #global-container { left: -226px; }\n  body.rtl #global-container { right: -226px; }\n  body.ltr #global-container { transition: left 250ms ease-in-out; }\n  body.rtl #global-container { transition: right 250ms ease-in-out; }\n  body.ltr.showing-nav #global-container { left: 0; }\n  body.rtl.showing-nav #global-container { right: 0; }\n  #crumbs { display: flex !important; }\n  #header { width: 100vw; }\n  #nav-toggle { display: flex; align-items: center; justify-content: center; width: 36px; height: 50px; line-height: 26px; color: #9aa5b1; text-align: center; }\n  body.ltr #nav-toggle { margin-left: -10px; }\n  body.rtl #nav-toggle { margin-right: -10px; }\n  #nav-toggle:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'menu'; font-size: 16px; line-height: 0; }\n  #nav-toggle:hover { color: #7b8793; }\n  #main-content { width: 100vw; } }\n\n@media only screen and (max-width: 973px) { #header { display: block; }\n  #header .flex:not(#toolbar) { margin-top: 10px; }\n  #toolbar { flex-wrap: wrap !important; }\n  #toolbar > * { margin-top: 10px !important; }\n  body.fixed-header #header .flex:first-child { margin-top: 0; }\n  #main-content { display: block; }\n  #sidebar-toggle-container { display: block; margin-bottom: 14px; }\n  body.showing-sidebar #sidebar-toggle { background-color: #acbed2 !important; }\n  body.showing-sidebar #sidebar-toggle:after { transform: rotate(225deg); top: 1px; }\n  #sidebar-container, #details-container { width: auto !important; }\n  #sidebar, #details { position: static !important; overflow-y: visible !important; max-height: none !important; width: auto; }\n  #sidebar { margin-bottom: 14px; }\n  body:not(.showing-sidebar) #sidebar { display: none; }\n  body.ltr #details-container { margin-right: 0; }\n  body.rtl #details-container { margin-left: 0; }\n  #content-container { width: auto !important; max-width: none !important; }\n  #details { padding: 0 !important; margin-top: 14px; } }\n\n@media only screen and (max-width: 767px) { #crumbs, #header, #main-content { padding-left: 10px; padding-right: 10px; }\n  #tabs ul li a { padding-left: 14px; padding-right: 14px; }\n  body.ltr #tabs ul li + li { margin-left: -7px; }\n  body.rtl #tabs ul li + li { margin-right: -7px; } }\n\nbody.ltr #settingsmenu ul li a { padding-left: 46px; }\n\nbody.rtl #settingsmenu ul li a { padding-right: 46px; }\n\n#settingsmenu ul li a:before { font-size: 15px; }\n\nbody.ltr #settingsmenu ul li a:before { margin: 1px 0 0 -22px ; }\n\nbody.rtl #settingsmenu ul li a:before { margin: 1px -22px 0 0 ; }\n\n#settingsmenu ul li a img { width: 16px; height: 16px; position: absolute; margin-left: -23px; margin-top: 1px; }\n\n/* grids */\n.grid { position: relative; min-height: 1px; }\n\n.grid:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }\n\n.grid > .item { display: none; box-sizing: border-box; }\n\n/* Sidebar */\n.sidebar { padding: 14px 0; width: 226px; box-sizing: border-box; font-size: 13px; background-color: #f3f7fc; }\n\n.sidebar .heading { position: relative; margin: 14px 24px 2px; }\n\n.sidebar .heading span { display: inline-block; position: relative; z-index: 1; padding: 0 5px; margin: 0 -5px; text-transform: uppercase; color: #596673; font-size: 11px; font-weight: bold; }\n\n.sidebar nav { padding: 0 7px; }\n\nbody.ltr .sidebar nav > ul > li > a { padding-left: 24px; }\n\nbody.rtl .sidebar nav > ul > li > a { padding-right: 24px; }\n\nbody.ltr .sidebar nav > ul > li > .toggle { left: 0px; }\n\nbody.rtl .sidebar nav > ul > li > .toggle { right: 0px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > a { padding-left: 38px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > a { padding-right: 38px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > .toggle { left: 14px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > .toggle { right: 14px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > a { padding-left: 52px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > a { padding-right: 52px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > .toggle { left: 28px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > .toggle { right: 28px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-left: 66px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > a { padding-right: 66px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > .toggle { left: 42px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > .toggle { right: 42px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 80px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-right: 80px; }\n\nbody.ltr .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > .toggle { left: 56px; }\n\nbody.rtl .sidebar nav > ul > li > ul > li > ul > li > ul > li > ul > li > .toggle { right: 56px; }\n\n.sidebar nav li { position: relative; }\n\n.sidebar nav li:not(.has-subnav) > a { transition: background-color linear 100ms; }\n\n.sidebar nav li:not(.has-subnav) > a:hover { text-decoration: none; background-color: #e4edf6; }\n\n.sidebar nav li:not(.has-subnav) > a.sel { cursor: default; background-color: #cdd8e4; }\n\n.sidebar nav li a { position: relative; margin-bottom: 1px; display: flex; flex-direction: row; align-items: center; padding: 7px 24px; min-height: 24px; box-sizing: border-box; color: #3f4d5a; user-select: none; border-radius: 5px; }\n\n.sidebar nav li a .status { flex-shrink: 1; }\n\n.sidebar nav li a .icon { flex-shrink: 1; width: 18px; height: 18px; transition: margin-left linear 150ms, margin-right linear 150ms; }\n\nbody.ltr .sidebar nav li a .icon { margin-right: 10px; }\n\nbody.rtl .sidebar nav li a .icon { margin-left: 10px; }\n\n.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: #596673; stroke-width: 0; transition: fill linear 100ms; }\n\n.sidebar nav li a .icon.icon-mask span[data-icon] { color: #596673; }\n\n.sidebar nav li a .icon svg { width: 16px; height: 16px; }\n\n.sidebar nav li a .icon span[data-icon] { font-size: 16px; }\n\n.sidebar nav li a .icon span[data-icon]::before { display: block; }\n\n.sidebar nav li a .label { flex: 1; }\n\n.sidebar nav li a .badge { flex-shrink: 1; padding: 0 6px; font-size: 11px; line-height: 16px; border-radius: 8px; background-color: #596673; color: #fff; }\n\nbody.ltr .sidebar nav li a .badge { margin: 0 -4px 0 10px ; }\n\nbody.rtl .sidebar nav li a .badge { margin: 0 10px 0 -4px ; }\n\n.sidebar nav li .toggle { position: absolute; height: 34px; top: 0; width: 24px; display: flex; align-items: center; justify-content: center; }\n\n.sidebar nav li ul { display: none; }\n\n.sidebar nav li.expanded > ul { display: block; }\n\nbody.ltr .content.has-sidebar:not(.hiding-sidebar) { margin-left: 226px; }\n\nbody.rtl .content.has-sidebar:not(.hiding-sidebar) { margin-right: 226px; }\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields { display: flex; flex-wrap: wrap; align-content: flex-start; margin: 0 -14px -24px 0; width: calc(100% + 14px); }\n\n#content :not(.meta) > .flex-fields > h2 { margin: 0 -10px 24px -24px !important; padding: 0 10px 0 24px; width: calc(100% + 34px); }\n\n#content :not(.meta) > .flex-fields > h2:not(:first-child) { padding-top: 24px; border-top: 1px solid rgba(51, 64, 77, 0.1); }\n\n#content :not(.meta) > .flex-fields > hr { margin: 0 -10px 24px -24px; width: calc(100% + 34px); }\n\n#content :not(.meta) > .flex-fields > :not(h2):not(hr), #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child { margin: 0 14px 24px 0 !important; width: calc(100% - 14px); }\n\n@media only screen and (min-width: 1426px) { #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-25 { width: calc(25% - 14px); }\n  #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-50, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-50 { width: calc(50% - 14px); }\n  #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-75, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-75 { width: calc(75% - 14px); } }\n\n@media only screen and (min-width: 500px) and (max-width: 1425px) { #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr).width-50, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-25, #content :not(.meta) > .flex-fields > :not(h2):not(hr):last-child.width-50 { width: calc(50% - 14px); } }\n\n/* retina */\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { #details .spinner { background-image: url(../images/spinner_details_2x.gif); background-size: 20px; }\n  #toolbar .spinner { background-image: url(../images/spinner_toolbar_2x.gif); background-size: 20px; }\n  #upgrademodal.loading { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\n  #upgrademodal-success .message { background-image: url(../images/success_2x.png); background-size: 48px; } }\n\n.lp-editor-container, .lp-preview-container { position: fixed; top: 0; height: 100%; background-color: #fff; z-index: 100; }\n\n.lp-editor-container header, .lp-preview-container header { padding: 8px 24px; background-color: #e4edf6; box-shadow: 0 1px 0 rgba(63, 77, 90, 0.2); box-sizing: border-box; }\n\n@supports (backdrop-filter: blur(10px)) { .lp-editor-container header, .lp-preview-container header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; background-color: rgba(228, 237, 246, 0.75); backdrop-filter: blur(10px); }\n  .lp-editor-container header + .lp-editor, .lp-preview-container header + .lp-editor { padding-top: 78px; } }\n\n@supports (-moz-appearance: none) { .lp-editor-container header, .lp-preview-container header { position: relative; z-index: 1; } }\n\n.lp-editor-container header .btn, .lp-editor-container header .spinner, .lp-editor-container header .checkmark-icon, .lp-preview-container header .btn, .lp-preview-container header .spinner, .lp-preview-container header .checkmark-icon { margin-bottom: 0; }\n\n.lp-editor-container { display: flex; flex-direction: column; box-shadow: 1px 0 0 rgba(63, 77, 90, 0.2); }\n\n.lp-editor-container .lp-editor { flex: 1; padding: 24px; overflow: auto; box-sizing: border-box; }\n\n.lp-editor-container .lp-editor > .field:last-child { margin-bottom: 24px !important; }\n\n.lp-editor-container .lp-draghandle { position: absolute; z-index: 6; top: 0; width: 4px; height: 100%; cursor: col-resize; }\n\nbody.ltr .lp-editor-container .lp-draghandle { right: -2px; }\n\nbody.rtl .lp-editor-container .lp-draghandle { left: -2px; }\n\n.lp-preview-container { display: flex; flex-direction: column; }\n\n.lp-preview-container.dragging:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; font-size: 0; }\n\n.lp-preview-container .lp-preview-header { display: flex; }\n\n@supports (-moz-appearance: none) { .lp-preview-container .lp-preview-header { background-color: rgba(228, 237, 246, 0.75); } }\n\n.lp-preview-container .lp-preview-header + .lp-iframe-container { padding-top: 50px; }\n\n@supports (-moz-appearance: none) { .lp-preview-container .lp-preview-header + .lp-iframe-container { padding-top: 0; } }\n\n.lp-preview-container .lp-preview-header .lp-device-type .btn::before { width: 27px; height: 22px; display: block; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; transition-duration: .3s; }\n\n.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before { background-image: url(../images/preview/icon-phone.svg); }\n\n.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before { background-image: url(../images/preview/icon-tablet.svg); }\n\n.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before { background-image: url(../images/preview/icon-desktop.svg); }\n\n.lp-preview-container .lp-device-mask { display: none; }\n\n.lp-preview-container .lp-iframe-container { flex: 1; overflow: auto; }\n\n.lp-preview-container .lp-iframe-container .lp-preview { display: block; width: 100%; min-height: 100%; }\n\n.lp-preview-container .lp-iframe-container--has-device-preview { flex: none; padding-top: 0 !important; position: relative; top: 50px; height: calc(100% - 50px); width: 100%; background-color: #e4edf6; }\n\n@supports (-moz-appearance: none) { .lp-preview-container .lp-iframe-container--has-device-preview { top: 0; } }\n\n.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container { position: absolute; top: 50%; left: 50%; z-index: 2; overflow: auto; opacity: 1; transition: opacity .3s; }\n\n.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask { display: block; position: absolute; top: 50%; left: 50%; z-index: 1; background-image: url(../images/preview/chrome-phone-top.svg), url(../images/preview/chrome-phone-bottom.svg); background-position: top center, bottom center; background-repeat: no-repeat; background-size: contain; background-color: #fff; box-shadow: 0 0 58px rgba(6, 67, 117, 0.3); border-radius: 18px; }\n\n.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask { background-image: url(../images/preview/chrome-tablet-top.svg), url(../images/preview/chrome-tablet-bottom.svg); }\n\n.lp-preview-container .lp-iframe-container--animating .lp-device-mask { transition-duration: .3s; transition-property: transform; }\n\n.lp-preview-container .lp-iframe-container--animating .lp-device-preview-container, .lp-preview-container .lp-iframe-container--updating .lp-device-preview-container { opacity: 0; transition: opacity 0s; }\n\n.layoutdesigner { display: flex; align-items: stretch; position: relative; border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; background-clip: padding-box; overflow: hidden; box-shadow: none; min-height: 500px; }\n\nbody.ltr .layoutdesigner { padding-right: 241px; }\n\nbody.rtl .layoutdesigner { padding-left: 241px; }\n\n.layoutdesigner .fld-workspace { flex: 1; background-color: #f3f7fc; background-image: linear-gradient(to right, #ecf2f9 1px, transparent 0px), linear-gradient(to bottom, #ecf2f9 1px, transparent 1px); background-size: 24px 24px; background-position: -1px -1px; box-shadow: inset 0 1px 3px -1px #acbed2; }\n\nbody.ltr .layoutdesigner .fld-workspace { border-radius: 3px 0 0 3px; }\n\nbody.rtl .layoutdesigner .fld-workspace { border-radius: 0 3px 3px 0; }\n\nbody.ltr .layoutdesigner .fld-workspace { padding: 24px 0 24px 24px ; }\n\nbody.rtl .layoutdesigner .fld-workspace { padding: 24px 24px 24px 0 ; }\n\n.layoutdesigner .fld-workspace .fld-tabs { display: flex; align-items: flex-start; flex-wrap: wrap; }\n\n.layoutdesigner .fld-sidebar { position: absolute; top: 0; height: 100%; width: 241px; padding: 14px; overflow: auto; box-sizing: border-box; }\n\nbody.ltr .layoutdesigner .fld-sidebar { right: 0; }\n\nbody.rtl .layoutdesigner .fld-sidebar { left: 0; }\n\n.layoutdesigner .fld-sidebar .btngroup { margin-bottom: 14px; }\n\n.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group { margin-top: 14px; }\n\n.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6 { margin-bottom: 7px; }\n\n.layoutdesigner .fld-sidebar .filtered { display: none; }\n\n.layoutdesigner .fld-new-tab-btn:active { background-color: #f3f7fc; }\n\n.fld-sidebar, .fld-tab .tabs .tab, .fld-tab .fld-tabcontent, .fld-new-tab-btn, .fld-new-tab-btn:hover { background-color: #fff; box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 2px 5px -2px rgba(31, 41, 51, 0.2); }\n\nbody.ltr .fld-tab .settings, body.ltr .fld-element .settings, body.ltr .fld-element .slide-picker { margin-left: 7px; }\n\nbody.rtl .fld-tab .settings, body.rtl .fld-element .settings, body.rtl .fld-element .slide-picker { margin-right: 7px; }\n\n.fld-tab .settings:before, .fld-element .settings:before { margin-top: -2px; font-size: 16px; opacity: 0.5; }\n\n.fld-tab .settings:hover:before, .fld-tab .settings.active:before, .fld-element .settings:hover:before, .fld-element .settings.active:before { opacity: 1; }\n\n.fld-tab { width: 264px; box-sizing: border-box; }\n\nbody.ltr .fld-tab { padding: 0 25px 24px 0 ; }\n\nbody.rtl .fld-tab { padding: 0 0 24px 25px ; }\n\n.fld-tab .tabs { margin: -10px -12px 0; padding: 10px 12px 0; overflow: hidden; display: flex; }\n\n.fld-tab .tabs .tab { display: flex; max-width: calc(100% - 10px); box-sizing: border-box; padding: 8px 14px; border-radius: 4px 4px 0 0; }\n\nbody:not(.dragging) .fld-tab .tabs .tab.draggable { cursor: move; cursor: grab; }\n\n.fld-tab .tabs .tab span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n.fld-tab .fld-tabcontent { padding: 14px; }\n\nbody.ltr .fld-tab .fld-tabcontent { border-radius: 0 4px 4px 4px; }\n\nbody.rtl .fld-tab .fld-tabcontent { border-radius: 4px 0 4px 4px; }\n\n.fld-tab.fld-insertion .tabs .tab, .fld-tab.fld-insertion .fld-tabcontent { margin: -2px; border: 2px dashed rgba(51, 64, 77, 0.1); box-shadow: none; background-color: #f3f7fc; background-image: linear-gradient(to right, #ecf2f9 1px, transparent 0px), linear-gradient(to bottom, #ecf2f9 1px, transparent 1px); background-size: 24px 24px; }\n\n.fld-tab.fld-insertion .tabs .tab { background-position: -1px -1px; }\n\n.fld-tab.fld-insertion .fld-tabcontent { background-position: -1px -13px; }\n\n.fld-tab-caboose { min-height: 24px; }\n\n.fld-element { position: relative; display: flex; align-items: center; padding: 7px 10px; box-shadow: inset 0 0 0 1px rgba(51, 64, 77, 0.1); background-color: #fff; border-radius: 4px; }\n\nbody:not(.dragging) .fld-element { cursor: move; cursor: grab; }\n\n.fld-element + .fld-element { margin-top: 7px; }\n\n.fld-element.fld-insertion { box-sizing: border-box; border: 2px dashed rgba(51, 64, 77, 0.1); border-radius: 4px; background: none; box-shadow: none; }\n\n.fld-element.draghelper { box-shadow: 0 1px 5px -1px rgba(31, 41, 51, 0.2); }\n\n.fld-element.fld-field { color: #596673; background-color: #e4edf6; }\n\n.fld-element.fld-field:not(.draghelper) { box-shadow: none; }\n\n.fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-top: -3px; }\n\nbody.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-right: 5px; }\n\nbody.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden) { margin-left: 5px; }\n\n.fld-element.fld-field .fld-field-hidden:not(.hidden):before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'shuteye'; }\n\n.fld-element.fld-field .field-name .fld-element-label { margin-bottom: 2px; }\n\n.fld-element .fld-element-icon { text-align: center; }\n\nbody.ltr .fld-element .fld-element-icon { margin-right: 5px; }\n\nbody.rtl .fld-element .fld-element-icon { margin-left: 5px; }\n\n.fld-element .fld-element-icon, .fld-element .fld-element-icon svg { width: 16px; height: 16px; }\n\n.fld-element .fld-element-icon svg rect, .fld-element .fld-element-icon svg circle, .fld-element .fld-element-icon svg ellipse, .fld-element .fld-element-icon svg line, .fld-element .fld-element-icon svg polyline, .fld-element .fld-element-icon svg polygon, .fld-element .fld-element-icon svg path, .fld-element .fld-element-icon svg text { fill: #606d7b; stroke-width: 0; transition: fill linear 100ms; }\n\n.fld-element .field-name { flex: 1; overflow: hidden; }\n\n.fld-element .field-name .fld-element-label, .fld-element .field-name .fld-attribute { flex: 1; display: flex; }\n\n.fld-element .field-name .fld-element-label h4, .fld-element .field-name .fld-attribute .smalltext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n.fld-element .field-name .fld-element-label h4 { font-weight: normal; color: #3f4d5a; margin: 0; }\n\n.fld-element .field-name .fld-element-label h4 + .fld-required-indicator { color: #3f4d5a; }\n\n.fld-element .field-name .fld-attribute .fld-required-indicator { margin-top: -1px; }\n\n.fld-element.fld-required .fld-required-indicator { line-height: 1; }\n\nbody.ltr .fld-element.fld-required .fld-required-indicator { margin-left: 2px; }\n\nbody.rtl .fld-element.fld-required .fld-required-indicator { margin-right: 2px; }\n\n.fld-element.fld-required .fld-required-indicator:after { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: \"liga\", \"dlig\"; -moz-font-feature-settings: \"liga=1, dlig=1\"; -moz-font-feature-settings: \"liga\", \"dlig\"; -ms-font-feature-settings: \"liga\", \"dlig\"; -o-font-feature-settings: \"liga\", \"dlig\"; font-feature-settings: \"liga\", \"dlig\"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; user-select: none; opacity: 0.8; content: 'asterisk'; font-size: 8px; line-height: 1; }\n\nbody.dragging { cursor: move !important; cursor: grabbing !important; }\n\n.fld-hr { display: flex; justify-content: center; padding: 9px 10px; }\n\n.fld-hr:before { position: absolute; display: block; top: calc(50% - 2px); left: 10px; width: calc(100% - 20px); height: 4px; content: ''; font-size: 0; background-color: #e4edf6; border-radius: 2px; }\n\n.fld-hr .smalltext { position: relative; background-color: #e4edf6; border-radius: 8px; padding: 1px 7px; }\n\n.fld-element-settings { width: 240px; }\n\n/* No Scroll */\nhtml.noscroll, html.noscroll body { overflow: hidden; height: 100%; }\n\n/* Image Editor */\n.modal.imageeditor { background-color: #1f2933; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; opacity: 0; user-select: none; }\n\n.modal.imageeditor.modal { border-radius: 0; }\n\n.modal.imageeditor.modal .body:after { display: none; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) { background-color: #515f6c; color: #fff; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover { background-color: #3f4d5a; }\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active { background-color: #33404d; }\n\n.modal.imageeditor .icon::before { width: 24px; height: 24px; margin-top: -4px; margin-left: -3px; display: inline-block; content: ''; }\n\n.modal.imageeditor .icon.rotate-left::before { background-image: url(../images/image-editor/rotate-left.svg); }\n\n.modal.imageeditor .icon.rotate-right::before { background-image: url(../images/image-editor/rotate-right.svg); }\n\n.modal.imageeditor .icon.flip-vertical::before { background-image: url(../images/image-editor/flip-vertical.svg); }\n\n.modal.imageeditor .icon.flip-horizontal::before { background-image: url(../images/image-editor/flip-horizontal.svg); }\n\n.modal.imageeditor .icon.constraint::before { background-image: url(../images/image-editor/unconstrained.svg); }\n\n.modal.imageeditor .icon.focal-point::before { background-image: url(../images/image-editor/focal-point.svg); }\n\n.modal.imageeditor .body { display: flex; padding: 0; }\n\n.modal.imageeditor .body .tabs { border-right: 1px solid #131a20; }\n\n.modal.imageeditor .body .tabs ul { width: 100px; flex-direction: column; align-items: stretch; }\n\n.modal.imageeditor .body .tabs ul li { padding: 14px; text-align: center; border-bottom: 1px solid #131a20; }\n\n.modal.imageeditor .body .tabs ul li i { background-repeat: no-repeat; background-position: top center; display: block; height: 24px; }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"rotate\"] i { background-image: url(../images/image-editor/rotate-left.svg); }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"crop\"] i { background-image: url(../images/image-editor/crop.svg); }\n\n.modal.imageeditor .body .tabs ul li[data-view=\"filters\"] i { background-image: url(../images/image-editor/filters.svg); }\n\n.modal.imageeditor .body .tabs ul li:hover { background-color: #1b242c; }\n\n.modal.imageeditor .body .tabs ul li.selected { background-color: #151c23; }\n\n.modal.imageeditor .body .tabs ul li:hover { cursor: pointer; }\n\n.modal.imageeditor .body .views { padding: 24px; overflow: auto; }\n\n.modal.imageeditor .body .views .btngroup { margin-bottom: 24px; }\n\n.modal.imageeditor .body .views .filters ul { width: 100px; }\n\n.modal.imageeditor .body .views .filters ul li { text-align: center; margin-right: 14px; margin-bottom: 14px; }\n\n.modal.imageeditor .body .views .filters ul li:last-child { margin-right: 0; }\n\n.modal.imageeditor .body .views .filters ul li img { border: 3px solid transparent; border-radius: 4px; }\n\n.modal.imageeditor .body .views .filters ul li span { display: block; }\n\n.modal.imageeditor .body .views .filters ul li:hover { cursor: pointer; }\n\n.modal.imageeditor .body .views .filters ul li.selected img { border-color: #fff; }\n\n.modal.imageeditor .body .image-container { flex-grow: 1; display: flex; flex-direction: column; position: relative; overflow: hidden; }\n\n.modal.imageeditor .body .image-container .image { text-align: center; flex-grow: 1; position: relative; }\n\n.modal.imageeditor .body .image-container .image canvas { position: absolute; top: 0; left: 0; }\n\n.modal.imageeditor .body .image-container .image-tools { text-align: center; }\n\n.modal.imageeditor .body .image-container .image-tools .straightening { max-width: 400px; display: block; margin: 0 auto; overflow: hidden; }\n\n.modal.imageeditor .footer { position: absolute; background-color: transparent; bottom: 0; left: 0; width: 100%; border-top: 1px solid #000; }\n\n.modal.imageeditor .body .views .crop .orientation { display: flex; align-items: center; justify-content: center; }\n\n.modal.imageeditor .body .views .crop .orientation input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: center center; background-repeat: no-repeat; margin: 0 4px; cursor: pointer; }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"landscape\"] { width: 30px; height: 20px; background-image: url(../images/image-editor/orientation-landscape-unchecked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"landscape\"]:checked { background-image: url(../images/image-editor/orientation-landscape-checked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"portrait\"] { width: 20px; height: 30px; background-image: url(../images/image-editor/orientation-portrait-unchecked.svg); }\n\n.modal.imageeditor .body .views .crop .orientation input[value=\"portrait\"]:checked { background-image: url(../images/image-editor/orientation-portrait-checked.svg); }\n\n.modal.imageeditor.vertical .body .views .crop > .btngroup:first-child { justify-content: center; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container { display: flex; justify-content: center; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons { overflow: auto; margin-left: -24px; margin-right: -24px; margin-bottom: 12px; padding-left: 24px; padding-right: 24px; padding-bottom: 12px; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint { padding: 4px 12px; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:hover { cursor: pointer; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint.active { color: #fff; background: #515f6c; border-radius: 1rem; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:last-child { position: relative; }\n\n.modal.imageeditor.vertical .body .views .crop .constraint-buttons-container .constraint-buttons .constraint:last-child:after { content: ''; display: block; position: absolute; right: -24px; width: 24px; height: 1px; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons { flex-direction: column; align-items: stretch; text-align: center; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons .constraint { text-align: left; padding: 4px 0 4px 24px; cursor: pointer; }\n\n.modal.imageeditor:not(.vertical) .body .views .crop .constraint-buttons .constraint.active { background-position: left center; background-repeat: no-repeat; background-image: url(../images/image-editor/check.svg); }\n\n/* Vertical */\n.vertical.imageeditor .body { flex-direction: column-reverse; }\n\n.vertical.imageeditor .body .tabs ul { display: flex; flex-direction: row; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; }\n\n.vertical.imageeditor .body .tabs ul li { flex-grow: 1; border: 0; border-right: 1px solid #000; padding: 7px; }\n\n.vertical.imageeditor .body .views { width: auto; }\n\n.vertical.imageeditor .body .views .rotate { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: -14px; }\n\n.vertical.imageeditor .body .views .rotate .btngroup { margin: 0 7px 14px; }\n\n.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; }\n\n.vertical.imageeditor .body .views .filters ul li { display: inline-block; margin-bottom: 0; }\n\n/* Slide Rule */\n.slide-rule { position: relative; padding: 10px 0; }\n\n.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; }\n\n.slide-rule .graduations { white-space: nowrap; height: 40px; position: relative; }\n\n.slide-rule .graduations ul { position: relative; float: left; }\n\n.slide-rule .graduations ul li { display: inline-block; font-size: 8px; position: relative; width: 10px; }\n\n.slide-rule .graduations ul li:not(.main-graduation) { left: 1px; }\n\n.slide-rule .graduations ul li.main-graduation:before { border-left-width: 3px; }\n\n.slide-rule .graduations ul li.main-graduation .label { display: block; cursor: default; }\n\n.slide-rule .graduations ul li.selected:before { border-left-color: #63A6E1; }\n\n.slide-rule .graduations ul li:before { content: ''; position: absolute; border-left: 1px solid #fff; height: 10px; top: 0px; left: 0; }\n\n.slide-rule .graduations ul li .label { width: 20px; position: absolute; top: 10px; left: -9px; display: none; text-align: center; }\n\n.slide-rule .value { display: none; position: absolute; bottom: 0; left: 50%; z-index: 1; box-sizing: border-box; padding: 5px; width: 50px; margin-left: -25px; background: #515f6c; }\n\n.slide-rule .overlay { z-index: 2; position: absolute; top: 0; right: 0; bottom: 1px; left: 0; background-image: linear-gradient(to right, #1f2933 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, #1f2933 100%); }\n\n/* Misc */\n.menu.dark { background-color: #515f6c; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 500; }\n\n.menu.dark ul li a { color: #fff !important; }\n\n.menu.dark ul li a:not(.sel):not(.disabled):hover { background-color: #3f4d5a; }\n\n_:-ms-lang(x), .elements .tableview td.checkbox-cell input.checkbox + label, .elements .tableview td.checkbox-cell div.checkbox { top: 16px; }\n\n_:-ms-lang(x), input.checkbox + label:empty, div:empty.checkbox { display: block; }\n","/* ----------------------------------------\n/*  Reset (thanks Eric!)\n/* ----------------------------------------*/\n\nhtml, 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 {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n  content: none;\n}\n\ntable {\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\na {\n  text-decoration: none;\n}\n\nbutton {\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n}\n\ninput, textarea {\n  margin: 0;\n  font-family: 'Lucida Grande', sans-serif;\n  font-size: 100%;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nselect {\n  margin: 0;\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n@mixin spinner {\n  width: 24px;\n  background: url(../images/spinner.gif) no-repeat 50% 50%;\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size / 2;\n  background-image:\n          linear-gradient(45deg, $grey100 25%, transparent 25%),\n          linear-gradient(135deg, $grey100 25%, transparent 25%),\n          linear-gradient(45deg, transparent 75%, $grey100 75%),\n          linear-gradient(135deg, transparent 75%, $grey100 75%);\n  background-size: $size $size;\n  background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n\n@mixin striped-bg($size, $color: $grey100) {\n  // h/t https://css-tricks.com/stripes-css/\n  $halfSize: $size / 2;\n  body.ltr & {\n    background: repeating-linear-gradient(135deg, $white, $white $halfSize, $color $halfSize, $color $size);\n  }\n  body.rtl & {\n    background: repeating-linear-gradient(45deg, $white, $white $halfSize, $color $halfSize, $color $size);\n  }\n}\n\n@font-face {\n  font-family: 'Craft';\n  src: url('../fonts/Craft.woff') format('woff'),\n  url('../fonts/Craft.ttf') format('truetype'),\n  url('../fonts/Craft.svg#Craft') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\n\nbody, html {\n  background-color: $grey100;\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n  overflow: hidden;\n}\n\nbody {\n  width: 100vw;\n  overflow-x: hidden;\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n  direction: rtl;\n}\n\nbody, input, select, textarea {\n  @include sans-serif-font;\n}\n\n.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, fieldset:first-child, .field:first-child, .toolbar:first-child, .buttons:first-child {\n  margin-top: 0 !important;\n}\n\n.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, fieldset:last-child, .field:last-child, .toolbar:last-child, .buttons:last-child {\n  margin-bottom: 0 !important;\n}\n\n.draghelper {\n  box-sizing: border-box;\n}\n\n.text,\ntable.editable textarea {\n  body.rtl .ltr & {\n    text-align: left !important;\n    direction: ltr !important;\n  }\n\n  body.ltr .rtl & {\n    text-align: right !important;\n    direction: rtl !important;\n  }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n.element:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n#preview-btn:before,\n#share-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n  @include icon;\n}\n\n.badge-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 17px;\n  height: 17px;\n  box-sizing: border-box;\n  border: 1px solid $yellow500;\n  border-radius: $smallBorderRadius;\n  color: $yellow500;\n  font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n  margin-top: -3px;\n  font-size: 14px;\n}\n\n[data-icon]:before {\n  content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n  content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon=list]:before,\nbody.rtl [data-icon-after=list]:after {\n  content: 'listrtl';\n}\n\nbody.rtl [data-icon=structure]:before,\nbody.rtl [data-icon-after=structure]:after {\n  content: 'structurertl';\n}\n\n.icon.secure:before {\n  content: 'secure';\n}\n\n.icon.insecure:before {\n  content: 'insecure';\n}\n\n.icon.add:before {\n  content: 'plus';\n}\n\n.icon.edit:before {\n  content: 'edit';\n}\n\n.icon.settings:before {\n  content: 'settings';\n}\n\n.icon.search:before {\n  content: 'search';\n}\n\n.icon.expand:before {\n  content: 'expand';\n}\n\n.icon.collapse:before {\n  content: 'collapse';\n}\n\n.help:before {\n  content: 'help';\n  color: $pink400;\n}\n\n#preview-btn,\n#share-btn {\n  &:before {\n    @include margin-right(7px);\n  }\n}\n\n#preview-btn:before {\n  margin-top: -2px;\n  content: 'view';\n}\n\n#share-btn:before {\n  body.ltr & {\n    content: 'share';\n  }\n  body.rtl & {\n    content: 'shareleft';\n  }\n}\n\n/* headings */\nh1 {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh2 {\n  margin: 14px 0;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 20px;\n}\n\nh3 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh4 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n  color: $mediumTextColor;\n}\n\nh5 {\n  margin: 14px 0 3px;\n  line-height: 1.2;\n  color: $mediumTextColor;\n}\n\nh6 {\n  @include h6-styles;\n}\n\nh1[data-icon]:before {\n  @include margin(-8px, 10px, 0, 0)\n}\n\nh2[data-icon]:before {\n  @include margin(-4px, 6px, 0, 0);\n  font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n  margin: 24px 0;\n  border: none;\n  border-top: 1px solid $hairlineColor;\n  height: 0;\n  color: transparent;\n}\n\n.pane hr {\n  margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n  margin: 1em 0;\n}\n\nh5 + p {\n  margin-top: 0;\n}\n\nsup {\n  vertical-align: super;\n  font-size: smaller;\n}\n\nsub {\n  vertical-align: sub;\n  font-size: smaller;\n}\n\n.indent {\n  @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n  @include padding-left(40px);\n  list-style-type: square;\n}\n\nol {\n  @include padding-left(40px);\n  list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n  @include fixed-width-font;\n\n  &.smalltext {\n    font-size: 0.8em !important;\n  }\n}\n\n/* links */\na {\n  color: $linkColor;\n  cursor: pointer;\n\n  body.underline-links & {\n    text-decoration: underline;\n  }\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na.sel,\nli.sel a {\n  cursor: default !important;\n  text-decoration: none;\n}\n\n.go:after {\n  font-size: 11px;\n  margin-top: -1px;\n  @include padding-left(4px);\n  color: $lightTextColor;\n  body.ltr & {\n    content: 'circlerarr';\n  }\n  body.rtl & {\n    content: 'circlelarr';\n  }\n}\n\n.go:hover:after {\n  color: $linkColor;\n}\n\n/* revision button */\n#context-btngroup {\n  @include margin-right(7px);\n}\n#context-btn.disabled {\n  opacity: 1;\n  color: $mediumDarkTextColor;\n  background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n  padding: 5px;\n  margin-bottom: 0 !important;\n  line-height: 10px;\n  border-radius: 20px;\n  cursor: pointer;\n\n  &:before {\n    @include icon;\n  }\n}\n\n.checkmark-icon {\n  p & {\n    display: inline-block;\n  }\n\n  background-color: $grey200;\n\n  &:before {\n    content: 'check';\n    color: $successColor;\n  }\n}\n\n.alert-icon {\n  background-color: $grey200;\n\n  &:before {\n    content: 'alert';\n    color: $errorColor;\n  }\n}\n\n/* toggles */\nbutton.toggle {\n  appearance: none;\n  color: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n  @include angle(right);\n  transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n  transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n  display: block;\n  position: relative;\n  margin: 14px 0;\n  @include padding-left(12px);\n  color: $textColor;\n  text-decoration: none;\n}\n\na.fieldtoggle:before {\n  display: block;\n  position: absolute;\n  top: 7px;\n  @include left(-1px);\n}\n\n/* emphasis */\nem, i {\n  font-style: italic;\n}\n\nstrong, b, i em {\n  font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n  @include readable;\n}\n\n/* text styles */\n.leftalign {\n  @include alignleft;\n}\n\n.topalign {\n  vertical-align: top;\n}\n\n.rightalign {\n  @include alignright;\n}\n\n.centeralign {\n  text-align: center !important;\n}\n\n.nowrap {\n  white-space: nowrap;\n}\n\n.break-word {\n  word-wrap: break-word;\n}\n\n.light {\n  color: $mediumTextColor !important;\n  font-weight: normal;\n}\n\n.extralight {\n  color: $lightTextColor !important;\n}\n\n.smalltext {\n  font-size: 12px;\n  line-height: 1.2;\n}\n\n.largetext {\n  font-size: 16px;\n  line-height: 1.2;\n}\n\n.zilch {\n  padding: 100px 0;\n  text-align: center;\n  font-size: 20px;\n  line-height: 24px;\n  color: $lightTextColor;\n\n  &.small {\n    padding: 24px 0;\n    font-size: 16px;\n  }\n}\n\ninput.checkbox + label.smalltext {\n  padding-top: 2px;\n}\n\n.required:after {\n  content: 'asterisk';\n  @include margin(-2px, 0, 0, 5px);\n  font-size: 7px;\n  color: $errorColor;\n}\n\n.scrollpane {\n  overflow: auto;\n}\n\n.left {\n  @include floatleft;\n}\n\n.right {\n  @include floatright;\n}\n\nth,\ntd {\n  @include alignleft;\n  vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n  th,\n  td {\n    text-align: right;\n  }\n}\nbody.rtl table[dir='ltr'] {\n  th,\n  td {\n    text-align: left;\n  }\n}\n\nth.right,\ntd.right {\n  float: none;\n  @include alignright;\n}\n\n.clear {\n  display: block;\n  clear: both;\n  height: 0;\n}\n\n.fullwidth {\n  width: 100%;\n}\n\n.token {\n  @include token-styles;\n}\n\n.token[data-name='*'] {\n  position: relative;\n  width: 10px;\n}\n\n.token[data-name='*'] span {\n  opacity: 0;\n}\n\n.token[data-name='*']:before {\n  @include icon;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-size: 9px;\n  line-height: 17px;\n  content: 'asterisk';\n  text-indent: 0;\n}\n\n.token:focus {\n  box-shadow: 0 0 0 1px transparentize($grey500, 0.75);;\n  background-color: $white;\n}\n\n// Override .token for Prism\n.highlight {\n  .token {\n    display: inline;\n    border: none;\n    border-radius: 0;\n    padding: 0;\n    font-size: inherit;\n    line-height: inherit;\n    text-shadow: none;\n    background: transparent;\n    box-shadow: none;\n  }\n}\n\n.pane.highlight {\n  pre[class*=\"language-\"] {\n    overflow: visible;\n\n    & > code.diff-highlight .token:not(.prefix) {\n      margin: 0 -24px;\n      padding: 0 24px;\n    }\n  }\n}\n\n.success {\n  color: $successColor !important;\n}\n\n.notice {\n  color: $noticeColor !important;\n}\n\n.warning {\n  color: $warningColor !important;\n}\n\n.with-icon {\n  &.notice,\n  &.warning {\n    &:before {\n      @include margin(-2px, 2px, 0, 0);\n      @include icon;\n      width: 1em;\n    }\n  }\n\n  &.notice:before {\n    content: 'lightbulb';\n  }\n\n  &.warning:before {\n    content: 'alert';\n  }\n}\n\n.error {\n  color: $errorColor !important;\n}\n\n.icon.move {\n  display: inline-block;\n}\n\n.icon.move:not(.disabled) {\n  cursor: move;\n}\n\n.icon.move:before {\n  content: 'move';\n  color: $darkHairlineColor;\n}\n\n.icon.move:not(.disabled):hover:before {\n  color: $linkColor;\n}\n\n.icon.delete {\n  display: inline-block;\n}\n\n.icon.delete:before {\n  content: 'remove';\n  color: $darkHairlineColor;\n}\n\n.icon.delete:not(.disabled):hover:before {\n  color: $red600;\n}\n\n.icon.delete:not(.disabled):active:before {\n  color: darken($red600, 10%);\n}\n\n.hidden {\n  display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  border: 0;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.clearafter:after {\n  @include clearafter;\n}\n\n.info {\n  vertical-align: bottom;\n  display: inline-block;\n  width: 1em;\n  height: 1.375em;\n  text-align: center;\n  cursor: pointer;\n  overflow: hidden;\n\n  &:before {\n    @include icon;\n    vertical-align: baseline;\n    width: 100%;\n    line-height: 1.375;\n    color: $lightTextColor;\n  }\n\n  &:not(.warning) {\n    &:before {\n      content: 'info';\n    }\n    &:hover:before {\n      color: $linkColor;\n    }\n  }\n\n  &.warning {\n    &:before {\n      content: 'alert';\n    }\n    &:hover:before {\n      color: $warningColor;\n    }\n  }\n}\n\n.info-hud {\n  table {\n    max-width: 280px;\n    table-layout: auto;\n  }\n\n  td {\n    word-wrap: break-word;\n    width: 100%;\n  }\n}\n\n@media (max-width: 450px) {\n  .info-hud {\n    table {\n      table-layout: fixed;\n      width: 100%;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Content\n/* ----------------------------------------*/\n\n.content {\n  position: relative;\n}\n\n.content:after {\n  @include clearafter;\n}\n\n/* Customize Sources */\n.sidebar {\n  .customize-sources {\n    display: block;\n    margin: 14px -24px 4px;\n    @include padding(7px, 14px, 7px, 24px);\n    color: $lightTextColor !important;\n    transition: color linear 100ms;\n\n    .icon {\n      @include margin-right(4px);\n    }\n\n    .label {\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    &:hover {\n      color: $mediumTextColor !important;\n      text-decoration: none;\n\n      .label {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sidebar .customize-sources:hover {\n  color: $linkColor;\n}\n\n.customize-sources-modal {\n  @include padding-left(200px);\n}\n\n.customize-sources-modal > .spinner {\n  position: absolute;\n  top: calc(50% - 44px);\n  left: calc(50% - 12px);\n}\n\n.customize-sources-modal > .cs-sidebar {\n  position: absolute;\n  top: 0;\n  @include left(0);\n  margin: 0;\n  padding: 10px 0;\n  border: none;\n  width: 200px;\n  height: calc(100% - 62px);\n  box-sizing: border-box;\n  background-color: $grey050;\n  overflow: auto;\n  box-shadow: inset -1px 0 0 $hairlineColor;\n}\n\n.customize-sources-modal > .cs-sidebar > .btn {\n  @include margin(10px, 0, 0, 14px);\n}\n\n.customize-sources-item {\n  position: relative;\n  margin-top: -1px;\n  @include margin-right(1px);\n  @include padding(10px, 14px, 10px, 40px);\n  background-color: $grey100;\n  border: solid $hairlineColor;\n  border-width: 1px 0;\n  user-select: none;\n  cursor: default;\n}\n\n.customize-sources-item + .customize-sources-item:not(.heading) {\n  border-top: 1px solid $hairlineColor;\n}\n\n.customize-sources-item.sel {\n  background-color: $grey200;\n  z-index: 1;\n}\n\n.customize-sources-item .move {\n  display: block;\n  position: absolute;\n  @include left(7px);\n  top: 11px;\n  width: 24px;\n  text-align: center;\n}\n\n.customize-sources-item + .customize-sources-item.heading {\n  margin-top: 10px;\n}\n\n.customize-sources-item.heading .label {\n  text-transform: uppercase;\n  color: $lightTextColor;\n  font-size: 12px;\n  font-weight: bold;\n}\n\n.customize-sources-modal > .source-settings {\n  position: relative;\n  height: calc(100% - 62px);\n  box-sizing: border-box;\n  padding: 24px;\n  overflow: auto;\n}\n\n.customize-sources-table-column .move {\n  @include margin-right(10px);\n}\n\n.customize-sources-modal > .footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n}\n\n/* ----------------------------------------\n/*  Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n\n  li {\n    margin: 0 4px 10px 0;\n\n    a {\n      display: block;\n      position: relative;\n      padding: 60px 5px 10px;\n      width: 110px;\n      text-align: center;\n      color: $textColor;\n      border-radius: 4px;\n      border: 1px solid $white;\n\n      &:before {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        font-size: 40px;\n        line-height: 60px;\n      }\n\n      .icon {\n        img,\n        svg {\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          top: 12px;\n          left: calc(50% - 20px);\n        }\n\n        &.icon-mask svg {\n          @include svg-mask($textColor);\n        }\n      }\n\n      &:hover {\n        text-decoration: none;\n        background-color: $grey050;\n        border-color: $grey100;\n\n        .icon.icon-mask svg {\n          @include svg-mask($linkColor);\n        }\n      }\n\n      &:focus {\n        @include input-focused-styles;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 380px) {\n  ul.icons li a {\n    width: 96px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  ul.icons li a {\n    width: 75px;\n  }\n}\n\n/* ----------------------------------------\n/*  Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n  position: relative;\n  margin-bottom: 14px;\n  min-height: 34px;\n\n  &.flex,\n  .flex {\n    align-items: flex-start;\n  }\n\n  .text {\n    border-radius: $largeBorderRadius !important;\n    box-shadow: none !important;\n  }\n}\n\n.flex {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n\n  &:not(.flex-nowrap) {\n    flex-wrap: wrap;\n\n    & > * {\n      margin-bottom: 7px;\n    }\n  }\n\n  & > * {\n    &.label {\n      white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include margin-right(7px !important);\n    }\n\n    &.spinner {\n      @include margin-left(0 !important);\n    }\n  }\n\n  .centeralign & {\n    justify-content: center;\n  }\n}\n\n.flex-grow {\n  flex: 1;\n}\n\n.flex-center {\n  align-items: center;\n}\n\n.spacer {\n  width: 14px;\n}\n\n.buttons {\n  display: flex;\n  position: relative;\n  margin: 24px 0;\n\n  & > .btn,\n  & > .btngroup {\n    &:not(.hidden) {\n      & + .btn,\n      & + .btngroup {\n        @include margin-left(5px);\n      }\n    }\n  }\n\n  .hud-footer > &,\n  .footer > & {\n    margin: 0;\n  }\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: $largeBorderRadius;\n  padding: 7px 14px;\n  border: none;\n  text-align: center;\n  white-space: nowrap;\n  user-select: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  appearance: none;\n  color: $textColor;\n  font-size: inherit;\n  background-color: transparentize($inputColor, 0.75);\n\n  &.chromeless {\n    background-color: transparent;\n    height: auto;\n    padding: 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: transparent;\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  &:not(.disabled) {\n    &:focus,\n    &.focus,\n    &:hover {\n      background-color: transparentize($inputColor, 0.65);\n    }\n\n    &:active,\n    &.active {\n      background-color: transparentize($inputColor, 0.5);\n\n      &:focus,\n      &.focus,\n      .btngroup:focus & {\n        background-color: transparentize($inputColor, 0.4);\n      }\n    }\n  }\n\n  &[type='color'] {\n    padding: 6px !important;\n    width: 36px;\n  }\n\n  &.active {\n    cursor: default;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &[data-icon]:not(:empty):before,\n  &.icon:not(:empty):before,\n  &.menubtn[data-icon]:empty:before,\n  &.menubtn.icon:empty:before {\n    @include margin-right(5px);\n  }\n\n  div.checkbox {\n    margin-top: 2px;\n  }\n}\n\n.disabled {\n  opacity: 0.25;\n}\n\n.disabled,\n.disabled .btn {\n  cursor: default;\n}\n\n.btn,\n.spinner {\n  height: 34px;\n}\n\n.btn[data-icon-after]:not(:empty):after,\n.menubtn:not(:empty):after,\n.menubtn.icon:after {\n  @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n  position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n  font-size: 10px;\n}\n\n.btn.icon.add.loading {\n  position: relative;\n}\n\n.btn.icon.add.loading:before {\n  visibility: hidden;\n}\n\n.btn.icon.add.loading:after {\n  position: absolute;\n  content: '';\n  font-size: 0;\n  display: block;\n  width: 24px;\n  height: 100%;\n  left: 5px;\n  top: 0;\n  background: url(../images/spinner.gif) no-repeat 0 50%;\n}\n\n.btn.icon.add.loading.submit:after {\n  background-image: url(../images/spinner_submit.gif);\n}\n\n.secondary-buttons .btn.icon.add.loading.submit:after,\n.btn.secondary.icon.add.loading.submit:after {\n  background-image: url(../images/spinner_submit_secondary.gif);\n}\n\n/* button groups */\n.btngroup {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  &.fullwidth .btn {\n    flex: 1;\n  }\n\n  &.disabled .btn {\n    cursor: default;\n  }\n\n  .btn {\n    &.active {\n      cursor: default;\n    }\n\n    &:not(.dashed):not(:last-child) {\n      @include margin-right(1px);\n    }\n\n    body.ltr & {\n      &:not(:first-child) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &:not(:last-child) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    body.rtl & {\n      &:not(:first-child) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      &:not(:last-child) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n}\n\n.copytext {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  body.ltr & {\n    .text {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n    .btn {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n\n  body.rtl & {\n    .text {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    .btn {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n}\n\n.copytextbtn {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border: 1px solid $hairlineColor;\n  border-radius: $smallBorderRadius;\n  transition: border-color linear 100ms;\n  padding: 0 9px;\n  cursor: pointer;\n  transition: margin-left linear 100ms, margin-right linear 100ms;\n\n  input {\n    border: 0;\n    padding: 0;\n    height: 32px;\n    box-shadow: none;\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    color: $textColor;\n    text-align: center;\n  }\n\n  &.light input {\n    color: $mediumTextColor;\n  }\n\n  span {\n    opacity: 0;\n    padding: 0;\n    width: 13px;\n    background: none;\n    @include margin-left(-13px);\n    transition: opacity linear 100ms, margin-left linear 100ms, margin-right linear 100ms;\n  }\n\n  &:hover,\n  &:focus {\n    // Prevent the button from jumping if the added width would otherwise bump it down to the next line\n    @include margin-left(-16px);\n    border-color: $mediumHairlineColor;\n\n    span {\n      opacity: 1;\n      @include margin-left(3px);\n    }\n  }\n\n  &.small {\n    padding: 0 5px;\n\n    input {\n      font-size: 11px !important;\n      height: 20px;\n    }\n  }\n}\n\n/* menu buttons */\n.menubtn {\n  display: inline-flex;\n  align-items: center;\n  user-select: none;\n\n  &:after {\n    @include angle;\n    position: relative;\n  }\n\n  &.btn {\n    &:after {\n      top: -1px;\n    }\n\n    &:not(.disabled):not(.inactive) {\n      &:active,\n      &.active {\n        &:after {\n          border-color: $textColor;\n        }\n      }\n    }\n\n    &.submit {\n      &:after {\n        border-color: $white !important;\n        opacity: 0.8;\n      }\n\n      &:not(.disabled):not(.inactive) {\n        &:hover,\n        &.hover,\n        &:active,\n        &.active {\n          &:after {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n\n  &:not(.btn):not(.icon) {\n    height: 17px;\n    &:after {\n      top: 1px;\n      border-color: $linkColor;\n    }\n  }\n\n  &:empty {\n    @include padding-left(8px);\n    @include padding-right(8px);\n  }\n}\n\n/* spinner */\n.spinner {\n  display: inline-block;\n  vertical-align: bottom;\n  @include spinner;\n\n  &.over-bg {\n    background-image: url(../images/spinner_bg.gif);\n  }\n\n  &.big {\n    width: 48px;\n    height: 48px;\n    background: url(../images/spinner_big.gif) no-repeat 50% 50%;\n\n    &.over-bg {\n      background-image: url(../images/spinner_big_bg.gif);\n    }\n  }\n}\n\n.btn + .spinner {\n  @include margin-left(7px);\n}\n\n.buttons .spinner {\n  display: block;\n  @include floatleft;\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n  @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n  @include margin-right(-24px);\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n  padding: 0 7px !important;\n  font-size: 12px;\n  line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n  height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n  padding: 0 14px;\n  font-size: 14px;\n  line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n#preview-btn:before,\n#share-btn:before {\n  @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n  height: 36px;\n}\n\n/* special buttons */\n.btn {\n\n  &.submit,\n  &.secondary {\n    &,\n    &:before,\n    &:after {\n      color: $white !important;\n      @include light-on-dark-text;\n    }\n  }\n\n  &.submit {\n    background-color: $primaryColor !important;\n\n    &:not(.disabled):not(.inactive) {\n      &:hover,\n      &.hover,\n      &:focus {\n        background-color: darken($primaryColor, 5%) !important;\n      }\n\n      &:active,\n      &.active {\n        background-color: darken($primaryColor, 10%) !important;\n      }\n    }\n  }\n\n  &.caution {\n    background-color: $red050 !important;\n    color: $errorColor;\n\n    &:hover,\n    &.hover,\n    &:focus {\n      background-color: darken($red050, 5%) !important;\n    }\n\n    &:active,\n    &.active {\n      background-color: $red100 !important;\n    }\n  }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n  background-color: $secondaryColor !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):hover,\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive).hover,\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):focus,\n.btn.secondary:not(.disabled):not(.inactive):hover,\n.btn.secondary:not(.disabled):not(.inactive).hover,\n.btn.secondary:not(.disabled):not(.inactive):focus {\n  background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive):active,\n.secondary-buttons .btn.submit:not(.disabled):not(.inactive).active,\n.btn.secondary:not(.disabled):not(.inactive):active,\n.btn.secondary:not(.disabled):not(.inactive).active {\n  background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n  position: relative;\n  overflow: hidden;\n}\n\ndiv.btn.submit input {\n  position: absolute;\n  left: 100%\n}\n\n/* dashed buttons */\n.btn.dashed {\n  border: 1px dashed $mediumHairlineColor;\n  background-color: transparent !important;\n\n  .btngroup &:not(:last-child) {\n    @include border-right(1px solid transparent);\n    @include margin-right(-1px);\n  }\n\n  &:focus {\n    background-color: transparentize($grey200, 0.9) !important;\n  }\n\n  &:not(.disabled) {\n    &:active,\n    &.active {\n      background-color: transparentize($grey200, 0.75) !important;\n    }\n  }\n}\n\n/* color inputs */\n.color-input-container {\n  position: relative;\n\n  .color-hex-indicator {\n    position: absolute;\n    top: 0;\n    @include left(7px);\n    width: 1em;\n    line-height: 34px;\n    text-align: center;\n    user-select: none;\n  }\n}\n\n.color-input {\n  @include fixed-width-font;\n  @include padding-left(calc(7px + 1em));\n}\n\n.color {\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  width: 34px;\n  height: 34px;\n  border-radius: 17px;\n  padding: 0;\n\n  &:not(.static) {\n    cursor: pointer;\n  }\n\n  &:not(.small) {\n    @include checkered-bg(17px);\n  }\n\n  &.small {\n    width: 16px;\n    height: 16px;\n    @include checkered-bg(8px);\n  }\n\n  .color-preview {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    width: 100%;\n    height: 100%;\n    border-radius: 17px;\n    box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n    &:focus-within {\n      @include input-focused-styles;\n    }\n\n    & > .color-preview-input {\n      position: absolute;\n      @include left(0);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0;\n    }\n  }\n}\n\n.colorhex {\n  display: inline-block;\n  margin-left: 5px;\n  vertical-align: middle;\n  color: $mediumTextColor;\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n  display: flex;\n\n  .lightswitch-inner-container {\n    border: 1px solid $hairlineColor;\n    border-radius: $smallBorderRadius;\n    display: flex;\n    align-items: center;\n\n    span {\n      padding: 7px 0;\n      color: $mediumTextColor;\n      cursor: default;\n\n      &[data-toggle=on] {\n        @include padding-right(10px);\n        @include margin-left(7px);\n      }\n\n      &[data-toggle=off] {\n        @include padding-left(10px);\n        @include margin-right(7px);\n      }\n    }\n  }\n}\n\n.lightswitch {\n  position: relative;\n  border: none !important;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  background-image: linear-gradient(to right, $grey300, $grey300);\n  transition: background-image linear 100ms;\n\n  &.on {\n    background-image: linear-gradient(to right, $successColor, $successColor);\n  }\n\n  &.indeterminate {\n    background-image: linear-gradient(to right, $successColor, $grey300);\n  }\n\n  .lightswitch-container {\n    position: relative;\n    height: 100%;\n\n    .handle {\n      position: absolute;\n      top: 1px;\n      background-color: $white;\n    }\n  }\n\n  &:not(.small) {\n    border-radius: 11px;\n    width: 34px;\n    height: 22px;\n\n    .lightswitch-container {\n      @include margin-left(-12px);\n      width: 46px;\n\n      .handle {\n        border-radius: 10px;\n        width: 20px;\n        height: 20px;\n        left: calc(50% - 10px);\n      }\n    }\n  }\n\n  &.small {\n    border-radius: 9px;\n    width: 28px;\n    height: 18px;\n\n    .lightswitch-container {\n      @include margin-left(-10px);\n      width: 38px;\n\n      .handle {\n        border-radius: 8px;\n        width: 16px;\n        height: 16px;\n        left: calc(50% - 8px);\n      }\n    }\n  }\n\n  table & {\n    display: inline-block;\n    margin-bottom: -5px;\n  }\n\n  &:focus {\n    .lightswitch-container {\n      .handle {\n        background-color: $lightSelColor;\n      }\n    }\n  }\n\n  &.on {\n    .lightswitch-container {\n      @include margin-left(0);\n    }\n  }\n\n  &.indeterminate {\n    &:not(.small) {\n      .lightswitch-container {\n        @include margin-left(0.5 * -12px);\n      }\n    }\n    &.small {\n      .lightswitch-container {\n        @include margin-left(0.5 * -10px);\n      }\n    }\n  }\n}\n\n/* pagination */\n.pagination {\n  table.data + & {\n    margin-top: 24px;\n  }\n\n  .page-link {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: $mediumBorderRadius;\n\n    &:after {\n      position: relative;\n      transition: border-color linear 100ms;\n    }\n\n    &.prev-page:after {\n      @include angle(left, $lightTextColor);\n      @include right(-1px);\n    }\n\n    &.next-page:after {\n      @include angle(right, $lightTextColor);\n      @include left(-1px);\n    }\n\n    &:not(.disabled) {\n      transition: box-shadow linear 100ms;\n      box-shadow: inset 0 0 0 1px $hairlineColor;\n      cursor: pointer;\n\n      &:hover {\n        text-decoration: none;\n        box-shadow: inset 0 0 0 1px $linkColor;\n\n        &:after {\n          border-color: $linkColor;\n        }\n      }\n    }\n\n    &.disabled {\n      opacity: 1;\n      &:after {\n        border-color: $hairlineColor;\n      }\n    }\n  }\n}\n\n/* action buttons */\n.actions {\n  @include floatright;\n}\n\n.actions > li {\n  @include floatleft;\n}\n\n.actions > li + li {\n  @include margin-left(10px);\n}\n\nh1 + .actions {\n  margin-top: -100px;\n}\n\nh2 + .actions {\n  margin-top: -54px;\n}\n\n/* ----------------------------------------\n/*  Tables\n/* ----------------------------------------*/\n\n.tablepane {\n  margin: -24px -24px -12px;\n  overflow-x: auto;\n\n  table {\n    th,\n    td {\n      &:first-child {\n        @include padding-left(24px);\n      }\n      &:last-child {\n        @include padding-right(24px);\n      }\n    }\n\n    thead {\n      th,\n      td {\n        @include border-bottom-left-radius(0);\n        @include border-bottom-right-radius(0);\n      }\n    }\n\n    thead,\n    tbody,\n    tfoot {\n      &:first-child tr:first-child {\n        th,\n        td {\n          &:first-child {\n            @include border-top-left-radius($largeBorderRadius);\n          }\n          &:last-child {\n            @include border-top-right-radius($largeBorderRadius);\n          }\n        }\n      }\n      &:last-child tr:last-child {\n        th,\n        td {\n          &:first-child {\n            @include border-bottom-left-radius($largeBorderRadius);\n          }\n          &:last-child {\n            @include border-bottom-right-radius($largeBorderRadius);\n          }\n        }\n      }\n    }\n  }\n}\n\ntable {\n  &.fixed-layout {\n    table-layout: fixed;\n  }\n\n  th.thin,\n  td.thin {\n    width: 0.01% !important;\n    white-space: nowrap;\n  }\n\n  thead {\n    th {\n      font-weight: bold;\n      @include alignleft;\n      vertical-align: top;\n    }\n  }\n\n  // plain tables\n  &:not(.data) {\n    th,\n    td {\n      padding-top: 7px;\n      padding-bottom: 7px;\n\n      &:not(:first-child) {\n        padding-left: 12px;\n      }\n      &:not(:last-child) {\n        padding-right: 12px;\n      }\n    }\n  }\n\n  // data tables\n  &.data {\n    th,\n    td {\n      position: relative;\n      padding-left: 12px;\n      padding-right: 12px;\n      box-sizing: border-box;\n\n      &.checkbox-cell {\n        width: $checkboxSize !important;\n        min-width: $checkboxSize;\n        box-sizing: content-box;\n        position: relative;\n\n        input.checkbox + label,\n        div.checkbox {\n          position: absolute;\n          top: calc(50% - 8px);\n        }\n      }\n    }\n\n    th {\n      font-weight: bold;\n    }\n\n    thead {\n      th,\n      td {\n        padding-top: 14px;\n        padding-bottom: 14px;\n        width: auto;\n        background-color: $grey050;\n        cursor: default;\n\n        &:first-child {\n          @include border-top-left-radius($largeBorderRadius);\n          @include border-bottom-left-radius($largeBorderRadius);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($largeBorderRadius);\n          @include border-bottom-right-radius($largeBorderRadius);\n        }\n      }\n\n      th {\n        white-space: nowrap;\n\n        &.orderable:not(.ordered):hover {\n          background-color: $grey100;\n        }\n\n        &.ordered {\n          background-color: $lightSelColor;\n        }\n\n        &.ordered {\n          position: relative;\n          @include padding-right(26px);\n\n          &:first-child {\n            @include padding-left(10px);\n          }\n\n          &:not(.loading) {\n            &:after {\n              @include angle(up);\n              position: absolute;\n              @include right(10px);\n              top: calc(50% - 3px);\n            }\n\n            &.desc:after {\n              transform: rotate(45deg);\n            }\n          }\n\n          &.loading {\n            background-image: url(../images/spinner_tableheader.gif);\n            background-repeat: no-repeat;\n            body.ltr & {\n              background-position: 100% 16px;\n            }\n            body.rtl & {\n              background-position: 0 16px;\n            }\n          }\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &:not(.disabled) {\n          &:hover {\n            th,\n            td {\n              background-color: $grey050;\n            }\n          }\n\n          &.sel {\n            th,\n            td {\n              background-color: $lightSelColor;\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        padding-top: 7px;\n        padding-bottom: 7px;\n        background-clip: padding-box;\n      }\n\n      td {\n        &.timestamp {\n          @include alignright;\n          vertical-align: bottom;\n          white-space: nowrap;\n          color: $lightTextColor;\n        }\n      }\n    }\n\n    thead + tbody tr,\n    tr + tr {\n      th,\n      td {\n        border-top: 1px solid transparent;\n      }\n    }\n  }\n\n  // collapsable data tables for small screens\n  // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n  &.collapsed {\n    width: auto;\n\n    &,\n    tbody,\n    tbody tr,\n    tbody th,\n    tbody td {\n      display: block;\n      border: none;\n      padding: 0;\n      @include alignleft;\n      width: auto !important;\n      white-space: normal;\n    }\n\n    thead {\n      display: none;\n    }\n\n    tbody {\n      tr {\n        padding: 6px 0;\n        border-bottom: 1px dotted $hairlineColor;\n\n        &:after {\n          @include clearafter;\n        }\n      }\n\n      th,\n      td {\n        padding: 2px 0 !important;\n      }\n\n      td {\n        &:empty {\n          display: none;\n        }\n      }\n\n      [data-title] {\n        @include margin-right(0);\n\n        &:before {\n          margin-right: 5px;\n          content: attr(data-title) \":\";\n          font-weight: bold;\n        }\n\n        form {\n          display: inline-block;\n        }\n      }\n    }\n  }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper,\n.thumbviewhelper {\n  background-color: $white;\n  @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .element,\n.datatablesorthelper a {\n  cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n  border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n  border-bottom: none !important;\n}\n\n/* elements */\n$smallThumbSize: 34px;\n$largeThumbSize: 120px;\n$statusSize: 10px;\n$baseElementSidePadding: 7px;\n$elementInnerSpacing: 5px;\n\n.element {\n  position: relative;\n  cursor: default;\n  user-select: none;\n  font-weight: normal;\n  border-radius: $smallBorderRadius;\n\n  &:focus,\n  li:focus & {\n    background-color: $grey050;\n  }\n\n  &.sel,\n  li.sel & {\n    background-color: $lightSelColor !important;\n    cursor: default;\n\n    &:focus {\n      background-color: darken($lightSelColor, 5%) !important;\n    }\n\n    &.loading:after {\n      background-image: url(../images/spinner_element.gif);\n    }\n\n    &.hasthumb {\n      .elementthumb {\n        img {\n          box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9), 0 6px 4px -4px transparentize($darkSelColor, 0.8)\n        }\n      }\n    }\n  }\n\n  &.hasthumb {\n    .elementthumb {\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      -ms-flex-pack: center;\n      align-items: center;\n      -ms-flex-align: center;\n\n      img {\n        display: block;\n        flex-shrink: 0;\n        pointer-events: none;\n        border-radius: $smallBorderRadius;\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      &.rounded img {\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .label {\n    display: inline-block;\n\n    .draft-label {\n      display: inline-block;\n      @include margin(-1px, 0, -1px, 7px);\n      padding: 1px 5px;\n      font-weight: normal;\n      text-decoration: none !important;\n      color: $lightTextColor;\n      background: $grey100;\n      border-radius: $largeBorderRadius;\n    }\n  }\n\n  &.small,\n  &.large:not(.hasthumb) {\n    display: inline-block;\n    padding: $baseElementSidePadding;\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left($baseElementSidePadding + $statusSize + $elementInnerSpacing);\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: calc(50% - 5px);\n      }\n\n      .icon:not(.delete) {\n        position: absolute;\n        @include left($baseElementSidePadding - 1);\n        top: calc(50% - 11px);\n      }\n    }\n\n    &.hasthumb {\n      @include padding-left($smallThumbSize + $elementInnerSpacing);\n\n      .elementthumb {\n        top: calc(50% - 17px);\n        @include left(0);\n        width: $smallThumbSize;\n        height: $smallThumbSize;\n\n        &.checkered img {\n          @include checkered-bg(8px);\n        }\n      }\n\n      &.hasstatus {\n        @include padding-left($smallThumbSize + $elementInnerSpacing * 2 + $statusSize);\n\n        .status {\n          @include left($smallThumbSize + $elementInnerSpacing);\n        }\n      }\n    }\n  }\n\n  &.large.hasthumb {\n    display: block;\n    padding: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing} $baseElementSidePadding $baseElementSidePadding;\n    width: #{120px + $baseElementSidePadding + $baseElementSidePadding};\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left($baseElementSidePadding + $statusSize + $elementInnerSpacing);\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing + 6};\n      }\n    }\n\n    .elementthumb {\n      top: $baseElementSidePadding;\n      @include left($baseElementSidePadding);\n      width: $largeThumbSize;\n      height: $largeThumbSize;\n\n      &.checkered img {\n        @include checkered-bg(15px);\n      }\n    }\n\n    .label {\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      word-wrap: normal;\n    }\n  }\n\n  &.removable {\n    .label {\n      @include padding-right(20px);\n    }\n\n    .delete:before {\n      color: $darkHairlineColor;\n    }\n\n    &.small,\n    &.large:not(.hasthumb) {\n      .delete {\n        position: absolute;\n        top: calc(50% - 11px);\n        @include right($baseElementSidePadding);\n      }\n    }\n\n    &.large.hasthumb {\n      .delete {\n        position: absolute;\n        @include right($baseElementSidePadding);\n      }\n    }\n  }\n\n  &.loading {\n    @include padding-right($baseElementSidePadding + 24);\n\n    &:after {\n      content: '';\n      font-size: 0;\n      position: absolute;\n      bottom: 0;\n      @include right(3px);\n      @include spinner;\n      height: 32px;\n    }\n\n    &.removable .delete {\n      display: none;\n    }\n  }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.elements {\n  position: relative;\n\n  &.busy {\n    min-height: 200px;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      left: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n      background: transparentize($white, 0.25) url(../images/spinner.gif) no-repeat 50% 50%;;\n      border-radius: $largeBorderRadius;\n    }\n  }\n\n  .header {\n    margin: -24px -24px 24px;\n    padding: 14px 24px;\n    background-color: $grey050;\n    box-shadow: none;\n\n    &:after {\n      content: '';\n    }\n\n    .selectallcontainer {\n      cursor: default;\n\n      .checkbox {\n        @include margin-right($elementInnerSpacing);\n      }\n    }\n  }\n\n  // table views\n  .tableview {\n    .move {\n      display: block;\n      position: absolute;\n      top: calc(50% - 11px);\n      @include margin-left(-14px);\n      font-size: 11px;\n      text-decoration: none;\n    }\n\n    .toggle {\n      display: block;\n      position: absolute;\n      top: calc(50% - 7px);\n      @include margin-left(-16px);\n      padding: 4px;\n    }\n\n    .move + .toggle {\n      @include margin-left(-34px);\n    }\n  }\n\n  // thumbs views\n  .thumbsview {\n    @include margin(-$baseElementSidePadding, -$baseElementSidePadding - 1px, -$baseElementSidePadding - 1px, -$baseElementSidePadding);\n    width: calc(100% + #{$baseElementSidePadding + $baseElementSidePadding + 1px});\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    li {\n      position: relative;\n      @include margin(0, 1px, 1px, 0);\n\n      &:hover {\n        .element {\n          background-color: $grey050;\n        }\n      }\n\n      &.has-checkbox {\n        .element.hasthumb {\n          &:not(.hasstatus) {\n            @include padding-left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing);\n          }\n\n          &.hasstatus {\n            @include padding-left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing + $statusSize + $elementInnerSpacing);\n\n            .status {\n              @include left($baseElementSidePadding + $checkboxSize + $elementInnerSpacing);\n            }\n          }\n        }\n\n        .checkbox {\n          position: absolute;\n          top: $baseElementSidePadding + $largeThumbSize + $elementInnerSpacing + (20px - $checkboxSize) / 2;\n          @include left($baseElementSidePadding);\n        }\n      }\n    }\n  }\n}\n\n.export-form {\n  position: relative;\n  .spinner {\n    position: absolute;\n    bottom: 0;\n    @include right(-24px);\n  }\n}\n\n.thumbviewhelper {\n  margin: -7px;\n  padding: 7px;\n\n  .thumbsview {\n    &,\n    li {\n      margin: 0 !important;\n    }\n  }\n}\n\n/* structures */\n.structure {\n  position: relative;\n  z-index: 1;\n\n  li {\n    @include padding-left(8px);\n\n    &.collapsed > ul {\n      display: none;\n    }\n\n    .row:hover > .icon,\n    &.draghelper > .row .move,\n    .add.active {\n      opacity: 1;\n    }\n\n    &.draghelper {\n      & > .row {\n        .add {\n          opacity: 0;\n        }\n\n        .move:before {\n          color: $linkColor;\n        }\n      }\n    }\n\n    &.draginsertion {\n      position: relative;\n      @include margin(-1px, 0, -1px, 8px);\n      @include padding-left(0);\n      height: 2px;\n      background-color: $linkColor !important;\n      @include border-left(none);\n      border-radius: 1px;\n    }\n\n    .toggle {\n      position: relative;\n      z-index: 1;\n      @include floatleft;\n      @include margin(10px, -8px, 0, -12px);\n      padding: 4px;\n    }\n\n    .row:after {\n      @include clearafter;\n    }\n\n    .move,\n    .add {\n      @include margin(5px, 5px, 0, 0);\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    .add {\n      padding: 0 5px;\n\n      &:before {\n        content: 'downangle';\n        color: $darkHairlineColor;\n      }\n\n      &:not(.disabled):hover:before,\n      &.active:before {\n        color: $linkColor;\n      }\n    }\n\n    .checkbox {\n      @include floatleft;\n      @include margin(7px, 0, 0, 7px);\n    }\n  }\n\n  ul {\n    @include margin-left(-3px);\n\n    li {\n      @include padding-left(38px);\n      background-repeat: no-repeat;\n\n      body.ltr & {\n        background-image: url(../images/branch.png);\n        background-position: 0 0;\n      }\n\n      body.rtl & {\n        background-image: url(../images/branch_rtl.png);\n        background-position: 100% 0;\n      }\n\n      &:not(:last-child):not(.last) {\n        @include padding-left(37px);\n        @include border-left(1px solid $hairlineColor);\n\n        body.ltr & {\n          background-position: -1px 0;\n        }\n\n        body.rtl & {\n          background-position: calc(100% + 1px) 0;\n        }\n      }\n\n      &.draginsertion {\n        @include margin-left(38px);\n      }\n    }\n  }\n\n  .row {\n    &.draghover {\n      .element {\n        z-index: 2;\n        border-radius: 15px;\n        box-shadow: inset 0 0 0 2px $linkColor;\n      }\n    }\n\n    &.droptarget {\n      border-radius: 5px;\n      box-shadow: inset 0 0 0 2px $linkColor;\n    }\n  }\n}\n\n/* element select fields */\n.elementselect {\n  position: relative;\n  min-height: 37px;\n  margin-top: -7px;\n\n  &:after {\n    @include clearafter;\n  }\n\n  .element,\n  .btn {\n    @include floatleft;\n    @include margin(7px, 7px, 0, 0);\n  }\n\n  .element.small,\n  .flex,\n  .btn {\n    clear: both;\n  }\n\n  .element {\n    z-index: 1;\n\n    &.small {\n      max-width: 100%;\n\n      .label {\n        display: block;\n        max-width: 100%;\n        box-sizing: border-box;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .caboose {\n    @include floatleft;\n  }\n\n  .flex .btn {\n    float: none !important;\n  }\n}\n\n/* editable tables */\ntable.editable {\n  border-radius: $largeBorderRadius;\n  border: 1px solid $grey200;\n\n  th,\n  td.action {\n    color: $mediumTextColor;\n    font-weight: normal;\n    background-color: $grey050;\n  }\n\n  thead,\n  tbody {\n    tr {\n      th {\n        padding: 6px 10px;\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-bottom: 1px solid $hairlineColor;\n\n        &.has-info {\n          @include padding-right(calc(15px + 1em));\n        }\n\n        span.info {\n          position: absolute;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      &:not(:first-child) {\n        th,\n        td {\n          border-top: 1px solid $hairlineColor;\n        }\n      }\n\n      &:last-child {\n        td:first-child {\n          @include border-bottom-left-radius($largeBorderRadius);\n\n          textarea,\n          input.text {\n            @include border-bottom-left-radius($largeBorderRadius - 1);\n          }\n        }\n      }\n\n      td:not(:first-child),\n      th ~ td:not(.hidden) ~ td {\n        @include border-left(1px solid $hairlineColor);\n      }\n\n      th {\n        // Set a dark border-left for the first <td> that follows a <th>, if there is one.\n        // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n        // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n        // kudos to Mark Huot for coming up with it!\n        & ~ td:not(:first-child) {\n          @include border-left(1px solid #dbdddf);\n        }\n      }\n\n      td {\n        vertical-align: top;\n        text-align: center;\n        background-color: $white;\n        padding: 4px 10px;\n\n        &.focus {\n          box-shadow: inset 0 0 0 1px $hairlineColor;\n        }\n\n        &.textual {\n          padding: 0;\n\n          textarea {\n            resize: none;\n          }\n\n          pre {\n            @include alignleft;\n            white-space: pre-wrap;\n          }\n        }\n\n        &.lightswitch-cell {\n          padding-top: 9px;\n          padding-bottom: 9px;\n\n          .lightswitch {\n            display: block;\n            margin: 0 auto;\n          }\n        }\n\n        &.checkbox-cell {\n          padding-top: 10px;\n          padding-bottom: 10px;\n\n          .checkbox-wrapper {\n            display: block;\n            margin: -2px auto 0;\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        &.error {\n          box-shadow: inset 0 0 0 1px $errorColor;\n        }\n\n        &.disabled {\n          position: relative;\n          opacity: 1;\n\n          &:after {\n            content: '';\n            font-size: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: transparentize($grey050, 0.25);\n            user-select: none;\n          }\n        }\n\n        &.action {\n          padding: 4px 7px;\n\n          & + td.action {\n            @include border-left(none);\n            @include padding-left(0);\n          }\n        }\n\n        .flex > * {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    textarea,\n    textarea.text,\n    input.text,\n    pre {\n      display: block;\n      width: 100%;\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n      padding: 7px 10px;\n      background-color: transparent;\n      overflow: hidden;\n      transition: none;\n      box-sizing: border-box;\n    }\n\n    .color-container {\n      display: block;\n      position: relative;\n\n      & > .color,\n      .color-input {\n        margin-bottom: 0;\n      }\n\n      & > .color {\n        position: absolute;\n        top: 10px;\n        @include left(10px);\n      }\n\n      .color-hex-indicator {\n        @include left(32px);\n      }\n\n      .color-input {\n        @include padding-left(calc(32px + 1em));\n      }\n    }\n\n    .datewrapper,\n    .timewrapper {\n      display: block;\n      width: 100%;\n\n      .text:placeholder-shown + div[data-icon] {\n        top: 6px;\n        @include left(10px);\n      }\n    }\n  }\n\n  &:not(.static) {\n    td.textual {\n      cursor: text;\n    }\n  }\n\n  & + .btn.add {\n    display: block;\n    width: 100%;\n    border: 1px dashed $mediumHairlineColor;\n    background-color: transparent;\n    box-shadow: none;\n\n    &:focus {\n      border-style: solid;\n      border-color: $blue600;\n    }\n  }\n\n  &:not(.hidden) + .btn.add {\n    border-top-width: 0;\n    border-radius: 0 0 $mediumBorderRadius $mediumBorderRadius;\n  }\n}\n\n.border-box,\n.shadow-box {\n  & + .buttons {\n    margin-top: 7px;\n  }\n}\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n  @include margin-left(20px);\n}\n\n.tree li .toggle {\n  @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n  display: inline-block;\n  @include margin-right(10px);\n  width: 10px;\n  height: 10px;\n  border: 1px solid transparent;\n  border-radius: 100%;\n  box-sizing: border-box;\n\n  body.use-shapes & {\n    &.pending {\n      background-color: transparent;\n      border-style: solid;\n      border-width: 0 5px 10px 5px;\n      border-color: transparent transparent $yellow700 transparent;\n      border-radius: 1px;\n    }\n\n    &.off,\n    &.suspended,\n    &.expired {\n      border-radius: 1px;\n    }\n  }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):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) {\n  border-color: transparentize($inputColor, 0.2);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n  background-color: $teal500;\n}\n\n/* green */\n\n.orange,\n.status.pending {\n  background-color: $yellow700;\n}\n\n/* orange */\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n  background-color: $red600;\n}\n\n/* red */\n\n.yellow {\n  background-color: $yellow300;\n}\n\n.pink {\n  background-color: $pink400;\n}\n\n.purple {\n  background-color: #9B59B6;\n}\n\n.blue {\n  background-color: $blue600;\n}\n\n.turquoise {\n  background-color: $teal300;\n}\n\n.status.light {\n  background-color: $grey100;\n}\n\n.grey {\n  background-color: $grey300;\n}\n\n.black {\n  background-color: $grey800;\n}\n\n.status.white,\n.status.disabled {\n  opacity: 1;\n}\n\n/* ----------------------------------------\n/*  Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n  border-radius: 6px;\n  border: 2px solid $grey700;\n  padding: 2px;\n  position: absolute;\n  left: 20%;\n  width: 60%;\n  z-index: 1000;\n}\n\n.progressbar-inner {\n  border-radius: 2px;\n  height: 4px;\n  background-color: $grey700;\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n  width: 0;\n  transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n  @include striped-bg(17.6776695297px, $grey700); // sqrt(25^2 / 2);\n  body.ltr & {\n    animation-name: pendingprogress-ltr;\n  }\n  body.rtl & {\n    animation-name: pendingprogress-rtl;\n  }\n  animation-timing-function: linear;\n  animation-duration: 250ms;\n  animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: 25px;\n  }\n}\n\n@keyframes pendingprogress-rtl {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: -25px;\n  }\n}\n\n.elementselect .progress-shade {\n  background-color: transparentize($white, 0.2);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  @include left(0);\n  display: none;\n}\n\n.elementselect.uploading {\n  position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n  display: block;\n  z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n  padding: 7px 10px !important;\n  max-width: 400px;\n  background-color: $grey050 !important;\n\n  .error {\n    margin: 0;\n  }\n\n  .install-plugin {\n    margin: 7px 0 -7px;\n    border-top: 1px solid $hairlineColor;\n    position: relative;\n    @include padding(10px, 0, 10px, 40px);\n\n    .icon {\n      width: 32px;\n      height: 32px;\n      position: absolute;\n      top: calc(50% - 16px);\n      @include left(0);\n\n      img, svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      flex: 1;\n      margin: 8px 0 !important;\n    }\n\n    .btn {\n      margin: 0;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n  @include pane;\n  position: relative;\n  margin: 14px 0;\n  padding: 24px;\n  border-radius: $largeBorderRadius;\n  word-wrap: break-word;\n  box-sizing: border-box;\n\n  .pane &,\n  #content & {\n    background-color: $grey050;\n    border: 1px solid $hairlineColor;\n    box-shadow: none;\n  }\n\n  &.loading {\n    min-height: 200px;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      left: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n      background: url(../images/spinner.gif) no-repeat 50% 50%;;\n    }\n  }\n}\n\n/* meta panes */\n.meta {\n  padding: 0 24px;\n  overflow: visible;\n\n  &,\n  & > .flex-fields {\n    & > .field,\n    & > .data {\n      display: flex;\n      flex-wrap: wrap; // for error lists\n      justify-content: space-between;\n      align-items: center;\n      margin: 0 -24px !important;\n      padding: 0 24px;\n      transition: padding-left linear 100ms, padding-right linear 100ms;\n\n      &.nested {\n        @include padding-left(38px);\n      }\n\n      &.add {\n        background-color: darken($grey050, 2%);\n\n        &:before {\n          position: absolute;\n          @include left(0);\n          width: 31px;\n          @include alignright;\n          @include icon;\n          content: 'plus';\n          color: $lightTextColor;\n        }\n\n        .input {\n          width: 100%;\n        }\n      }\n\n      & > .heading {\n        flex: 0 0 105px;\n        @include margin(0, 7px, 0, 0);\n        line-height: 18px;\n      }\n\n      &.lightswitch-field > .heading {\n        flex: 1;\n      }\n\n      & > .input {\n        .flex {\n          flex-wrap: nowrap;\n\n          & > * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    & > .field > .heading {\n      padding: 14px 0;\n\n      & > .copytextbtn {\n        display: none;\n      }\n    }\n\n    & > .data > .heading {\n      padding: 7px 0;\n    }\n\n    & > .field > .heading > label,\n    & > .data > .heading {\n      color: $mediumTextColor;\n    }\n\n    & > .field > .input,\n    & > .data > .value {\n      padding: 7px 0;\n      width: calc(100% - 112px);\n    }\n\n    & > .field.lightswitch-field > .input {\n      flex: 0;\n      width: auto;\n    }\n\n    & > .field {\n      &.has-errors {\n        border: 1px solid $errorColor !important;\n\n        &:first-child {\n          border-top-left-radius: $largeBorderRadius;\n          border-top-right-radius: $largeBorderRadius;\n        }\n\n        &:last-child {\n          border-bottom-left-radius: $largeBorderRadius;\n          border-bottom-right-radius: $largeBorderRadius;\n        }\n\n        & + .field {\n          border-top: none !important;\n        }\n      }\n\n      & > .heading {\n        & > label {\n          font-weight: normal;\n        }\n      }\n\n      & > .input {\n        &,\n        & > .flex,\n        & > .flex > .textwrapper,\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          & > .text {\n            display: block;\n            margin: -7px 0;\n            padding: 14px 0;\n            border-radius: 0;\n            background-color: transparent;\n            border: none !important;\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          background-color: transparent;\n          .text:placeholder-shown + div[data-icon] {\n            @include left(0);\n          }\n        }\n\n        & > .datetimewrapper {\n          & > .datewrapper {\n            width: 55%;\n          }\n\n          & > .timewrapper {\n            width: 45%;\n          }\n\n          & > .clear-btn {\n            @include margin-right(-24px);\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper {\n          display: block;\n          width: 100%;\n        }\n      }\n\n      & > ul.errors {\n        margin: 0;\n        padding: 0 0 6px;\n        width: 100%;\n        list-style-type: none;\n      }\n\n      & > .clear-btn {\n        @include margin-right(-24px);\n      }\n    }\n  }\n\n  & > .field:not(:first-child),\n  & > .flex-fields + .field {\n    border-top: 1px solid $hairlineColor;\n  }\n\n  & > .flex-fields {\n    h2,\n    blockquote.note {\n      margin: 0 -24px !important;\n      padding: 14px 24px;\n      background-color: darken($grey050, 2%);\n    }\n\n    blockquote.note {\n      border-radius: 0;\n      border: none;\n    }\n\n    hr {\n      margin: 0 -24px;\n    }\n  }\n}\n\n.meta > .field > .input > .select {\n  display: block;\n  margin: -7px 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  &:after {\n    @include right(0);\n  }\n\n  & + .spinner {\n    position: absolute;\n    top: calc(50% - 17px);\n    @include right(-24px);\n  }\n\n  select {\n    @include padding(7px, 12px, 7px, 0);\n    width: 100%;\n    background-color: transparent;\n  }\n}\n\n.body {\n  position: relative;\n}\n\n.modal,\n.hud {\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.modal,\n.hud .body {\n  @include modal;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n  &:after {\n    @include clearafter;\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  background-color: $grey100;\n}\n\n.header,\n.hud-header {\n  border-radius: $largeBorderRadius $largeBorderRadius 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 $hairlineColor;\n\n  h1 {\n    margin: 0;\n  }\n}\n\n.footer,\n.hud-footer {\n  border-radius: 0 0 $largeBorderRadius $largeBorderRadius;\n  padding: 14px 24px;\n  box-shadow: inset 0 1px 0 $hairlineColor;\n\n  &.flex {\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.modal .body,\n.hud .main {\n  padding: 24px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n  .header {\n    margin: -24px -24px 24px;\n  }\n\n  .footer {\n    margin: 24px -24px -24px;\n  }\n}\n\n.modal-shade,\n.hud-shade {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: none;\n}\n\n.modal-shade {\n  &:not(.dark) {\n    background-color: transparentize($grey100, 0.35) !important;\n  }\n\n  &.dark {\n    background-color: transparentize($grey900, 0.5) !important;\n  }\n}\n\n.modal {\n  position: fixed;\n  width: 66%;\n  height: 66%;\n  min-width: 600px;\n  min-height: 400px;\n  overflow: hidden;\n\n  &.fitted {\n    width: auto;\n    height: auto;\n    min-width: 0;\n    min-height: 0;\n  }\n\n  &.alert .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-6px, 0, 0, -58px);\n      @include floatleft;\n      content: 'alert';\n      font-size: 40px;\n      color: $lightTextColor;\n    }\n  }\n\n  &.secure .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-14px, 0, 0, -56px);\n      @include floatleft;\n      content: 'secure';\n      font-size: 58px;\n      color: $lightTextColor;\n    }\n  }\n\n  .resizehandle {\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    @include right(0);\n    width: 24px;\n    height: 24px;\n    background: no-repeat 50% 50%;\n    cursor: nwse-resize;\n    body.ltr & {\n      background-image: url(../images/resizehandle.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl.png);\n    }\n  }\n}\n\n.hud {\n  position: absolute;\n  display: none;\n  top: 0;\n\n  &.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray.png);\n  }\n\n  .tip {\n    position: absolute;\n    z-index: 101;\n    background: no-repeat 0 0;\n  }\n\n  .tip-left {\n    left: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_left.png);\n  }\n\n  .tip-top {\n    top: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_top.png);\n  }\n\n  .tip-right {\n    right: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_right.png);\n  }\n\n  .tip-bottom {\n    bottom: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_bottom.png);\n  }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n  padding: 7px 24px;\n}\n\n.hud .body {\n  overflow: hidden;\n\n  ::-webkit-scrollbar {\n    appearance: none;\n\n    &:vertical {\n      width: 11px;\n    }\n\n    &:horizontal {\n      height: 11px;\n    }\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 8px;\n    border: 2px solid transparent;\n    background-color: transparentize($black, 0.5);\n    background-clip: content-box;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: $grey050;\n  }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 190px;\n  background-color: $grey900;\n  cursor: pointer;\n\n  &.loading {\n    &:after {\n      content: '';\n      font-size: 0;\n      display: block;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background: transparentize($grey900, 0.2) no-repeat 50% 50% url(../images/spinner_dark.gif);\n    }\n  }\n\n  #details & {\n    margin-bottom: 14px;\n    border-radius: $largeBorderRadius;\n    overflow: hidden;\n  }\n\n  .preview-thumb {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n\n    img {\n      display: block;\n      max-width: 100%;\n      max-height: 190px;\n    }\n  }\n\n  .buttons {\n    opacity: 0;\n    position: absolute;\n    top: 10px;\n    @include right(10px);\n    margin: 0;\n    transition: opacity linear 100ms;\n\n    .btn {\n      background-color: $grey600;\n      color: $white;\n      @include light-on-dark-text;\n\n      @supports (backdrop-filter: blur(10px)) {\n        & {\n          background-color: transparentize($grey600, 0.6);\n          backdrop-filter: blur(10px);\n          transition: opacity linear 100ms, backdrop-filter linear 100ms;\n        }\n      }\n\n      &:hover {\n        background-color: $grey500;\n\n        @supports (backdrop-filter: blur(10px)) {\n          & {\n            background-color: transparentize($grey500, 0.3);\n          }\n        }\n      }\n    }\n  }\n\n  &:hover .buttons {\n    opacity: 1;\n  }\n}\n\n/* element editor HUDs */\n\n@media (min-width: 440px) {\n  .hud .elementeditor {\n    min-width: 380px;\n  }\n}\n\n.hud .elementeditor {\n  max-width: 600px;\n\n  .hud-header {\n    text-align: center;\n  }\n\n  .main {\n    padding: 8px 0;\n\n    .meta {\n      .preview-thumb-container {\n        margin: -8px -24px 8px;\n      }\n\n      .field {\n        padding-left: 24px;\n        padding-right: 24px;\n\n        &.has-errors {\n          border-radius: 0;\n        }\n      }\n    }\n  }\n}\n\n/* element selector modals */\n.elementselectormodal {\n  padding-bottom: 62px;\n  user-select: none;\n\n  .body {\n    position: relative;\n    height: 100%;\n\n    .spinner.big {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -24px 0 0 -24px;\n    }\n\n    .content {\n      height: calc(100% + 48px);\n\n      .sidebar {\n        position: absolute;\n        top: 0;\n        @include margin-left(-249px);\n        height: 100%;\n        overflow: auto;\n      }\n\n      .main {\n        margin: -24px;\n        padding: 24px;\n        height: 100%;\n        box-sizing: border-box;\n        overflow: auto;\n        position: relative;\n\n        .elements {\n          &.busy {\n            min-height: calc(100% - 48px);\n          }\n\n          .tableview table {\n            .element {\n              display: inline-block;\n            }\n\n            tr {\n\n              &.disabled {\n                opacity: 1;\n                color: $grey200;\n\n                .element {\n                  opacity: 0.25;\n                }\n              }\n\n              th,\n              td {\n                cursor: default;\n              }\n\n              td:first-child {\n                @include padding-left(7px);\n              }\n            }\n          }\n\n          .structure .row {\n            margin-top: 1px;\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    margin: 0;\n\n    .spinner {\n      @include floatright;\n      @include margin-right(-24px);\n    }\n  }\n}\n\n/* element editing HUD */\n.element-hud-form {\n  .buttons {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n  z-index: 101;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal {\n  width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n  z-index: 101;\n}\n\n#loginmodal,\n#elevatedsessionmodal {\n  .inputcontainer {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      margin-top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* delete user modal */\n.deleteusermodal {\n  .content-summary {\n    margin: -24px -24px 24px;\n    padding: 24px;\n    background-color: $grey050;\n  }\n\n  .options {\n    label {\n      display: inline-block;\n      line-height: 30px;\n    }\n  }\n\n  .elementselect {\n    @include margin-left(10px);\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .buttons {\n    .spinner {\n      @include margin-right(-20px);\n    }\n  }\n}\n\n.dropdownsettingsmodal {\n  width: auto;\n  height: auto;\n  min-width: 0;\n  min-height: 0;\n  max-width: 400px;\n\n  .body {\n    max-height: 100%;\n    overflow-y: auto;\n  }\n}\n\n.previewmodal {\n  &.zilch {\n    padding: 100px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n  @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n  padding: 0;\n}\n\n.menu {\n  display: none;\n  position: absolute;\n\n  h6 {\n    &:first-child {\n      margin-top: 14px !important;\n    }\n  }\n\n  ul {\n    &.padded {\n      li {\n        a {\n          @include padding-left(24px);\n\n          &[data-icon],\n          &.icon,\n          &.sel {\n            &:before {\n              @include floatleft;\n              @include margin(3px, 0, 0, -17px);\n              font-size: 14px;\n              color: $lightTextColor;\n            }\n\n            &.error:before {\n              color: $errorColor;\n            }\n          }\n\n          &.sel:not([data-icon]):before {\n            content: 'check';\n          }\n        }\n      }\n    }\n\n    li {\n      a {\n        @include menu-option-styles;\n        font-size: 14px;\n\n        &:not(.flex) {\n          display: block !important;\n        }\n\n        &.sel {\n          cursor: default;\n        }\n\n        .shortcut {\n          @include floatright;\n          @include margin-left(14px);\n          color: $mediumTextColor;\n        }\n      }\n    }\n  }\n\n  & > .flex {\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n\n    &.padded {\n      @include margin-left(-14px);\n      @include padding-left(24px);\n\n      &.sel {\n        &:before {\n          position: absolute;\n          top: 36px;\n          @include left(7px);\n          content: 'check';\n          font-size: 14px;\n          color: $lightTextColor;\n        }\n      }\n    }\n  }\n\n  hr {\n    margin: 5px -14px;\n  }\n}\n\n.menubtn,\n.menu {\n  span.icon {\n    display: inline-block;\n    margin-top: -1px;\n    width: 10px;\n    @include margin-right(10px);\n    text-align: center;\n    font-size: 14px;\n    color: $lightTextColor;\n  }\n}\n\n.menu ul li a:not(.sel):not(.disabled):hover,\n.menu ul li a:not(.sel):not(.disabled):hover .light,\n.menu:not(:hover) ul li a:not(.disabled).hover,\n.menu:not(:hover) ul li a:not(.sel):not(.disabled).hover .light {\n  @include menu-option-active-styles;\n}\n\n.menu hr.padded {\n  @include margin-left(10px);\n}\n\n/* tag select fields */\n.tagselect {\n  .elements {\n    display: inline;\n  }\n\n  .element.small {\n    clear: none;\n  }\n\n  .add {\n    position: relative;\n    z-index: 1;\n    @include margin(7px, 7px, 0, 0);\n    display: inline-block;\n    width: 12em;\n\n    .text {\n      @include padding-right(30px);\n    }\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(5px);\n    }\n  }\n\n  // todo: why are body.ltr and body.rtl needed here?\n  body.ltr &,\n  body.rtl & {\n    &.elementselect .element {\n      float: none !important;\n      display: inline-block;\n    }\n  }\n}\n\n.tagmenu {\n  ul {\n    li {\n      a {\n        @include padding-left(26px);\n\n        &:before {\n          @include floatleft;\n          @include margin(3px, 0, 0, -18px);\n        }\n      }\n    }\n  }\n}\n\n/* selectize */\n\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n  border-radius: $largeBorderRadius;\n  border: 1px solid $grey200;\n  @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n  thead:first-child,\n  tbody:first-child {\n    tr:first-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-top-left-radius: $mediumBorderRadius;\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-top-right-radius: $mediumBorderRadius;\n        }\n      }\n    }\n  }\n  thead:last-child,\n  tbody:last-child {\n    tr:last-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-bottom-left-radius: $largeBorderRadius - 1;\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-bottom-right-radius: $largeBorderRadius - 1;\n        }\n      }\n    }\n  }\n}\n\n.text:not(.selectize-text),\n.passwordwrapper,\n.border-box,\n.matrix-configurator > .field > .input,\n.selectize-text > .selectize-control > .selectize-input,\n.multiselect > select,\n.selectize.multiselect .selectize-control.multi .selectize-input {\n  @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize-text > .selectize-control > .selectize-input {\n  &.focus,\n  &:focus {\n    @include input-focused-styles;\n  }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize-text > .selectize-control > .selectize-input {\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  min-height: 3px;\n  box-sizing: border-box;\n  appearance: none;\n}\n\n.selectize-text > .selectize-control > .selectize-input {\n  line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n  display: block;\n}\n\n.multitext .multitextrow {\n  &:after {\n    @include clearafter;\n  }\n\n  &:first-child .text {\n    &:first-child {\n      @include border-top-left-radius($mediumBorderRadius);\n    }\n\n    &:last-child {\n      @include border-top-right-radius($mediumBorderRadius);\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      @include border-bottom-left-radius($mediumBorderRadius);\n    }\n\n    &:last-child {\n      @include border-bottom-right-radius($mediumBorderRadius);\n    }\n  }\n\n  &:not(:first-child) .text {\n    margin-top: -1px;\n  }\n\n  .text {\n    border-radius: 0;\n    float: left;\n    box-sizing: border-box;\n\n    &:not(:first-child) {\n      @include margin-left(-1px);\n    }\n\n    &:first-child {\n      &:nth-last-child(1) {\n        width: 100%;\n      }\n\n      &:nth-last-child(2) {\n        width: 50%;\n      }\n\n      &:nth-last-child(2) ~ .text {\n        width: calc(50% + 1px);\n      }\n    }\n\n    &.error {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .text:focus,\n  .selectize-text > .selectize-control > .selectize-input.focus {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.chars-left {\n  position: relative;\n  @include floatright;\n  @include margin(-27px, 7px, 0, 0);\n  color: $lightTextColor;\n\n  &.negative-chars-left {\n    color: $errorColor;\n  }\n}\n\n.field,\nfieldset {\n  position: relative;\n  margin: 24px 0;\n\n  .flex > & {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.field {\n  & > .status-badge {\n    position: absolute;\n    top: -3px;\n    @include left(-19px);\n    font-size: 9px;\n    font-weight: bold;\n    line-height: 15px;\n    width: 15px;\n    text-align: center;\n    cursor: default;\n    border-radius: $smallBorderRadius;\n\n    &.modified {\n      background-color: $blue600;\n      color: $white;\n      @include light-on-dark-text;\n    }\n\n    &.outdated {\n      background-color: $yellow300;\n    }\n\n    &.conflicted {\n      background-color: $red600;\n      color: $white;\n      @include light-on-dark-text;\n    }\n  }\n\n  & > .heading {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    position: relative;\n    margin-top: -5px;\n    margin-bottom: 5px;\n\n    & > label,\n    & > legend {\n      font-weight: bold;\n      color: $mediumDarkTextColor;\n\n      code {\n        font-size: 1em !important;\n      }\n\n      .info {\n        @include margin-left(5px);\n      }\n    }\n\n    & > .t9n-indicator {\n      @include margin-left(7px);\n      color: $lightTextColor;\n    }\n\n    & + .instructions {\n      margin-top: -3px;\n    }\n\n    // BC\n    & > .instructions {\n      width: 100%;\n    }\n  }\n\n  & > .instructions {\n    margin-bottom: 5px;\n  }\n\n  & > .input {\n    position: relative;\n\n    &:after {\n      @include clearafter;\n    }\n\n    & + .instructions {\n      margin: 5px 0 0;\n    }\n  }\n\n  & > .notice,\n  & > .warning {\n    margin: 5px 0 0;\n  }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n  color: $mediumTextColor;\n\n  img {\n    max-width: 100%;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n}\n\n#expand-status-btn {\n  margin-left: 5px;\n  width: 30px;\n  height: 17px;\n  padding: 0;\n  line-height: 16px;\n  border-radius: $smallBorderRadius;\n  color: $mediumDarkTextColor;\n\n  &:before {\n    margin: 0;\n  }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n  margin: -24px;\n  padding: 24px 24px 0;\n\n  &.hidden {\n    display: block;\n    height: 0;\n  }\n\n  & > .field:last-child {\n    padding-bottom: 24px;\n  }\n}\n\n/* checkbox */\ninput.checkbox {\n  opacity: 0;\n  position: absolute;\n  width: $checkboxSize;\n  height: $checkboxSize;\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  @include padding-left($checkboxSize + 5);\n  line-height: 16px;\n  height: 16px;\n  cursor: pointer;\n\n  .info {\n    height: 16px;\n  }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n  cursor: default;\n}\n\ninput.checkbox + label:empty,\ndiv.checkbox:empty {\n  @include padding-left($checkboxSize);\n}\n\ninput.checkbox + label:empty:after,\ndiv.checkbox:empty:after {\n  content: '';\n  font-size: 0;\n}\n\n/* fixes a RTL bug */\ninput.checkbox + label:before,\ndiv.checkbox:before {\n  display: block;\n  position: absolute;\n  @include left(0);\n  top: 0;\n  width: $checkboxSize !important;\n  height: $checkboxSize;\n  box-sizing: border-box;;\n  content: '';\n  font-size: 0;\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n  background-clip: padding-box;\n  border-radius: $smallBorderRadius;\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n  opacity: 0.25;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  @include icon;\n  line-height: $checkboxSize;\n  color: $grey900;\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before {\n  content: 'check';\n  font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  content: 'minus';\n  font-size: 7px;\n  text-align: center;\n}\n\ninput.checkbox:focus + label:before,\n:focus div.checkbox:before {\n  @include input-focused-styles;\n}\n\nfieldset {\n  .checkboxfield {\n    margin: 5px 0;\n  }\n}\n\n.checkboxfield {\n  .instructions,\n  .notice,\n  .warning {\n    margin-top: 2px;\n    @include padding-left($checkboxSize + 5);\n  }\n}\n\n/* radio */\ninput.radio {\n  opacity: 0;\n  position: absolute;\n  width: $radioSize;\n  height: $radioSize;\n}\n\ninput.radio + label,\ndiv.radio {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  @include padding-left($radioSize+ 5);\n  height: 16px;\n  cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n  cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n  @include padding-left($radioSize);\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n  display: block;\n  position: absolute;\n  content: '';\n  box-sizing: border-box;\n  background-clip: padding-box;\n  border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n  top: 0;\n  left: 0;\n  width: $radioSize;\n  height: $radioSize;\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n  top: 4px;\n  left: 4px;\n  width: $radioSize - 8;\n  height: $radioSize - 8;\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n  opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n  background: $grey900;\n}\n\ninput.radio:focus + label:before,\n:focus div.radio:before {\n  @include input-focused-styles;\n}\n\n/* multiselect */\n.multiselect > select {\n  color: $textColor;\n  font-size: 14px;\n  appearance: none;\n\n  &:focus {\n    @include input-focused-styles;\n  }\n\n  option {\n    padding: 1px 8px;\n  }\n}\n\n.text:not(.selectize-text),\n.selectize-text > .selectize-control > .selectize-input {\n  padding: 6px 9px;\n}\n\n.text {\n  background-color: $white;\n\n  &.small {\n    padding: 3px;\n  }\n\n  &.readable {\n    padding: 16px 18px;\n    font-size: 16px;\n    line-height: 22px;\n\n    & + .chars-left {\n      margin-top: -23px;\n    }\n  }\n\n  input {\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n  }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n  border: 1px solid $errorColor !important;\n}\n\n.texticon {\n  position: relative;\n  cursor: text;\n  min-width: 130px;\n\n  &.icon {\n    &:before {\n      position: absolute;\n      top: 9px;\n      @include left(9px);\n      color: $mediumTextColor;\n    }\n\n    .text {\n      @include padding-left(26px);\n    }\n  }\n\n  &.clearable .text {\n    @include padding-right(22px);\n  }\n\n  .clear {\n    position: absolute;\n    top: 6px;\n    @include right(9px);\n    color: $lightTextColor;\n    cursor: pointer;\n\n    &:hover {\n      color: $mediumTextColor;\n    }\n\n    &:before {\n      @include icon;\n      content: 'remove';\n    }\n  }\n}\n\n.texthint-container {\n  position: relative;\n  height: 0;\n}\n\n.texthint {\n  position: absolute;\n  top: -1px;\n  width: 100%;\n  color: $lightTextColor;\n  cursor: text;\n}\n\n.passwordwrapper {\n  position: relative;\n\n  .password {\n    border: none;\n    background: transparent;\n    padding-right: 4rem;\n    box-shadow: none;\n  }\n\n  .password-toggle {\n    color: $linkColor;\n    position: absolute;\n    top: 0;\n    @include right(0);\n    bottom: 0;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.datetimewrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  & > .datewrapper + .timewrapper {\n    @include margin-left(5px);\n  }\n}\n\n.clear-btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  cursor: pointer;\n  color: $darkHairlineColor;\n  border: none;\n  padding: 0;\n  background: transparent;\n\n  &:before {\n    @include icon;\n    content: 'remove';\n  }\n\n  &:hover {\n    color: $mediumTextColor;\n  }\n}\n\n.datewrapper,\n.timewrapper {\n  display: inline-block;\n  position: relative;\n\n  .text {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n\n    &:placeholder-shown + div[data-icon] {\n      display: block;\n      position: absolute;\n      top: calc(50% - 10px);\n      @include left(14px);\n      z-index: 0;\n      color: $lightTextColor;\n\n      &,\n      &:before {\n        user-select: none;\n        pointer-events: none;\n        z-index: 1;\n      }\n\n      #details & {\n        color: $darkHairlineColor;\n      }\n    }\n\n    &:not(:placeholder-shown) + div[data-icon] {\n      display: none;\n    }\n  }\n}\n\n.datewrapper {\n  width: 8em;\n\n  .text:before {\n    top: calc(50% - 7px);\n    @include left(7px);\n    content: 'date';\n  }\n}\n\n.timewrapper {\n  width: 7em;\n\n  .text:before {\n    top: calc(50% - 5px);\n    @include left(7px);\n    font-size: 11px;\n    content: 'time';\n  }\n}\n\n@include placeholder-styles($grey300);\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n  display: none;\n}\n\n/* Assets related */\n.hud.assetshud .body {\n  max-height: 500px;\n  overflow: auto;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n  @include select-styles;\n}\n\n.select:not(.selectize) {\n  @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n  @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n  @include select-input-styles;\n  white-space: pre;\n\n  option {\n    background-color: $white;\n  }\n}\n\n.select:not(.selectize).fullwidth select {\n  @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n  &:hover,\n  &:focus {\n    @include select-input-focused-styles;\n  }\n}\n\n.select:not(.selectize).small:after {\n  top: 9px;\n}\n\n.select:not(.selectize).small select {\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n  font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-control.single .selectize-input {\n  border-color: inherit;\n  box-shadow: none;\n  background-color: transparent;\n}\n\n.selectize .selectize-control.single .selectize-input:after {\n  display: none;\n}\n\nbody .selectize-dropdown {\n  border: none;\n}\n\n/* single select styles */\n.selectize.select .selectize-control,\n.selectize.select .selectize-control .selectize-input {\n  @include select-styles;\n}\n\n.selectize.select .selectize-control {\n  @include select-container-styles;\n}\n\n.selectize.select .selectize-control:after {\n  @include select-arrow-styles;\n}\n\n.selectize.select .selectize-control .selectize-input {\n  @include select-input-styles;\n}\n\n.selectize.select.fullwidth .selectize-control,\n.selectize.select.fullwidth .selectize-control .selectize-input {\n  @include select-input-fullwidth-styles;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-control.multi .selectize-input {\n  padding: 6px 8px;\n}\n\n.selectize.multiselect .selectize-control.multi .selectize-input.has-items {\n  padding: 5px 8px;\n}\n\n.selectize.multiselect .selectize-control.multi .selectize-input > div {\n  @include token-styles;\n  margin-top: 1px;\n  margin-bottom: 1px;\n}\n\n.selectize.multiselect .selectize-control.plugin-remove_button [data-value] .remove {\n  padding: 0;\n}\n\n/* shared styles */\n.selectize .selectize-control .selectize-input.focus {\n  @include input-focused-styles;\n}\n\n/* menu styles */\nbody .selectize-dropdown {\n  @include menu-styles;\n  margin-top: 1px;\n  padding: 0;\n}\n\nbody .selectize-dropdown-content {\n  padding: 3px 14px;\n}\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:before {\n  @include icon;\n  content: 'plus';\n  margin-right: 5px;\n}\n\nbody .selectize-dropdown-content > div[data-value=\"new\"]:after {\n  content: '…';\n}\n\nbody .selectize-dropdown [data-selectable],\nbody .selectize-dropdown .optgroup-header {\n  @include menu-option-styles;\n}\n\nbody .selectize-dropdown .optgroup-header {\n  @include h6-styles;\n  margin: 0;\n  padding: 4px 0;\n}\n\nbody .selectize-dropdown .active {\n  @include menu-option-active-styles;\n}\n\n/* datepicker */\n.ui-datepicker {\n  position: fixed;\n  top: -300px;\n  @include margin-left(1px);\n  -padding: 10px;\n  width: 210px;\n  height: 242px;\n  z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n  padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n  @include floatleft;\n}\n\n.ui-datepicker-next {\n  @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n  display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover:after {\n    border-color: $linkColor;\n  }\n}\n\n.ui-datepicker-prev:after {\n  @include angle(left);\n}\n\n.ui-datepicker-next:after {\n  @include angle(right);\n}\n\n.ui-datepicker-title {\n  text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n  padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n  display: block;\n  width: 26px;\n  line-height: 26px;\n  text-align: center;\n  color: $textColor;\n}\n\n.ui-datepicker-calendar th span {\n  color: $mediumTextColor;\n  font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n  border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n  background-color: $lightSelColor;\n  text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n  background-color: $darkSelColor;\n  color: $white;\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n  border-radius: 13px;\n  box-shadow: inset 0 0 0 2px $lightSelColor;\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n  z-index: 101;\n}\n\n.ui-timepicker-list {\n  @include margin-left(1px);\n  overflow-y: auto;\n  width: calc(14px + 6em);\n  height: 210px;\n  z-index: 100;\n}\n\n.ui-timepicker-list li {\n  @include padding(2px, 0, 2px, 14px);\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n  background-color: $lightSelColor;\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n  background-color: $darkSelColor;\n  color: $white;\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n  display: flex;\n  height: 15px;\n  white-space: nowrap;\n\n  a {\n    border: 1px solid $hairlineColor;\n    @include border-left(none);\n    background-image: none;\n    width: 7px;\n    height: 13px;\n    margin-left: 0;\n    display: inline-block;\n    margin-top: 1px;\n    margin-bottom: 1px;\n    box-sizing: border-box;\n\n    &:first-child {\n      width: 8px;\n      @include border-left(1px solid $grey400 !important);\n    }\n  }\n\n  &:not(:hover) a.active,\n  &:hover a.active-hover {\n    border-top-color: $grey400;\n    border-bottom-color: $grey400;\n    height: 15px;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &:first-child {\n      @include border-left(1px solid $grey400);\n      @include border-top-left-radius($smallBorderRadius);\n      @include border-bottom-left-radius($smallBorderRadius);\n    }\n  }\n\n  &:not(:hover) a.last-active,\n  &:hover a.last-active-hover {\n    @include border-right(1px solid $grey400);\n    @include border-top-right-radius($smallBorderRadius);\n    @include border-bottom-right-radius($smallBorderRadius);\n  }\n\n  &:focus {\n    a.active {\n      background-color: $lightSelColor;\n    }\n  }\n}\n\n/* errors */\nul.errors {\n  margin-top: 5px;\n  list-style-type: square;\n  @include padding-left(20px);\n}\n\nul.errors li {\n  color: $errorColor;\n}\n\n/* message pages */\n.message-container {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  @include left(0);\n  width: 100%;\n  height: 100%;\n\n  &.no-access {\n    background-color: transparentize($grey900, 0.5);\n  }\n\n  .pane {\n    top: 50%;\n    margin-top: -33px !important;\n    margin-left: auto;\n    margin-right: auto;\n    width: 320px;\n    box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n  }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n  position: relative;\n}\n\n.autosuggest__results-container {\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  @include shadow;\n  box-sizing: border-box;\n  padding: 0 14px;\n  text-align: left;\n  @include sans-serif-font;\n  font-size: 1em !important;\n\n  .autosuggest__results_title {\n    @include h6-styles;\n    margin-top: 14px !important;\n  }\n\n  .autosuggest__results_item {\n    @include menu-option-styles;\n\n    &:hover,\n    &.autosuggest__results_item-highlighted {\n      @include menu-option-active-styles;\n      cursor: pointer;\n    }\n  }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n.matrix-configurator {\n  & > .field {\n    max-width: none;\n\n    & > .input {\n      display: flex;\n      align-items: stretch;\n      background-color: $grey050;\n      box-shadow: none;\n    }\n  }\n\n  .mc-sidebar {\n    box-sizing: border-box;\n\n    .mc-col-items {\n      margin-top: -1px;\n      padding-top: 1px;\n    }\n\n    &.block-types {\n      width: 200px;\n      @include border-top-left-radius($smallBorderRadius);\n      @include border-bottom-left-radius($smallBorderRadius);\n\n      & > .mc-col-inner-container {\n        & > .mc-col-heading {\n          @include border-top-left-radius($smallBorderRadius);\n        }\n\n        & > .mc-col-items {\n          .btn {\n            margin: 14px;\n          }\n        }\n      }\n    }\n\n    &.mc-fields {\n      width: 240px;\n      z-index: 1;\n      background: #fff;\n      box-shadow: -1px 0 0 0 transparentize($grey900, 0.9), 1px 0 0 0 transparentize($grey900, 0.9);\n\n      .mc-col-items {\n        padding: 14px;\n\n        .btn {\n          margin-top: 14px;\n        }\n      }\n    }\n  }\n\n  .mc-sidebar,\n  .mc-field-settings {\n    & > .mc-col-inner-container > .mc-col-heading {\n      margin: 0;\n      padding: 7px 14px 6px;\n      border-bottom: 1px solid $hairlineColor;\n      background-color: $grey050;\n      background-image: linear-gradient(transparentize($grey800, 1), transparentize($grey800, 0.95));\n    }\n  }\n\n  .mc-field-settings {\n    flex: 1;\n    position: relative;\n    @include border-top-right-radius($smallBorderRadius);\n    @include border-bottom-right-radius($smallBorderRadius);\n\n    & > .mc-col-inner-container {\n      & > .mc-col-heading {\n        padding-left: 24px;\n        padding-right: 24px;\n        @include border-top-right-radius($smallBorderRadius);\n      }\n\n      & > .mc-col-items {\n        padding: 24px;\n      }\n    }\n  }\n}\n\n.matrixconfigitem {\n  position: relative;\n  display: flex;\n  align-items: center;\n  user-select: none;\n  cursor: default;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  &.mci-blocktype {\n    margin-top: -1px;\n    padding: 8px 14px;\n    border: solid $hairlineColor;\n    border-width: 1px 0;\n    background-color: $grey100;\n\n    &.sel {\n      z-index: 1;\n      background-color: $grey200;\n    }\n  }\n\n  &.mci-field {\n    border-radius: $mediumBorderRadius;\n    padding: 7px 10px;\n    background-color: $grey100;\n\n    &.sel {\n      background-color: $grey200;\n\n      .slide-picker:focus a.active {\n        background-color: darken($lightTextColor, 0.5%);\n      }\n    }\n\n    & + .mci-field {\n      margin-top: 7px;\n    }\n  }\n\n  .mci-name {\n    flex: 1;\n    overflow: hidden;\n\n    h4,\n    .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    h4 {\n      margin-bottom: 2px;\n      font-weight: normal;\n      color: $textColor;\n\n      &.mci-required:after {\n        @include icon;\n        @include margin(-2px, 0, 0, 4px);\n        content: 'asterisk';\n        font-size: 8px;\n      }\n    }\n  }\n\n  &.error .mci-name h4 {\n    color: $errorColor;\n  }\n\n  .slide-picker,\n  .icon {\n    @include margin-left(7px);\n  }\n\n  .icon {\n    display: block;\n\n    &:not(.error):not(:hover):before {\n      color: $darkHairlineColor;\n    }\n\n    &.error:before {\n      color: $errorColor;\n    }\n  }\n}\n\n/* Matrix fields */\n.matrix {\n  & > .buttons {\n    margin-top: 10px;\n  }\n}\n\n$titlebarBorderRadius: $largeBorderRadius - 1;\n\n.matrixblock {\n  position: relative;\n  margin-bottom: 10px;\n  padding: 0 14px 14px;\n  border-radius: $largeBorderRadius;\n  border: 1px solid $hairlineColor;\n  background-color: $grey050;\n\n  &.static {\n    padding-top: 14px;\n  }\n\n  & > .titlebar {\n    margin: 0 -14px;\n    width: calc(100% + 28px);\n    box-sizing: border-box;\n    border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n    @include padding(5px, 70px, 5px, 35px);\n    color: $lightTextColor;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    word-wrap: normal;\n    cursor: default;\n    user-select: none;\n    position: relative;\n    background-color: darken($grey050, 2%);\n\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 14px;\n      width: calc(100% - 28px);\n      height: 1px;\n      background-color: $hairlineColor;\n    }\n\n    & > .blocktype {\n      display: inline;\n      color: $mediumTextColor;\n    }\n\n    & > .preview {\n      @include margin-left(7px);\n      display: inline;\n      opacity: 0;\n      transition: opacity linear 100ms;\n\n      span {\n        opacity: 0.5;\n      }\n    }\n  }\n\n  &.disabled {\n    opacity: 1;\n\n    & > .titlebar {\n      @include padding-right(90px);\n    }\n\n    & > .actions {\n      & > .status {\n        &.off {\n          display: block;\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    & > .titlebar {\n      border-radius: $titlebarBorderRadius;\n      border-bottom: none;\n\n      & > .preview {\n        opacity: 1;\n      }\n    }\n  }\n\n  & > .checkbox {\n    position: absolute;\n    top: 7px;\n    @include left(14px);\n  }\n\n  & > .actions {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    z-index: 1;\n    top: 4px;\n    @include right(14px);\n    cursor: default;\n\n    & > * {\n      @include margin(0, 0, 0, 10px);\n    }\n\n    & > .status {\n      &.off {\n        display: none;\n      }\n    }\n\n    a {\n      padding: 0 !important;\n      height: 20px;\n      text-align: center;\n      color: $darkHairlineColor;\n      transform: color linear 100ms;\n\n      &.settings:after {\n        @include margin-left(3px);\n        border-color: $darkHairlineColor;\n        transform: border-color linear 100ms;\n      }\n\n      &:hover {\n        color: $linkColor;\n\n        &.settings:after {\n          border-color: $linkColor;\n        }\n      }\n    }\n  }\n\n  &:not(.static) {\n    & > .fields {\n      padding-top: 14px;\n    }\n  }\n\n  & > .fields {\n    & > .field {\n      margin: 15px 0;\n    }\n  }\n\n  & > .buttons {\n    margin-top: 0;\n    height: 30px;\n  }\n}\n\n/* categories */\n.add-category-form {\n  margin-top: 24px;\n}\n\n.add-category-form .texticon {\n  width: 200px;\n  @include floatleft;\n  @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n  @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n  position: absolute;\n  top: 0;\n  @include right(5px);\n}\n\n.categoriesfield {\n  position: relative;\n  min-height: 30px;\n}\n\n.categoriesfield .structure ul {\n  @include margin-left(12px);\n}\n\n/* site pickers */\nbody.sitepicker {\n  #main-content {\n    padding: 30px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  #content-container {\n    max-width: 400px;\n  }\n}\n\n.sitepicker-group {\n  li {\n    &:not(:first-child) {\n      a {\n        margin-top: -1px;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n\n        &:not(:hover) {\n          border-top-color: transparent;\n        }\n      }\n    }\n\n    &:not(:last-child) {\n      a {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    a {\n      display: block;\n      position: relative;\n      text-align: left;\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid $hairlineColor;\n      border-radius: $mediumBorderRadius;\n      @include padding(9px, 42px, 9px, 15px);\n      font-size: 16px;\n      line-height: 1.4;\n\n      &:after {\n        font-size: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        @include right(12px);\n        margin: 0;\n        padding: 0;\n      }\n\n      &:hover {\n        border-color: $linkColor;\n        text-decoration: none;\n        z-index: 1;\n      }\n    }\n  }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n  float: left \\9\n;\n  width: 445px \\9\n;\n}\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (-moz-min-device-pixel-ratio: 1.5),\nonly screen and (-o-min-device-pixel-ratio: 3/2),\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  table.data {\n    thead {\n      th.ordered.loading {\n        background-image: url(../images/spinner_tableheader_2x.gif);\n        background-size: 26px;\n      }\n    }\n  }\n\n  .spinner,\n  .elements.busy:after {\n    background-image: url(../images/spinner_2x.gif);\n    background-size: 20px;\n  }\n  .spinner {\n    &.over-bg {\n      background-image: url(../images/spinner_bg_2x.gif);\n    }\n    &.big {\n      background-image: url(../images/spinner_big_2x.gif);\n      background-size: 48px;\n      &.over-bg {\n        background-image: url(../images/spinner_big_bg_2x.gif);\n      }\n    }\n  }\n\n  .btn.icon.add.loading:after {\n    background-image: url(../images/spinner_2x.gif);\n    background-size: 20px;\n  }\n  .btn.icon.add.loading.submit:after {\n    background-image: url(../images/spinner_submit_2x.gif);\n  }\n  .secondary-buttons .btn.icon.add.loading.submit:after,\n  .btn.secondary.icon.add.loading.submit:after {\n    background-image: url(../images/spinner_submit_secondary_2x.gif);\n  }\n\n  .sel .element.loading:after,\n  .element.loading.sel:after {\n    background-image: url(../images/spinner_element_2x.gif);\n    background-size: 20px;\n  }\n\n  .preview-thumb-container.loading:after {\n    background-image: url(../images/spinner_dark_2x.gif);\n    background-size: 20px;\n  }\n\n  .structure ul li {\n    background-size: 40px;\n    body.ltr & {\n      background-image: url(../images/branch_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/branch_rtl_2x.png);\n    }\n  }\n\n  .modal .resizehandle {\n    background-size: 13px;\n    body.ltr & {\n      background-image: url(../images/resizehandle_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl_2x.png);\n    }\n  }\n\n  .hud .tip-left {\n    background-image: url(../images/hudtip_left_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-top {\n    background-image: url(../images/hudtip_top_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud .tip-right {\n    background-image: url(../images/hudtip_right_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-bottom {\n    background-image: url(../images/hudtip_bottom_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray_2x.png);\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #E3F8FF;\n$blue100: #B3ECFF;\n$blue200: #81DEFD;\n$blue300: #5ED0FA;\n$blue400: #40C3F7;\n$blue500: #2BB0ED;\n$blue600: #1992D4;\n$blue700: #127FBF;\n$blue800: #0B69A3;\n$blue900: #035388;\n\n$cyan050: #E0FCFF;\n$cyan100: #BEF8FD;\n$cyan200: #87EAF2;\n$cyan300: #54D1DB;\n$cyan400: #38BEC9;\n$cyan500: #2CB1BC;\n$cyan600: #14919B;\n$cyan700: #0E7C86;\n$cyan800: #0A6C74;\n$cyan900: #044E54;\n\n$pink050: #FFE3EC;\n$pink100: #FFB8D2;\n$pink200: #FF8CBA;\n$pink300: #F364A2;\n$pink400: #E8368F;\n$pink500: #DA127D;\n$pink600: #BC0A6F;\n$pink700: #A30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #FFE3E3;\n$red100: #FFBDBD;\n$red200: #FF9B9B;\n$red300: #F86A6A;\n$red400: #EF4E4E;\n$red500: #E12D39;\n$red600: #CF1124;\n$red700: #AB091E;\n$red800: #8A041A;\n$red900: #610316;\n\n$yellow050: #FFFBEA;\n$yellow100: #FFF3C4;\n$yellow200: #FCE588;\n$yellow300: #FADB5F;\n$yellow400: #F7C948;\n$yellow500: #F0B429;\n$yellow600: #DE911D;\n$yellow700: #CB6E17;\n$yellow800: #B44D12;\n$yellow900: #8D2B0B;\n\n$teal050: #EFFCF6;\n$teal100: #C6F7E2;\n$teal200: #8EEDC7;\n$teal300: #65D6AD;\n$teal400: #3EBD93;\n$teal500: #27AB83;\n$teal600: #199473;\n$teal700: #147D64;\n$teal800: #0C6B58;\n$teal900: #014D40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: $blue800;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue600;\n$darkFocusColor: $blue700;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor, 0 0 0 3px transparentize($lightFocusColor, 0.5);\n$darkFocusRing: 0 0 0 1px $darkFocusColor, 0 0 0 3px transparentize($darkFocusColor, 0.5);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect, circle, ellipse, line, polyline, polygon, path, text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: \"liga\", \"dlig\";\n  -moz-font-feature-settings: \"liga=1, dlig=1\";\n  -moz-font-feature-settings: \"liga\", \"dlig\";\n  -ms-font-feature-settings: \"liga\", \"dlig\";\n  -o-font-feature-settings: \"liga\", \"dlig\";\n  font-feature-settings: \"liga\", \"dlig\";\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: 0.8;\n}\n\n@mixin angle($dir: down, $color: $mediumTextColor) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 5px;\n  height: 5px;\n  border: solid $color;\n  border-width: 0 2px 2px 0;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px transparentize($grey200, 0.75), 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: $darkFocusRing\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $mediumBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $textColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $textColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  border-color: $darkFocusColor;\n  box-shadow: 0 0 0 2px transparentize($darkFocusColor, 0.5);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: transparentize($inputColor, 0.75);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: transparentize($inputColor, 0.5);\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n$sidebarWidth: 226px;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  min-height: 100vh;\n}\n\nbody {\n  min-height: 100vh;\n}\n\n*:focus {\n  outline-style: solid;\n  outline-color: transparent;\n  box-shadow: $darkFocusRing;\n}\n\n#global-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: $grey100;\n$sidebarLinkSecondaryColor: $grey200;\n\n#global-sidebar {\n  position: fixed;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  -webkit-overflow-scrolling: touch;\n  @include light-on-dark-text;\n  background-color: $grey800;\n\n  *:focus {\n    box-shadow: $lightFocusRing;\n  }\n\n  a {\n    color: $sidebarLinkStaticColor;\n    transition: color linear 100ms;\n    text-decoration: none;\n  }\n\n  & > a,\n  *:not(.has-subnav) > a {\n    transition: background-color linear 100ms;\n\n    &[href] {\n      &:hover,\n      &.active,\n      &:active {\n        color: $white;\n      }\n\n      &:not(.sel):hover {\n        background-color: darken($grey800, 5%);\n        transition: none;\n\n        .icon {\n          opacity: 1;\n        }\n      }\n\n      &.active,\n      &:active {\n        background-color: darken($grey800, 10%);\n      }\n    }\n\n    &:not([href]) {\n      cursor: default;\n      background-color: transparent;\n    }\n\n    .icon {\n      transition: opacity linear 100ms;\n    }\n  }\n\n  .light {\n    color: $grey400;\n  }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n  display: grid;\n  grid-template-columns: 30px auto;\n  grid-gap: 10px;\n  padding: 0 10px;\n  position: relative;\n  flex: 0 0 50px;\n  flex-direction: row;\n  align-items: center;\n  background-color: $systemInfoBgColor;\n\n  &:after {\n    display: none;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: $systemInfoHoverBgColor !important;\n  }\n}\n\n#site-icon {\n  height: 30px;\n\n  img,\n  svg {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 4px;\n  }\n\n  svg {\n    @include svg-mask($mediumTextColor);\n  }\n}\n\n#system-name {\n  h2 {\n    margin: 0;\n    width: 100%;\n    overflow: hidden;\n    max-height: 40px;\n    position: relative;\n\n    // Multi-line text overflow ellipsis\n    // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      @include right(0);\n      width: 14px;\n      background-image: linear-gradient(to right, transparentize($systemInfoBgColor, 1), $systemInfoBgColor);\n\n      #system-info:hover & {\n        background-image: linear-gradient(to right, transparentize($systemInfoHoverBgColor, 1), $systemInfoHoverBgColor);\n      }\n    }\n  }\n}\n\n#job-icon {\n  align-items: flex-start;\n\n  & > span.icon {\n    display: block;\n    position: relative;\n    width: 16px;\n    height: 16px;\n    margin-top: 2px !important;\n\n    & > canvas {\n      display: block;\n      position: absolute;\n      width: 16px;\n      height: 16px;\n\n      &#job-icon-hover {\n        opacity: 0;\n        transition: opacity linear 100ms;\n      }\n    }\n  }\n\n  &[href]:hover {\n    .icon > span.icon > canvas#job-icon-hover {\n      opacity: 1;\n    }\n  }\n\n  .progress-label {\n    display: block;\n    color: $grey300;\n    font-size: 11px;\n    line-height: 1.5;\n  }\n}\n\n#nav {\n  flex: 1;\n  margin: 27px 0 0;\n  padding-bottom: 24px;\n  overflow: visible;\n\n  li {\n    &:not(.has-subnav) > a.sel {\n      color: $white;\n      background-color: $grey900;\n      opacity: 1;\n\n      .icon {\n        opacity: 1;\n      }\n    }\n\n    a {\n      padding-left: 14px;\n      padding-right: 14px;\n\n      &.menubtn {\n        line-height: 26px;\n      }\n\n      &.external:after {\n        margin-left: 5px;\n        @include icon;\n        content: 'external';\n      }\n\n      &:active .icon {\n        opacity: 1;\n      }\n\n      .icon {\n        opacity: 0.5;\n\n        &.icon-mask {\n          svg {\n            @include svg-mask($white);\n          }\n\n          span[data-icon] {\n            color: $white;\n          }\n        }\n      }\n\n      .label {\n        &,\n        & span {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      .badge {\n        @include margin-right(0);\n        background-color: transparentize($white, 0.5);\n        color: $grey800;\n      }\n    }\n\n    ul {\n      display: block;\n      margin-bottom: 10px;\n\n      li a {\n        @include padding(3px, 14px, 3px, 42px, !important);\n        font-size: 12px;\n\n        &:not(.active) {\n          color: $sidebarLinkSecondaryColor;\n        }\n      }\n    }\n  }\n}\n\n#global-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 14px 14px 24px;\n}\n\n#app-info {\n  margin-top: 7px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  color: $grey600;\n  text-align: center;\n\n  li {\n    margin: 0 7px;\n\n    a {\n      color: $grey600;\n      text-decoration: underline;\n\n      &.go:hover:after {\n        color: $grey600;\n      }\n    }\n  }\n}\n\n#edition-logo {\n  user-select: none;\n  border: 1px solid $grey600;\n  border-radius: 3px;\n  display: inline-flex;\n  height: 20px;\n  box-sizing: content-box;\n  font-size: 11px;\n\n  & > .edition-name,\n  & > .edition-trial {\n    padding: 6px 7px 5px;\n    line-height: 8px;\n  }\n\n  & > .edition-name {\n    font-weight: 600;\n    letter-spacing: 1.7px;\n    padding-right: 5px;\n    text-transform: uppercase;\n    transition: color linear 100ms;\n  }\n\n  & > .edition-trial {\n    display: inline-block;\n    position: relative;\n    @include margin-left(5px);\n    @include padding-left(5px);\n    background-color: $grey600;\n    color: $grey200;\n    border-radius: 0 1px 1px 0;\n    letter-spacing: 1px;\n    @include padding-right(7px);\n    text-transform: lowercase;\n    transition: background linear 100ms;\n\n    &:before {\n      display: block;\n      position: absolute;\n      top: 0;\n      content: '';\n      font-size: 0;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      transition: border-color linear 100ms;\n\n      body.ltr & {\n        left: -10px;\n        border-width: 0 10px 20px 0;\n        border-color: transparent $grey600 transparent transparent;\n      }\n\n      body.rtl & {\n        right: -10px;\n        border-width: 0 0 20px 10px;\n        border-color: transparent transparent transparent $grey600;\n      }\n    }\n  }\n}\n\n#devmode {\n  flex: 0 0 4px;\n  width: 100%;\n  min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n  background: url(../images/dev-mode.svg) repeat-x 21px 0;\n  cursor: help;\n}\n\n#page-container {\n  @include padding-left($sidebarWidth);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n#alerts {\n  background-color: $red050;\n  border-left: 5px solid $errorColor;\n  padding: 11px 0;\n  text-align: center;\n  color: $errorColor;\n\n  li {\n    padding: 4px 24px;\n\n    a {\n      color: $errorColor;\n      text-decoration: underline;\n\n      &.go {\n        text-decoration: none;\n        white-space: nowrap;\n        border: 1px solid transparentize($errorColor, 0.5);\n        border-radius: $mediumBorderRadius;\n        padding: 3px 5px;\n        margin: 0 2px;\n\n        &:after {\n          color: $errorColor;\n        }\n\n        &:hover {\n          border-color: $errorColor;\n          transition: border-color linear 100ms;\n        }\n      }\n    }\n  }\n}\n\n#global-header {\n  margin-bottom: 14px;\n  @include pane;\n  background: $grey050;\n\n  .flex {\n    height: 50px;\n    align-items: center;\n  }\n}\n\n#crumbs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 13px;\n\n  &.empty {\n    display: none;\n  }\n\n  a {\n    color: $lightTextColor;\n    transition: color linear 100ms;\n\n    &:hover {\n      color: $linkColor;\n      text-decoration: none;\n    }\n  }\n\n  nav {\n    margin: 0;\n\n    ul {\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      li {\n        display: inline-flex;\n        align-items: center;\n\n        a {\n          padding: 15px 0;\n        }\n\n        &:after {\n          margin: 0 7px;\n          @include angle(right, $mediumHairlineColor);\n        }\n      }\n    }\n  }\n}\n\n#nav-toggle {\n  display: none;\n}\n\n#user-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  @include padding(0, 11px, 0, 14px);\n  @include margin-right(14px);\n  height: 100%;\n  background-color: transparent;\n  border-radius: 0;\n\n  &:after {\n    border-color: $mediumHairlineColor;\n    transition: border-color linear 100ms;\n  }\n\n  &:hover,\n  &.active {\n    &:after {\n      border-color: $darkHairlineColor;\n    }\n  }\n}\n\n.header-photo {\n  padding: 5px 0;\n\n  img {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px transparentize($grey900, 0.95), 0 0 0 transparentize($grey900, 1);\n    transition: box-shadow linear 150ms;\n\n    #user-info:hover & {\n      box-shadow: 0 0 0 1px transparentize($grey900, 0.95), 0 2px 10px -2px transparentize($grey900, 0.7);\n    }\n  }\n}\n\n/* main container */\n\n#main-container {\n  position: relative;\n  flex-grow: 1;\n}\n\n#notifications {\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 101;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  pointer-events: none;\n\n  @media only screen and (min-width: $minFullUiWidth) {\n    width: calc(100% - #{$sidebarWidth});\n  }\n\n  .notification {\n    padding: 5px 10px;\n    border-radius: 0 0 3px 3px;\n    border-width: 0 1px 1px;\n    color: $white !important;\n    pointer-events: auto;\n    @include light-on-dark-text;\n    @include shadow;\n    background-color: $noticeColor;\n\n    &.error {\n      background-color: $primaryColor;\n    }\n  }\n}\n\n#header-container {\n  margin-bottom: 14px;\n}\n\n#crumbs,\n#header {\n  @include padding-left(30px);\n  @include padding-right(24px);\n}\n\n#global-header,\n#header {\n  .flex {\n    flex-wrap: nowrap;\n    max-width: 100%;\n\n    &.flex-nowrap {\n      min-width: 0;\n    }\n\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n#header {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 2;\n  width: calc(100vw - #{$sidebarWidth});\n  box-sizing: border-box;\n  background-color: transparentize($grey300, 1);\n  box-shadow: 0 1px 0 transparentize($grey800, 1);\n  transition: background-color linear 100ms, box-shadow linear 100ms;\n\n  body.fixed-header & {\n    position: fixed;\n    z-index: 12;\n    top: 0;\n    background-color: $grey100;\n    box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n  }\n\n  @supports (backdrop-filter: blur(10px)) {\n    & {\n      transition: background-color linear 100ms, box-shadow linear 100ms, backdrop-filter linear 100ms;\n\n      body.fixed-header & {\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  .flex {\n    &:not(:last-child) {\n      @media only screen and (min-width: $minHorizontalUiWidth) {\n        @include margin-right(7px);\n      }\n    }\n  }\n\n  h1 {\n    line-height: 32px;\n    margin-top: 0;\n    margin-bottom: 0;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:not(:last-child) {\n      @include margin-right(14px !important);\n    }\n  }\n\n  .buttons,\n  .btngroup {\n    margin-top: 0;\n  }\n}\n\n#page-title {\n  &.has-toolbar {\n    @media only screen and (min-width: $minHorizontalUiWidth) {\n      min-width: #{$sidebarWidth - 30 - 7} !important;\n    }\n  }\n}\n\n$toolbarIconColor: darken($inputColor, 10%);\n\n#toolbar {\n  flex: 1;\n  align-items: flex-start;\n\n  .btn,\n  .text {\n    color: darken($inputColor, 20%);\n  }\n\n  .icon:before,\n  .texticon:before,\n  .menubtn:after,\n  [data-icon]:before,\n  [data-icon-after]:after {\n    color: $toolbarIconColor;\n  }\n\n  .text {\n    border-radius: $largeBorderRadius;\n\n    &::-webkit-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:-ms-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::-ms-input-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:-moz-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::-moz-placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &::placeholder {\n      color: $toolbarIconColor;\n    }\n\n    &:not(:focus) {\n      background-clip: border-box;\n    }\n  }\n\n  .spinner {\n    background-image: url(../images/spinner_toolbar.gif);\n  }\n}\n\n#action-button {\n  height: 34px;\n}\n\n#main-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  width: calc(100vw - #{$sidebarWidth});\n  padding: 0 24px 48px;\n  box-sizing: border-box;\n\n  // for the Dashboard and any other full-page grids:\n  & > .grid:only-child {\n    flex: 1;\n  }\n}\n\n#sidebar-toggle-container {\n  display: none;\n}\n\n#sidebar-container {\n  flex: 0 0 $sidebarWidth;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  @include margin-left(-24px);\n}\n\n#sidebar {\n  box-sizing: border-box;\n  padding: 0 31px;\n  width: $sidebarWidth;\n  background-color: transparent;\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: 14px;\n    padding-bottom: 14px;\n  }\n\n  nav {\n    margin-left: -31px;\n    margin-right: -31px;\n\n    li {\n      a {\n        &:not(.sel) {\n          &:hover {\n            background-color: $grey200;\n          }\n        }\n        &.sel {\n          @include pane;\n          background-color: $grey050;\n        }\n      }\n    }\n  }\n}\n\n#content-container {\n  flex: 1;\n\n  #main-content.has-sidebar & {\n    width: calc(100% - #{$sidebarWidth - 24});\n    max-width: calc(100% - #{$sidebarWidth - 24});\n  }\n\n  #main-content.has-details & {\n    width: calc(100% - #{$detailsWidth} - 14px);\n    max-width: calc(100% - #{$detailsWidth} - 14px);\n  }\n\n  #main-content.has-sidebar.has-details {\n    width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n    max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n  }\n}\n\n#tabs {\n  margin: -10px -12px 0;\n  padding: 10px 12px 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    max-width: calc(100% - 40px);\n\n    li {\n      max-width: 100%;\n\n      & + li {\n        @include margin-left(-12px);\n      }\n\n      a {\n        display: block;\n        position: relative;\n        border-radius: $mediumBorderRadius $mediumBorderRadius 0 0;\n        padding: 12px 24px;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        box-sizing: border-box;\n        line-height: 1.2;\n\n        &:hover {\n          text-decoration: none;\n        }\n\n        &:not(.sel) {\n          color: $mediumDarkTextColor;\n\n          &:hover {\n            color: $textColor;\n            background-image: linear-gradient(to bottom, $grey050, transparentize($grey050, 0.5));\n          }\n        }\n\n        &.sel {\n          @include pane;\n          z-index: 1;\n          color: $textColor;\n          cursor: default;\n          background-clip: padding-box;\n        }\n      }\n    }\n  }\n\n  #overflow-tab-btn {\n    margin-left: 10px;\n    width: 30px;\n    height: 17px;\n    padding: 0;\n    line-height: 16px;\n    border-radius: $smallBorderRadius;\n    color: $mediumDarkTextColor;\n\n    &:before {\n      margin: 0;\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n}\n\n.content-pane {\n  @include pane;\n  border-radius: $largeBorderRadius;\n  position: relative;\n  background-clip: padding-box;\n  padding: 24px;\n  word-wrap: break-word;\n\n  &.square {\n    body.ltr & {\n      border-top-left-radius: 0;\n    }\n    body.rtl & {\n      border-top-right-radius: 0;\n    }\n  }\n\n  & > hr {\n    margin-left: -24px;\n    margin-right: -24px;\n  }\n}\n\n#footer {\n  z-index: 1;\n  margin: 25px -24px -24px; // 1px extra on top is intentional\n  padding: 10px 24px;\n  background-color: $grey050;\n  border-radius: 0 0 $largeBorderRadius $largeBorderRadius;\n\n  &:empty {\n    display: none;\n  }\n\n  & > *,\n  .flex > * {\n    margin-bottom: 0;\n  }\n}\n\n#details-container {\n  flex: 0 0 #{$detailsWidth + 38};\n  width: $detailsWidth + 38;\n  @include margin-right(-24px);\n  box-sizing: border-box;\n}\n\n#details {\n  box-sizing: border-box;\n  padding-bottom: 24px;\n  @include padding-right(24px);\n  @include padding-left(14px);\n  width: $detailsWidth + 38;\n\n  #main-content.has-tabs & {\n    padding-top: 40px;\n  }\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: 14px;\n\n    #main-content.has-tabs & {\n      padding-top: 54px;\n    }\n  }\n\n  .meta {\n    margin-bottom: 14px;\n    border-radius: $largeBorderRadius;\n    padding: 0 24px;\n\n    &:not(.read-only):not(.warning) {\n      @include pane;\n      background-color: $grey050;\n    }\n\n    &.read-only {\n      padding-top: 14px;\n      padding-bottom: 14px;\n      background-color: $grey200;\n    }\n\n    &.warning {\n      border: 2px solid $yellow300;\n      padding: 19px 22px;\n      background: $grey050;\n      color: $textColor !important;\n\n      p {\n        margin-bottom: 5px;\n      }\n\n      .btn {\n        background-color: $yellow300;\n\n        &:hover,\n        &:focus {\n          background-color: darken($yellow300, 10%);\n        }\n\n        &:active {\n          background-color: darken($yellow300, 15%);\n        }\n      }\n    }\n\n    & > .field,\n    & > .data {\n      margin: 0 -24px !important;\n\n      &:first-child {\n        border-top-left-radius: $largeBorderRadius;\n        border-top-right-radius: $largeBorderRadius;\n      }\n\n      &:last-child {\n        border-bottom-left-radius: $largeBorderRadius;\n        border-bottom-right-radius: $largeBorderRadius;\n      }\n\n      & > .heading > label,\n      & > .heading {\n        color: $grey600;\n      }\n    }\n\n    & > .field {\n      .status-badge {\n        @include left(4px);\n        top: calc(50% - 8px);\n      }\n    }\n\n    .text::placeholder,\n    .datewrapper .text:placeholder-shown + div[data-icon],\n    .timewrapper .text:placeholder-shown + div[data-icon] {\n      color: $grey300;\n    }\n\n    .ui-datepicker {\n      @include margin(0, 0, 0, -8px);\n    }\n  }\n\n  hr {\n    margin: 14px 0;\n    border-top-color: $hairlineColor;\n  }\n\n  .spinner {\n    background-image: url(../images/spinner_details.gif);\n  }\n\n  .text {\n    background-color: transparent;\n  }\n\n  & > .text {\n    border-radius: $largeBorderRadius;\n    margin-bottom: 14px;\n  }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n  #global-container {\n    @include left(-$sidebarWidth);\n    width: calc(100vw + #{$sidebarWidth});\n\n    body.ltr & {\n      transition: left 250ms ease-in-out;\n    }\n\n    body.rtl & {\n      transition: right 250ms ease-in-out;\n    }\n\n    body.ltr.showing-nav & {\n      left: 0;\n    }\n\n    body.rtl.showing-nav & {\n      right: 0;\n    }\n  }\n\n  #crumbs {\n    display: flex !important;\n  }\n\n  #header {\n    width: 100vw;\n  }\n\n  #nav-toggle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 50px;\n    line-height: 26px;\n    color: $grey300;\n    text-align: center;\n    @include margin-left(-10px);\n\n    &:before {\n      @include icon;\n      content: 'menu';\n      font-size: 16px;\n      line-height: 0;\n    }\n\n    &:hover {\n      color: $grey400;\n    }\n  }\n\n  #main-content {\n    width: 100vw;\n  }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n  #header {\n    display: block;\n\n    .flex:not(#toolbar) {\n      margin-top: 10px;\n    }\n  }\n\n  #toolbar {\n    flex-wrap: wrap !important;\n\n    & > * {\n      margin-top: 10px !important;\n    }\n  }\n\n  body.fixed-header #header .flex:first-child {\n    margin-top: 0;\n  }\n\n  #main-content {\n    display: block;\n  }\n\n  #sidebar-toggle-container {\n    display: block;\n    margin-bottom: 14px;\n  }\n\n  #sidebar-toggle {\n    body.showing-sidebar & {\n      background-color: darken($grey200, 10%) !important;\n\n      &:after {\n        transform: rotate(225deg);\n        top: 1px;\n      }\n    }\n  }\n\n  #sidebar-container,\n  #details-container {\n    width: auto !important;\n  }\n\n  #sidebar,\n  #details {\n    position: static !important;\n    overflow-y: visible !important;\n    max-height: none !important;\n    width: auto;\n  }\n\n  #sidebar {\n    margin-bottom: 14px;\n\n    body:not(.showing-sidebar) & {\n      display: none;\n    }\n  }\n\n  #details-container {\n    @include margin-right(0);\n  }\n\n  #content-container {\n    width: auto !important;\n    max-width: none !important;\n  }\n\n  #details {\n    padding: 0 !important;\n    margin-top: 14px;\n  }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n  #crumbs,\n  #header,\n  #main-content {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  #tabs ul li {\n    a {\n      padding-left: 14px;\n      padding-right: 14px;\n    }\n\n    & + li {\n      @include margin-left(-7px);\n    }\n  }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n  @include padding-left(46px);\n\n  &:before {\n    @include margin(1px, 0, 0, -22px);\n    font-size: 15px;\n  }\n\n  img {\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    margin-left: -23px;\n    margin-top: 1px;\n  }\n}\n\n/* grids */\n.grid {\n  position: relative;\n  min-height: 1px; // Required for Grid.js to run\n\n  &:after {\n    @include clearafter;\n  }\n\n  & > .item {\n    display: none;\n    box-sizing: border-box;\n  }\n}\n\n/* Sidebar */\n.sidebar {\n  padding: 14px 0;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  font-size: 13px;\n  background-color: $grey050;\n\n  .heading {\n    position: relative;\n    margin: 14px 24px 2px;\n\n    span {\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding: 0 5px;\n      margin: 0 -5px;\n      text-transform: uppercase;\n      color: $mediumTextColor;\n      font-size: 11px;\n      font-weight: bold;\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a {\n      @include padding-left(24px + 14 * $level);\n    }\n\n    & > .toggle {\n      @include left(14px * $level);\n    }\n  }\n\n  nav {\n    padding: 0 7px;\n\n    & > ul > li {\n      @include nav-level(0);\n      & > ul > li {\n        @include nav-level(1);\n        & > ul > li {\n          @include nav-level(2);\n          & > ul > li {\n            @include nav-level(3);\n            & > ul > li {\n              @include nav-level(4);\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a {\n        transition: background-color linear 100ms;\n\n        &:hover {\n          text-decoration: none;\n          background-color: $grey100;\n        }\n\n        &.sel {\n          cursor: default;\n          background-color: $grey200;\n        }\n      }\n\n      a {\n        position: relative;\n        margin-bottom: 1px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 7px 24px;\n        min-height: 24px;\n        box-sizing: border-box;\n        color: $textColor;\n        user-select: none;\n        border-radius: $largeBorderRadius;\n\n        .status {\n          flex-shrink: 1;\n        }\n\n        .icon {\n          @include margin-right(10px);\n          flex-shrink: 1;\n          width: 18px;\n          height: 18px;\n          transition: margin-left linear 150ms, margin-right linear 150ms;\n\n          &.icon-mask {\n            svg {\n              @include svg-mask($mediumTextColor);\n            }\n\n            span[data-icon] {\n              color: $mediumTextColor;\n            }\n          }\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n\n          span[data-icon] {\n            font-size: 16px;\n\n            &::before {\n              display: block;\n            }\n          }\n        }\n\n        .label {\n          flex: 1;\n        }\n\n        .badge {\n          @include margin(0, -4px, 0, 10px);\n          flex-shrink: 1;\n          padding: 0 6px;\n          font-size: 11px;\n          line-height: 16px;\n          border-radius: 8px;\n          background-color: $mediumTextColor;\n          color: $white;\n        }\n      }\n\n      .toggle {\n        position: absolute;\n        height: 34px;\n        top: 0;\n        width: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      ul {\n        display: none;\n      }\n\n      &.expanded > ul {\n        display: block;\n      }\n    }\n  }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n  @include margin-left($sidebarWidth);\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  margin: 0 -14px -24px 0;\n  width: calc(100% + 14px);\n\n  & > h2 {\n    margin: 0 -10px 24px -24px !important;\n    padding: 0 10px 0 24px;\n    width: calc(100% + 34px);\n\n    &:not(:first-child) {\n      padding-top: 24px;\n      border-top: 1px solid $hairlineColor;\n    }\n  }\n\n  & > hr {\n    margin: 0 -10px 24px -24px;\n    width: calc(100% + 34px);\n  }\n\n  & > :not(h2):not(hr) {\n    &, &:last-child {\n      margin: 0 14px 24px 0 !important;\n      width: calc(100% - 14px);\n\n      // 4 cols for >= 1200\n      @media only screen and (min-width: $minFullUiWidth + $sidebarWidth) {\n        &.width-25 {\n          width: calc(25% - 14px);\n        }\n        &.width-50 {\n          width: calc(50% - 14px);\n        }\n        &.width-75 {\n          width: calc(75% - 14px);\n        }\n      }\n\n      // 2 cols fol 712 - 1200\n      @media only screen and (min-width: 500px) and (max-width: $minFullUiWidth + $sidebarWidth - 1px) {\n        &.width-25,\n        &.width-50 {\n          width: calc(50% - 14px);\n        }\n      }\n    }\n  }\n}\n\n/* retina */\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (-moz-min-device-pixel-ratio: 1.5),\nonly screen and (-o-min-device-pixel-ratio: 3/2),\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n  #details {\n    .spinner {\n      background-image: url(../images/spinner_details_2x.gif);\n      background-size: 20px;\n    }\n  }\n  #toolbar {\n    .spinner {\n      background-image: url(../images/spinner_toolbar_2x.gif);\n      background-size: 20px;\n    }\n  }\n  #upgrademodal.loading {\n    background-image: url(../images/spinner_big_2x.gif);\n    background-size: 48px;\n  }\n  #upgrademodal-success {\n    .message {\n      background-image: url(../images/success_2x.png);\n      background-size: 48px;\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n.lp-editor-container,\n.lp-preview-container {\n  position: fixed;\n  top: 0;\n  height: 100%;\n  background-color: $white;\n  z-index: 100;\n\n  header {\n    padding: 8px 24px;\n    background-color: $grey100;\n    box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n    box-sizing: border-box;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n\n        & + .lp-editor {\n          padding-top: #{10 + 34 + 10 + 24}px;\n        }\n      }\n    }\n\n    @supports (-moz-appearance:none) {\n      & {\n        position: relative;\n        z-index: 1;\n      }\n    }\n\n    .btn, .spinner, .checkmark-icon {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.lp-editor-container {\n  display: flex;\n  flex-direction: column;\n  box-shadow: 1px 0 0 transparentize($grey700, 0.8);\n\n  .lp-editor {\n    flex: 1;\n    padding: 24px;\n    overflow: auto;\n    box-sizing: border-box;\n\n    & > .field:last-child {\n      margin-bottom: 24px !important;\n    }\n  }\n\n  .lp-draghandle {\n    position: absolute;\n    z-index: 6;\n    top: 0;\n    @include right(-2px);\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n  }\n}\n\n.lp-preview-container {\n  display: flex;\n  flex-direction: column;\n\n  &.dragging:after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: '';\n    font-size: 0;\n  }\n\n  .lp-preview-header {\n    display: flex;\n\n    @supports (-moz-appearance:none) {\n      background-color: transparentize($grey100, 0.25);\n    }\n\n    & + .lp-iframe-container {\n      padding-top: 50px;\n\n      @supports (-moz-appearance:none) {\n        padding-top: 0;\n      }\n    }\n\n    .lp-device-type {\n      .btn {\n        &::before {\n          width: 27px;\n          height: 22px;\n          display: block;\n          content: '';\n          background-size: contain;\n          background-repeat: no-repeat;\n          background-position: center;\n          transition-duration: .3s;\n        }\n\n        // SVGs\n        &.lp-device-type-btn--phone::before {\n          background-image: url(../images/preview/icon-phone.svg);\n        }\n        &.lp-device-type-btn--tablet::before {\n          background-image: url(../images/preview/icon-tablet.svg);\n        }\n        &.lp-device-type-btn--desktop::before {\n          background-image: url(../images/preview/icon-desktop.svg);\n        }\n      }\n    }\n  }\n\n  .lp-device-mask {\n    display: none;\n  }\n\n  .lp-iframe-container {\n    flex: 1;\n    overflow: auto;\n\n    .lp-preview {\n      display: block;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &--has-device-preview {\n      flex: none;\n      padding-top: 0 !important;\n      position: relative;\n      top: 50px;\n      height: calc(100% - 50px);\n      width: 100%;\n      background-color: $grey100;\n\n      @supports (-moz-appearance:none) {\n        top: 0;\n      }\n\n      // Preview container\n      .lp-device-preview-container {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 2;\n        overflow: auto;\n        opacity: 1;\n        transition: opacity .3s;\n      }\n\n      // Device mask\n      .lp-device-mask {\n        display: block;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 1;\n        background-image: url(../images/preview/chrome-phone-top.svg), url(../images/preview/chrome-phone-bottom.svg);\n        background-position: top center, bottom center;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-color: #fff;\n        box-shadow: 0 0 58px rgba(6,67,117,.3);\n        border-radius: 18px;\n      }\n\n      // Tablet\n      &.lp-iframe-container--tablet {\n        .lp-device-mask {\n          background-image: url(../images/preview/chrome-tablet-top.svg), url(../images/preview/chrome-tablet-bottom.svg);\n        }\n      }\n    }\n\n    // Animate only the transform (scale, translate and rotate)\n    &--animating {\n      .lp-device-mask {\n        transition-duration: .3s;\n        transition-property: transform;\n      }\n    }\n\n    // Hide the iframe whilst animating or updating\n    &--animating,\n    &--updating {\n      .lp-device-preview-container {\n        opacity: 0;\n        transition: opacity 0s,\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n  background-color: $grey050;\n  background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n  linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n  background-size: $base $base;\n}\n\n.layoutdesigner {\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  @include input-styles;\n  overflow: hidden;\n  box-shadow: none;\n  @include padding-right($tabWidth + 1);\n  min-height: 500px;\n\n  .fld-workspace {\n    flex: 1;\n    @include border-radius($smallBorderRadius, 0, 0, $smallBorderRadius);\n    @include padding($base, 0, $base, $base);\n    @include workspaceBg;\n    background-position: -1px -1px;\n    box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n    .fld-tabs {\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n    }\n  }\n\n  .fld-sidebar {\n    position: absolute;\n    top: 0;\n    @include right(0);\n    height: 100%;\n    width: $tabWidth + 1;\n    padding: $tabPadding;\n    overflow: auto;\n    box-sizing: border-box;\n\n    .btngroup {\n      margin-bottom: $tabPadding;\n    }\n\n    .fld-field-library {\n      .fld-field-group {\n        margin-top: $tabPadding;\n\n        h6 {\n          margin-bottom: 7px;\n        }\n      }\n    }\n\n    .filtered {\n      display: none;\n    }\n  }\n\n  .fld-new-tab-btn:active {\n    background-color: $grey050;\n  }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n  background-color: $white;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n  @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n  margin-top: -2px;\n  font-size: 16px;\n  opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n  opacity: 1;\n}\n\n.fld-tab {\n  width: $tabWidth + $base;\n  @include padding(0, $base + 1, $base, 0);\n  box-sizing: border-box;\n\n  .tabs {\n    margin: -10px -12px 0;\n    padding: 10px 12px 0;\n    overflow: hidden;\n    display: flex;\n\n    .tab {\n      display: flex;\n      max-width: calc(100% - 10px);\n      box-sizing: border-box;\n      padding: 8px $tabPadding;\n      border-radius: $mediumBorderRadius $mediumBorderRadius 0 0;\n\n      body:not(.dragging) &.draggable {\n        cursor: move;\n        cursor: grab;\n      }\n\n      span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .fld-tabcontent {\n    padding: $tabPadding;\n    @include border-radius(0, $mediumBorderRadius, $mediumBorderRadius, $mediumBorderRadius);\n  }\n\n  &.fld-insertion {\n    .tabs .tab,\n    .fld-tabcontent {\n      margin: -2px;\n      border: 2px dashed $hairlineColor;\n      box-shadow: none;\n      @include workspaceBg;\n    }\n    .tabs .tab {\n      background-position: -1px -1px;\n    }\n    .fld-tabcontent {\n      background-position: -1px -13px;\n    }\n  }\n}\n\n.fld-tab-caboose {\n  min-height: 24px;\n}\n\n.fld-element {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  box-shadow: inset 0 0 0 1px $hairlineColor;\n  background-color: $white;\n  border-radius: $mediumBorderRadius;\n\n  body:not(.dragging) & {\n    cursor: move;\n    cursor: grab;\n  }\n\n  & + .fld-element {\n    margin-top: 7px;\n  }\n\n  &.fld-insertion {\n    box-sizing: border-box;\n    border: 2px dashed $hairlineColor;\n    border-radius: $mediumBorderRadius;\n    background: none;\n    box-shadow: none;\n  }\n\n  &.draghelper {\n    @include shadow;\n  }\n\n  &.fld-field {\n    color: $mediumTextColor;\n    background-color: $grey100;\n\n    &:not(.draghelper) {\n      box-shadow: none;\n    }\n\n    .fld-field-hidden:not(.hidden) {\n      margin-top: -3px;\n      @include margin-right(5px);\n\n      &:before {\n        @include icon;\n        content: 'shuteye';\n      }\n    }\n\n    .field-name {\n      .fld-element-label {\n        margin-bottom: 2px;\n      }\n    }\n  }\n\n  .fld-element-icon {\n    @include margin-right(5px);\n    text-align: center;\n\n    &,\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    svg {\n      @include svg-mask($lightTextColor);\n    }\n  }\n\n  .field-name {\n    flex: 1;\n    overflow: hidden;\n\n    .fld-element-label,\n    .fld-attribute {\n      flex: 1;\n      display: flex;\n    }\n\n    .fld-element-label h4,\n    .fld-attribute .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .fld-element-label h4 {\n      font-weight: normal;\n      color: $textColor;\n      margin: 0;\n\n      & + .fld-required-indicator {\n        color: $textColor;\n      }\n    }\n\n    .fld-attribute .fld-required-indicator {\n      margin-top: -1px;\n    }\n  }\n\n  &.fld-required .fld-required-indicator {\n    @include margin-left(2px);\n    line-height: 1;\n\n    &:after {\n      @include icon;\n      content: 'asterisk';\n      font-size: 8px;\n      line-height: 1;\n    }\n  }\n}\n\nbody.dragging {\n  cursor: move !important;\n  cursor: grabbing !important;\n}\n\n.fld-hr {\n  display: flex;\n  justify-content: center;\n  padding: 9px 10px;\n\n  &:before {\n    position: absolute;\n    display: block;\n    top: calc(50% - 2px);\n    left: 10px;\n    width: calc(100% - 20px);\n    height: 4px;\n    content: '';\n    font-size: 0;\n    background-color: $grey100;\n    border-radius: 2px;\n  }\n\n  .smalltext {\n    position: relative;\n    background-color: $grey100;\n    border-radius: 8px;\n    padding: 1px 7px;\n  }\n}\n\n.fld-element-settings {\n  width: $tabWidth;\n}\n","@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n/* No Scroll */\nhtml.noscroll, html.noscroll body {\n  overflow: hidden;\n  height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n  background-color: $grey900;\n  color: $white;\n  @include light-on-dark-text;\n  opacity: 0;\n  user-select: none;\n}\n\n.modal.imageeditor.modal {\n  border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n  display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n  background-color: $grey600;\n  color: $white;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n  background-color: $grey700;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n  background-color: $grey800;\n}\n\n.modal.imageeditor .icon::before {\n  width: 24px;\n  height: 24px;\n  margin-top: -4px;\n  margin-left: -3px;\n  display: inline-block;\n  content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n  background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n  background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n  background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n  background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n  background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n  display: flex;\n  padding: 0;\n}\n\n.modal.imageeditor .body .tabs {\n  border-right: 1px solid $grey1000;\n}\n\n.modal.imageeditor .body .tabs ul {\n  width: 100px;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n  padding: 14px;\n  text-align: center;\n  border-bottom: 1px solid $grey1000;\n}\n\n.modal.imageeditor .body .tabs ul li i {\n  background-repeat: no-repeat;\n  background-position: top center;\n  display: block;\n  height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"rotate\"] i {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"crop\"] i {\n  background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view=\"filters\"] i {\n  background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li.selected {\n  background-color: darken($grey900, 5%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n  padding: 24px;\n  overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n  margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n  width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n  text-align: center;\n  margin-right: 14px;\n  margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n  margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n  border: 3px solid transparent;\n  border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n  display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n  border-color: $white;\n}\n\n.modal.imageeditor .body .image-container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n  text-align: center;\n  flex-grow: 1;\n  position: relative;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n  text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n  max-width: 400px;\n  display: block;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n  position: absolute;\n  background-color: transparent;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-top: 1px solid #000;\n}\n\n.modal.imageeditor .body .views .crop {\n  .orientation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    input {\n      -webkit-appearance:none;\n      -moz-appearance:none;\n      appearance:none;\n      background-position: center center;\n      background-repeat: no-repeat;\n      margin: 0 4px;\n      cursor: pointer;\n\n      &[value=\"landscape\"] {\n        width: 30px;\n        height: 20px;\n        background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n        }\n      }\n\n      &[value=\"portrait\"] {\n        width: 20px;\n        height: 30px;\n        background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n        }\n      }\n    }\n  }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n  & > .btngroup:first-child {\n    justify-content: center;\n  }\n\n  .constraint-buttons-container {\n    display: flex;\n    justify-content: center;\n\n    .constraint-buttons {\n      overflow: auto;\n      margin-left: -24px;\n      margin-right: -24px;\n      margin-bottom: 12px;\n      padding-left: 24px;\n      padding-right: 24px;\n      padding-bottom: 12px;\n\n      .constraint {\n        padding: 4px 12px;\n\n        &:hover {\n          cursor: pointer;\n        }\n\n        &.active {\n          color: #fff;\n          background: $darkSelColor;\n          border-radius: 1rem;\n        }\n      }\n\n      .constraint:last-child {\n        position: relative;\n\n        &:after {\n          content: '';\n          display: block;\n          position: absolute;\n          right: -24px;\n          width: 24px;\n          height: 1px;\n        }\n      }\n    }\n  }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n  .constraint-buttons {\n    flex-direction: column;\n    align-items: stretch;\n    text-align: center;\n\n    .constraint {\n      text-align: left;\n      padding: 4px 0 4px 24px;\n      cursor: pointer;\n\n      &.active {\n        background-position: left center;\n        background-repeat: no-repeat;\n        background-image: url(../images/image-editor/check.svg);\n      }\n    }\n  }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n  flex-direction: column-reverse;\n}\n\n.vertical.imageeditor .body .tabs ul {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-top: 1px solid #000;\n  border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n  flex-grow: 1;\n  border: 0;\n  border-right: 1px solid #000;\n  padding: 7px;\n}\n\n.vertical.imageeditor .body .views {\n  width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n  margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n  width: auto;\n  height: 109px;\n  overflow: auto;\n  white-space: nowrap;\n  margin: 0 -24px;\n  margin-bottom: -24px;\n  padding: 24px;\n  text-align: center\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n  display: inline-block;\n  margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n  position: relative;\n  padding: 10px 0;\n}\n\n.slide-rule .cursor {\n  position: absolute;\n  margin-left: -4px;\n  margin-top: 4px;\n  left: 50%;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 5px solid #63A6E1;\n}\n\n.slide-rule .graduations {\n  white-space: nowrap;\n  height: 40px;\n  position: relative;\n}\n\n.slide-rule .graduations ul {\n  position: relative;\n  float: left;\n}\n\n.slide-rule .graduations ul li {\n  display: inline-block;\n  font-size: 8px;\n  position: relative;\n  width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n  left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n  border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n  display: block;\n  cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n  border-left-color: #63A6E1;\n}\n\n.slide-rule .graduations ul li:before {\n  content: '';\n  position: absolute;\n  border-left: 1px solid $white;\n  height: 10px;\n  top: 0px;\n  left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n  width: 20px;\n  position: absolute;\n  top: 10px;\n  left: -9px;\n  display: none;\n  text-align: center;\n}\n\n.slide-rule .value {\n  display: none;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 5px;\n  width: 50px;\n  margin-left: -25px;\n  background: $grey600;\n}\n\n.slide-rule .overlay {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 1px;\n  left: 0;\n  background-image: linear-gradient(to right, $grey900 0%, transparentize($grey900, 1) 15%, transparentize($grey900, 1) 85%, $grey900 100%);\n}\n\n/* Misc */\n\n.menu.dark {\n  background-color: $grey600;\n  @include light-on-dark-text;\n\n  ul {\n    li {\n      a {\n        color: $white !important;\n\n        &:not(.sel):not(.disabled):hover {\n          background-color: $grey700;\n        }\n      }\n    }\n  }\n}\n\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n  top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n  display: block;\n}\n"]}