From 270d0a6dcc2760ef029afaf249cbec8fa7bc6965 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Tue, 15 Dec 2020 19:27:49 -0800 Subject: [PATCH 01/17] Increase contrast for Craft CMS link --- src/web/assets/cp/dist/images/craftcms.svg | 2 +- src/web/assets/login/src/login.scss | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/web/assets/cp/dist/images/craftcms.svg b/src/web/assets/cp/dist/images/craftcms.svg index 0cd7e7b4203..ce6010dfff0 100644 --- a/src/web/assets/cp/dist/images/craftcms.svg +++ b/src/web/assets/cp/dist/images/craftcms.svg @@ -1,3 +1,3 @@ - + diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index ad1f74f5f46..619c6783b66 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -179,11 +179,12 @@ p.error { text-align: center; margin-top: 70px; margin-bottom: 48px; - opacity: .6; + opacity: .8; } -#poweredby:hover { - opacity: 0.8; +#poweredby:hover, +#poweredby:focus { + opacity: 1; } #poweredby:active { From 472bfd85fc0287c62f2a6d3bf535cf782c5833de Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Tue, 15 Dec 2020 19:47:32 -0800 Subject: [PATCH 02/17] Fix missing h1 when there's a login page logo uploaded --- src/templates/login.html | 25 ++++++++++++++----------- src/web/assets/login/src/login.scss | 9 +++++---- 2 files changed, 19 insertions(+), 15 deletions(-) diff --git a/src/templates/login.html b/src/templates/login.html index 1ba415c8354..053331be01c 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -28,22 +28,25 @@ {% if hasLogo %} {% set logo = craft.rebrand.logo %} - {% set formAttributes = formAttributes|merge({ - class: 'has-logo', - style: { - 'background-image': "url(#{logo.url|e('css')})", - 'background-size': "#{logo.width}px #{logo.height}px", - 'padding-top': "#{logo.height + 30}px", - }, - }) %} {% endif %} {% set formHtml %}
- {% if not hasLogo %} -

{{ systemName }}

- {% endif %} +

+ {% if hasLogo %} + {{ tag('img', { + id: 'login-logo', + src: logo.url, + alt: systemName, + width: logo.width, + height: logo.height, + }) }} + {% else %} + {{ systemName }} + {% endif %} +

+
{{ forms.textField({ id: 'loginName', diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 619c6783b66..0aa09e4c8e1 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -18,10 +18,6 @@ body { background: no-repeat center top; } -#login-form.has-logo { - padding-top: 116px; -} - #login-form h1 { text-align: center; font-size: 3em; @@ -29,6 +25,11 @@ body { word-wrap: break-word; } +#login-logo { + width: 100%; + height: auto; +} + #login-fields { position: relative; padding: 1px; From c36be3182de1039027680f9064ab0bf0cc97ea99 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Tue, 15 Dec 2020 19:54:03 -0800 Subject: [PATCH 03/17] Make switching to forgot password form keyboard-accessible --- src/templates/login.html | 2 +- src/web/assets/cp/src/css/_reset.scss | 7 +++++++ src/web/assets/login/src/login.scss | 3 ++- 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/templates/login.html b/src/templates/login.html index 053331be01c..ae3fdbbf222 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -77,7 +77,7 @@

{% if craft.app.config.general.rememberedUserSessionDuration %} {{ forms.checkboxField({ id: 'rememberMe', label: 'Keep me logged in'|t('app') }) }} {% endif %} - {{ 'Forgot your password?'|t('app') }} +

diff --git a/src/web/assets/cp/src/css/_reset.scss b/src/web/assets/cp/src/css/_reset.scss index b29dba066f1..594b35967f7 100644 --- a/src/web/assets/cp/src/css/_reset.scss +++ b/src/web/assets/cp/src/css/_reset.scss @@ -39,6 +39,13 @@ a { text-decoration: none; } +button { + appearance: none; + background-color: transparent; + border: none; + padding: 0; +} + input, textarea { margin: 0; font-family: 'Lucida Grande', sans-serif; diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 0aa09e4c8e1..09117629446 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -124,7 +124,8 @@ body { } } -#forgot-password:hover { +#forgot-password:hover, +#forgot-password:focus { color: $linkColor; text-decoration: none; } From 3ef0868186bed0d655322f4e1e38787aafa4639d Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 09:29:52 -0800 Subject: [PATCH 04/17] Fix password reset button saying 'login' instead of 'reset password' --- src/web/assets/login/src/login.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/web/assets/login/src/login.js b/src/web/assets/login/src/login.js index f3140bdc787..906d58188ef 100644 --- a/src/web/assets/login/src/login.js +++ b/src/web/assets/login/src/login.js @@ -195,7 +195,7 @@ this.$passwordField.remove(); this.$passwordFields.remove(); this.$submitBtn.addClass('reset-password'); - this.$submitBtn.attr('value', Craft.t('app', 'Reset Password')); + this.$submitBtn.text(Craft.t('app', 'Reset Password')); this.$submitBtn.enable(); this.$sslIcon.remove(); From 8f037147c01dd9a78ff6e921f307c50a2cda91c3 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 09:36:34 -0800 Subject: [PATCH 05/17] Pull non-form elements out of form --- src/templates/login.html | 79 ++++++++++++++++------------- src/web/assets/login/src/login.scss | 5 +- 2 files changed, 45 insertions(+), 39 deletions(-) diff --git a/src/templates/login.html b/src/templates/login.html index ae3fdbbf222..cd2cac4e571 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -32,7 +32,8 @@ {% set formHtml %}
- +
+

{% if hasLogo %} {{ tag('img', { @@ -47,46 +48,52 @@

{% endif %}

-
- {{ forms.textField({ - id: 'loginName', - name: 'username', - placeholder: usernameLabel, - value: username, - autocomplete: 'username', - type: usernameType, - inputAttributes: { - aria: { - label: usernameLabel, + + +
+ {{ forms.textField({ + id: 'loginName', + name: 'username', + placeholder: usernameLabel, + value: username, + autocomplete: 'username', + type: usernameType, + inputAttributes: { + aria: { + label: usernameLabel, + }, }, - }, - }) }} - {{ forms.passwordField({ - id: 'password', - name: 'password', - placeholder: 'Password'|t('app'), - autocomplete: 'current-password', - inputAttributes: { - aria: { - label: 'Password'|t('app'), + }) }} + {{ forms.passwordField({ + id: 'password', + name: 'password', + placeholder: 'Password'|t('app'), + autocomplete: 'current-password', + inputAttributes: { + aria: { + label: 'Password'|t('app'), + }, }, - }, - }) }} -
-
- {% if craft.app.config.general.rememberedUserSessionDuration %} - {{ forms.checkboxField({ id: 'rememberMe', label: 'Keep me logged in'|t('app') }) }} - {% endif %} - -
-
- - -
+ }) }} +
+
+ {% if craft.app.config.general.rememberedUserSessionDuration %} + {{ forms.checkboxField({ id: 'rememberMe', label: 'Keep me logged in'|t('app') }) }} + {% endif %} + +
+
+ + +
+ + {{ svg('@app/web/assets/cp/dist/images/craftcms.svg') }} - + +
+
{% endset %} diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 09117629446..1dfd0bda247 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -12,13 +12,12 @@ body { justify-content: center; } -#login-form { +#login { display: block; width: 300px; - background: no-repeat center top; } -#login-form h1 { +#login h1 { text-align: center; font-size: 3em; color: $textColor; From 857cbf940b24049459ea4f74007f7440ea836cf8 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 10:40:39 -0800 Subject: [PATCH 06/17] Remove remaining SSL icon code No longer used --- src/web/assets/login/src/login.js | 38 ----------------------------- src/web/assets/login/src/login.scss | 21 ---------------- 2 files changed, 59 deletions(-) diff --git a/src/web/assets/login/src/login.js b/src/web/assets/login/src/login.js index 906d58188ef..77dae783af4 100644 --- a/src/web/assets/login/src/login.js +++ b/src/web/assets/login/src/login.js @@ -10,7 +10,6 @@ $passwordInput: null, $forgotPasswordLink: null, $rememberMeCheckbox: null, - $sslIcon: null, $submitBtn: null, $spinner: null, $error: null, @@ -26,7 +25,6 @@ this.$passwordField = $('#password-field'); this.$passwordInput = $('#password'); this.$forgotPasswordLink = $('#forgot-password'); - this.$sslIcon = $('#ssl-icon'); this.$submitBtn = $('#submit'); this.$spinner = $('#spinner'); this.$rememberMeCheckbox = $('#rememberMe'); @@ -44,51 +42,17 @@ this.addListener(this.$forgotPasswordLink, 'click', 'onForgetPassword'); this.addListener(this.$form, 'submit', 'onSubmit'); - // Super hacky! - this.addListener(this.$sslIcon, 'mouseover', function() { - if (this.$sslIcon.hasClass('disabled')) { - return; - } - - this.$submitBtn.addClass('hover'); - }); - this.addListener(this.$sslIcon, 'mouseout', function() { - if (this.$sslIcon.hasClass('disabled')) { - return; - } - - this.$submitBtn.removeClass('hover'); - }); - this.addListener(this.$sslIcon, 'mousedown', function() { - if (this.$sslIcon.hasClass('disabled')) { - return; - } - - this.$submitBtn.addClass('active'); - - this.addListener(Garnish.$doc, 'mouseup', function() { - this.$submitBtn.removeClass('active'); - this.removeListener(Garnish.$doc, 'mouseup'); - }); - }); - // Manually validate the inputs every 250ms since some browsers don't fire events when autofill is used // http://stackoverflow.com/questions/11708092/detecting-browser-autofill this.passwordInputInterval = setInterval($.proxy(this, 'validate'), 250); - - this.addListener(this.$sslIcon, 'click', function() { - this.$submitBtn.trigger('click'); - }); }, validate: function() { if (this.$loginNameInput.val() && (this.forgotPassword || this.$passwordInput.val().length >= 6)) { - this.$sslIcon.enable(); this.$submitBtn.enable(); return true; } else { - this.$sslIcon.disable(); this.$submitBtn.disable(); return false; } @@ -194,10 +158,8 @@ this.$form.addClass('reset-password'); this.$passwordField.remove(); this.$passwordFields.remove(); - this.$submitBtn.addClass('reset-password'); this.$submitBtn.text(Craft.t('app', 'Reset Password')); this.$submitBtn.enable(); - this.$sslIcon.remove(); this.forgotPassword = true; this.validate(); diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 1dfd0bda247..28f5a998d8b 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -134,27 +134,6 @@ body { text-align: center; } -#login-form #ssl-icon { - position: absolute; - top: 0; - @include left(0); - z-index: 1; - line-height: 30px; - width: 2.2em; - color: $white; - text-align: center; - cursor: pointer; -} - -#login-form #ssl-icon.disabled { - opacity: 0.75; - cursor: default; -} - -#login-form #ssl-icon + #submit { - @include padding-left(2em); -} - #login-form .submit { display: block; float: none; From adbf00f7456cbe3ace98cb787a58ee41b1e237b6 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 11:16:50 -0800 Subject: [PATCH 07/17] Clean up login.scss --- src/web/assets/cp/src/css/_main.scss | 1 + src/web/assets/login/src/login.scss | 53 ++-------------------------- 2 files changed, 3 insertions(+), 51 deletions(-) diff --git a/src/web/assets/cp/src/css/_main.scss b/src/web/assets/cp/src/css/_main.scss index 14e1e87711e..73f5fb3ecd4 100644 --- a/src/web/assets/cp/src/css/_main.scss +++ b/src/web/assets/cp/src/css/_main.scss @@ -4577,6 +4577,7 @@ fieldset { .password-toggle { @include padding-right(7px); + z-index: 1; } } diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 28f5a998d8b..f9f40963ebe 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -13,14 +13,12 @@ body { } #login { - display: block; width: 300px; } #login h1 { text-align: center; font-size: 3em; - color: $textColor; word-wrap: break-word; } @@ -30,26 +28,8 @@ body { } #login-fields { - position: relative; padding: 1px; - &:after { - position: absolute; - z-index: 1; - top: 0; - right: 0; - left: 0; - bottom: 0; - display: block; - content: '.'; - font-size: 0; - @include input-styles; - background-color: transparent; - border-color: transparent; - user-select: none; - pointer-events: none; - } - .text { box-shadow: none; } @@ -63,10 +43,6 @@ body { display: block; } -.passwordwrapper .password-toggle { - z-index: 1; -} - #loginName { margin: -1px -1px 0; width: calc(100% + 2px); @@ -109,38 +85,26 @@ body { } #forgot-password { - position: relative; - z-index: 1; - display: block; - font-style: normal; font-size: 11px; color: $mediumTextColor; &:only-child { width: 100%; text-align: center; - margin-top: -20px; + margin-top: -10px; } } #forgot-password:hover, #forgot-password:focus { color: $linkColor; - text-decoration: none; -} - -#login-form .buttons { - position: relative; - text-align: center; } #login-form .submit { display: block; - float: none; padding: 14px 16px; height: auto; width: 100%; - border-radius: 4px; } #spinner { @@ -163,10 +127,7 @@ p.error { } #poweredby:hover, -#poweredby:focus { - opacity: 1; -} - +#poweredby:focus, #poweredby:active { opacity: 1; } @@ -189,13 +150,3 @@ p.error { font-size: 30px; color: $linkColor; } - -@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) { - #login-form { - background-size: 202px; - } -} From 0f1fc4f49f4059274fc51e63cc891e3977476f48 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 12:06:28 -0800 Subject: [PATCH 08/17] Allow switching back to login form after going to password reset form --- src/templates/login.html | 9 +++++--- src/translations/en/app.php | 1 + src/web/assets/login/src/login.js | 21 ++++++++---------- src/web/assets/login/src/login.scss | 33 +++++++++++++++++++++++------ 4 files changed, 42 insertions(+), 22 deletions(-) diff --git a/src/templates/login.html b/src/templates/login.html index cd2cac4e571..66e290a6efc 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -50,7 +50,7 @@

-
+
{{ forms.textField({ id: 'loginName', name: 'username', @@ -76,12 +76,15 @@

}, }) }}

-
+ +
{% if craft.app.config.general.rememberedUserSessionDuration %} {{ forms.checkboxField({ id: 'rememberMe', label: 'Keep me logged in'|t('app') }) }} {% endif %} - + +
+
diff --git a/src/translations/en/app.php b/src/translations/en/app.php index d06175f7447..06f145a9790 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -1041,6 +1041,7 @@ 'Release all jobs' => 'Release all jobs', 'Release job' => 'Release job', 'Release' => 'Release', + 'Remember your password?' => 'Remember your password?', 'Remove files and folders' => 'Remove files and folders', 'Remove files uploaded by other users' => 'Remove files uploaded by other users', 'Remove it' => 'Remove it', diff --git a/src/web/assets/login/src/login.js b/src/web/assets/login/src/login.js index 77dae783af4..a7d6bd7270c 100644 --- a/src/web/assets/login/src/login.js +++ b/src/web/assets/login/src/login.js @@ -5,10 +5,9 @@ { $form: null, $loginNameInput: null, - $passwordFields: null, - $passwordField: null, $passwordInput: null, $forgotPasswordLink: null, + $rememberPasswordLink: null, $rememberMeCheckbox: null, $submitBtn: null, $spinner: null, @@ -21,10 +20,9 @@ init: function() { this.$form = $('#login-form'); this.$loginNameInput = $('#loginName'); - this.$passwordFields = $('#password-fields'); - this.$passwordField = $('#password-field'); this.$passwordInput = $('#password'); this.$forgotPasswordLink = $('#forgot-password'); + this.$rememberPasswordLink = $('#remember-password'); this.$submitBtn = $('#submit'); this.$spinner = $('#spinner'); this.$rememberMeCheckbox = $('#rememberMe'); @@ -39,7 +37,8 @@ this.addListener(this.$loginNameInput, 'input', 'validate'); this.addListener(this.$passwordInput, 'input', 'validate'); - this.addListener(this.$forgotPasswordLink, 'click', 'onForgetPassword'); + this.addListener(this.$forgotPasswordLink, 'click', 'onSwitchForm'); + this.addListener(this.$rememberPasswordLink, 'click', 'onSwitchForm'); this.addListener(this.$form, 'submit', 'onSubmit'); // Manually validate the inputs every 250ms since some browsers don't fire events when autofill is used @@ -144,7 +143,7 @@ this.$error.velocity('fadeIn'); }, - onForgetPassword: function(event) { + onSwitchForm: function(event) { event.preventDefault(); if (!Garnish.isMobileBrowser()) { @@ -155,15 +154,13 @@ this.$error.remove(); } - this.$form.addClass('reset-password'); - this.$passwordField.remove(); - this.$passwordFields.remove(); + this.forgotPassword = !this.forgotPassword; + + this.$form.toggleClass('reset-password', this.forgotPassword); this.$submitBtn.text(Craft.t('app', 'Reset Password')); this.$submitBtn.enable(); - - this.forgotPassword = true; this.validate(); - } + }, }); diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index f9f40963ebe..b1297f05a5c 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -27,7 +27,7 @@ body { height: auto; } -#login-fields { +#login-form-top { padding: 1px; .text { @@ -56,9 +56,25 @@ body { } } -#login-form.reset-password #loginName { - border-bottom-left-radius: $largeBorderRadius; - border-bottom-right-radius: $largeBorderRadius; +#remember-password { + display: none; +} + +#login-form.reset-password { + #loginName { + border-bottom-left-radius: $largeBorderRadius; + border-bottom-right-radius: $largeBorderRadius; + } + + #password-field, + #rememberMe-field, + #forgot-password { + display: none; + } + + #remember-password { + display: block; + } } .passwordwrapper { @@ -74,7 +90,7 @@ body { } } -#password-fields { +#login-form-bottom { margin-top: 24px; display: flex; justify-content: space-between; @@ -84,7 +100,8 @@ body { @include margin-right(14px); } -#forgot-password { +#forgot-password, +#remember-password { font-size: 11px; color: $mediumTextColor; @@ -96,7 +113,9 @@ body { } #forgot-password:hover, -#forgot-password:focus { +#forgot-password:focus, +#remember-password:hover, +#remember-password:focus { color: $linkColor; } From 084781a4727b6a934e941699ec140d0b38c14020 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 12:18:01 -0800 Subject: [PATCH 09/17] Make hide/show password work with keyboard --- src/web/assets/cp/src/css/_main.scss | 6 +++++- src/web/assets/cp/src/js/PasswordInput.js | 9 +++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/web/assets/cp/src/css/_main.scss b/src/web/assets/cp/src/css/_main.scss index 73f5fb3ecd4..d7004cb4413 100644 --- a/src/web/assets/cp/src/css/_main.scss +++ b/src/web/assets/cp/src/css/_main.scss @@ -4577,7 +4577,11 @@ fieldset { .password-toggle { @include padding-right(7px); - z-index: 1; + color: $linkColor; + + &:hover { + text-decoration: underline; + } } } diff --git a/src/web/assets/cp/src/js/PasswordInput.js b/src/web/assets/cp/src/js/PasswordInput.js index 5cd833d4074..e54994075aa 100644 --- a/src/web/assets/cp/src/js/PasswordInput.js +++ b/src/web/assets/cp/src/js/PasswordInput.js @@ -26,12 +26,12 @@ Craft.PasswordInput = Garnish.Base.extend( this.$passwordInput.data('passwordInput', this); - this.$showPasswordToggle = $('').addClass('invisible'); + this.$showPasswordToggle = $('
- {% if craft.app.config.general.rememberedUserSessionDuration %} + {% if showRememberMe %} {{ forms.checkboxField({ id: 'rememberMe', label: 'Keep me logged in'|t('app') }) }} {% endif %} @@ -86,7 +88,7 @@

- +
diff --git a/src/translations/en/app.php b/src/translations/en/app.php index 06f145a9790..d433fd454f8 100644 --- a/src/translations/en/app.php +++ b/src/translations/en/app.php @@ -310,6 +310,7 @@ 'Couldn’t enable plugin.' => 'Couldn’t enable plugin.', 'Couldn’t install plugin.' => 'Couldn’t install plugin.', 'Couldn’t load active trials.' => 'Couldn’t load active trials.', + 'Couldn’t log in. Please check your username or email and password.', 'Couldn’t publish draft.' => 'Couldn’t publish draft.', 'Couldn’t restore the database. How would you like to proceed?' => 'Couldn’t restore the database. How would you like to proceed?', 'Couldn’t save asset.' => 'Couldn’t save asset.', diff --git a/src/web/assets/login/src/login.js b/src/web/assets/login/src/login.js index a7d6bd7270c..51e47aed36d 100644 --- a/src/web/assets/login/src/login.js +++ b/src/web/assets/login/src/login.js @@ -6,16 +6,15 @@ $form: null, $loginNameInput: null, $passwordInput: null, + $rememberMeCheckbox: null, $forgotPasswordLink: null, $rememberPasswordLink: null, - $rememberMeCheckbox: null, $submitBtn: null, $spinner: null, $error: null, - passwordInputInterval: null, forgotPassword: false, - loading: false, + validateOnInput: false, init: function() { this.$form = $('#login-form'); @@ -31,47 +30,47 @@ onToggleInput: $.proxy(function($newPasswordInput) { this.removeListener(this.$passwordInput, 'input'); this.$passwordInput = $newPasswordInput; - this.addListener(this.$passwordInput, 'input', 'validate'); + this.addListener(this.$passwordInput, 'input', 'onInput'); }, this) }); - this.addListener(this.$loginNameInput, 'input', 'validate'); - this.addListener(this.$passwordInput, 'input', 'validate'); + this.addListener(this.$loginNameInput, 'input', 'onInput') + this.addListener(this.$passwordInput, 'input', 'onInput'); this.addListener(this.$forgotPasswordLink, 'click', 'onSwitchForm'); this.addListener(this.$rememberPasswordLink, 'click', 'onSwitchForm'); this.addListener(this.$form, 'submit', 'onSubmit'); - - // Manually validate the inputs every 250ms since some browsers don't fire events when autofill is used - // http://stackoverflow.com/questions/11708092/detecting-browser-autofill - this.passwordInputInterval = setInterval($.proxy(this, 'validate'), 250); }, validate: function() { if (this.$loginNameInput.val() && (this.forgotPassword || this.$passwordInput.val().length >= 6)) { - this.$submitBtn.enable(); + this.removeError(); return true; } else { - this.$submitBtn.disable(); + this.showError(Craft.t('app', 'Couldn’t log in. Please check your username or email and password.')); return false; } }, + onInput: function(event) { + if (this.validateOnInput) { + this.validate(); + } + }, + onSubmit: function(event) { // Prevent full HTTP submits event.preventDefault(); if (!this.validate()) { + this.validateOnInput = true; return; } this.$submitBtn.addClass('active'); this.$spinner.removeClass('hidden'); - this.loading = true; - if (this.$error) { - this.$error.remove(); - } + this.removeError(); if (this.forgotPassword) { this.submitForgotPassword(); @@ -131,35 +130,32 @@ onSubmitResponse: function() { this.$submitBtn.removeClass('active'); this.$spinner.addClass('hidden'); - this.loading = false; }, showError: function(error) { - if (!error) { - error = Craft.t('app', 'A server error occurred.'); - } + this.removeError(); this.$error = $('').insertAfter($('.buttons', this.$form)); this.$error.velocity('fadeIn'); }, - onSwitchForm: function(event) { - event.preventDefault(); + removeError: function() { + if (this.$error) { + this.$error.remove(); + } + }, + onSwitchForm: function(event) { if (!Garnish.isMobileBrowser()) { this.$loginNameInput.trigger('focus'); } - if (this.$error) { - this.$error.remove(); - } + this.removeError(); this.forgotPassword = !this.forgotPassword; this.$form.toggleClass('reset-password', this.forgotPassword); - this.$submitBtn.text(Craft.t('app', 'Reset Password')); - this.$submitBtn.enable(); - this.validate(); + this.$submitBtn.text(Craft.t('app', this.forgotPassword ? 'Reset Password': 'Login')); }, }); diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index b1297f05a5c..fd0dec24d37 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -60,6 +60,10 @@ body { display: none; } +#login-form.remember-me:not(.reset-password) #login-form-bottom { + justify-content: space-between; +} + #login-form.reset-password { #loginName { border-bottom-left-radius: $largeBorderRadius; @@ -93,7 +97,7 @@ body { #login-form-bottom { margin-top: 24px; display: flex; - justify-content: space-between; + justify-content: center; } #rememberMe-field { @@ -104,12 +108,6 @@ body { #remember-password { font-size: 11px; color: $mediumTextColor; - - &:only-child { - width: 100%; - text-align: center; - margin-top: -10px; - } } #forgot-password:hover, From 28202952a29f61f3bb4e2aa8f7f1d68f6ee004f5 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 15:43:33 -0800 Subject: [PATCH 11/17] Clean up login.scss --- src/web/assets/login/src/login.scss | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index fd0dec24d37..40fcd8a3c60 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -44,16 +44,10 @@ body { } #loginName { - margin: -1px -1px 0; + margin: 0 -1px; width: calc(100% + 2px); padding: 14px 16px; - border-radius: $largeBorderRadius $largeBorderRadius 0 0; - border-bottom-width: 0; - - &:focus { - border-bottom-width: 1px; - margin-bottom: -1px; - } + border-radius: $largeBorderRadius; } #remember-password { @@ -64,11 +58,20 @@ body { justify-content: space-between; } -#login-form.reset-password { +#login-form:not(.reset-password) { #loginName { - border-bottom-left-radius: $largeBorderRadius; - border-bottom-right-radius: $largeBorderRadius; + margin: -1px -1px 0; + border-radius: $largeBorderRadius $largeBorderRadius 0 0; + border-bottom-width: 0; + + &:focus { + border-bottom-width: 1px; + margin-bottom: -1px; + } } +} + +#login-form.reset-password { #password-field, #rememberMe-field, From 4a1761fec13f0f42aecf7b64b641db718aad1ef7 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 16:36:29 -0800 Subject: [PATCH 12/17] Announce login form errors to AT --- src/templates/login.html | 3 +++ src/web/assets/login/src/login.js | 26 +++++++++++++------------- src/web/assets/login/src/login.scss | 4 +++- 3 files changed, 19 insertions(+), 14 deletions(-) diff --git a/src/templates/login.html b/src/templates/login.html index 35039a3f802..d14ededc178 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -93,6 +93,9 @@

+ + {{ svg('@app/web/assets/cp/dist/images/craftcms.svg') }} diff --git a/src/web/assets/login/src/login.js b/src/web/assets/login/src/login.js index 51e47aed36d..7cbbd829397 100644 --- a/src/web/assets/login/src/login.js +++ b/src/web/assets/login/src/login.js @@ -11,7 +11,7 @@ $rememberPasswordLink: null, $submitBtn: null, $spinner: null, - $error: null, + $errors: null, forgotPassword: false, validateOnInput: false, @@ -20,11 +20,12 @@ this.$form = $('#login-form'); this.$loginNameInput = $('#loginName'); this.$passwordInput = $('#password'); + this.$rememberMeCheckbox = $('#rememberMe'); this.$forgotPasswordLink = $('#forgot-password'); this.$rememberPasswordLink = $('#remember-password'); this.$submitBtn = $('#submit'); this.$spinner = $('#spinner'); - this.$rememberMeCheckbox = $('#rememberMe'); + this.$errors = $('#login-errors'); new Craft.PasswordInput(this.$passwordInput, { onToggleInput: $.proxy(function($newPasswordInput) { @@ -43,11 +44,10 @@ validate: function() { if (this.$loginNameInput.val() && (this.forgotPassword || this.$passwordInput.val().length >= 6)) { - this.removeError(); + this.clearErrors(); return true; } else { - this.showError(Craft.t('app', 'Couldn’t log in. Please check your username or email and password.')); return false; } }, @@ -63,6 +63,7 @@ event.preventDefault(); if (!this.validate()) { + this.showError(Craft.t('app', 'Couldn’t log in. Please check your username or email and password.')); this.validateOnInput = true; return; } @@ -70,7 +71,7 @@ this.$submitBtn.addClass('active'); this.$spinner.removeClass('hidden'); - this.removeError(); + this.clearErrors(); if (this.forgotPassword) { this.submitForgotPassword(); @@ -133,16 +134,15 @@ }, showError: function(error) { - this.removeError(); + this.clearErrors(); - this.$error = $('').insertAfter($('.buttons', this.$form)); - this.$error.velocity('fadeIn'); + $('

' + error + '

') + .appendTo(this.$errors) + .velocity('fadeIn'); }, - removeError: function() { - if (this.$error) { - this.$error.remove(); - } + clearErrors: function() { + this.$errors.empty(); }, onSwitchForm: function(event) { @@ -150,7 +150,7 @@ this.$loginNameInput.trigger('focus'); } - this.removeError(); + this.clearErrors(); this.forgotPassword = !this.forgotPassword; diff --git a/src/web/assets/login/src/login.scss b/src/web/assets/login/src/login.scss index 40fcd8a3c60..e7ff8ccb798 100644 --- a/src/web/assets/login/src/login.scss +++ b/src/web/assets/login/src/login.scss @@ -134,8 +134,10 @@ body { margin-left: -12px; } -p.error { +#login-errors { text-align: center; + color: $errorColor; + margin-top: 1em; } #poweredby { From 351ba5c14e6151d25ae85b6085db17ffb2d8b1de Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 16:47:58 -0800 Subject: [PATCH 13/17] Add aria-required to login form fields Chose aria-required over html required attribute to avoid conflict between browser and custom validation errors --- src/templates/login.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/templates/login.html b/src/templates/login.html index d14ededc178..499fbd7b2e0 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -63,6 +63,7 @@

inputAttributes: { aria: { label: usernameLabel, + required: 'true', }, }, }) }} @@ -74,6 +75,7 @@

inputAttributes: { aria: { label: 'Password'|t('app'), + required: 'true', }, }, }) }} From 8c726b5017923412eaf77147eab55999e56f6083 Mon Sep 17 00:00:00 2001 From: Matsuko Friedland Date: Fri, 18 Dec 2020 16:53:15 -0800 Subject: [PATCH 14/17] Build --- src/web/assets/cp/dist/css/charts.css.map | 2 +- src/web/assets/cp/dist/css/craft.css | 14 +++-- src/web/assets/cp/dist/css/craft.css.map | 2 +- src/web/assets/cp/dist/js/Craft.min.js | 2 +- src/web/assets/cp/dist/js/Craft.min.js.map | 2 +- .../dist/CraftSupportWidget.css.map | 2 +- .../dashboard/dist/Dashboard.min.js.map | 2 +- .../assets/dashboard/dist/dashboard.css.map | 2 +- .../deprecationerrors/dist/deprecator.css.map | 2 +- .../dist/deprecator.min.js.map | 2 +- .../edittransform/dist/transforms.css.map | 2 +- src/web/assets/edituser/dist/account.css.map | 2 +- src/web/assets/edituser/dist/profile.css.map | 2 +- .../generalsettings/dist/rebrand.css.map | 2 +- src/web/assets/installer/dist/install.css.map | 2 +- src/web/assets/login/dist/login.css | 60 +++++++------------ src/web/assets/login/dist/login.css.map | 2 +- src/web/assets/login/dist/login.min.js | 2 +- src/web/assets/login/dist/login.min.js.map | 2 +- .../assets/matrix/dist/MatrixInput.min.js.map | 2 +- .../dist/MatrixConfigurator.min.js.map | 2 +- src/web/assets/plugins/dist/plugins.css.map | 2 +- .../dist/pluginstore-oauth-callback.css.map | 2 +- .../dist/queue-manager.min.js.map | 2 +- src/web/assets/routes/dist/routes.css.map | 2 +- .../dist/system_messages.css.map | 2 +- src/web/assets/updater/dist/update.css.map | 2 +- src/web/assets/updates/dist/updates.css.map | 2 +- .../dist/user-permissions.css.map | 2 +- .../assets/utilities/dist/utilities.css.map | 2 +- 30 files changed, 60 insertions(+), 70 deletions(-) diff --git a/src/web/assets/cp/dist/css/charts.css.map b/src/web/assets/cp/dist/css/charts.css.map index 01fc30fe3ce..f8f4fe4be8f 100644 --- a/src/web/assets/cp/dist/css/charts.css.map +++ b/src/web/assets/cp/dist/css/charts.css.map @@ -1 +1 @@ -{"version":3,"sources":["cp/src/css/charts.scss","../../../node_modules/craftcms-sass/_mixins.scss"],"names":[],"mappings":"AAGA,YACE,SAAS,EACT,YAAY,EACZ,kBAAkB,EAAA;;AAGpB,gBACE,WAAW,EACX,YAAY,EAAA;;AAGd,6CAEE,UAAU,EACV,6BCgF2C,ED/E3C,2BAA2B,EAAA;;AAG7B,yDAEE,UAAU,EACV,YAAY,EACZ,2BAA2B,EAAA;;AAG7B,oCACE,UC5BU,ED6BV,eAAe,EAAA;;AAGjB,uBACE,wBAAuB,EAAA;;AAGzB,6BACE,2BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAAA;;AAG7B,kCACE,2BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAAA;;AAG7B,4BACE,eAAe,EAAA;;AAGjB,WACE,kBAAkB,EAClB,iBAAiB,EACjB,oCAAuC,EACvC,kBAAkB,EAClB,gBAAgB,ECkJhB,gDAAwD,EDhJxD,yBAAiB,EAAjB,iBAAiB,EACjB,oBAAoB,EAAA","file":"charts.css","sourcesContent":["@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: $hairlineColor;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: $black;\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, .6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, .08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, .08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\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: $grey350;\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// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue700;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 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\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 box-shadow: inset 0 1px 4px -1px transparentize($inputColor, 0.75);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n outline: none;\n border-color: transparentize($inputColor, 0.2);\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: none;\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"]} \ No newline at end of file +{"version":3,"sources":["cp/src/css/charts.scss","../../../node_modules/craftcms-sass/_mixins.scss"],"names":[],"mappings":"AAGA,YACE,SAAS,EACT,YAAY,EACZ,kBAAkB,EAAA;;AAGpB,gBACE,WAAW,EACX,YAAY,EAAA;;AAGd,6CAEE,UAAU,EACV,6BCgF2C,ED/E3C,2BAA2B,EAAA;;AAG7B,yDAEE,UAAU,EACV,YAAY,EACZ,2BAA2B,EAAA;;AAG7B,oCACE,UC5BU,ED6BV,eAAe,EAAA;;AAGjB,uBACE,wBAAuB,EAAA;;AAGzB,6BACE,2BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAAA;;AAG7B,kCACE,2BAA0B,EAC1B,mBAAmB,EACnB,2BAA2B,EAAA;;AAG7B,4BACE,eAAe,EAAA;;AAGjB,WACE,kBAAkB,EAClB,iBAAiB,EACjB,oCAAuC,EACvC,kBAAkB,EAClB,gBAAgB,ECkJhB,gDAAwD,EDhJxD,yBAAiB,EAAjB,iBAAiB,EACjB,oBAAoB,EAAA","file":"charts.css","sourcesContent":["@charset \"UTF-8\";\n@import \"../../../../../../node_modules/craftcms-sass/mixins\";\n\n.cp-chart {\n margin: 0;\n height: 100%;\n position: relative;\n}\n\n.cp-chart svg {\n width: 100%;\n height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n fill: none;\n stroke: $hairlineColor;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n fill: none;\n stroke: none;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n fill: $black;\n font-size: 11px;\n}\n\n.cp-chart .axis text {\n fill: RGBA(0, 0, 0, .6);\n}\n\n.cp-chart .grid-line .tick {\n stroke: RGBA(0, 0, 0, .08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n stroke: RGBA(0, 0, 0, .08);\n stroke-opacity: 0.7;\n shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n stroke-width: 0;\n}\n\n.tooltip {\n border-radius: 3px;\n padding: 7px 10px;\n background: transparentize($white, 0.1);\n position: absolute;\n z-index: 1000000;\n @include shadow;\n user-select: none;\n pointer-events: none;\n}\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: $grey350;\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// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue700;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 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\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 box-shadow: inset 0 1px 4px -1px transparentize($inputColor, 0.75);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n outline: none;\n border-color: transparentize($inputColor, 0.2);\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 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 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: none;\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"]} \ No newline at end of file diff --git a/src/web/assets/cp/dist/css/craft.css b/src/web/assets/cp/dist/css/craft.css index 567266dcd5d..10b7ec6e5c2 100644 --- a/src/web/assets/cp/dist/css/craft.css +++ b/src/web/assets/cp/dist/css/craft.css @@ -18,6 +18,8 @@ table { border-collapse: separate; border-spacing: 0; } a { text-decoration: none; } +button { -webkit-appearance: none; appearance: none; background-color: transparent; border: none; padding: 0; } + input, textarea { margin: 0; font-family: 'Lucida Grande', sans-serif; font-size: 100%; } textarea { resize: vertical; } @@ -2288,10 +2290,14 @@ body.rtl .texticon .clear { left: 9px; } .passwordwrapper .password { -webkit-flex: 1; flex: 1; border: none; background: transparent; box-shadow: none; } +.passwordwrapper .password-toggle { color: #0B69A3; } + body.ltr .passwordwrapper .password-toggle { padding-right: 7px; } body.rtl .passwordwrapper .password-toggle { padding-left: 7px; } +.passwordwrapper .password-toggle:hover { text-decoration: underline; } + .datetimewrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; } body.ltr .datetimewrapper > .datewrapper + .timewrapper { margin-left: 5px; } @@ -2352,7 +2358,7 @@ body.rtl .timewrapper .text:before { right: 7px; } .select:not(.selectize), .select:not(.selectize) select { position: relative; border-radius: 5px; white-space: nowrap; } -.select:not(.selectize) { max-width: 100%; position: relative; } +.select:not(.selectize) { position: relative; } :not(.flex) > .select:not(.selectize) { display: inline-block; } @@ -2362,7 +2368,7 @@ body.ltr .select:not(.selectize):after { right: 9px; } body.rtl .select:not(.selectize):after { left: 9px; } -.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); -webkit-appearance: none; appearance: none; white-space: pre; } +.select:not(.selectize) select { display: block; position: relative; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); -webkit-appearance: none; appearance: none; white-space: pre; } body.ltr .select:not(.selectize) select { padding: 7px 22px 7px 10px ; } @@ -2390,7 +2396,7 @@ body .selectize-dropdown { border: none; } /* single select styles */ .selectize.select .selectize-control, .selectize.select .selectize-control .selectize-input { position: relative; border-radius: 5px; white-space: nowrap; } -.selectize.select .selectize-control { max-width: 100%; position: relative; } +.selectize.select .selectize-control { position: relative; } :not(.flex) > .selectize.select .selectize-control { display: inline-block; } @@ -2400,7 +2406,7 @@ body.ltr .selectize.select .selectize-control:after { right: 9px; } body.rtl .selectize.select .selectize-control:after { left: 9px; } -.selectize.select .selectize-control .selectize-input { display: block; position: relative; max-width: 100%; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); -webkit-appearance: none; appearance: none; } +.selectize.select .selectize-control .selectize-input { display: block; position: relative; border: none; font-size: 14px; line-height: 20px; color: #3f4d5a; background-color: rgba(96, 125, 159, 0.25); -webkit-appearance: none; appearance: none; } body.ltr .selectize.select .selectize-control .selectize-input { padding: 7px 22px 7px 10px ; } diff --git a/src/web/assets/cp/dist/css/craft.css.map b/src/web/assets/cp/dist/css/craft.css.map index 1e134cbae1e..0d58786cb47 100644 --- a/src/web/assets/cp/dist/css/craft.css.map +++ b/src/web/assets/cp/dist/css/craft.css.map @@ -1 +1 @@ -{"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/_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\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\ntextarea.nicetext { resize: none; }\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\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.no-outline { outline: none; }\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; outline: none; }\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: #127FBF !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.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 0 10px; }\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\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.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; outline: 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:focus, .btn.focus, .btn:hover { background-color: rgba(96, 125, 159, 0.35); }\n\n.btn:active, .btn.active { background-color: rgba(96, 125, 159, 0.5); }\n\n.btn:active:focus, .btn:active.focus, .btngroup:focus .btn:active, .btn.active:focus, .btn.active.focus, .btngroup:focus .btn.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\n.btn:active { outline: 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:focus { outline: none; }\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; outline: none; 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; outline: none; }\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.big { width: 48px; height: 48px; background: url(../images/spinner_big.gif) no-repeat 50% 50%; }\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/* submit 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.secondary-buttons .btn.submit, .btn.secondary { background-color: #8b96a2 !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: #7d8997 !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: #6f7c8b !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 { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\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 > .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 label { padding: 7px 0; color: #596673; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { padding-right: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { padding-left: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { margin-left: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { margin-right: 7px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { padding-left: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { padding-right: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { margin-right: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[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 { outline: none; }\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: -12px/2; }\n\nbody.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-right: -12px/2; }\n\nbody.ltr .lightswitch.indeterminate.small .lightswitch-container { margin-left: -10px/2; }\n\nbody.rtl .lightswitch.indeterminate.small .lightswitch-container { margin-right: -10px/2; }\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 0; 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\n.tablepane table thead th, .tablepane table thead td { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }\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 { outline: none; }\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 { border-top: 1px solid transparent; 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.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; outline: none !important; user-select: none; font-weight: normal; }\n\n.element:focus, li:focus .element { background-color: #f3f7fc; }\n\n.element.sel, li.sel .element { background-color: #cdd8e4 !important; border-radius: 3px; 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.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\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\n.elements .header .selectallcontainer:focus { outline: none; }\n\nbody.ltr .elements .header .selectallcontainer .checkbox { margin-right: 5px; }\n\nbody.rtl .elements .header .selectallcontainer .checkbox { margin-left: 5px; }\n\n.elements .tableview thead th.selectallcontainer { outline: none; }\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; outline: none; }\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 textarea:focus, table.editable tbody textarea.text:focus, table.editable tbody input.text:focus, table.editable tbody pre:focus { outline: none; }\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-input { padding-left: 35px; }\n\nbody.rtl table.editable tbody .color-container > .color-input { padding-right: 35px; }\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 .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; box-shadow: none; 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\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:focus { outline: none; }\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; outline: none; }\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; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); 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 { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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 { font-weight: bold; color: #596673; }\n\n.field > .heading > label code { font-size: 1em !important; }\n\nbody.ltr .field > .heading > label .info { margin-left: 5px; }\n\nbody.rtl .field > .heading > label .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 > .notice, .field > .warning { margin: 5px 0 0; }\n\n.field > .input { position: relative; }\n\n.field > .input:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\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 { outline: none; border-color: #607d9f; }\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/* multiselect */\n.multiselect > select { color: #3f4d5a; font-size: 14px; appearance: none; }\n\n.multiselect > select:focus { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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; outline: 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; display: flex; align-items: center; }\n\n.passwordwrapper .password { flex: 1; border: none; background: transparent; box-shadow: none; }\n\nbody.ltr .passwordwrapper .password-toggle { padding-right: 7px; }\n\nbody.rtl .passwordwrapper .password-toggle { padding-left: 7px; }\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.datetimewrapper .clear-btn { width: 20px; cursor: pointer; color: rgba(123, 135, 147, 0.5); border: none; padding: 0; background: transparent; }\n\nbody.ltr .datetimewrapper .clear-btn { margin-left: 4px; }\n\nbody.rtl .datetimewrapper .clear-btn { margin-right: 4px; }\n\n.datetimewrapper .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.datetimewrapper .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: none; 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 { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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 { outline: none; }\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 { position: relative; background-color: #f3f7fc; overflow: hidden; box-shadow: none; }\n\nbody.ltr .matrix-configurator > .field > .input { padding-left: 440px; }\n\nbody.rtl .matrix-configurator > .field > .input { padding-right: 440px; }\n\n.matrix-configurator > .field > .input:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; content: '.'; font-size: 0; border-radius: 3px; box-shadow: inset 0 1px 3px -1px #acbed2; user-select: none; pointer-events: none; }\n\n.matrix-configurator .mc-sidebar { position: absolute; top: 0; margin: 0; border: none; height: 100%; 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 { left: 0; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types { right: 0; }\n\n.matrix-configurator .mc-sidebar.block-types .mc-col-items .btn { margin: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields { width: 240px; z-index: 1; background: #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 .matrix-configurator .mc-sidebar.mc-fields { left: 200px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.mc-fields { right: 200px; }\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; height: 100%; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { padding-left: 24px; padding-right: 24px; }\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; outline: none; }\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.big { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\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#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 a { color: #e4edf6; transition: color linear 100ms; text-decoration: none; }\n\n#global-sidebar > a, #global-sidebar *:not(.has-subnav) > a { outline: none; 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: #CF1124; padding: 11px 0; text-align: center; color: #fff; }\n\n#alerts li { padding: 4px 24px; }\n\n#alerts li: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: 16px; }\n\nbody.ltr #alerts li:before { margin: -1px 3px 0 0 ; }\n\nbody.rtl #alerts li:before { margin: -1px 0 0 3px ; }\n\n#alerts li a { color: #fff; text-decoration: underline; }\n\n#alerts li a.go { text-decoration: none; white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4px; padding: 3px 5px; margin: 0 2px; }\n\n#alerts li a.go:after { color: #fff; }\n\n#alerts li a.go:hover { border-color: #fff; 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 .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; }\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); }\n\n#notifications .notification.notice { background-color: #127FBF; }\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; box-shadow: none; }\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#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 #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\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: 24px -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.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 { box-shadow: none; 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; }\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.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.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 { justify-content: center; }\n\n.lp-preview-container .lp-preview-header + .lp-iframe-container { padding-top: 50px; }\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/* 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; outline: 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.layoutdesigner { display: flex; align-items: stretch; position: relative; border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); 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; 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 .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:focus { outline: none; }\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\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\ntextarea.nicetext {\n resize: none;\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\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.no-outline {\n outline: none;\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 outline: none;\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.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 0 10px;\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 }\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\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 outline: 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 &: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 &[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 &:active {\n outline: 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 &:focus {\n outline: none;\n }\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 outline: none;\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 outline: none;\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\n.spinner.big {\n width: 48px;\n height: 48px;\n background: url(../images/spinner_big.gif) no-repeat 50% 50%;\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/* submit buttons */\n.btn.submit,\n.btn.secondary {\n &,\n &:before,\n &:after {\n color: $white !important;\n @include light-on-dark-text;\n }\n}\n\n.btn.submit {\n background-color: $primaryColor !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):hover,\n.btn.submit:not(.disabled):not(.inactive).hover,\n.btn.submit:not(.disabled):not(.inactive):focus {\n background-color: darken($primaryColor, 5%) !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):active,\n.btn.submit:not(.disabled):not(.inactive).active {\n background-color: darken($primaryColor, 10%) !important;\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 {\n @include fixed-width-font;\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 & > .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 label {\n padding: 7px 0;\n color: $mediumTextColor;\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 outline: none;\n\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(-12px / 2);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(-10px / 2);\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 0;\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 border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\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 outline: none;\n\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 border-top: 1px solid transparent;\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\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 outline: none !important;\n user-select: none;\n font-weight: normal;\n\n &:focus,\n li:focus & {\n background-color: $grey050;\n }\n\n &.sel,\n li.sel & {\n background-color: $lightSelColor !important;\n border-radius: $smallBorderRadius;\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\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\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 &:focus {\n outline: none;\n }\n\n .checkbox {\n @include margin-right($elementInnerSpacing);\n }\n }\n }\n\n // table views\n .tableview {\n thead {\n th.selectallcontainer {\n outline: none;\n }\n }\n\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 outline: none;\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 that follows a , 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 &:focus {\n outline: none;\n }\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-input {\n @include padding-left(35px);\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 box-shadow: none;\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 }\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 &:focus {\n outline: none;\n }\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 outline: none;\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 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 & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\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 outline: none;\n border-color: $inputColor;\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/* 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 outline: 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 display: flex;\n align-items: center;\n\n .password {\n flex: 1;\n border: none;\n background: transparent;\n box-shadow: none;\n }\n\n .password-toggle {\n @include padding-right(7px);\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 .clear-btn {\n width: 20px;\n @include margin-left(4px);\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\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 outline: none;\n\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 position: relative;\n @include padding-left(440px);\n background-color: $grey050;\n overflow: hidden;\n box-shadow: none;\n\n &:after {\n display: block;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n visibility: visible;\n content: '.';\n font-size: 0;\n border-radius: $smallBorderRadius;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n user-select: none;\n pointer-events: none;\n }\n }\n }\n\n .mc-sidebar {\n position: absolute;\n top: 0;\n margin: 0;\n border: none;\n height: 100%;\n box-sizing: border-box;\n\n .mc-col-items {\n margin-top: -1px;\n padding-top: 1px;\n }\n\n &.block-types {\n @include left(0);\n width: 200px;\n\n .mc-col-items {\n .btn {\n margin: 14px;\n }\n }\n }\n\n &.mc-fields {\n @include left(200px);\n width: 240px;\n z-index: 1;\n background: #fff;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 2px 5px -2px transparentize($grey900, 0.8);\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 height: 100%;\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n padding-left: 24px;\n padding-right: 24px;\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 outline: none;\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.big {\n background-image: url(../images/spinner_big_2x.gif);\n background-size: 48px;\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: $grey350;\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// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue700;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 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\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 box-shadow: inset 0 1px 4px -1px transparentize($inputColor, 0.75);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n outline: none;\n border-color: transparentize($inputColor, 0.2);\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: none;\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#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 a {\n color: $sidebarLinkStaticColor;\n transition: color linear 100ms;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n outline: none;\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: $errorColor;\n padding: 11px 0;\n text-align: center;\n color: $white;\n\n li {\n padding: 4px 24px;\n\n &:before {\n @include icon;\n @include margin(-1px, 3px, 0, 0);\n content: 'alert';\n font-size: 16px;\n }\n\n a {\n color: $white;\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($white, 0.5);\n border-radius: $mediumBorderRadius;\n padding: 3px 5px;\n margin: 0 2px;\n\n &:after {\n color: $white;\n }\n\n &:hover {\n border-color: $white;\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\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\n &.notice {\n background-color: $noticeColor;\n }\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 box-shadow: none;\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: 24px -24px -24px;\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 box-shadow: none;\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\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\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 .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 justify-content: center;\n\n & + .lp-iframe-container {\n padding-top: 50px;\n }\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}\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 outline: 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$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 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 }\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 &:focus {\n outline: none;\n }\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"]} \ No newline at end of file +{"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/_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\ntextarea.nicetext { resize: none; }\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\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.no-outline { outline: none; }\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; outline: none; }\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: #127FBF !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.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 0 10px; }\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\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.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; outline: 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:focus, .btn.focus, .btn:hover { background-color: rgba(96, 125, 159, 0.35); }\n\n.btn:active, .btn.active { background-color: rgba(96, 125, 159, 0.5); }\n\n.btn:active:focus, .btn:active.focus, .btngroup:focus .btn:active, .btn.active:focus, .btn.active.focus, .btngroup:focus .btn.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\n.btn:active { outline: 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:focus { outline: none; }\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; outline: none; 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; outline: none; }\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.big { width: 48px; height: 48px; background: url(../images/spinner_big.gif) no-repeat 50% 50%; }\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/* submit 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.secondary-buttons .btn.submit, .btn.secondary { background-color: #8b96a2 !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: #7d8997 !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: #6f7c8b !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 { font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace; font-size: 0.9em !important; }\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 > .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 label { padding: 7px 0; color: #596673; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { padding-right: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { padding-left: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { margin-left: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=on] { margin-right: 7px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { padding-left: 10px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { padding-right: 10px; }\n\nbody.ltr .lightswitch-outer-container .lightswitch-inner-container label[data-toggle=off] { margin-right: 7px; }\n\nbody.rtl .lightswitch-outer-container .lightswitch-inner-container label[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 { outline: none; }\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: -12px/2; }\n\nbody.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container { margin-right: -12px/2; }\n\nbody.ltr .lightswitch.indeterminate.small .lightswitch-container { margin-left: -10px/2; }\n\nbody.rtl .lightswitch.indeterminate.small .lightswitch-container { margin-right: -10px/2; }\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 0; 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\n.tablepane table thead th, .tablepane table thead td { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }\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 { outline: none; }\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 { border-top: 1px solid transparent; 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.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; outline: none !important; user-select: none; font-weight: normal; }\n\n.element:focus, li:focus .element { background-color: #f3f7fc; }\n\n.element.sel, li.sel .element { background-color: #cdd8e4 !important; border-radius: 3px; 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.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\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\n.elements .header .selectallcontainer:focus { outline: none; }\n\nbody.ltr .elements .header .selectallcontainer .checkbox { margin-right: 5px; }\n\nbody.rtl .elements .header .selectallcontainer .checkbox { margin-left: 5px; }\n\n.elements .tableview thead th.selectallcontainer { outline: none; }\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; outline: none; }\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 textarea:focus, table.editable tbody textarea.text:focus, table.editable tbody input.text:focus, table.editable tbody pre:focus { outline: none; }\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-input { padding-left: 35px; }\n\nbody.rtl table.editable tbody .color-container > .color-input { padding-right: 35px; }\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 .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; box-shadow: none; 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\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:focus { outline: none; }\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; outline: none; }\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; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); 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 { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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 { font-weight: bold; color: #596673; }\n\n.field > .heading > label code { font-size: 1em !important; }\n\nbody.ltr .field > .heading > label .info { margin-left: 5px; }\n\nbody.rtl .field > .heading > label .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 > .notice, .field > .warning { margin: 5px 0 0; }\n\n.field > .input { position: relative; }\n\n.field > .input:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }\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 { outline: none; border-color: #607d9f; }\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/* multiselect */\n.multiselect > select { color: #3f4d5a; font-size: 14px; appearance: none; }\n\n.multiselect > select:focus { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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; outline: 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; display: flex; align-items: center; }\n\n.passwordwrapper .password { flex: 1; border: none; background: transparent; box-shadow: none; }\n\n.passwordwrapper .password-toggle { color: #0B69A3; }\n\nbody.ltr .passwordwrapper .password-toggle { padding-right: 7px; }\n\nbody.rtl .passwordwrapper .password-toggle { padding-left: 7px; }\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.datetimewrapper .clear-btn { width: 20px; cursor: pointer; color: rgba(123, 135, 147, 0.5); border: none; padding: 0; background: transparent; }\n\nbody.ltr .datetimewrapper .clear-btn { margin-left: 4px; }\n\nbody.rtl .datetimewrapper .clear-btn { margin-right: 4px; }\n\n.datetimewrapper .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.datetimewrapper .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) { 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; 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: none; 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 { 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; 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 { outline: none; border-color: rgba(96, 125, 159, 0.8); }\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 { outline: none; }\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 { position: relative; background-color: #f3f7fc; overflow: hidden; box-shadow: none; }\n\nbody.ltr .matrix-configurator > .field > .input { padding-left: 440px; }\n\nbody.rtl .matrix-configurator > .field > .input { padding-right: 440px; }\n\n.matrix-configurator > .field > .input:after { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; content: '.'; font-size: 0; border-radius: 3px; box-shadow: inset 0 1px 3px -1px #acbed2; user-select: none; pointer-events: none; }\n\n.matrix-configurator .mc-sidebar { position: absolute; top: 0; margin: 0; border: none; height: 100%; 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 { left: 0; }\n\nbody.rtl .matrix-configurator .mc-sidebar.block-types { right: 0; }\n\n.matrix-configurator .mc-sidebar.block-types .mc-col-items .btn { margin: 14px; }\n\n.matrix-configurator .mc-sidebar.mc-fields { width: 240px; z-index: 1; background: #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 .matrix-configurator .mc-sidebar.mc-fields { left: 200px; }\n\nbody.rtl .matrix-configurator .mc-sidebar.mc-fields { right: 200px; }\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; height: 100%; }\n\n.matrix-configurator .mc-field-settings > .mc-col-inner-container > .mc-col-heading { padding-left: 24px; padding-right: 24px; }\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; outline: none; }\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.big { background-image: url(../images/spinner_big_2x.gif); background-size: 48px; }\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#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 a { color: #e4edf6; transition: color linear 100ms; text-decoration: none; }\n\n#global-sidebar > a, #global-sidebar *:not(.has-subnav) > a { outline: none; 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: #CF1124; padding: 11px 0; text-align: center; color: #fff; }\n\n#alerts li { padding: 4px 24px; }\n\n#alerts li: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: 16px; }\n\nbody.ltr #alerts li:before { margin: -1px 3px 0 0 ; }\n\nbody.rtl #alerts li:before { margin: -1px 0 0 3px ; }\n\n#alerts li a { color: #fff; text-decoration: underline; }\n\n#alerts li a.go { text-decoration: none; white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4px; padding: 3px 5px; margin: 0 2px; }\n\n#alerts li a.go:after { color: #fff; }\n\n#alerts li a.go:hover { border-color: #fff; 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 .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; }\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); }\n\n#notifications .notification.notice { background-color: #127FBF; }\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; box-shadow: none; }\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#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 #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\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: 24px -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.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 { box-shadow: none; 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; }\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.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.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 { justify-content: center; }\n\n.lp-preview-container .lp-preview-header + .lp-iframe-container { padding-top: 50px; }\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/* 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; outline: 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.layoutdesigner { display: flex; align-items: stretch; position: relative; border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe; box-shadow: inset 0 1px 4px -1px rgba(96, 125, 159, 0.25); 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; 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 .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:focus { outline: none; }\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\ntextarea.nicetext {\n resize: none;\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\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.no-outline {\n outline: none;\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 outline: none;\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.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 0 10px;\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 }\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\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 outline: 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 &: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 &[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 &:active {\n outline: 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 &:focus {\n outline: none;\n }\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 outline: none;\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 outline: none;\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\n.spinner.big {\n width: 48px;\n height: 48px;\n background: url(../images/spinner_big.gif) no-repeat 50% 50%;\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/* submit buttons */\n.btn.submit,\n.btn.secondary {\n &,\n &:before,\n &:after {\n color: $white !important;\n @include light-on-dark-text;\n }\n}\n\n.btn.submit {\n background-color: $primaryColor !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):hover,\n.btn.submit:not(.disabled):not(.inactive).hover,\n.btn.submit:not(.disabled):not(.inactive):focus {\n background-color: darken($primaryColor, 5%) !important;\n}\n\n.btn.submit:not(.disabled):not(.inactive):active,\n.btn.submit:not(.disabled):not(.inactive).active {\n background-color: darken($primaryColor, 10%) !important;\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 {\n @include fixed-width-font;\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 & > .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 label {\n padding: 7px 0;\n color: $mediumTextColor;\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 outline: none;\n\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(-12px / 2);\n }\n }\n &.small {\n .lightswitch-container {\n @include margin-left(-10px / 2);\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 0;\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 border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\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 outline: none;\n\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 border-top: 1px solid transparent;\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\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 outline: none !important;\n user-select: none;\n font-weight: normal;\n\n &:focus,\n li:focus & {\n background-color: $grey050;\n }\n\n &.sel,\n li.sel & {\n background-color: $lightSelColor !important;\n border-radius: $smallBorderRadius;\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\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\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 &:focus {\n outline: none;\n }\n\n .checkbox {\n @include margin-right($elementInnerSpacing);\n }\n }\n }\n\n // table views\n .tableview {\n thead {\n th.selectallcontainer {\n outline: none;\n }\n }\n\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 outline: none;\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 that follows a , 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 &:focus {\n outline: none;\n }\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-input {\n @include padding-left(35px);\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 box-shadow: none;\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 }\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 &:focus {\n outline: none;\n }\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 outline: none;\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 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 & > .notice,\n & > .warning {\n margin: 5px 0 0;\n }\n\n & > .input {\n position: relative;\n\n &:after {\n @include clearafter;\n }\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 outline: none;\n border-color: $inputColor;\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/* 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 outline: 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 display: flex;\n align-items: center;\n\n .password {\n flex: 1;\n border: none;\n background: transparent;\n box-shadow: none;\n }\n\n .password-toggle {\n @include padding-right(7px);\n color: $linkColor;\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 .clear-btn {\n width: 20px;\n @include margin-left(4px);\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\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 outline: none;\n\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 position: relative;\n @include padding-left(440px);\n background-color: $grey050;\n overflow: hidden;\n box-shadow: none;\n\n &:after {\n display: block;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n visibility: visible;\n content: '.';\n font-size: 0;\n border-radius: $smallBorderRadius;\n box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n user-select: none;\n pointer-events: none;\n }\n }\n }\n\n .mc-sidebar {\n position: absolute;\n top: 0;\n margin: 0;\n border: none;\n height: 100%;\n box-sizing: border-box;\n\n .mc-col-items {\n margin-top: -1px;\n padding-top: 1px;\n }\n\n &.block-types {\n @include left(0);\n width: 200px;\n\n .mc-col-items {\n .btn {\n margin: 14px;\n }\n }\n }\n\n &.mc-fields {\n @include left(200px);\n width: 240px;\n z-index: 1;\n background: #fff;\n box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 2px 5px -2px transparentize($grey900, 0.8);\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 height: 100%;\n\n & > .mc-col-inner-container {\n & > .mc-col-heading {\n padding-left: 24px;\n padding-right: 24px;\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 outline: none;\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.big {\n background-image: url(../images/spinner_big_2x.gif);\n background-size: 48px;\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: $grey350;\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// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue700;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 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\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 box-shadow: inset 0 1px 4px -1px transparentize($inputColor, 0.75);\n background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n outline: none;\n border-color: transparentize($inputColor, 0.2);\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 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 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: none;\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#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 a {\n color: $sidebarLinkStaticColor;\n transition: color linear 100ms;\n text-decoration: none;\n }\n\n & > a,\n *:not(.has-subnav) > a {\n outline: none;\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: $errorColor;\n padding: 11px 0;\n text-align: center;\n color: $white;\n\n li {\n padding: 4px 24px;\n\n &:before {\n @include icon;\n @include margin(-1px, 3px, 0, 0);\n content: 'alert';\n font-size: 16px;\n }\n\n a {\n color: $white;\n text-decoration: underline;\n\n &.go {\n text-decoration: none;\n white-space: nowrap;\n border: 1px solid transparentize($white, 0.5);\n border-radius: $mediumBorderRadius;\n padding: 3px 5px;\n margin: 0 2px;\n\n &:after {\n color: $white;\n }\n\n &:hover {\n border-color: $white;\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\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\n &.notice {\n background-color: $noticeColor;\n }\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 box-shadow: none;\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: 24px -24px -24px;\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 box-shadow: none;\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\n &:after {\n @include clearafter;\n }\n\n & > .item {\n display: none;\n box-sizing: border-box;\n }\n}\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 .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 justify-content: center;\n\n & + .lp-iframe-container {\n padding-top: 50px;\n }\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}\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 outline: 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$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 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 }\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 &:focus {\n outline: none;\n }\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"]} \ No newline at end of file diff --git a/src/web/assets/cp/dist/js/Craft.min.js b/src/web/assets/cp/dist/js/Craft.min.js index 579b800c05d..1c7f8179c61 100644 --- a/src/web/assets/cp/dist/js/Craft.min.js +++ b/src/web/assets/cp/dist/js/Craft.min.js @@ -1,2 +1,2 @@ -!function(t){var s=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi;jQuery.htmlPrefilter=function(t){return t.replace(s,"<$1>")},t.extend(Craft,{navHeight:48,t:function(t,e,i){return void 0!==Craft.translations[t]&&void 0!==Craft.translations[t][e]&&(e=Craft.translations[t][e]),i?this.formatMessage(e,i):e},formatMessage:function(t,e){let i;if(!1===(i=this._tokenizePattern(t)))throw"Message pattern is invalid.";for(let t=0;tt?(s++,i=t):(s--,i=r),0===s&&(n.push(a.slice(e+1,i).join("").split(",",3)),e=i+1,n.push(a.slice(e,t).join("")),e=t),0!==s&&(!1===t||!1===r))break}return 0===s&&n},_parseToken:function(t,e){const i=Craft.trim(t[0]);if(void 0===e[i])return`{${t.join(",")}}`;const s=e[i],a=void 0!==t[1]?Craft.trim(t[1]):"none";switch(a){case"number":let i=void 0!==t[2]?Craft.trim(t[2]):null;if(null!==i&&"integer"!==i)throw"Message format 'number' is only supported for integer values.";let n,r=Craft.formatNumber(s);return null===i&&-1!==(n=(""+s).indexOf("."))&&(r+="."+s.substr(n+1)),r;case"none":return s;case"plural":if(void 0===t[2])return!1;let o=this._tokenizePattern(t[2]);const l=o.length;let h=!1,d=0;for(let t=0;t+1t.replace("#",s-d)).join(","))}if(!1!==h)return this.formatMessage(h,e);break;default:throw`Message format '${a}' is not supported.`}return!1},formatDate:function(e){return"object"!=typeof e&&(e=new Date(e)),t.datepicker.formatDate(Craft.datepickerOptions.dateFormat,e)},formatNumber:function(t,e){return void 0===e&&(e=",.0f"),d3.formatLocale(d3FormatLocaleDefinition).format(e)(t)},escapeHtml:function(e){return t("
").text(e).html()},escapeRegex:function(t){return t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},getText:function(e){return t("
").html(e).text()},encodeUriComponent:function(t){t=encodeURIComponent(t);var e={"!":"%21","*":"%2A","'":"%27","(":"%28",")":"%29"};for(var i in e){var s=new RegExp("\\"+i,"g");t=t.replace(s,e[i])}return t},selectFullValue:function(e){var i=t(e),s=i.val();if(void 0!==i[0].setSelectionRange){var a=2*s.length;i[0].setSelectionRange(0,a)}else i.val(s)},formatInputId:function(t){return this.rtrim(t.replace(/[\[\]\\]+/g,"-"),"-")},getUrl:function(e,i,s){"string"!=typeof e&&(e="");var a="";if(t.isPlainObject(i)){var n=[];for(var r in i)if(i.hasOwnProperty(r)){var o=i[r];"#"===r?a=o:null!==o&&""!==o&&n.push(r+"="+o)}i=n}i=Garnish.isArray(i)?i.join("&"):Craft.trim(i,"&?");var l=e.indexOf("#");-1!==l&&(a||(a=e.substr(l+1)),e=e.substr(0,l));var h,d=e.indexOf("?");if(-1!==d&&(i=e.substr(d+1)+(i?"&"+i:""),e=e.substr(0,d)),-1!==e.search("://")||"/"===e[0])return e+(i?"?"+i:"")+(a?"#"+a:"");if(e=Craft.trim(e,"/"),s){if(h=s,e&&Craft.pathParam){var c=h.match(new RegExp("[&?]"+Craft.escapeRegex(Craft.pathParam)+"=[^&]+"));c&&(h=h.replace(c[0],Craft.rtrim(c[0],"/")+"/"+e),e="")}}else h=Craft.baseUrl;if(-1!==(d=h.indexOf("?"))&&(i=h.substr(d+1)+(i?"&"+i:""),h=h.substr(0,d)),!Craft.omitScriptNameInUrls&&e)if(Craft.usePathInfo||!Craft.pathParam)-1===h.search(Craft.scriptName)&&(h=Craft.rtrim(h,"/")+"/"+Craft.scriptName);else{if(i&&i.substr(0,Craft.pathParam.length+1)===Craft.pathParam+"="){var u,p=i.indexOf("&");-1!==p?(u=i.substring(2,p),i=i.substr(p+1)):(u=i.substr(2),i=null),e=(u=Craft.rtrim(u))+(e?"/"+e:"")}i=Craft.pathParam+"="+e+(i?"&"+i:""),e=null}return e&&(h=Craft.rtrim(h,"/")+"/"+e),i&&(h+="?"+i),a&&(h+="#"+a),h},getCpUrl:function(t,e){return this.getUrl(t,e,Craft.baseCpUrl)},getSiteUrl:function(t,e){return this.getUrl(t,e,Craft.baseSiteUrl)},getActionUrl:function(t,e){return Craft.getUrl(t,e,Craft.actionUrl)},redirectTo:function(t){document.location.href=this.getUrl(t)},getCsrfInput:function(){return Craft.csrfTokenName?'':""},postActionRequest:function(e,i,s,a){"function"==typeof i&&(a=s,s=i,i={}),(a=a||{}).contentType&&a.contentType.match(/\bjson\b/)&&("object"==typeof i&&(i=JSON.stringify(i)),a.contentType="application/json; charset=utf-8");var n=t.ajax(t.extend({url:Craft.getActionUrl(e),type:"POST",dataType:"json",headers:this._actionHeaders(),data:i,success:s,error:function(t,e,i){4===t.readyState&&(void 0!==Craft.cp?Craft.cp.displayError():alert(Craft.t("app","A server error occurred.")),s&&s(null,e,t))}},a));return"function"==typeof a.send&&a.send(n),n},_waitingOnAjax:!1,_ajaxQueue:[],queueActionRequest:function(t,e,i,s){"function"==typeof e&&(s=i,i=e,e=void 0),Craft._ajaxQueue.push([t,e,i,s]),Craft._waitingOnAjax||Craft._postNextActionRequestInQueue()},_postNextActionRequestInQueue:function(){Craft._waitingOnAjax=!0;var t=Craft._ajaxQueue.shift();Craft.postActionRequest(t[0],t[1],(function(e,i,s){t[2]&&"function"==typeof t[2]&&t[2](e,i,s),Craft._ajaxQueue.length?Craft._postNextActionRequestInQueue():Craft._waitingOnAjax=!1}),t[3])},_actionHeaders:function(){let t={"X-Registered-Asset-Bundles":Object.keys(Craft.registeredAssetBundles).join(","),"X-Registered-Js-Files":Object.keys(Craft.registeredJsFiles).join(",")};return Craft.csrfTokenValue&&(t["X-CSRF-Token"]=Craft.csrfTokenValue),t},sendActionRequest:function(e,i,s){return new Promise((a,n)=>{(s=s?t.extend({},s):{}).method=e,s.url=Craft.getActionUrl(i),s.headers=t.extend({"X-Requested-With":"XMLHttpRequest"},s.headers||{},this._actionHeaders()),s.params=t.extend({},s.params||{},{v:(new Date).getTime()}),axios.request(s).then(a).catch(n)})},_processedApiHeaders:!1,sendApiRequest:function(e,i,s){return new Promise((a,n)=>{let r=(s=s?t.extend({},s):{}).cancelToken||null;this.getApiHeaders(r).then(o=>{s.method=e,s.baseURL=Craft.baseApiUrl,s.url=i,s.headers=t.extend(o,s.headers||{}),s.params=t.extend(Craft.apiParams||{},s.params||{},{v:(new Date).getTime()}),axios.request(s).then(t=>{a(t.data),this._processedApiHeaders||(t.headers["x-craft-license-status"]?(this._processedApiHeaders=!0,this.sendActionRequest("POST","app/process-api-response-headers",{data:{headers:t.headers},cancelToken:r}),this._apiHeaders&&"__REQUEST__"===this._apiHeaders["X-Craft-License"]&&(this._apiHeaders["X-Craft-License"]=window.cmsLicenseKey=t.headers["x-craft-license"],this._resolveHeaderWaitlist())):this._apiHeaders&&"__REQUEST__"===this._apiHeaders["X-Craft-License"]&&this._apiHeaderWaitlist.length&&this._apiHeaderWaitlist.shift()[0](this._apiHeaders))}).catch(n)}).catch(n)})},_loadingApiHeaders:!1,_apiHeaders:null,_apiHeaderWaitlist:[],getApiHeaders:function(t){return new Promise((i,s)=>{this._loadingApiHeaders?this._apiHeaderWaitlist.push([i,s]):this._apiHeaders?i(this._apiHeaders):(this._loadingApiHeaders=!0,this.sendActionRequest("POST","app/api-headers",{cancelToken:t}).then(t=>{this._loadingApiHeaders?(this._apiHeaders=t.data,i(this._apiHeaders),"__REQUEST__"!==t.data["X-Craft-License"]&&this._resolveHeaderWaitlist()):s(e)}).catch(t=>{for(this._loadingApiHeaders=!1,s(t);this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[1](t)}))})},_resolveHeaderWaitlist:function(){for(this._loadingApiHeaders=!1;this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[0](this._apiHeaders)},clearCachedApiHeaders:function(){for(this._apiHeaders=null,this._processedApiHeaders=!1,this._loadingApiHeaders=!1;this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[1]()},downloadFromUrl:function(t,e,i){return new Promise((s,a)=>{let n=new XMLHttpRequest;n.open(t,e,!0),"object"==typeof i?(n.setRequestHeader("Content-Type","application/json; charset=UTF-8"),i=JSON.stringify(i)):n.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),n.responseType="blob",n.onload=function(){if(200===n.status){let t=n.getResponseHeader("content-disposition"),e=/"([^"]*)"/.exec(t),i=null!=e&&e[1]?e[1]:"Download",a=n.getResponseHeader("content-type"),r=new Blob([n.response],{type:a}),o=document.createElement("a");o.href=window.URL.createObjectURL(r),o.download=i,document.body.appendChild(o),o.click(),document.body.removeChild(o),s()}else a()}.bind(this),n.send(i)})},stringToArray:function(e){if("string"!=typeof e)return e;for(var i=e.split(","),s=0;se.length?1:-1}));for(var s=this._groupParamsByDeltaNames(t.split("&"),i,!1,!0),a=this._groupParamsByDeltaNames(e.split("&"),i,!0,!1),n=a.__root__,r=0;r=0;n--)if((r=decodeURIComponent(e[l]).substr(0,i[n].length+1))===i[n]+"="||r===i[n]+"["){void 0===o[i[n]]&&(o[i[n]]=[]),o[i[n]].push(e[l]);continue t}s&&o.__root__.push(e[l])}if(a)for(let e in Craft.initialDeltaValues)Craft.initialDeltaValues.hasOwnProperty(e)&&(o[e]=[encodeURIComponent(e)+"="+t.param(Craft.initialDeltaValues[e])]);return o},expandPostArray:function(t){var e,i={};for(var s in t)if(t.hasOwnProperty(s)){var a,n=t[s],r=s.match(/^(\w+)(\[.*)?/);if(r[2])for(a=r[2].match(/\[[^\[\]]*\]/g),e=0;e",{attr:{method:"post",action:"","accept-charset":"UTF-8"}});if("string"==typeof e)for(var s,a=e.split("&"),n=0;n",{type:"hidden",name:decodeURIComponent(s[0]),value:decodeURIComponent(s[1]||"")}).appendTo(i);return i},compare:function(t,e,i){if(typeof t!=typeof e)return!1;if("object"==typeof t){if(t.length!==e.length)return!1;if(t instanceof Array!=e instanceof Array)return!1;if(!(t instanceof Array))if(void 0===i||!0===i){if(!Craft.compare(Craft.getObjectKeys(t).sort(),Craft.getObjectKeys(e).sort()))return!1}else if(!Craft.compare(Craft.getObjectKeys(t),Craft.getObjectKeys(e)))return!1;for(var s in t)if(t.hasOwnProperty(s)&&!Craft.compare(t[s],e[s]))return!1;return!0}return t===e},getObjectKeys:function(t){var e=[];for(var i in t)t.hasOwnProperty(i)&&e.push(i);return e},escapeChars:function(t){Garnish.isArray(t)||(t=t.split());for(var e="",i=0;i]*href="(?:'+a.join("|")+')".*?><\/script>',"g");e=e.replace(r,"")}t("head").append(e)}},appendFootHtml:function(e){if(e){var i=t("script[src]");if(i.length){for(var s,a=[],n=0;n]*src="(?:'+a.join("|")+')".*?><\/script>',"g");e=e.replace(r,"")}Garnish.$bod.append(e)}},initUiElements:function(e){t(".grid",e).grid(),t(".info",e).infoicon(),t(".checkbox-select",e).checkboxselect(),t(".fieldtoggle",e).fieldtoggle(),t(".lightswitch",e).lightswitch(),t(".nicetext",e).nicetext(),t(".pill",e).pill(),t(".formsubmit",e).formsubmit(),t(".menubtn",e).menubtn(),t(".datetimewrapper",e).datetime()},_elementIndexClasses:{},_elementSelectorModalClasses:{},_elementEditorClasses:{},registerElementIndexClass:function(t,e){if(void 0!==this._elementIndexClasses[t])throw"An element index class has already been registered for the element type “"+t+"”.";this._elementIndexClasses[t]=e},registerElementSelectorModalClass:function(t,e){if(void 0!==this._elementSelectorModalClasses[t])throw"An element selector modal class has already been registered for the element type “"+t+"”.";this._elementSelectorModalClasses[t]=e},registerElementEditorClass:function(t,e){if(void 0!==this._elementEditorClasses[t])throw"An element editor class has already been registered for the element type “"+t+"”.";this._elementEditorClasses[t]=e},createElementIndex:function(t,e,i){return new(void 0!==this._elementIndexClasses[t]?this._elementIndexClasses[t]:Craft.BaseElementIndex)(t,e,i)},createElementSelectorModal:function(t,e){return new(void 0!==this._elementSelectorModalClasses[t]?this._elementSelectorModalClasses[t]:Craft.BaseElementSelectorModal)(t,e)},createElementEditor:function(e,i,s){return void 0===s&&t.isPlainObject(i)?(s=i,i=null):"object"!=typeof s&&(s={}),s.elementType||(s.elementType=e),new(void 0!==this._elementEditorClasses[e]?this._elementEditorClasses[e]:Craft.BaseElementEditor)(i,s)},getLocalStorage:function(t,e){return t="Craft-"+Craft.systemUid+"."+t,"undefined"!=typeof localStorage&&void 0!==localStorage[t]?JSON.parse(localStorage[t]):e},setLocalStorage:function(t,e){if("undefined"!=typeof localStorage){t="Craft-"+Craft.systemUid+"."+t;try{localStorage[t]=JSON.stringify(e)}catch(t){}}},removeLocalStorage:function(t){"undefined"!=typeof localStorage&&localStorage.removeItem(`Craft-${Craft.systemUid}.${t}`)},getCookie:function(t){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)Craft-${Craft.systemUid}:${t}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")},setCookie:function(e,i,s){s=t.extend({},this.defaultCookieOptions,s);let a=`Craft-${Craft.systemUid}:${e}=${encodeURIComponent(i)}`;s.path&&(a+=";path="+s.path),s.domain&&(a+=";domain="+s.domain),s.maxAge?a+=";max-age-in-seconds="+s.maxAge:s.expires&&(a+=";expires="+s.expires.toUTCString()),s.secure&&(a+=";secure"),document.cookie=a},removeCookie:function(t){this.setCookie(t,"",new Date("1970-01-01T00:00:00"))},getElementInfo:function(e){var i=t(e);return i.hasClass("element")||(i=i.find(".element:first")),{id:i.data("id"),siteId:i.data("site-id"),label:i.data("label"),status:i.data("status"),url:i.data("url"),hasThumb:i.hasClass("hasthumb"),$element:i}},setElementSize:function(e,i){var s=t(e);if("small"!==i&&"large"!==i&&(i="small"),!s.hasClass(i)){var a="small"===i?"large":"small";if(s.addClass(i).removeClass(a),s.hasClass("hasthumb")){var n=s.find("> .elementthumb > img"),r=t("",{sizes:("small"===i?"30":"100")+"px",srcset:n.attr("srcset")||n.attr("data-pfsrcset")});n.replaceWith(r),picturefill({elements:[r[0]]})}}},submitForm:function(e,i){if(void 0===i&&(i={}),!i.confirm||confirm(i.confirm)){if(i.action&&t("",{type:"hidden",name:"action",val:i.action}).appendTo(e),i.redirect&&t("",{type:"hidden",name:"redirect",val:i.redirect}).appendTo(e),i.params)for(let s in i.params){let a=i.params[s];t("",{type:"hidden",name:s,val:a}).appendTo(e)}i.retainScroll&&this.setLocalStorage("scrollY",window.scrollY),e.trigger(t.extend({type:"submit"},i.data))}}}),t.extend(t.fn,{animateLeft:function(t,e,i,s){return"ltr"===Craft.orientation?this.velocity({left:t},e,i,s):this.velocity({right:t},e,i,s)},animateRight:function(t,e,i,s){return"ltr"===Craft.orientation?this.velocity({right:t},e,i,s):this.velocity({left:t},e,i,s)},disable:function(){return this.each((function(){var e=t(this);e.addClass("disabled"),e.data("activatable")&&e.removeAttr("tabindex")}))},enable:function(){return this.each((function(){var e=t(this);e.removeClass("disabled"),e.data("activatable")&&e.attr("tabindex","0")}))},grid:function(){return this.each((function(){var e=t(this),i={};e.data("item-selector")&&(i.itemSelector=e.data("item-selector")),e.data("cols")&&(i.cols=parseInt(e.data("cols"))),e.data("max-cols")&&(i.maxCols=parseInt(e.data("max-cols"))),e.data("min-col-width")&&(i.minColWidth=parseInt(e.data("min-col-width"))),e.data("mode")&&(i.mode=e.data("mode")),e.data("fill-mode")&&(i.fillMode=e.data("fill-mode")),e.data("col-class")&&(i.colClass=e.data("col-class")),e.data("snap-to-grid")&&(i.snapToGrid=!!e.data("snap-to-grid")),new Craft.Grid(this,i)}))},infoicon:function(){return this.each((function(){new Craft.InfoIcon(this)}))},checkboxselect:function(){return this.each((function(){t.data(this,"checkboxselect")||new Garnish.CheckboxSelect(this)}))},fieldtoggle:function(){return this.each((function(){t.data(this,"fieldtoggle")||new Craft.FieldToggle(this)}))},lightswitch:function(e,i,s){return"settings"===e?("string"==typeof i?(e={})[i]=s:e=i,this.each((function(){var i=t.data(this,"lightswitch");i&&i.setSettings(e)}))):(t.isPlainObject(e)||(e={}),this.each((function(){var i=t.extend({},e);Garnish.hasAttr(this,"data-value")&&(i.value=t(this).attr("data-value")),Garnish.hasAttr(this,"data-indeterminate-value")&&(i.indeterminateValue=t(this).attr("data-indeterminate-value")),t.data(this,"lightswitch")||new Craft.LightSwitch(this,i)})))},nicetext:function(){return this.each((function(){t.data(this,"nicetext")||new Garnish.NiceText(this)}))},pill:function(){return this.each((function(){t.data(this,"pill")||new Garnish.Pill(this)}))},formsubmit:function(){return this.on("click",(function(e){let i=t(e.currentTarget),s=i.data("params")||{};i.data("param")&&(s[i.data("param")]=i.data("value"));let a=i.data("menu")?i.data("menu").$anchor:i,n=a.attr("data-form")?t("#"+a.attr("data-form")):a.closest("form");Craft.submitForm(n,{confirm:i.data("confirm"),action:i.data("action"),redirect:i.data("redirect"),params:s,data:{customTrigger:i}})}))},menubtn:function(){return this.each((function(){var e=t(this);if(!e.data("menubtn")&&e.next().hasClass("menu")){var i={};e.data("menu-anchor")&&(i.menuAnchor=e.data("menu-anchor")),new Garnish.MenuBtn(e,i)}}))},datetime:function(){return this.each((function(){let e=t(this),i=e.find('input:not([name$="[timezone]"])'),s=()=>{let s=!1;for(let t=0;t",{type:"button",class:"clear-btn",title:Craft.t("app","Clear")}).appendTo(e).on("click",()=>{for(let t=0;t');if(1===e.sites.length)t("
",{text:e.sites[0].name}).appendTo(a);else{var n=t('
').appendTo(a);this.$siteSelect=t("').hide().insertBefore(this.$uploadButton)),this.promptHandler=new Craft.PromptHandler,this.progressBar=new Craft.ProgressBar(this.$main,!0);var e={url:Craft.getActionUrl("assets/upload"),fileInput:this.$uploadInput,dropZone:this.$container};e.events={fileuploadstart:t.proxy(this,"_onUploadStart"),fileuploadprogressall:t.proxy(this,"_onUploadProgress"),fileuploaddone:t.proxy(this,"_onUploadComplete")},this.settings.criteria&&void 0!==this.settings.criteria.kind&&(e.allowedKinds=this.settings.criteria.kind),this._currentUploaderSettings=e,this.uploader=new Craft.Uploader(this.$uploadButton,e),this.$uploadButton.on("click",t.proxy((function(){this.$uploadButton.hasClass("disabled")||this.isIndexBusy||this.$uploadButton.parent().find("input[name=assets-upload]").trigger("click")}),this)),this.base()},getDefaultSourceKey:function(){if("index"===this.settings.context&&"undefined"!=typeof defaultVolumeHandle)for(var e=0;e').insertAfter(this.$search);var i=t('
').appendTo(this.$includeSubfoldersContainer);this.$includeSubfoldersCheckbox=t('').appendTo(i),t('