{"version":3,"file":"../css/app.css","mappings":"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ACE,CACA,0BACA,YACA,QAGF,uBACE,gBAGF,oCACE,aAGF,gBAGE,UAIF,kBACE,CAJA,+BAGF,CACE,mBACA,mBACA,qBACA,wBAGF,aAME,kBACA,CAFA,4BACA,CALA,mBAGF,kBAGE,gCACA,eAGF,iCACE,cAQA,wDACA,CADA,uCACA,CADA,0BACA,YACA,CANF,QACE,CAOA,iBACA,CAFA,cACA,CAPA,eACA,CAIA,qBACA,CAVA,OAYA,sBAMA,cACA,CANA,cAGF,CACE,WACA,CAFF,UAGE,kBACA,gBAGF,YACE,kBACA,kBAKA,wDACA,CADA,uCACA,CADA,0BACA,iBACA,WACA,iBACA,WACA,kBAQA,qBACA,CARA,aAGF,YACE,CAEA,kBACA,CAHA,aACA,cAGA,YAOA,qBACA,yBACA,CAJA,YACA,gBACA,CANA,kBAGF,YAKE,iBAIF,QACE,CAJA,SAIA,iBAIF,YACE,CAJA,WAIA,kBAKA,cACA,CAFF,WACE,CACA,aACA,kBACA,CAPA,UAOA,uCACA,SAEA,sBAKF,iBACE,CALE,eAKF,wBACA,SAGF,iBAKE,oBACA,mBACA,qCANA,QAGF,UAQE,uBAKA,uBACA,CAFF,aACE,CAEA,eACA,CAPA,eAGF,CAEE,oBACA,CACA,sBACA,+BACA,iBAGF,yHACE,wBAGF,6BAIE,uBAGF,8GACE,gBAGF,gBAGE,yLAIF,eAQE,CAXA,YAWA,uBAWA,kBACA,CAFA,+BACA,CAFA,aACA,CATA,cAGF,eACE,gBACA,CACA,QACA,oBACA,CAHA,kBAMA,iBAKA,kEACA,CAFF,cACE,CAJA,YAKA,mCAIF,UAEE,CALA,oBAKA,gBAIF,UACE,CACA,WACA,CANA,WAGF,CACE,UAEA,yBACA,WAGF,iEAOE,wBACA,CAPA,SAGF,UAIE,sBACA,oBAGF,mBAKE,UACA,CAFF,WACE,CAJA,UAKA,4BACA,WAGF,iCACE,qBAGF,CAGE,cACA,CAFA,aACA,CAHF,WAIE,iBAIF,4BACE,CACA,WACA,iBACA,CAHA,iBACA,CALA,SAOA,iBAIF,WACE,iBACA,CALA,eAKA,uIAUA,wBACA,CAPF,wBAME,CA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","sources":["webpack://@backbee/toolbar-legacy/./resources/sass/base/_cloud-mixins.scss","webpack://@backbee/toolbar-legacy/./resources/sass/base/_cloud-font.scss","webpack://@backbee/toolbar-legacy/./resources/sass/base/_cloud-variables.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_ckeditor_skin.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_ckeditor_dialog.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_ckeditor.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_flag-icon.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_cropper.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_magicsuggest.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_spectrum.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-reset.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_nestable.scss","webpack://@backbee/toolbar-legacy/./resources/sass/vendor/_flatpickr.scss","webpack://@backbee/toolbar-legacy/./node_modules/bootstrap/scss/_variables.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-panel.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-panel-items.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-form.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-form-imagelist.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-form-autocomplete.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-buttons.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-tags.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-toolbar.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-table.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-pagination.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-grid.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-modal.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-placeholder.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-edit.scss","webpack://@backbee/toolbar-legacy/./node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-edit-content.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-popover.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-notifier.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-loader.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-add-content.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-overlay.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-elements.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_cloud-medialibrary.scss","webpack://@backbee/toolbar-legacy/./resources/sass/partials/_extra.scss"],"sourcesContent":["// ©BackBee-Cloud - v4.3.0 OCTOBRE 2024 - ONEBASE*/\n//\n// Cloud UI SASS mixins Cloud UI\n\n// out: null, main: cloud.less\n\n// Browser prefixes\n// Transform\n@mixin transform($transforms) {\n  -webkit-transform: $transforms;\n  -moz-transform: $transforms;\n  -ms-transform: $transforms;\n  transform: $transforms;\n}\n\n// Blur\n@mixin blur($blur){\n  filter: blur($blur);\n  -moz-filter: blur($blur);\n  -webkit-filter: blur($blur);\n  -o-filter: blur($blur);\n}\n\n// Word wrapping\n@mixin word-wrap() {\n  -ms-word-break: break-all;\n  word-break: break-all;\n  word-break: break-word;\n  -webkit-hyphens: auto;\n  -moz-hyphens: auto;\n  hyphens: auto;\n}\n\n// Translate\n@mixin translate3d ($x, $y, $z) {\n  @include transform(translate3d($x, $y, $z));\n}\n\n// Box sizing\n@mixin box-sizing($boxmodel) {\n  -webkit-box-sizing: $boxmodel;\n     -moz-box-sizing: $boxmodel;\n          box-sizing: $boxmodel;\n}\n\n// Placeholder text\n@mixin placeholder($color, $style) {\n  // Firefox\n  &::-moz-placeholder {\n    color: $color;\n    font-style: $style;\n    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n  }\n  &:-ms-input-placeholder {\n    color: $color;\n    font-style: $style;\n  } // Internet Explorer 10+\n  &::-webkit-input-placeholder  {\n    color: $color;\n    font-style: $style;\n  } // Safari and Chrome\n}\n\n// User select\n// For selecting text on the page\n@mixin user-select($select) {\n  -webkit-user-select: $select;\n     -moz-user-select: $select;\n      -ms-user-select: $select; // IE10+\n          user-select: $select;\n}\n\n// Transitions\n@mixin transition($transition) {\n  -webkit-transition: $transition;\n       -o-transition: $transition;\n          transition: $transition;\n}\n\n// Appearance\n@mixin appearance-none {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -ms-appearance: none;\n  -o-appearance: none;\n  appearance: none;\n}\n\n// Shadow\n@mixin box-shadow($shadow) {\n  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\n          box-shadow: $shadow;\n}\n\n// .drop-shadow(@box-shadow: 0 6px 12px rgba(0,0,0,.175)) {\n//   .box-shadow(@box-shadow);\n// }\n\n// Opacity\n@mixin opacity($opacity) {\n  opacity: $opacity;\n  $opacity-ie: $opacity * 100;\n  filter: alpha(opacity=$opacity-ie); //IE8\n}\n\n// Animation\n@mixin animation($animation) {\n  -webkit-animation: $animation;\n       -o-animation: $animation;\n          animation: $animation;\n}\n\n// Rotate\n@mixin rotate($rotation) {\n    -webkit-transform: rotate($rotation);\n    -moz-transform: rotate($rotation);\n    -ms-transform: rotate($rotation);\n    -o-transform: rotate($rotation);\n    transform: rotate($rotation);\n}\n\n// Box-sizing\n@mixin box-sizing($box-sizing) {\n    -webkit-box-sizing: $box-sizing;\n    -moz-box-sizing: $box-sizing;\n    box-sizing: $box-sizing;\n}\n\n@mixin transition-property($transition) {\n    -webkit-transition-property: $transition;\n    -moz-transition-property: $transition;\n    -o-transition-property: $transition;\n    transition-property: $transition;\n}\n\n@mixin transition-duration($duration) {\n    -webkit-transition-duration: $duration;\n    -moz-transition-duration: $duration;\n    -o-transition-duration: $duration;\n    transition-duration: $duration;\n}\n\n@mixin transition-timing-function($timing){\n    -webkit-transition-timing-function: $timing;\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin scale($ratio) {\n  -webkit-transform: scale($ratio);\n      -ms-transform: scale($ratio); // IE9 only\n       -o-transform: scale($ratio);\n          transform: scale($ratio);\n}\n\n@mixin transform-origin($origin) {\n  -webkit-transform-origin: $origin;\n     -moz-transform-origin: $origin;\n      -ms-transform-origin: $origin; // IE9 only\n          transform-origin: $origin;\n}\n\n@mixin transition-delay($transition-delay) {\n  -webkit-transition-delay: $transition-delay;\n          transition-delay: $transition-delay;\n}\n\n// .skew(@x; @y) {\n//   -webkit-transform: skewX(@x) skewY(@y);\n//       -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n//        -o-transform: skewX(@x) skewY(@y);\n//           transform: skewX(@x) skewY(@y);\n// }\n\n// Linear gradient\n@mixin linear-gradient($from, $to, $stop: 100%) {\n  background-color: $from;\n  background-image: -moz-linear-gradient(left, $from 0%, $to $stop);\n  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $from), color-stop($stop, $to));\n  background-image: -webkit-linear-gradient(left, $from 0%, $to $stop);\n  background-image: -o-linear-gradient(left, $from 0%, $to $stop);\n  background: -ms-linear-gradient(left, $from 0%, $to $stop);\n  background: linear-gradient(to right, $from 0%, $to $stop);\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );\n}\n\n// Blur\n@mixin blur($blur){\n  filter: blur($blur);\n  -moz-filter: blur($blur);\n  -webkit-filter: blur($blur);\n  -o-filter: blur($blur);\n}\n\n// Image svg\n@mixin image-svg($image) {\n  background-image: url('#{$img-path}/#{$image}.svg');\n}\n\n// Animation\n@mixin keyframes($keyframes) {\n  @-webkit-keyframes #{$keyframes} {\n    @content;\n  }\n  @-moz-keyframes #{$keyframes} {\n    @content;\n  }\n  @-ms-keyframes #{$keyframes} {\n    @content;\n  }\n  @-o-keyframes #{$keyframes} {\n    @content;\n  }\n  @keyframes #{$keyframes} {\n    @content;\n  }\n}\n\n// New content fade in\n@include keyframes(cloudHeighlight) {\n  0% {\n    opacity: 0;\n    outline: 2px solid $cloud-brand;\n  }\n  100% {\n    outline-color: transparent;\n    opacity: 1;\n  }\n}\n\n//BG color overlay\n@include keyframes(overlayFadeIn) {\n  0% {\n    background-color: rgba(red($overlay-color), green($overlay-color), blue($overlay-color), 0);\n  }\n  100% {\n    background-color: rgba(red($overlay-color), green($overlay-color), blue($overlay-color), 0.54);\n  }\n}\n\n/////////////////////////////////////////////////\n// bbContent over\n@include keyframes(bbContentEditable) {\n  0%   {\n    box-shadow: 0px 0px 0px 1px transparent;\n  }\n  100% {\n    box-shadow: 0px 0px 0px 1px $border-clr;\n  }\n}\n\n/////////////////////////////////////////////////\n// bbPlugin fade in\n@include keyframes(pluginFadeIn) {\n  0%   {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/////////////////////////////////////////////////\n// Ico insert\n@include keyframes(icoInsert) {\n  0%   {\n    height: 10px;\n  }\n  50% {\n    height: 5px;\n  }\n  100% {\n    height: 0;\n  }\n}","// Cloud - Font (Generate by ICOMOON)\r\n\r\n.cloud-ico-plus {\r\n    $btn-w: 16px;\r\n\r\n    display: inline-block;\r\n    width: $btn-w;\r\n    height: $btn-w;\r\n    position: relative;\r\n    @include transition-delay(250ms);\r\n    margin: 2px;\r\n\r\n    i {\r\n        display: block;\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 2px;\r\n        border-radius: 50%;\r\n        background-color: $cloud-brand;\r\n        top: 50%;\r\n        left: 50%;\r\n        margin: -1px 0 0 -1px;\r\n        @include transition-delay(400ms);\r\n\r\n        &:before, &:after {\r\n            content:\"\";\r\n            position: absolute;\r\n            left: 0;\r\n            height: calc($btn-w / 2);\r\n            width: 2px;\r\n            background-color: $cloud-brand;\r\n            @include transition(400ms all linear);\r\n        }\r\n\r\n        &:before {\r\n            top:0;\r\n        }\r\n\r\n        &:after {\r\n            bottom:0;\r\n        }\r\n    }\r\n\r\n    i + i {\r\n        @include rotate(90deg);\r\n    }\r\n\r\n    .cloud-insert.fixed .btn-plugin & {\r\n\r\n        i {\r\n            background-color: transparent;\r\n\r\n            &:before, &:after {\r\n                height: 0;\r\n                @include animation(icoInsert 400ms ease);\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n@font-face {\r\n  font-family: 'font-cloud';\r\n  src:  url('#{$ico-path}/font-cloud.eot?jlgnq7');\r\n  src:  url('#{$ico-path}/font-cloud.eot?jlgnq7#iefix') format('embedded-opentype'),\r\n    url('#{$ico-path}/font-cloud.ttf?jlgnq7') format('truetype'),\r\n    url('#{$ico-path}/font-cloud.woff?jlgnq7') format('woff'),\r\n    url('#{$ico-path}/font-cloud.svg?jlgnq7#font-cloud') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n.icon[class*=icon-] {\r\n    /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'font-cloud' !important;\r\n  speak: none;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  line-height: 1;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.icon-downloadablefile:before {\r\n  content: \"\\e955\";\r\n}\r\n.icon-cookieselector:before {\r\n  content: \"\\e954\";\r\n}\r\n.icon-lock:before {\r\n  content: \"\\e953\";\r\n}\r\n.icon-cards:before {\r\n  content: \"\\e952\";\r\n}\r\n.icon-undo:before {\r\n  content: \"\\e949\";\r\n}\r\n.icon-world-alt:before {\r\n  content: \"\\e94a\";\r\n}\r\n.icon-ellipsis:before {\r\n  content: \"\\e91f\";\r\n}\r\n.icon-title:before {\r\n  content: \"\\e943\";\r\n}\r\n.icon-text:before {\r\n  content: \"\\e941\";\r\n}\r\n.icon-page-parameters:before {\r\n  content: \"\\e91e\";\r\n}\r\n.icon-contact-form:before {\r\n  content: \"\\e947\";\r\n}\r\n.icon-add:before {\r\n  content: \"\\e900\";\r\n}\r\n.icon-backbee:before {\r\n  content: \"\\e901\";\r\n}\r\n.icon-bookmark:before {\r\n  content: \"\\e902\";\r\n}\r\n.icon-copy:before {\r\n  content: \"\\e904\";\r\n}\r\n.icon-edit:before {\r\n  content: \"\\e906\";\r\n}\r\n.icon-facebook-o:before {\r\n  content: \"\\e907\";\r\n}\r\n.icon-heart:before {\r\n  content: \"\\e908\";\r\n}\r\n.icon-home:before {\r\n  content: \"\\e90a\";\r\n}\r\n.icon-image-left:before {\r\n  content: \"\\e90c\";\r\n}\r\n.icon-image-right:before {\r\n  content: \"\\e90d\";\r\n}\r\n.icon-image-text:before {\r\n  content: \"\\e90f\";\r\n}\r\n.icon-mobile:before {\r\n  content: \"\\e912\";\r\n}\r\n.icon-new-post:before {\r\n  content: \"\\e913\";\r\n}\r\n.icon-power-on:before {\r\n  content: \"\\e915\";\r\n}\r\n.icon-print:before {\r\n  content: \"\\e916\";\r\n}\r\n.icon-promo:before {\r\n  content: \"\\e917\";\r\n}\r\n.icon-quote:before {\r\n  content: \"\\e918\";\r\n}\r\n.icon-refresh:before {\r\n  content: \"\\e91c\";\r\n}\r\n.icon-section-width-l:before {\r\n  content: \"\\e91d\";\r\n}\r\n.icon-section-width-m:before {\r\n  content: \"\\e920\";\r\n}\r\n.icon-section-width-s:before {\r\n  content: \"\\e921\";\r\n}\r\n.icon-setting:before {\r\n  content: \"\\e922\";\r\n}\r\n.icon-setting-alt:before {\r\n  content: \"\\e923\";\r\n}\r\n.icon-trash:before {\r\n  content: \"\\e924\";\r\n}\r\n.icon-wifi:before {\r\n  content: \"\\e925\";\r\n}\r\n.icon-world:before {\r\n  content: \"\\e926\";\r\n}\r\n.icon-button:before {\r\n  content: \"\\e928\";\r\n}\r\n.icon-calendar:before {\r\n  content: \"\\e929\";\r\n}\r\n.icon-camera:before {\r\n  content: \"\\e92a\";\r\n}\r\n.icon-carousel:before {\r\n  content: \"\\e92b\";\r\n}\r\n.icon-cart:before {\r\n  content: \"\\e92c\";\r\n}\r\n.icon-discuss:before {\r\n  content: \"\\e92e\";\r\n}\r\n.icon-ellipsis-o:before {\r\n  content: \"\\e92f\";\r\n}\r\n.icon-email:before {\r\n  content: \"\\e930\";\r\n}\r\n.icon-ban:before {\r\n  content: \"\\e931\";\r\n}\r\n.icon-image:before {\r\n  content: \"\\e933\";\r\n}\r\n.icon-liner:before {\r\n  content: \"\\e934\";\r\n}\r\n.icon-map:before {\r\n  content: \"\\e935\";\r\n}\r\n.icon-move:before {\r\n  content: \"\\e936\";\r\n}\r\n.icon-newsletter:before {\r\n  content: \"\\e937\";\r\n}\r\n.icon-post-list-auto:before {\r\n  content: \"\\e938\";\r\n}\r\n.icon-post-list-manuel:before {\r\n  content: \"\\e939\";\r\n}\r\n.icon-question:before {\r\n  content: \"\\e93a\";\r\n}\r\n.icon-info:before {\r\n  content: \"\\e914\";\r\n}\r\n.icon-search:before {\r\n  content: \"\\e93b\";\r\n}\r\n.icon-share-alt:before {\r\n  content: \"\\e93c\";\r\n}\r\n.icon-share:before {\r\n  content: \"\\e93d\";\r\n}\r\n.icon-soundcloud:before {\r\n  content: \"\\e93e\";\r\n}\r\n.icon-x:before {\r\n  content: \"\\e960\";\r\n}\r\n.icon-bandsintown:before {\r\n  content: \"\\e927\";\r\n}\r\n.icon-adsense:before {\r\n  content: \"\\e932\";\r\n}\r\n.icon-spacer:before {\r\n  content: \"\\e93f\";\r\n}\r\n.icon-spotify:before {\r\n  content: \"\\e940\";\r\n}\r\n.icon-times:before {\r\n  content: \"\\e942\";\r\n}\r\n.icon-check:before {\r\n  content: \"\\e92d\";\r\n}\r\n.icon-plus:before {\r\n  content: \"\\e94c\";\r\n}\r\n.icon-minus:before {\r\n  content: \"\\e94d\";\r\n}\r\n.icon-align-center:before {\r\n  content: \"\\e94f\";\r\n}\r\n.icon-align-left:before {\r\n  content: \"\\e950\";\r\n}\r\n.icon-align-right:before {\r\n  content: \"\\e951\";\r\n}\r\n.icon-user:before {\r\n  content: \"\\e945\";\r\n}\r\n.icon-wall:before {\r\n  content: \"\\e946\";\r\n}\r\n.icon-play:before {\r\n  content: \"\\e94e\";\r\n}\r\n.icon-price:before {\r\n  content: \"\\e903\";\r\n}\r\n.icon-margin:before {\r\n  content: \"\\e905\";\r\n}\r\n.icon-carousel2:before {\r\n  content: \"\\e909\";\r\n}\r\n.icon-half:before {\r\n  content: \"\\e90b\";\r\n}\r\n.icon-form:before {\r\n  content: \"\\e90e\";\r\n}\r\n.icon-accordion:before {\r\n  content: \"\\e910\";\r\n}\r\n.icon-tier2:before {\r\n  content: \"\\e911\";\r\n}\r\n.icon-tier:before {\r\n  content: \"\\e919\";\r\n}\r\n.icon-redo:before {\r\n  content: \"\\e91a\";\r\n}\r\n.icon-undo2:before {\r\n  content: \"\\e91b\";\r\n}\r\n.icon-format_color_text:before {\r\n  content: \"\\e948\";\r\n}\r\n.icon-road:before {\r\n  content: \"\\f018\";\r\n}\r\n.icon-bold:before {\r\n  content: \"\\f032\";\r\n}\r\n.icon-italic:before {\r\n  content: \"\\f033\";\r\n}\r\n.icon-text-left:before {\r\n  content: \"\\f036\";\r\n}\r\n.icon-text-center:before {\r\n  content: \"\\f037\";\r\n}\r\n.icon-text-right:before {\r\n  content: \"\\f038\";\r\n}\r\n.icon-text-justify:before {\r\n  content: \"\\f039\";\r\n}\r\n.icon-tint:before {\r\n  content: \"\\f043\";\r\n}\r\n.icon-plus-circle:before {\r\n  content: \"\\f055\";\r\n}\r\n.icon-check-circle:before {\r\n  content: \"\\f058\";\r\n}\r\n.icon-list-ul:before {\r\n  content: \"\\f0ca\";\r\n}\r\n.icon-list-ol:before {\r\n  content: \"\\f0cb\";\r\n}\r\n.icon-strikethrough:before {\r\n  content: \"\\f0cc\";\r\n}\r\n.icon-underline:before {\r\n  content: \"\\f0cd\";\r\n}\r\n.icon-google-plus:before {\r\n  content: \"\\f0d5\";\r\n}\r\n.icon-facebook:before {\r\n  content: \"\\e94b\";\r\n}\r\n.icon-caret-right:before {\r\n  content: \"\\f0da\";\r\n}\r\n.icon-sort-down:before {\r\n  content: \"\\f0dd\";\r\n}\r\n.icon-angle-left:before {\r\n  content: \"\\f104\";\r\n}\r\n.icon-angle-up:before {\r\n  content: \"\\f106\";\r\n}\r\n.icon-angle-down:before {\r\n  content: \"\\f107\";\r\n}\r\n.icon-angle-right:before {\r\n  content: \"\\f105\";\r\n}\r\n.icon-circle-o:before {\r\n  content: \"\\f10c\";\r\n}\r\n.icon-circle:before {\r\n  content: \"\\f111\";\r\n}\r\n.icon-code:before {\r\n  content: \"\\f121\";\r\n}\r\n.icon-clear:before {\r\n  content: \"\\f05e\";\r\n}\r\n.icon-chain-broken:before {\r\n  content: \"\\f127\";\r\n}\r\n.icon-chain:before {\r\n  content: \"\\f0c1\";\r\n}\r\n.icon-question2:before {\r\n  content: \"\\f128\";\r\n}\r\n.icon-anchor:before {\r\n  content: \"\\f13d\";\r\n}\r\n.icon-youtube-play:before {\r\n  content: \"\\f16a\";\r\n}\r\n.icon-instagram:before {\r\n  content: \"\\f16d\";\r\n}\r\n.icon-paint-brush:before {\r\n  content: \"\\f1fc\";\r\n}\r\n.icon-clone:before {\r\n  content: \"\\f24d\";\r\n}\r\n.icon-tripadvisor:before {\r\n  content: \"\\f262\";\r\n}\r\n.icon-responsiveslider:before {\r\n  content: \"\\e958\";\r\n}\r\n.icon-author:before {\r\n  content: \"\\e956\";\r\n}\r\n.icon-information:before {\r\n  content: \"\\e914\";\r\n}\r\n.icon-about:before {\r\n  content: \"\\e914\";\r\n}\r\n.icon-page-edit:before {\r\n  content: \"\\e959\";\r\n}\r\n.icon-star:before {\r\n  content: \"\\e957\";\r\n}\r\n.icon-nbsp:before {\r\n  content: \"\\e95a\";\r\n}\r\n.icon-debug:before {\r\n  content: \"\\e95b\";\r\n}\r\n.icon-password:before {\r\n  content: \"\\e95c\";\r\n}\r\n.icon-embed:before {\r\n  content: \"\\e95e\";\r\n}\r\n.icon-iframe:before {\r\n  content: \"\\e95d\";\r\n}\r\n.icon-widget:before {\r\n  content: \"\\e95f\";\r\n}\r\n\r\n/* BEGIN Google Font */\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');\r\n/* END Google Font */\r\n\r\n.icon-new-page {\r\n    @extend .icon-add;\r\n}\r\n\r\n.icon-paragraph {\r\n    @extend .icon-text;\r\n}\r\n\r\n.icon-more-parameters {\r\n    @extend .icon-setting-alt;\r\n}\r\n\r\n.icon-video {\r\n    @extend .icon-camera;\r\n}\r\n\r\n.icon-slider {\r\n    @extend .icon-carousel;\r\n}\r\n\r\n.icon-searchbar {\r\n    @extend .icon-search;\r\n}\r\n\r\n.icon-highlightcontent {\r\n    @extend .icon-post-list-manuel;\r\n}\r\n\r\n.icon-contentautoblock {\r\n    @extend .icon-post-list-auto;\r\n}\r\n\r\n.icon-disqus {\r\n    @extend .icon-discuss;\r\n}\r\n\r\n.icon-tweet {\r\n    @extend .icon-x;\r\n}\r\n\r\n.icon-contact {\r\n    @extend .icon-contact-form;\r\n}\r\n\r\n.icon-trash-o {\r\n    @extend .icon-trash;\r\n}\r\n\r\n.icon-arrows {\r\n    @extend .icon-move;\r\n}\r\n\r\n.icon-width-small {\r\n    @extend .icon-section-width-s;\r\n}\r\n\r\n.icon-width-medium {\r\n    @extend .icon-section-width-m;\r\n}\r\n\r\n.icon-width-large {\r\n    @extend .icon-section-width-l;\r\n}\r\n\r\n.icon-link {\r\n    @extend .icon-chain;\r\n}\r\n\r\n.icon-unlink {\r\n    @extend .icon-chain-broken;\r\n}\r\n\r\n.icon-pencil {\r\n    @extend .icon-edit;\r\n}\r\n\r\n.icon-icons {\r\n    @extend .icon-share-alt;\r\n}\r\n","// ©BackBee-Cloud - v4.3.0 OCTOBRE 2024 - ONEBASE*/\r\n//\r\n// Cloud UI SASS variables Cloud UI\r\n\r\n// out: null, main: cloud.less\r\n\r\n$gray-base:                 #080808;\r\n$gray-darker:               lighten($gray-base, 13.5%); // #222\r\n$gray-dark:                 lighten($gray-base, 20%);   // #333\r\n$gray:                      lighten($gray-base, 33.5%); // #555\r\n$gray-light:                lighten($gray-base, 46.7%); // #777\r\n$gray-lighter:              lighten($gray-base, 60.0%); // #999\r\n$gray-lighter-plus:         lighten($gray-base, 91.8%); // #eee\r\n\r\n//Img\r\n$img-path:                  '../img';\r\n\r\n//Font\r\n$font-family-default:       'Open Sans', Arial, Helvetica, sans-serif;\r\n\r\n\r\n//Icon\r\n$ico-path:                  '../fonts/cloud';\r\n$ico-font:                  'font-cloud';\r\n$cloud-var-check:           '\\e92d';\r\n\r\n\r\n//Grid & space\r\n$spacer-y:                  10px;\r\n$spacer-x:                  10px;\r\n\r\n\r\n//Color\r\n$cloud-brand:               #D94717;\r\n$ui-txt-clr:                #555;\r\n$border-clr:                #c5c5c5;\r\n$border-clr-light:          #ddd;\r\n$info-clr:                  #4FC7D8;\r\n$success-clr:               #2BAC75;\r\n$warning-clr:               #FCB040;\r\n$error-clr:                 #FF7373;\r\n$progress-cursor-clr:       #DA4A1A;\r\n$progress-bg-clr:           #ccc;\r\n\r\n//Buttons\r\n$btn-publish-clr:           #fff;\r\n$btn-publish-bg:            #888;\r\n$btn-plugin-bg-hover:       #f2f2f2;\r\n$btn-plugin-w:              36px;\r\n$btn-disabled-border:       #ddd;\r\n$btn-disabled-bg:           #f2f2f2;\r\n\r\n\r\n//Main nav\r\n$ui-main-nav-width:         80px;\r\n$ui-main-nav-bg:            #f2f2f2;\r\n$ui-main-nav-index:         10000;\r\n\r\n\r\n//Panel\r\n$ui-panel-index:            $ui-main-nav-index - 1;\r\n$ui-panel-width:            420px;\r\n$ui-panel-min-width:        350px;\r\n$ui-panel-bg:               #eee;\r\n$ui-animation-function:     cubic-bezier(0.35, 0.63, 0.47, 0.91);\r\n\r\n\r\n//Form\r\n$control-clr:               $ui-txt-clr;\r\n$control-bg:                #fff;\r\n\r\n\r\n//Editor\r\n$editor-bg:                 #3e3e3e;\r\n$editor-clr:                #ccc;\r\n$editor-btn-active:         #797979;\r\n\r\n//Dnd\r\n$dnd-index:                 $ui-main-nav-index - 100;\r\n\r\n//Insert\r\n$insert-index:              $dnd-index + 10;\r\n\r\n//Modal\r\n$modal-bg:                  #fff;\r\n$modal-footer-div:          #fff;\r\n$modal-index:               $ui-main-nav-index + 1;\r\n\r\n//Popover\r\n$popover-bg:                $modal-bg;\r\n$popover-border:            rgba(0,0,0,.2);\r\n\r\n//Overlay:\r\n$overlay-index:             $ui-main-nav-index - 10;\r\n$overlay-color:             #121212;\r\n\r\n//Cloud editable\r\n$cloud-editable-padding:    10px;\r\n\r\n$border-radius-base:        0px;\r\n$border-radius-large:       0px;\r\n$border-radius-small:       0px;\r\n\r\n$font-size-base:            14px;\r\n$font-size-large:           16px;\r\n$font-size-small:           12px;\r\n$font-size-extra-small:     10px;\r\n\r\n\r\n$close-size:                16px;\r\n$close-color:               $ui-txt-clr;\r\n\r\n$font-size-cloud:           13px;\r\n\r\n// Spacer\r\n$cloud-spacer:              10px;\r\n\r\n// Transition\r\n$ui-transition:             .15s ease-in-out;\r\n\r\n// Blur\r\n$ui-blur:                   2px;\r\n\r\n// UI dialog\r\n$ui-dialog-border-top:      3px solid $cloud-brand;\r\n$ui-dialog-spacer:          25px;\r\n// Add Content block\r\n$ui-add-block-btn-size:\t\t80px;\r\n$ui-add-block-icon-font:\t30px;\r\n$ui-add-block-icon-height:\t44px;","/*\nCopyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\nFor licensing, see LICENSE.md or http://ckeditor.com/license\n*/\n\n.cke_reset {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  text-decoration: none;\n  width: auto;\n  height: auto;\n  vertical-align: baseline;\n  box-sizing: content-box;\n  position: static;\n  transition: none\n}\n\n.cke_reset_all,\n.cke_reset_all *,\n.cke_reset_all a,\n.cke_reset_all textarea {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  text-decoration: none;\n  vertical-align: baseline;\n  box-sizing: content-box;\n  transition: none;\n  border-collapse: collapse;\n  font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;\n  color: #000;\n  text-align: left;\n  white-space: nowrap;\n  cursor: auto;\n  float: none\n}\n\n.cke_reset_all .cke_rtl * {\n  text-align: right\n}\n\n.cke_reset_all iframe {\n  vertical-align: inherit\n}\n\n.cke_reset_all textarea {\n  white-space: pre-wrap\n}\n\n.cke_reset_all textarea,\n.cke_reset_all input[type=\"text\"],\n.cke_reset_all input[type=\"password\"] {\n  cursor: text\n}\n\n.cke_reset_all textarea[disabled],\n.cke_reset_all input[type=\"text\"][disabled],\n.cke_reset_all input[type=\"password\"][disabled] {\n  cursor: default\n}\n\n.cke_reset_all fieldset {\n  padding: 10px;\n  border: 2px groove #e0dfe3\n}\n\n.cke_reset_all select {\n  box-sizing: border-box\n}\n\n.cke_reset_all table {\n  table-layout: auto\n}\n\n.cke_chrome {\n  display: block;\n  border: 1px solid #d1d1d1;\n  padding: 0\n}\n\n.cke_inner {\n  display: block;\n  background: #fff;\n  padding: 0;\n  -webkit-touch-callout: none\n}\n\n.cke_float {\n  border: 0\n}\n\n.cke_float .cke_inner {\n  padding-bottom: 0\n}\n\n.cke_top,\n.cke_contents,\n.cke_bottom {\n  display: block;\n  overflow: hidden\n}\n\n.cke_top {\n  border-bottom: 1px solid #d1d1d1;\n  background: #f8f8f8;\n  padding: 6px 8px 2px;\n  white-space: normal\n}\n\n.cke_float .cke_top {\n  border: 1px solid #d1d1d1\n}\n\n.cke_bottom {\n  padding: 6px 8px 2px;\n  position: relative;\n  border-top: 1px solid #d1d1d1;\n  background: #f8f8f8\n}\n\n.cke_browser_ios .cke_contents {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch\n}\n\n.cke_resizer {\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  border-width: 10px 10px 0 0;\n  border-color: transparent #bcbcbc transparent transparent;\n  border-style: dashed solid dashed dashed;\n  font-size: 0;\n  vertical-align: bottom;\n  margin-top: 6px;\n  margin-bottom: 2px\n}\n\n.cke_hc .cke_resizer {\n  font-size: 15px;\n  width: auto;\n  height: auto;\n  border-width: 0\n}\n\n.cke_resizer_ltr {\n  cursor: se-resize;\n  float: right;\n  margin-right: -4px\n}\n\n.cke_resizer_rtl {\n  border-width: 10px 0 0 10px;\n  border-color: transparent transparent transparent #bcbcbc;\n  border-style: dashed dashed dashed solid;\n  cursor: sw-resize;\n  float: left;\n  margin-left: -4px;\n  right: auto\n}\n\n.cke_wysiwyg_div {\n  display: block;\n  height: 100%;\n  overflow: auto;\n  padding: 0 8px;\n  outline-style: none;\n  box-sizing: border-box\n}\n\n.cke_panel {\n  visibility: visible;\n  width: 120px;\n  height: 100px;\n  overflow: hidden;\n  background-color: #fff;\n  border: 1px solid #d1d1d1\n}\n\n.cke_menu_panel {\n  padding: 0;\n  margin: 0\n}\n\n.cke_combopanel {\n  width: 150px;\n  height: 170px\n}\n\n.cke_panel_frame {\n  width: 100%;\n  height: 100%;\n  font-size: 12px;\n  overflow: auto;\n  overflow-x: hidden;\n\n  .cke_panel_container {\n    color: red;\n  }\n}\n\n.cke_panel_container {\n  overflow-y: auto;\n  overflow-x: hidden\n}\n\n.cke_panel_block:focus {\n  outline: 0\n}\n\n.cke_panel_list {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  white-space: nowrap\n}\n\n.cke_panel_listItem {\n  margin: 0;\n  padding: 0\n}\n\n.cke_panel_listItem a {\n  padding: 6px 7px;\n  display: block;\n  color: inherit !important;\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis\n}\n\n.cke_hc .cke_panel_listItem a {\n  border-style: none\n}\n\n.cke_panel_listItem.cke_selected a,\n.cke_panel_listItem a:hover,\n.cke_panel_listItem a:focus,\n.cke_panel_listItem a:active {\n  background-color: #e9e9e9\n}\n\n.cke_panel_listItem a:focus {\n  outline: 1px dotted #000\n}\n\n.cke_hc .cke_panel_listItem a:hover,\n.cke_hc .cke_panel_listItem a:focus,\n.cke_hc .cke_panel_listItem a:active {\n  border: 2px solid;\n  padding: 4px 5px\n}\n\n.cke_panel_listItem p,\n.cke_panel_listItem h1,\n.cke_panel_listItem h2,\n.cke_panel_listItem h3,\n.cke_panel_listItem h4,\n.cke_panel_listItem h5,\n.cke_panel_listItem h6,\n.cke_panel_listItem pre {\n  margin-top: 0;\n  margin-bottom: 0\n}\n\n.cke_panel_grouptitle {\n  cursor: default;\n  font-size: 11px;\n  font-weight: bold;\n  white-space: nowrap;\n  margin: 0;\n  padding: 6px 6px 7px 6px;\n  color: #484848;\n  border-bottom: 1px solid #d1d1d1;\n  background: #f8f8f8\n}\n\n.cke_colorblock {\n  padding: 10px;\n  font-size: 11px;\n  font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif\n}\n\n.cke_colorblock,\n.cke_colorblock a {\n  text-decoration: none;\n  color: #000\n}\n\na.cke_colorbox {\n  padding: 2px;\n  float: left;\n  width: 20px;\n  height: 20px\n}\n\n.cke_rtl a.cke_colorbox {\n  float: right\n}\n\na:hover.cke_colorbox,\na:focus.cke_colorbox,\na:active.cke_colorbox {\n  outline: 0;\n  padding: 0;\n  border: 2px solid #139ff7\n}\n\na:hover.cke_colorbox {\n  border-color: #bcbcbc\n}\n\nspan.cke_colorbox {\n  width: 20px;\n  height: 20px;\n  float: left\n}\n\n.cke_rtl span.cke_colorbox {\n  float: right\n}\n\na.cke_colorauto,\na.cke_colormore {\n  border: #fff 1px solid;\n  padding: 3px;\n  display: block;\n  cursor: pointer\n}\n\na.cke_colorauto {\n  padding: 0;\n  border: 1px solid transparent;\n  margin-bottom: 6px;\n  height: 26px;\n  line-height: 26px\n}\n\na.cke_colormore {\n  margin-top: 10px;\n  height: 20px;\n  line-height: 19px\n}\n\na:hover.cke_colorauto,\na:hover.cke_colormore,\na:focus.cke_colorauto,\na:focus.cke_colormore,\na:active.cke_colorauto,\na:active.cke_colormore {\n  outline: 0;\n  border: #139ff7 1px solid;\n  background-color: #f8f8f8\n}\n\na:hover.cke_colorauto,\na:hover.cke_colormore {\n  border-color: #bcbcbc\n}\n\n.cke_colorauto span.cke_colorbox {\n  width: 18px;\n  height: 18px;\n  border: 1px solid #808080;\n  margin-left: 1px;\n  margin-top: 3px\n}\n\n.cke_rtl .cke_colorauto span.cke_colorbox {\n  margin-left: 0;\n  margin-right: 1px\n}\n\nspan.cke_colorbox[style*=\"#ffffff\"],\nspan.cke_colorbox[style*=\"#FFFFFF\"],\nspan.cke_colorbox[style=\"background-color:#fff\"],\nspan.cke_colorbox[style=\"background-color:#FFF\"],\nspan.cke_colorbox[style*=\"rgb(255,255,255)\"],\nspan.cke_colorbox[style*=\"rgb(255, 255, 255)\"] {\n  border: 1px solid #808080;\n  width: 18px;\n  height: 18px\n}\n\n.cke_toolbar {\n  float: left\n}\n\n.cke_rtl .cke_toolbar {\n  float: right\n}\n\n.cke_toolgroup {\n  border: 0;\n  float: left;\n  margin: 1px 0 6px 0;\n}\n\n.cke_rtl .cke_toolgroup {\n  float: right;\n  margin: 1px 0 6px 2px;\n  padding-left: 3px;\n  padding-right: 0\n}\n\n.cke_hc .cke_toolgroup {\n  margin-right: 5px;\n  margin-bottom: 5px\n}\n\n.cke_hc.cke_rtl .cke_toolgroup {\n  margin-right: 0;\n  margin-left: 5px\n}\n\na.cke_button {\n  display: inline-block;\n  height: 18px;\n  padding: 4px 6px;\n  outline: 0;\n  cursor: default;\n  // float: left;\n  border: 0;\n  position: relative;\n\n  #cloud-ui & {\n    color: inherit;\n    background-color: inherit;\n  }\n}\n\n.cke_rtl a.cke_button {\n  float: right\n}\n\n.cke_hc a.cke_button {\n  border: 1px solid black;\n  padding: 3px 5px;\n  margin: 0 3px 5px 0\n}\n\n.cke_hc.cke_rtl a.cke_button {\n  margin: 0 0 5px 3px\n}\n\na.cke_button_on {\n  background: #fff;\n  border: 1px #bcbcbc solid;\n  padding: 3px 5px\n}\n\na.cke_button_off:hover,\na.cke_button_off:focus,\na.cke_button_off:active {\n  background: #e5e5e5;\n  border: 1px #bcbcbc solid;\n  padding: 3px 5px;\n\n  #cloud-ui & {\n    color: inherit;\n    background-color: inherit;\n  }\n}\n\n.cke_hc a.cke_button_on,\n.cke_hc a.cke_button_off:hover,\n.cke_hc a.cke_button_off:focus,\n.cke_hc a.cke_button_off:active {\n  background: #e5e5e5;\n  border: 3px solid #000;\n  padding: 1px 3px;\n}\n\na.cke_button_disabled:hover,\na.cke_button_disabled:focus,\na.cke_button_disabled:active {\n  border: 0;\n  padding: 4px 6px;\n  background-color: transparent;\n}\n\na.cke_button_disabled:focus {\n  border: 1px #bcbcbc solid;\n  padding: 3px 5px;\n}\n\n.cke_hc a.cke_button_disabled:hover,\n.cke_hc a.cke_button_disabled:focus,\n.cke_hc a.cke_button_disabled:active {\n  border: 1px solid #acacac;\n  padding: 3px 5px;\n  margin: 0 3px 5px 0\n}\n\n.cke_hc a.cke_button_disabled:focus {\n  border: 3px solid #000;\n  padding: 1px 3px\n}\n\n.cke_hc.cke_rtl a.cke_button_disabled:hover,\n.cke_hc.cke_rtl a.cke_button_disabled:focus,\n.cke_hc.cke_rtl a.cke_button_disabled:active {\n  margin: 0 0 5px 3px\n}\n\na.cke_button_disabled .cke_button_icon,\na.cke_button_disabled .cke_button_arrow {\n  opacity: .3\n}\n\n.cke_hc a.cke_button_disabled {\n  border-color: #acacac\n}\n\n.cke_hc a.cke_button_disabled .cke_button_icon,\n.cke_hc a.cke_button_disabled .cke_button_label {\n  opacity: .5\n}\n\n.cke_toolgroup a.cke_button:last-child:after,\n.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {\n  content: \"\";\n  position: absolute;\n  height: 18px;\n  width: 0;\n  border-right: 1px solid #bcbcbc;\n  margin-top: 4px;\n  top: 0;\n  right: -3px\n}\n\n.cke_rtl .cke_toolgroup a.cke_button:last-child:after,\n.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {\n  border-right: 0;\n  right: auto;\n  border-left: 1px solid #bcbcbc;\n  top: 0;\n  left: -3px\n}\n\n.cke_hc .cke_toolgroup a.cke_button:last-child:after,\n.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,\n.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {\n  border-color: #000;\n  top: 0;\n  right: -7px\n}\n\n.cke_hc.cke_rtl .cke_toolgroup a.cke_button:last-child:after,\n.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,\n.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {\n  top: 0;\n  right: auto;\n  left: -7px\n}\n\n.cke_toolgroup a.cke_button:hover:last-child:after,\n.cke_toolgroup a.cke_button.cke_button_on:last-child:after {\n  top: -1px;\n  right: -4px\n}\n\n.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,\n.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {\n  top: -1px;\n  right: auto;\n  left: -4px\n}\n\n.cke_hc .cke_toolgroup a.cke_button:hover:last-child:after,\n.cke_hc .cke_toolgroup a.cke_button.cke_button_on:last-child:after {\n  top: -2px;\n  right: -9px\n}\n\n.cke_hc.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,\n.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {\n  top: -2px;\n  right: auto;\n  left: -9px\n}\n\n.cke_toolbar.cke_toolbar_last .cke_toolgroup a.cke_button:last-child:after {\n  content: none;\n  border: 0;\n  width: 0;\n  height: 0\n}\n\n.cke_button_icon {\n  cursor: inherit;\n  background-repeat: no-repeat;\n  margin-top: 1px;\n  width: 20px;\n  height: 20px;\n  font-size: 18px;\n  // float: left;\n  display: inline-block;\n\n  @extend .icon;\n}\n\n.cke_rtl .cke_button_icon {\n  float: right\n}\n\n.cke_hc .cke_button_icon {\n  display: none\n}\n\n.cke_button_label {\n  display: none;\n  padding-left: 3px;\n  margin-top: 1px;\n  line-height: 17px;\n  vertical-align: middle;\n  float: left;\n  cursor: default;\n  color: #484848\n}\n\n.cke_rtl .cke_button_label {\n  padding-right: 3px;\n  padding-left: 0;\n  float: right\n}\n\n.cke_hc .cke_button_label {\n  padding: 0;\n  display: inline-block;\n  font-size: 12px\n}\n\n.cke_button_arrow {\n  display: inline-block;\n  margin: 8px 0 0 1px;\n  width: 0;\n  height: 0;\n  cursor: default;\n  vertical-align: top;\n  border-left: 3px solid transparent;\n  border-right: 3px solid transparent;\n  border-top: 3px solid #484848\n}\n\n.cke_rtl .cke_button_arrow {\n  margin-right: 5px;\n  margin-left: 0\n}\n\n.cke_hc .cke_button_arrow {\n  font-size: 10px;\n  margin: 3px 0 0 3px;\n  width: auto;\n  border: 0\n}\n\n.cke_rtl .cke_toolbar_separator {\n  float: right\n}\n\n.cke_hc .cke_toolbar_separator {\n  background-color: #000;\n  margin-left: 2px;\n  margin-right: 5px;\n  margin-bottom: 9px\n}\n\n.cke_hc.cke_rtl .cke_toolbar_separator {\n  margin-left: 5px;\n  margin-right: 2px\n}\n\n.cke_toolbar_break {\n  display: block;\n  clear: left\n}\n\n.cke_rtl .cke_toolbar_break {\n  clear: right\n}\n\na.cke_toolbox_collapser {\n  width: 12px;\n  height: 11px;\n  float: right;\n  margin: 11px 0 0;\n  font-size: 0;\n  cursor: default;\n  text-align: center;\n  border: 1px solid #bcbcbc\n}\n\n.cke_rtl .cke_toolbox_collapser {\n  float: left\n}\n\n.cke_toolbox_collapser:hover {\n  background: #e5e5e5\n}\n\n.cke_toolbox_collapser.cke_toolbox_collapser_min {\n  margin: 0 2px 4px\n}\n\n.cke_toolbox_collapser .cke_arrow {\n  display: inline-block;\n  height: 0;\n  width: 0;\n  font-size: 0;\n  margin-top: 1px;\n  border: 3px solid transparent;\n  border-bottom-color: #484848\n}\n\n.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow {\n  margin-top: 4px;\n  border-bottom-color: transparent;\n  border-top-color: #484848\n}\n\n.cke_hc .cke_toolbox_collapser .cke_arrow {\n  font-size: 8px;\n  width: auto;\n  border: 0;\n  margin-top: 0\n}\n\n.cke_menuitem span {\n  cursor: default\n}\n\n.cke_menubutton {\n  display: block\n}\n\n.cke_hc .cke_menubutton {\n  padding: 2px\n}\n\n.cke_menubutton:hover,\n.cke_menubutton:focus,\n.cke_menubutton:active {\n  background-color: #e9e9e9;\n  display: block;\n  outline: 1px dotted\n}\n\n.cke_menubutton:hover {\n  outline: 0\n}\n\n.cke_hc .cke_menubutton:hover,\n.cke_hc .cke_menubutton:focus,\n.cke_hc .cke_menubutton:active {\n  border: 2px solid;\n  padding: 0\n}\n\n.cke_menubutton_disabled:hover,\n.cke_menubutton_disabled:focus,\n.cke_menubutton_disabled:active {\n  background-color: transparent;\n  outline: 0\n}\n\n.cke_menubutton_inner {\n  display: table-row\n}\n\n.cke_menubutton_icon,\n.cke_menubutton_label,\n.cke_menuarrow {\n  display: table-cell\n}\n\n.cke_menubutton_icon {\n  background-color: #f8f8f8;\n  padding: 6px 4px\n}\n\n.cke_hc .cke_menubutton_icon {\n  height: 16px;\n  width: 0;\n  padding: 4px 0\n}\n\n.cke_menubutton:hover .cke_menubutton_icon,\n.cke_menubutton:focus .cke_menubutton_icon,\n.cke_menubutton:active .cke_menubutton_icon {\n  background-color: #e9e9e9\n}\n\n.cke_menubutton_disabled:hover .cke_menubutton_icon,\n.cke_menubutton_disabled:focus .cke_menubutton_icon,\n.cke_menubutton_disabled:active .cke_menubutton_icon {\n  background-color: #f8f8f8;\n  outline: 0\n}\n\n.cke_menuitem .cke_menubutton_on {\n  background-color: #e9e9e9;\n  border: 1px solid #dedede;\n  outline: 0\n}\n\n.cke_menubutton_on .cke_menubutton_icon {\n  padding-right: 3px;\n  background-color: #e9e9e9\n}\n\n.cke_menubutton_label {\n  padding: 0 5px;\n  background-color: transparent;\n  width: 100%;\n  vertical-align: middle\n}\n\n.cke_menubutton_shortcut {\n  color: #979797\n}\n\n.cke_menubutton_disabled .cke_menubutton_label {\n  opacity: .3;\n  filter: \"alpha(opacity 30)\";\n}\n\n.cke_panel_frame .cke_menubutton_label {\n  display: none\n}\n\n.cke_menuseparator {\n  background-color: #d1d1d1;\n  height: 1px\n}\n\n.cke_menuarrow {\n  padding: 0 5px\n}\n\n.cke_rtl .cke_menuarrow {\n  background-position: 5px -13px;\n  background-repeat: no-repeat\n}\n\n.cke_hc .cke_menuarrow {\n  background-image: none\n}\n\n.cke_menuarrow span {\n  display: none\n}\n\n.cke_hc .cke_menuarrow span {\n  vertical-align: middle;\n  display: inline\n}\n\n.cke_combo {\n  display: inline-block;\n  float: left;\n  position: relative;\n  margin-bottom: 5px\n}\n\n.cke_rtl .cke_combo {\n  float: right\n}\n\n.cke_hc .cke_combo {\n  margin-top: 1px;\n  margin-bottom: 10px\n}\n\n.cke_combo:after {\n  content: \"\";\n  position: absolute;\n  height: 18px;\n  width: 0;\n  border-right: 1px solid #bcbcbc;\n  margin-top: 5px;\n  top: 0;\n  right: 0\n}\n\n.cke_rtl .cke_combo:after {\n  border-right: 0;\n  border-left: 1px solid #bcbcbc;\n  right: auto;\n  left: 0\n}\n\n.cke_hc .cke_combo:after {\n  border-color: #000\n}\n\na.cke_combo_button {\n  cursor: default;\n  display: inline-block;\n  float: left;\n  margin: 0;\n  padding: 1px\n}\n\n.cke_rtl a.cke_combo_button {\n  float: right\n}\n\n.cke_hc a.cke_combo_button {\n  padding: 4px\n}\n\n.cke_combo_on a.cke_combo_button,\n.cke_combo_off a.cke_combo_button:hover,\n.cke_combo_off a.cke_combo_button:focus,\n.cke_combo_off a.cke_combo_button:active {\n  background: #e5e5e5;\n  border: 1px solid #bcbcbc;\n  padding: 0 0 0 1px;\n  margin-left: -1px\n}\n\n.cke_combo_off a.cke_combo_button:focus {\n  outline: 0\n}\n\n.cke_combo_on a.cke_combo_button,\n.cke_combo_off a.cke_combo_button:active {\n  background: #fff\n}\n\n.cke_rtl .cke_combo_on a.cke_combo_button,\n.cke_rtl .cke_combo_off a.cke_combo_button:hover,\n.cke_rtl .cke_combo_off a.cke_combo_button:focus,\n.cke_rtl .cke_combo_off a.cke_combo_button:active {\n  padding: 0 1px 0 0;\n  margin-left: 0;\n  margin-right: -1px\n}\n\n.cke_hc .cke_combo_on a.cke_combo_button,\n.cke_hc .cke_combo_off a.cke_combo_button:hover,\n.cke_hc .cke_combo_off a.cke_combo_button:focus,\n.cke_hc .cke_combo_off a.cke_combo_button:active {\n  border: 3px solid #000;\n  padding: 1px 1px 1px 2px\n}\n\n.cke_hc.cke_rtl .cke_combo_on a.cke_combo_button,\n.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:hover,\n.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:focus,\n.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:active {\n  padding: 1px 2px 1px 1px\n}\n\n.cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 0 0 0 3px;\n  margin-left: -3px\n}\n\n.cke_rtl .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 0 3px 0 0;\n  margin-left: 0;\n  margin-right: -3px\n}\n\n.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 1px 1px 1px 7px;\n  margin-left: -6px\n}\n\n.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 1px 7px 1px 1px;\n  margin-left: 0;\n  margin-right: -6px\n}\n\n.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,\n.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 0;\n  margin: 0\n}\n\n.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,\n.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,\n.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,\n.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,\n.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {\n  padding: 1px;\n  margin: 0\n}\n\n.cke_toolbar .cke_combo + .cke_toolbar_end,\n.cke_toolbar .cke_combo + .cke_toolgroup {\n  margin-right: 0;\n  margin-left: 2px\n}\n\n.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,\n.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {\n  margin-left: 0;\n  margin-right: 2px\n}\n\n.cke_hc .cke_toolbar .cke_combo + .cke_toolbar_end,\n.cke_hc .cke_toolbar .cke_combo + .cke_toolgroup {\n  margin-left: 5px\n}\n\n.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,\n.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {\n  margin-left: 0;\n  margin-right: 5px\n}\n\n.cke_toolbar.cke_toolbar_last .cke_combo:nth-last-child(-n+2):after {\n  content: none;\n  border: 0;\n  width: 0;\n  height: 0\n}\n\n.cke_combo_text {\n  line-height: 26px;\n  padding-left: 10px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  float: left;\n  cursor: default;\n  color: #484848;\n  width: 60px;\n  font-size: 14px;\n}\n\n.cke_rtl .cke_combo_text {\n  float: right;\n  text-align: right;\n  padding-left: 0;\n  padding-right: 10px\n}\n\n.cke_hc .cke_combo_text {\n  line-height: 18px;\n  font-size: 12px\n}\n\n.cke_combo_open {\n  cursor: default;\n  display: inline-block;\n  font-size: 0;\n  height: 19px;\n  line-height: 17px;\n  margin: 1px 10px 1px;\n  width: 5px\n}\n\n.cke_hc .cke_combo_open {\n  height: 12px\n}\n\n.cke_combo_arrow {\n  cursor: default;\n  margin: 11px 0 0;\n  float: left;\n  height: 0;\n  width: 0;\n  font-size: 0;\n  border-left: 3px solid transparent;\n  border-right: 3px solid transparent;\n  border-top: 3px solid #484848\n}\n\n.cke_hc .cke_combo_arrow {\n  font-size: 10px;\n  width: auto;\n  border: 0;\n  margin-top: 3px\n}\n\n.cke_combo_label {\n  display: none;\n  float: left;\n  line-height: 26px;\n  vertical-align: top;\n  margin-right: 5px\n}\n\n.cke_rtl .cke_combo_label {\n  float: right;\n  margin-left: 5px;\n  margin-right: 0\n}\n\n.cke_combo_disabled .cke_combo_inlinelabel,\n.cke_combo_disabled .cke_combo_open {\n  opacity: .3\n}\n\n.cke_path {\n  float: left;\n  margin: -2px 0 2px\n}\n\na.cke_path_item,\nspan.cke_path_empty {\n  display: inline-block;\n  float: left;\n  padding: 3px 4px;\n  margin-right: 2px;\n  cursor: default;\n  text-decoration: none;\n  outline: 0;\n  border: 0;\n  color: #484848;\n  font-weight: bold;\n  font-size: 11px\n}\n\n.cke_rtl .cke_path,\n.cke_rtl .cke_path_item,\n.cke_rtl .cke_path_empty {\n  float: right\n}\n\na.cke_path_item:hover,\na.cke_path_item:focus,\na.cke_path_item:active {\n  background-color: #e5e5e5\n}\n\n.cke_hc a.cke_path_item:hover,\n.cke_hc a.cke_path_item:focus,\n.cke_hc a.cke_path_item:active {\n  border: 2px solid;\n  padding: 1px 2px\n}\n\n.cke_button__source_label,\n.cke_button__sourcedialog_label {\n  display: inline\n}\n\n.cke_combopanel__fontsize {\n  width: 135px\n}\n\ntextarea.cke_source {\n  font-family: 'Courier New', Monospace;\n  font-size: small;\n  background-color: #fff;\n  white-space: pre-wrap;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  display: block\n}\n\n.cke_wysiwyg_frame,\n.cke_wysiwyg_div {\n  background-color: #fff\n}\n\n.cke_notifications_area {\n  pointer-events: none\n}\n\n.cke_notification {\n  pointer-events: auto;\n  position: relative;\n  margin: 10px;\n  width: 300px;\n  color: white;\n  text-align: center;\n  opacity: .95;\n  filter: \"alpha(opacity 95)\";\n  -webkit-animation: fadeIn .7s;\n  animation: fadeIn .7s\n}\n\n.cke_notification_message a {\n  color: #12306f\n}\n\n@-webkit-keyframes fadeIn {\n  from {\n    opacity: .4\n  }\n  to {\n    opacity: .95\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: .4\n  }\n  to {\n    opacity: .95\n  }\n}\n\n.cke_notification_success {\n  background: #72b572;\n  border: 1px solid #63a563\n}\n\n.cke_notification_warning {\n  background: #c83939;\n  border: 1px solid #902b2b\n}\n\n.cke_notification_info {\n  background: #2e9ad0;\n  border: 1px solid #0f74a8\n}\n\n.cke_notification_info span.cke_notification_progress {\n  background-color: #0f74a8;\n  display: block;\n  padding: 0;\n  margin: 0;\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  z-index: 1\n}\n\n.cke_notification_message {\n  position: relative;\n  margin: 4px 23px 3px;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 12px;\n  line-height: 18px;\n  z-index: 4;\n  text-overflow: ellipsis;\n  overflow: hidden\n}\n\n.cke_notification_close {\n  background-repeat: no-repeat;\n  background-position: 50%;\n  position: absolute;\n  cursor: pointer;\n  text-align: center;\n  height: 20px;\n  width: 20px;\n  top: 1px;\n  right: 1px;\n  padding: 0;\n  margin: 0;\n  z-index: 5;\n  opacity: .6;\n  filter: \"alpha(opacity 60)\";\n}\n\n.cke_notification_close:hover {\n  opacity: 1;\n  filter: \"alpha(opacity 100)\";\n}\n\n.cke_notification_close span {\n  display: none\n}\n\n.cke_notification_warning a.cke_notification_close {\n  opacity: .8;\n  filter: \"alpha(opacity 80)\";\n}\n\n.cke_notification_warning a.cke_notification_close:hover {\n  opacity: 1;\n  filter: \"alpha(opacity 100)\";\n}\n\n.cke_chrome {\n  visibility: inherit\n}\n\n.cke_voice_label {\n  display: none\n}\n\nlegend.cke_voice_label {\n  display: none\n}\n\n.cke_hidpi .cke_button__about_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__bold_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__italic_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__subscript_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__superscript_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__bidiltr_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__bidirtl_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__blockquote_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__copy_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__copy_icon,\n.cke_ltr.cke_hidpi .cke_button__copy_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__cut_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__cut_icon,\n.cke_ltr.cke_hidpi .cke_button__cut_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__paste_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__paste_icon,\n.cke_ltr.cke_hidpi .cke_button__paste_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__codesnippet_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__bgcolor_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__textcolor_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__copyformatting_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__creatediv_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__docprops_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__docprops_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__docprops_icon,\n.cke_ltr.cke_hidpi .cke_button__docprops_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__embed_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__embedsemantic_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__find_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__find_icon,\n.cke_ltr.cke_hidpi .cke_button__find_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__replace_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__flash_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__button_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__checkbox_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__form_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__hiddenfield_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__imagebutton_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__radio_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__select_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__select_icon,\n.cke_ltr.cke_hidpi .cke_button__select_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__textarea_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__textarea_icon,\n.cke_ltr.cke_hidpi .cke_button__textarea_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__textfield_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__textfield_icon,\n.cke_ltr.cke_hidpi .cke_button__textfield_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__horizontalrule_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__iframe_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__image_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__indent_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__indent_icon,\n.cke_ltr.cke_hidpi .cke_button__indent_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__outdent_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__outdent_icon,\n.cke_ltr.cke_hidpi .cke_button__outdent_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__justifyblock_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__justifycenter_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__justifyleft_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__justifyright_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__language_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__anchor_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__anchor_icon,\n.cke_ltr.cke_hidpi .cke_button__anchor_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,\n.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__numberedlist_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,\n.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__mathjax_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__maximize_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__newpage_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__newpage_icon,\n.cke_ltr.cke_hidpi .cke_button__newpage_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__pagebreak_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,\n.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__pastefromword_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,\n.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__pastetext_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__pastetext_icon,\n.cke_ltr.cke_hidpi .cke_button__pastetext_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__placeholder_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__preview_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__preview_icon,\n.cke_ltr.cke_hidpi .cke_button__preview_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__print_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__removeformat_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__save_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__scayt_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__selectall_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__showblocks_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__showblocks_icon,\n.cke_ltr.cke_hidpi .cke_button__showblocks_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__smiley_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__source_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__source_icon,\n.cke_ltr.cke_hidpi .cke_button__source_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__sourcedialog_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__sourcedialog_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__sourcedialog_icon,\n.cke_ltr.cke_hidpi .cke_button__sourcedialog_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__specialchar_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__table_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__templates_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__templates_icon,\n.cke_ltr.cke_hidpi .cke_button__templates_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__uicolor_icon {\n  background-size: 16px !important\n}\n\n.cke_button__nbsp_icon {\n  @extend .icon-nbsp;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_rtl.cke_hidpi .cke_button__redo_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__redo_icon,\n.cke_ltr.cke_hidpi .cke_button__redo_icon {\n  background-size: 16px !important\n}\n\n.cke_rtl.cke_hidpi .cke_button__undo_icon,\n.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_ltr .cke_button__undo_icon,\n.cke_ltr.cke_hidpi .cke_button__undo_icon {\n  background-size: 16px !important\n}\n\n.cke_hidpi .cke_button__spellchecker_icon {\n  background-size: 16px !important\n}\n\n.cke_ltr.cke_hidpi {\n  .cke_button__bold_icon {\n    @extend .icon-bold;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__italic_icon {\n    @extend .icon-italic;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__strike_icon {\n    @extend .icon-strikethrough;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__underline_icon {\n    @extend .icon-underline;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__blockquote_icon {\n    @extend .icon-quote;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__textcolor_icon {\n    @extend .icon-format_color_text;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__justifyblock_icon {\n    @extend .icon-text-justify;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__justifycenter_icon {\n    @extend .icon-text-center;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__justifyleft_icon {\n    @extend .icon-text-left;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__justifyright_icon {\n    @extend .icon-text-right;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__link_icon {\n    @extend .icon-link;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__unlink_icon {\n    @extend .icon-unlink;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__bulletedlist_icon {\n    @extend .icon-list-ul;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__numberedlist_icon {\n    @extend .icon-list-ol;\n    background: none !important;\n    background-size: 0 !important;\n  }\n\n  .cke_button__removeformat_icon {\n    @extend .icon-clear;\n    background: none !important;\n  }\n\n  .cke_button__uicolor_icon {\n    @extend .icon-paint-brush;\n    background: none !important;\n    background-size: 0 !important;\n  }\n}\n\n.cke_rtl.cke_hidpi .cke_button__redo_icon,\n.cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {\n  @extend .icon-redo;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_ltr.cke_hidpi .cke_button__redo_icon {\n  @extend .icon-redo;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_rtl .cke_button__undo_icon,\n.cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {\n  @extend .icon-undo;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_ltr.cke_hidpi .cke_button__undo_icon {\n  @extend .icon-undo;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_hidpi .cke_button__link_icon {\n  @extend .icon-link;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_hidpi .cke_button__unlink_icon {\n  @extend .icon-link;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_hidpi .cke_button__strike_icon {\n  @extend .icon-strikethrough;\n  background: none !important;\n  background-size: 0 !important;\n}\n\n.cke_hidpi .cke_button__underline_icon {\n  @extend .icon-underline;\n  background: none !important;\n  background-size: 0 !important;\n}\n","/*\nCopyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\nFor licensing, see LICENSE.md or http://ckeditor.com/license\n*/\n\n.cke_dialog {\n  visibility: visible;\n}\n\n.cke_dialog_body {\n  z-index: 1;\n  background: #fff;\n}\n\n.cke_dialog strong {\n  font-weight: bold;\n}\n\n.cke_dialog_title {\n  font-family: $font-family-default;\n  color: $ui-txt-clr;\n  padding: 25px;\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n  font-size: 18px;\n  border-top: $ui-dialog-border-top;\n}\n\n.cke_dialog_spinner {\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  overflow: hidden;\n  text-indent: -9999em;\n  border: 2px solid rgba(102, 102, 102, 0.2);\n  border-left-color: rgba(102, 102, 102, 1);\n  -webkit-animation: dialog_spinner 1s infinite linear;\n  animation: dialog_spinner 1s infinite linear\n}\n\n.cke_browser_ie8 .cke_dialog_spinner,\n.cke_browser_ie9 .cke_dialog_spinner {\n  width: 16px;\n  height: 16px;\n  border: 0\n}\n\n@-webkit-keyframes dialog_spinner {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg)\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n@keyframes dialog_spinner {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg)\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg)\n  }\n}\n\n.cke_dialog_contents {\n  background-color: #fff;\n  overflow: auto;\n  padding: 15px 10px 5px 10px;\n  margin: 34px 25px 0;\n  border-top: 1px solid #d1d1d1;\n  min-width: 500px;\n}\n\n.cke_dialog_contents_body {\n  overflow: auto;\n  padding-top: 10px;\n}\n\n.cke_dialog_footer {\n  text-align: right;\n  position: relative;\n  border-top: 0;\n  background: #fff;\n  padding-bottom: 25px;\n}\n\n.cke_rtl .cke_dialog_footer {\n  text-align: left\n}\n\n.cke_hc .cke_dialog_footer {\n  outline: 0;\n  border-top: 1px solid #fff\n}\n\n.cke_dialog .cke_resizer {\n  display: none;\n}\n\n.cke_dialog .cke_resizer_rtl {\n  margin-left: 5px\n}\n\n.cke_dialog .cke_resizer_ltr {\n  margin-right: 5px\n}\n\n.cke_dialog_tabs {\n  height: 33px;\n  display: inline-block;\n  position: absolute;\n  z-index: 2;\n  left: 25px\n}\n\n.cke_rtl .cke_dialog_tabs {\n  left: auto;\n  right: 11px\n}\n\na.cke_dialog_tab {\n  height: 25px;\n  padding: 4px 8px;\n  display: inline-block;\n  cursor: pointer;\n  line-height: 26px;\n  outline: 0;\n  color: #484848;\n  border-radius: 3px 3px 0 0;\n  min-width: 90px;\n  text-align: center;\n  margin-left: -1px;\n  letter-spacing: .3px;\n  font-family: $font-family-default;\n}\n\na.cke_dialog_tab:hover {\n  background-color: transparent;\n}\n\na.cke_dialog_tab:focus {\n  border: 1px solid #d1d1d1;\n  padding-top: 5px;\n}\n\na.cke_dialog_tab_selected {\n  border: 1px solid #d1d1d1;\n  background: #fff;\n  border-bottom-color: #fff;\n  cursor: default;\n  filter: none;\n}\n\na.cke_dialog_tab_selected:hover,\na.cke_dialog_tab_selected:focus {\n  border-bottom-color: #fff\n}\n\n.cke_hc a.cke_dialog_tab:hover,\n.cke_hc a.cke_dialog_tab:focus,\n.cke_hc a.cke_dialog_tab_selected {\n  border: 3px solid;\n  padding: 2px 6px\n}\n\na.cke_dialog_tab_disabled {\n  color: #bababa;\n  cursor: default\n}\n\n.cke_single_page .cke_dialog_tabs {\n  display: none\n}\n\n.cke_single_page .cke_dialog_contents {\n  padding-top: 5px;\n  margin-top: 0;\n  border-top: 0\n}\n\na.cke_dialog_close_button {\n  background-repeat: no-repeat;\n  background-position: 50%;\n  position: absolute;\n  cursor: pointer;\n  text-align: center;\n  height: 16px;\n  width: 16px;\n  top: 11px;\n  z-index: 5;\n  opacity: .7;\n  filter: \"alpha(opacity 70)\";\n}\n\n.cke_rtl .cke_dialog_close_button {\n  left: 12px\n}\n\n.cke_ltr .cke_dialog_close_button {\n  right: 12px\n}\n\n.cke_hc a.cke_dialog_close_button {\n  background-image: none\n}\n\n.cke_hidpi a.cke_dialog_close_button {\n  background-size: 16px\n}\n\na.cke_dialog_close_button:hover {\n  opacity: 1;\n  filter: \"alpha(opacity 100)\";\n}\n\na.cke_dialog_close_button span {\n  display: none\n}\n\n.cke_hc a.cke_dialog_close_button span {\n  display: inline;\n  cursor: pointer;\n  font-weight: bold;\n  position: relative;\n  top: 3px\n}\n\ndiv.cke_disabled .cke_dialog_ui_labeled_content div * {\n  background-color: #ddd;\n  cursor: default\n}\n\n.cke_dialog_ui_vbox table,\n.cke_dialog_ui_hbox table {\n  margin: auto\n}\n\n.cke_dialog_ui_vbox_child {\n  padding: 5px 0\n}\n\n.cke_dialog_ui_hbox {\n  width: 100%;\n  margin-top: 12px\n}\n\n.cke_dialog_footer_buttons {\n  .cke_dialog_ui_hbox_first {\n    float: right;\n  }\n\n  .cke_dialog_ui_hbox_last {\n    float: left;\n  }\n}\n\n.cke_dialog_ui_hbox_first,\n.cke_dialog_ui_hbox_child,\n.cke_dialog_ui_hbox_last {\n  vertical-align: top\n}\n\n.cke_ltr .cke_dialog_ui_hbox_first,\n.cke_ltr .cke_dialog_ui_hbox_child {\n  padding-right: 10px\n}\n\n.cke_rtl .cke_dialog_ui_hbox_first,\n.cke_rtl .cke_dialog_ui_hbox_child {\n  padding-left: 10px\n}\n\n.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,\n.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {\n  padding-right: 5px\n}\n\n.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,\n.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {\n  padding-left: 5px;\n  padding-right: 0\n}\n\n.cke_hc div.cke_dialog_ui_input_text,\n.cke_hc div.cke_dialog_ui_input_password,\n.cke_hc div.cke_dialog_ui_input_textarea,\n.cke_hc div.cke_dialog_ui_input_select,\n.cke_hc div.cke_dialog_ui_input_file {\n  border: 1px solid\n}\n\ntextarea.cke_dialog_ui_input_textarea {\n  overflow: auto;\n  resize: none\n}\n\ninput.cke_dialog_ui_input_text,\ninput.cke_dialog_ui_input_password,\ntextarea.cke_dialog_ui_input_textarea {\n  border: 1px solid #ddd;\n  padding: 13px 14px;\n  outline: 0;\n  width: 100%;\n  box-sizing: border-box;\n  border-radius: 2px;\n  margin-left: 0;\n}\n\ninput.cke_dialog_ui_input_text:focus,\ninput.cke_dialog_ui_input_password:focus,\ntextarea.cke_dialog_ui_input_textarea:focus,\nselect.cke_dialog_ui_input_select:focus {\n  outline: 0;\n  border: 1px solid #ddd;\n}\n\ninput.cke_dialog_ui_input_text:focus {\n  padding-left: 15px\n}\n\ntextarea.cke_dialog_ui_input_textarea:focus {\n  padding: 3px 5px\n}\n\nselect.cke_dialog_ui_input_select:focus {\n  margin: 0;\n  width: 100% !important\n}\n\ninput.cke_dialog_ui_checkbox_input,\ninput.cke_dialog_ui_radio_input {\n  margin-left: 1px;\n  margin-right: 2px\n}\n\ninput.cke_dialog_ui_checkbox_input:focus,\ninput.cke_dialog_ui_checkbox_input:active,\ninput.cke_dialog_ui_radio_input:focus,\ninput.cke_dialog_ui_radio_input:active {\n  border: 0;\n  outline: 2px solid #139ff7\n}\n\na.cke_dialog_ui_button {\n  display: inline-block;\n  padding: 8px;\n  margin: 0;\n  text-align: center;\n  color: #484848;\n  vertical-align: middle;\n  cursor: pointer;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  letter-spacing: 0;\n  line-height: 18px;\n  box-sizing: border-box;\n  text-transform: uppercase;\n  min-width: 113px;\n  @include transition(all 250ms ease);\n}\n\n.cke_hc a.cke_dialog_ui_button {\n  border-width: 3px\n}\n\nspan.cke_dialog_ui_button {\n  padding: 0 10px;\n  cursor: pointer\n}\n\na.cke_dialog_ui_button:hover {\n  background: #eaeaea;\n}\n\na.cke_dialog_ui_button:focus,\na.cke_dialog_ui_button:active {\n  border: 0;\n  outline: 0;\n  padding: 8px;\n}\n\n.cke_hc a.cke_dialog_ui_button:hover,\n.cke_hc a.cke_dialog_ui_button:focus,\n.cke_hc a.cke_dialog_ui_button:active {\n  border: 3px solid\n}\n\n.cke_dialog_footer_buttons a.cke_dialog_ui_button span {\n  color: inherit;\n  font-size: 13px;\n  font-weight: normal;\n  font-family: $font-family-default;\n  padding: 0;\n}\n\na.cke_dialog_ui_button_ok {\n  color: #fff;\n  background: $cloud-brand;\n  border: 0;\n}\n\n.cke_hc a.cke_dialog_ui_button {\n  border: 3px solid #bcbcbc\n}\n\na.cke_dialog_ui_button_ok:hover {\n  background-color: rgba(red($cloud-brand), green($cloud-brand), blue($cloud-brand), 0.9);\n}\n\na.cke_dialog_ui_button_ok:focus {\n  box-shadow: none;\n}\n\na.cke_dialog_ui_button_ok:focus,\na.cke_dialog_ui_button_ok:active {\n  border-color: #139ff7\n}\n\n.cke_hc a.cke_dialog_ui_button_ok:hover,\n.cke_hc a.cke_dialog_ui_button_ok:focus,\n.cke_hc a.cke_dialog_ui_button_ok:active {\n  border-color: #484848\n}\n\na.cke_dialog_ui_button_ok.cke_disabled {\n  background: #d1d1d1;\n  border-color: #d1d1d1;\n  cursor: default\n}\n\na.cke_dialog_ui_button_ok.cke_disabled span {\n  cursor: default\n}\n\n.cke_dialog_footer_buttons {\n  display: inline-table;\n  width: auto;\n  position: relative;\n  vertical-align: middle\n}\n\ndiv.cke_dialog_ui_input_select {\n  display: table;\n\n  &:after {\n    position: absolute;\n    display: inline-block;\n    content: \"\";\n    pointer-events: none;\n    border-top: 0.35rem solid #D94717;\n    border-right: .35rem solid transparent;\n    border-bottom: .35rem solid transparent;\n    border-left: .35rem solid transparent;\n    margin-left: -24px;\n    margin-top: 18px;\n  }\n}\n\nselect.cke_dialog_ui_input_select {\n  font-family: $font-family-default;\n  color: $ui-txt-clr;\n  height: 42px;\n  line-height: 42px;\n  border: 1px solid #ddd;\n  padding: 0 40px 0 15px;\n  outline: 0;\n  border-radius: 2px;\n  margin: 0;\n  box-sizing: border-box;\n  width: 100%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.cke_dialog_ui_input_file {\n  width: 100%;\n  height: 25px\n}\n\n.cke_hc .cke_dialog_ui_labeled_content input:focus,\n.cke_hc .cke_dialog_ui_labeled_content select:focus,\n.cke_hc .cke_dialog_ui_labeled_content textarea:focus {\n  outline: 1px dotted\n}\n\n.cke_dialog_ui_labeled_label {\n  margin-left: 1px\n}\n\n.cke_dialog .cke_dark_background {\n  background-color: transparent\n}\n\n.cke_dialog .cke_light_background {\n  background-color: #ebebeb\n}\n\n.cke_dialog .cke_centered {\n  text-align: center\n}\n\n.cke_dialog a.cke_btn_reset {\n  float: right;\n  width: 16px;\n  height: 16px;\n  border: 1px none;\n  font-size: 1px\n}\n\n.cke_hidpi .cke_dialog a.cke_btn_reset {\n  background-size: 16px;\n}\n\n.cke_rtl .cke_dialog a.cke_btn_reset {\n  float: left\n}\n\n.cke_dialog a.cke_btn_locked,\n.cke_dialog a.cke_btn_unlocked {\n  float: left;\n  width: 16px;\n  height: 16px;\n  background-repeat: no-repeat;\n  border: none 1px;\n  font-size: 1px\n}\n\n.cke_dialog a.cke_btn_locked,\n.cke_dialog a.cke_btn_unlocked,\n.cke_dialog a.cke_btn_reset {\n  margin: 2px\n}\n\n.cke_rtl .cke_dialog a.cke_btn_locked,\n.cke_rtl .cke_dialog a.cke_btn_unlocked {\n  float: right\n}\n\n.cke_hidpi .cke_dialog a.cke_btn_unlocked,\n.cke_hidpi .cke_dialog a.cke_btn_locked {\n  background-size: 16px\n}\n\n.cke_dialog a.cke_btn_locked .cke_icon {\n  display: none\n}\n\n.cke_dialog a.cke_btn_over,\n.cke_dialog a.cke_btn_locked:hover,\n.cke_dialog a.cke_btn_locked:focus,\n.cke_dialog a.cke_btn_locked:active,\n.cke_dialog a.cke_btn_unlocked:hover,\n.cke_dialog a.cke_btn_unlocked:focus,\n.cke_dialog a.cke_btn_unlocked:active,\n.cke_dialog a.cke_btn_reset:hover,\n.cke_dialog a.cke_btn_reset:focus,\n.cke_dialog a.cke_btn_reset:active {\n  cursor: pointer;\n  outline: 0;\n  margin: 0;\n  border: 2px solid #139ff7\n}\n\n.cke_dialog fieldset {\n  border: 1px solid #bcbcbc\n}\n\n.cke_dialog fieldset legend {\n  padding: 0 6px\n}\n\n.cke_dialog_ui_checkbox,\n.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox {\n  display: inline-block\n}\n\n.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox {\n  padding-top: 5px\n}\n\n.cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input,\n.cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input + label,\n.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input,\n.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input + label {\n  vertical-align: middle\n}\n\n.cke_dialog .ImagePreviewBox {\n  border: 1px ridge #bcbcbc;\n  overflow: scroll;\n  height: 200px;\n  width: 300px;\n  padding: 2px;\n  background-color: white\n}\n\n.cke_dialog .ImagePreviewBox table td {\n  white-space: normal\n}\n\n.cke_dialog .ImagePreviewLoader {\n  position: absolute;\n  white-space: normal;\n  overflow: hidden;\n  height: 160px;\n  width: 230px;\n  margin: 2px;\n  padding: 2px;\n  opacity: .9;\n  //filter: ~\"alpha(opacity 90)\";\n  background-color: #e4e4e4\n}\n\n.cke_dialog .FlashPreviewBox {\n  white-space: normal;\n  border: 1px solid #bcbcbc;\n  overflow: auto;\n  height: 160px;\n  width: 390px;\n  padding: 2px;\n  background-color: white\n}\n\n.cke_dialog .cke_pastetext {\n  width: 346px;\n  height: 170px\n}\n\n.cke_dialog .cke_pastetext textarea {\n  width: 340px;\n  height: 170px;\n  resize: none\n}\n\n.cke_dialog iframe.cke_pasteframe {\n  width: 346px;\n  height: 130px;\n  background-color: white;\n  border: 1px solid #aeb3b9;\n  border-radius: 3px\n}\n\n.cke_dialog .cke_hand {\n  cursor: pointer\n}\n\n.cke_disabled {\n  color: #a0a0a0\n}\n\n.cke_dialog_body .cke_label {\n  display: none\n}\n\n.cke_dialog_body label {\n  display: inline-block;\n  cursor: default;\n  letter-spacing: .3px;\n  font-family: $font-family-default;\n  font-size: 11px;\n  color: $ui-txt-clr;\n  margin-bottom: 5px;\n}\n\n.cke_dialog_body label + .cke_dialog_ui_labeled_content {\n  margin-top: 2px\n}\n\n.cke_dialog_contents_body .cke_dialog_ui_text,\n.cke_dialog_contents_body .cke_dialog_ui_select,\n.cke_dialog_contents_body .cke_dialog_ui_hbox_last > a.cke_dialog_ui_button {\n  margin-top: 4px\n}\n\na.cke_smile {\n  overflow: hidden;\n  display: block;\n  text-align: center;\n  padding: .3em 0\n}\n\na.cke_smile img {\n  vertical-align: middle\n}\n\na.cke_specialchar {\n  cursor: inherit;\n  display: block;\n  height: 1.25em;\n  padding: .2em .3em;\n  text-align: center\n}\n\na.cke_smile,\na.cke_specialchar {\n  border: 2px solid transparent\n}\n\na.cke_smile:hover,\na.cke_smile:focus,\na.cke_smile:active,\na.cke_specialchar:hover,\na.cke_specialchar:focus,\na.cke_specialchar:active {\n  background: #fff;\n  outline: 0\n}\n\na.cke_smile:hover,\na.cke_specialchar:hover {\n  border-color: #888\n}\n\na.cke_smile:focus,\na.cke_smile:active,\na.cke_specialchar:focus,\na.cke_specialchar:active {\n  border-color: #139ff7\n}\n\n.cke_dialog_contents a.colorChooser {\n  display: block;\n  margin-top: 6px;\n  margin-left: 10px;\n  width: 80px\n}\n\n.cke_rtl .cke_dialog_contents a.colorChooser {\n  margin-right: 10px\n}\n\n.cke_iframe_shim {\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  // filter: ~\"alpha(opacity 0)\";\n  width: 100%;\n  height: 100%\n}\n\n.cke_dialog_contents_body .cke_accessibility_legend {\n  margin: 2px 7px 2px 2px\n}\n\n.cke_dialog_contents_body .cke_accessibility_legend:focus,\n.cke_dialog_contents_body .cke_accessibility_legend:active {\n  outline: 0;\n  border: 2px solid #139ff7;\n  margin: 0 5px 0 0\n}\n\n.cke_dialog_contents_body input[type=file]:focus,\n.cke_dialog_contents_body input[type=file]:active {\n  border: 2px solid #139ff7\n}\n\n.cke_dialog_find_fieldset {\n  margin-top: 10px !important\n}\n\n.cke_dialog_image_ratiolock {\n  margin-top: 52px !important\n}\n\n.cke_dialog_forms_select_order label.cke_dialog_ui_labeled_label {\n  margin-left: 0\n}\n\n.cke_dialog_forms_select_order div.cke_dialog_ui_input_select {\n  width: 100%\n}\n\n.cke_dialog_forms_select_order_txtsize .cke_dialog_ui_hbox_last {\n  padding-top: 4px\n}\n\n.cke_dialog_image_url .cke_dialog_ui_hbox_last,\n.cke_dialog_flash_url .cke_dialog_ui_hbox_last {\n  vertical-align: bottom\n}\n\na.cke_dialog_ui_button.cke_dialog_image_browse {\n  margin-top: 10px\n}\n\n.cke_dialog_contents_body .cke_tpl_list {\n  border: #bcbcbc 1px solid;\n  margin: 1px\n}\n\n.cke_dialog_contents_body .cke_tpl_list:focus,\n.cke_dialog_contents_body .cke_tpl_list:active {\n  outline: 0;\n  margin: 0;\n  border: 2px solid #139ff7\n}\n\n.cke_dialog_contents_body .cke_tpl_list a:focus,\n.cke_dialog_contents_body .cke_tpl_list a:active {\n  outline: 0\n}\n\n.cke_dialog_contents_body .cke_tpl_list a:focus .cke_tpl_item,\n.cke_dialog_contents_body .cke_tpl_list a:active .cke_tpl_item {\n  border: 2px solid #139ff7;\n  padding: 6px\n}\n","@import \"ckeditor_skin.scss\";\n@import \"ckeditor_dialog.scss\";\n\n.cke_panel_listItem {\n    a {\n        span {\n            font-size: 12px!important;\n        }\n    }\n}\n\n.cke_button_icon {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n\n.is-mobile {\n    .cloud-cke {\n        overflow-y: visible;\n        width: 100%;\n        right: 0;\n        height: 40px;\n        display: block!important;\n\n        .confirm-rte {\n            float:left;\n            background-color: #F8F8F8;\n            border: 1px solid #d1d1d1;\n            border-right: 0;\n\n            button {\n                height: 36px;\n                width: 36px;\n                text-align: center;\n\n                i {\n                    font-size: 18px;\n                }\n            }\n        }\n\n        > .cke_inner {\n            overflow-x: scroll;\n\n            > .cke_top {\n                width: 1200px;\n                padding: 2px 8px 1px;\n            }\n        }\n\n        > .cke_combopanel {\n            width: 100% !important;\n            top: auto !important;\n            left: auto !important;\n        }\n    }\n}\n\n.footer-copyright {\n    p.cloud-rte-enabled {\n        min-width: 100px;\n    }\n}\n\n//rte inline BO BackBee\n.cloud-ui-wrapper {\n    .cke_editable {\n        @extend .cloud-control;\n        margin-bottom: 10px;\n        p, h1, h2, h3, .bigtext, .smalltext {\n           &:last-child {\n               margin-bottom: 0;\n           }\n        }\n    }\n    .input-wrapper .cke_editable {\n        margin-bottom: 0px;\n\n    }\n}\n\n",".flag-icon-background {\n  background-size: contain;\n  background-position: 50%;\n  background-repeat: no-repeat;\n}\n\n.flag-icon {\n  @extend .flag-icon-background;\n  position: relative;\n  display: inline-block;\n  width: calc(4 / 3) * 1em;\n  line-height: 1em;\n  &:before {\n    content: '\\00a0';\n  }\n}\n\n@mixin flag-icon($country) {\n  .flag-icon-#{$country} {\n    background-image: url('../img/flag/#{$country}.svg');\n  }\n}\n\n@include flag-icon(cn);\n@include flag-icon(de);\n@include flag-icon(en);\n@include flag-icon(es);\n@include flag-icon(fr);\n@include flag-icon(it);\n@include flag-icon(nl);\n@include flag-icon(pt);\n@include flag-icon(ru);\n","/*!\r\n * Cropper v2.3.4\r\n * https://github.com/fengyuanchen/cropper\r\n *\r\n * Copyright (c) 2014-2016 Fengyuan Chen and contributors\r\n * Released under the MIT license\r\n *\r\n * Date: 2016-09-03T05:50:45.412Z ONEBASE\r\n */\r\n.cropper-container {\r\n  font-size: 0;\r\n  line-height: 0;\r\n\r\n  position: relative;\r\n\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n\r\n  direction: ltr !important;\r\n}\r\n\r\n.cropper-container img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  min-width: 0 !important;\r\n  max-width: none !important;\r\n  height: 100%;\r\n  min-height: 0 !important;\r\n  max-height: none !important;\r\n\r\n  image-orientation: 0deg !important;\r\n}\r\n\r\n.cropper-wrap-box,\r\n.cropper-canvas,\r\n.cropper-drag-box,\r\n.cropper-crop-box,\r\n.cropper-modal {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n}\r\n\r\n.cropper-wrap-box {\r\n  overflow: hidden;\r\n}\r\n\r\n.cropper-drag-box {\r\n  opacity: 0;\r\n  background-color: #fff;\r\n\r\n  filter: alpha(opacity=0);\r\n}\r\n\r\n.cropper-modal {\r\n  opacity: .5;\r\n  background-color: #000;\r\n\r\n  filter: alpha(opacity=50);\r\n}\r\n\r\n.cropper-view-box {\r\n  display: block;\r\n  overflow: hidden;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  outline: 1px solid #39f;\r\n  outline-color: rgba(51, 153, 255, .75);\r\n}\r\n\r\n.cropper-dashed {\r\n  position: absolute;\r\n\r\n  display: block;\r\n\r\n  opacity: .5;\r\n  border: 0 dashed #eee;\r\n\r\n  filter: alpha(opacity=50);\r\n}\r\n\r\n.cropper-dashed.dashed-h {\r\n  top: 33.33333%;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n  height: 33.33333%;\r\n\r\n  border-top-width: 1px;\r\n  border-bottom-width: 1px;\r\n}\r\n\r\n.cropper-dashed.dashed-v {\r\n  top: 0;\r\n  left: 33.33333%;\r\n\r\n  width: 33.33333%;\r\n  height: 100%;\r\n\r\n  border-right-width: 1px;\r\n  border-left-width: 1px;\r\n}\r\n\r\n.cropper-center {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  display: block;\r\n\r\n  width: 0;\r\n  height: 0;\r\n\r\n  opacity: .75;\r\n\r\n  filter: alpha(opacity=75);\r\n}\r\n\r\n.cropper-center:before,\r\n.cropper-center:after {\r\n  position: absolute;\r\n\r\n  display: block;\r\n\r\n  content: ' ';\r\n\r\n  background-color: #eee;\r\n}\r\n\r\n.cropper-center:before {\r\n  top: 0;\r\n  left: -3px;\r\n\r\n  width: 7px;\r\n  height: 1px;\r\n}\r\n\r\n.cropper-center:after {\r\n  top: -3px;\r\n  left: 0;\r\n\r\n  width: 1px;\r\n  height: 7px;\r\n}\r\n\r\n.cropper-face,\r\n.cropper-line,\r\n.cropper-point {\r\n  position: absolute;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  opacity: .1;\r\n\r\n  filter: alpha(opacity=10);\r\n}\r\n\r\n.cropper-face {\r\n  top: 0;\r\n  left: 0;\r\n\r\n  background-color: #fff;\r\n}\r\n\r\n.cropper-line {\r\n  background-color: #39f;\r\n}\r\n\r\n.cropper-line.line-e {\r\n  top: 0;\r\n  right: -3px;\r\n\r\n  width: 5px;\r\n\r\n  cursor: e-resize;\r\n}\r\n\r\n.cropper-line.line-n {\r\n  top: -3px;\r\n  left: 0;\r\n\r\n  height: 5px;\r\n\r\n  cursor: n-resize;\r\n}\r\n\r\n.cropper-line.line-w {\r\n  top: 0;\r\n  left: -3px;\r\n\r\n  width: 5px;\r\n\r\n  cursor: w-resize;\r\n}\r\n\r\n.cropper-line.line-s {\r\n  bottom: -3px;\r\n  left: 0;\r\n\r\n  height: 5px;\r\n\r\n  cursor: s-resize;\r\n}\r\n\r\n.cropper-point {\r\n  width: 5px;\r\n  height: 5px;\r\n\r\n  opacity: .75;\r\n  background-color: #39f;\r\n\r\n  filter: alpha(opacity=75);\r\n}\r\n\r\n.cropper-point.point-e {\r\n  top: 50%;\r\n  right: -3px;\r\n\r\n  margin-top: -3px;\r\n\r\n  cursor: e-resize;\r\n}\r\n\r\n.cropper-point.point-n {\r\n  top: -3px;\r\n  left: 50%;\r\n\r\n  margin-left: -3px;\r\n\r\n  cursor: n-resize;\r\n}\r\n\r\n.cropper-point.point-w {\r\n  top: 50%;\r\n  left: -3px;\r\n\r\n  margin-top: -3px;\r\n\r\n  cursor: w-resize;\r\n}\r\n\r\n.cropper-point.point-s {\r\n  bottom: -3px;\r\n  left: 50%;\r\n\r\n  margin-left: -3px;\r\n\r\n  cursor: s-resize;\r\n}\r\n\r\n.cropper-point.point-ne {\r\n  top: -3px;\r\n  right: -3px;\r\n\r\n  cursor: ne-resize;\r\n}\r\n\r\n.cropper-point.point-nw {\r\n  top: -3px;\r\n  left: -3px;\r\n\r\n  cursor: nw-resize;\r\n}\r\n\r\n.cropper-point.point-sw {\r\n  bottom: -3px;\r\n  left: -3px;\r\n\r\n  cursor: sw-resize;\r\n}\r\n\r\n.cropper-point.point-se {\r\n  right: -3px;\r\n  bottom: -3px;\r\n\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  cursor: se-resize;\r\n\r\n  opacity: 1;\r\n\r\n  filter: alpha(opacity=100);\r\n}\r\n\r\n.cropper-point.point-se:before {\r\n  position: absolute;\r\n  right: -50%;\r\n  bottom: -50%;\r\n\r\n  display: block;\r\n\r\n  width: 200%;\r\n  height: 200%;\r\n\r\n  content: ' ';\r\n\r\n  opacity: 0;\r\n  background-color: #39f;\r\n\r\n  filter: alpha(opacity=0);\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .cropper-point.point-se {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .cropper-point.point-se {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .cropper-point.point-se {\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    opacity: .75;\r\n\r\n    filter: alpha(opacity=75);\r\n  }\r\n}\r\n\r\n.cropper-invisible {\r\n  opacity: 0;\r\n\r\n  filter: alpha(opacity=0);\r\n}\r\n\r\n.cropper-bg {\r\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\r\n}\r\n\r\n.cropper-hide {\r\n  position: absolute;\r\n\r\n  display: block;\r\n\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.cropper-hidden {\r\n  display: none !important;\r\n}\r\n\r\n.cropper-move {\r\n  cursor: move;\r\n}\r\n\r\n.cropper-crop {\r\n  cursor: crosshair;\r\n}\r\n\r\n.cropper-disabled .cropper-drag-box,\r\n.cropper-disabled .cropper-face,\r\n.cropper-disabled .cropper-line,\r\n.cropper-disabled .cropper-point {\r\n  cursor: not-allowed;\r\n}\r\n\r\n.disabled {\r\n  .cropper-container {\r\n    cursor: default;\r\n    position: relative;\r\n    z-index: 10000;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      top:0;\r\n      bottom: 0;\r\n    }\r\n  }\r\n\r\n  .cropper-modal {\r\n    background: transparent;\r\n  }\r\n  .cropper-crop-box {\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Multiple Selection Component for Bootstrap\r\n * Check nicolasbize.github.io/magicsuggest/ for latest updates.\r\n *\r\n * Author:       Nicolas Bize\r\n * Created:      Feb 8th 2013\r\n * Last Updated: Oct 16th 2014\r\n * Version:      2.1.4\r\n * Licence:      MagicSuggest is licenced under MIT licence (http://opensource.org/licenses/MIT)\r\n */\r\n.ms-ctn{\r\n    position: relative;\r\n    padding: 6px 15px;\r\n    font-size: 13px;\r\n    line-height: 18px;\r\n    height: auto;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n}\r\n.ms-inv{\r\n    border: 1px solid $error-clr;\r\n}\r\n.ms-ctn-readonly{\r\n    cursor: pointer;\r\n}\r\n.ms-ctn-disabled{\r\n    cursor: not-allowed;\r\n    background-color: #eeeeee;\r\n}\r\n.ms-ctn-bootstrap-focus,\r\n.ms-ctn-bootstrap-focus .ms-res-ctn{\r\n    border-color: rgba(82, 168, 236, 0.8) !important;\r\n    /* IE6-9 */\r\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;\r\n    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;\r\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;\r\n    border-bottom-left-radius: 0;\r\n    border-bottom-right-radius: 0;\r\n}\r\n.ms-ctn input{\r\n    border: 0;\r\n    box-shadow: none;\r\n    -webkit-transition: none;\r\n    outline: none;\r\n    display: block;\r\n    padding: 0;\r\n    margin: 1px 0;\r\n    width: 100%;\r\n    min-width: 30px;\r\n}\r\n.ms-ctn .ms-sel-ctn input{\r\n    float: left;\r\n}\r\n.ms-ctn-disabled input{\r\n    cursor: not-allowed;\r\n    background-color: #eeeeee;\r\n}\r\n.ms-ctn .ms-input-readonly{\r\n    cursor: pointer;\r\n}\r\n.ms-ctn .ms-empty-text{\r\n    color: #DDD;\r\n}\r\n.ms-ctn input:focus{\r\n    border: 0;\r\n    box-shadow: none;\r\n    -webkit-transition: none;\r\n    background: #FFF;\r\n}\r\n.ms-ctn input::-ms-clear {\r\n    width: 0;\r\n    height: 0;\r\n}\r\n.ms-ctn .ms-trigger{\r\n    top: 0;\r\n    width: 25px;\r\n    height:100%;\r\n    position:absolute;\r\n    right:0;\r\n    background: transparent;\r\n    border-left: 1px solid #CCC;\r\n    cursor: pointer;\r\n}\r\n.ms-ctn .ms-trigger .ms-trigger-ico {\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 0;\r\n    vertical-align: top;\r\n    border-top: 4px solid #333;\r\n    border-right: 4px solid transparent;\r\n    border-left: 4px solid transparent;\r\n    content: \"\";\r\n    margin-left: 8px;\r\n    margin-top: 15px;\r\n}\r\n.ms-ctn .ms-trigger:hover{\r\n    background-color: #e6e6e6;\r\n}\r\n.ms-ctn .ms-trigger:hover .ms-trigger-ico{\r\n    background-position: 0 -4px;\r\n}\r\n.ms-ctn-disabled .ms-trigger{\r\n    cursor: not-allowed;\r\n    background-color: #eeeeee;\r\n}\r\n.ms-ctn-bootstrap-focus{\r\n    border-bottom: 1px solid #CCC;\r\n}\r\n.ms-res-ctn{\r\n    width: 100%;\r\n    display: block;\r\n    overflow-y: auto;\r\n}\r\n.ms-res-ctn .ms-res-group{\r\n    line-height: 23px;\r\n    text-align: left;\r\n    padding: 2px 5px;\r\n    font-weight: bold;\r\n    border-bottom: 1px dotted #CCC;\r\n    border-top: 1px solid #CCC;\r\n    background: #f3edff;\r\n    color: #333;\r\n}\r\n.ms-res-ctn .ms-res-item{\r\n    line-height: 25px;\r\n    text-align: left;\r\n    padding: 2px 5px;\r\n    color: #666;\r\n    cursor: pointer;\r\n}\r\n.ms-res-ctn .ms-res-item-grouped{\r\n    padding-left: 15px;\r\n}\r\n.ms-res-ctn .ms-res-odd{\r\n    background: #FAFAFA;\r\n}\r\n.ms-res-ctn .ms-res-item-active{\r\n    background-color: #F5F5F5;\r\n}\r\n.ms-res-ctn .ms-res-item-disabled{\r\n    color: #CCC;\r\n    cursor: default;\r\n}\r\n.ms-sel-ctn{\r\n    overflow: auto;\r\n    line-height: 18px;\r\n    padding-right: 25px;\r\n    /** Outer and global tags **/\r\n    .ms-sel-item{\r\n        background: gray-lighter-plus;\r\n        float: left;\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        border: 1px solid darken($border-clr, 10%);\r\n        padding: 3px 5px;\r\n        margin: 3px 0px 1px 0;\r\n    }\r\n    .ms-sel-invalid{\r\n        border-color: rgb(248, 165, 165) !important;\r\n        background: #FDF2F2 !important;\r\n    }\r\n    .ms-sel-item:hover{\r\n        border: 1px solid #BBB;\r\n    }\r\n}\r\n.ms-no-trigger .ms-sel-ctn{\r\n    padding-right: 0;\r\n}\r\n/** For inner tags **/\r\n.ms-ctn .ms-sel-item{\r\n    background: $gray-lighter-plus;\r\n    float: left;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    border: 1px solid darken($border-clr, 10%);\r\n    padding: 0 5px;\r\n    margin: 1px 5px 1px 0;\r\n}\r\n.ms-ctn .ms-sel-item:hover{\r\n    border: 1px solid transparent;\r\n}\r\n.ms-ctn-focus .ms-sel-item:hover{\r\n    border: 1px solid #BBB;\r\n}\r\n.ms-sel-ctn .ms-sel-text{\r\n    background: #FFF;\r\n    color: #666;\r\n    padding-right: 0;\r\n    margin-left: 0;\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n}\r\n.ms-as-string .ms-sel-text{\r\n    border-color: transparent;\r\n}\r\n.ms-res-ctn .ms-res-item em{\r\n    font-style: normal;\r\n    background: #565656;\r\n    color: #FFF;\r\n}\r\n.ms-sel-ctn .ms-sel-text:hover{\r\n    background: #FFF;\r\n}\r\n.ms-sel-ctn .ms-sel-item-active{\r\n    border: 1px solid red;\r\n    background: #757575;\r\n}\r\n.ms-stacked .ms-sel-item{\r\n    float: inherit;\r\n}\r\n.ms-sel-ctn .ms-sel-item .ms-close-btn{\r\n    width: 7px;\r\n    cursor: pointer;\r\n    height: 7px;\r\n    float: right;\r\n    margin: 6px 2px 0 10px;\r\n    background-image: url(data:image/png;base64,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);\r\n    background-position: 0 -7px;\r\n}\r\n.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{\r\n    background-position: 0 0;\r\n}\r\n.ms-stacked .ms-sel-item .ms-close-btn {\r\n    margin-left: 0px;\r\n}\r\n.ms-helper{\r\n    color: $cloud-brand;\r\n    font-size: 9px;\r\n    position: absolute;\r\n    top: -15px;\r\n    right: 0;\r\n}\r\n.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {\r\n    margin-top: 17px\r\n}\r\n.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {\r\n    margin-top: 13px\r\n}\r\n.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {\r\n    padding-top: 2px;\r\n    padding-bottom: 3px;\r\n}\r\n.ms-ctn.input-sm .ms-sel-ctn {\r\n    line-height: 15px;\r\n}\r\n.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {\r\n    padding-top: 1px;\r\n    padding-bottom: 1px;\r\n    margin-top:0;\r\n    margin-bottom: 0;\r\n}\r\n.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {\r\n    margin-top: 4px;\r\n}\r\n.ms-ctn .ms-trigger:hover {\r\n    width:24px;\r\n    right: 1px;\r\n    border-radius: 0 3px 3px 0;\r\n}\r\n","/***\nSpectrum Colorpicker v1.8.0\nhttps://github.com/bgrins/spectrum\nAuthor: Brian Grinstead\nLicense: MIT\n***/\n\n.sp-container {\n    position:absolute;\n    top:0;\n    left:0;\n    display:inline-block;\n    *display: inline;\n    *zoom: 1;\n    /* https://github.com/bgrins/spectrum/issues/40 */\n    z-index: 9999994;\n    overflow: hidden;\n}\n.sp-container.sp-flat {\n    position: relative;\n}\n\n/* Fix for * { box-sizing: border-box; } */\n.sp-container,\n.sp-container * {\n    -webkit-box-sizing: content-box;\n       -moz-box-sizing: content-box;\n            box-sizing: content-box;\n}\n\n/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */\n.sp-top {\n  position:relative;\n  width: 100%;\n  display:inline-block;\n}\n.sp-top-inner {\n   position:absolute;\n   top:0;\n   left:0;\n   bottom:0;\n   right:0;\n}\n.sp-color {\n    position: absolute;\n    top:0;\n    left:0;\n    bottom:0;\n    right:20%;\n}\n.sp-hue {\n    position: absolute;\n    top:0;\n    right:0;\n    bottom:0;\n    left:84%;\n    height: 100%;\n}\n\n.sp-clear-enabled .sp-hue {\n    top:33px;\n    height: 77.5%;\n}\n\n.sp-fill {\n    padding-top: 80%;\n}\n.sp-sat, .sp-val {\n    position: absolute;\n    top:0;\n    left:0;\n    right:0;\n    bottom:0;\n}\n\n.sp-alpha-enabled .sp-top {\n    margin-bottom: 18px;\n}\n.sp-alpha-enabled .sp-alpha {\n    display: block;\n}\n.sp-alpha-handle {\n    position:absolute;\n    top:-4px;\n    bottom: -4px;\n    width: 6px;\n    left: 50%;\n    cursor: pointer;\n    border: 1px solid black;\n    background: white;\n    opacity: .8;\n}\n.sp-alpha {\n    display: none;\n    position: absolute;\n    bottom: -14px;\n    right: 0;\n    left: 0;\n    height: 8px;\n}\n.sp-alpha-inner {\n    border: solid 1px #333;\n}\n\n.sp-clear {\n    display: none;\n}\n\n.sp-clear.sp-clear-display {\n    background-position: center;\n}\n\n.sp-clear-enabled .sp-clear {\n    display: block;\n    position:absolute;\n    top:0px;\n    right:0;\n    bottom:0;\n    left:84%;\n    height: 28px;\n}\n\n/* Don't allow text selection */\n.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input {\n    -webkit-user-select:none;\n    -moz-user-select: -moz-none;\n    -o-user-select:none;\n    user-select: none;\n}\n\n.sp-container.sp-input-disabled .sp-input-container {\n    display: none;\n}\n.sp-container.sp-buttons-disabled .sp-button-container {\n    display: none;\n}\n.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {\n    display: none;\n}\n.sp-palette-only .sp-picker-container {\n    display: none;\n}\n.sp-palette-disabled .sp-palette-container {\n    display: none;\n}\n\n.sp-initial-disabled .sp-initial {\n    display: none;\n}\n\n\n/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */\n.sp-sat {\n    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));\n    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));\n    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\n    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\n    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\n    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));\n    -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)\";\n    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');\n}\n.sp-val {\n    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));\n    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));\n    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\n    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\n    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\n    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));\n    -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)\";\n    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');\n}\n\n.sp-hue {\n    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));\n    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n}\n\n/* IE filters do not support multiple color stops.\n   Generate 6 divs, line them up, and do two color gradients for each.\n   Yes, really.\n */\n.sp-1 {\n    height:17%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');\n}\n.sp-2 {\n    height:16%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');\n}\n.sp-3 {\n    height:17%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');\n}\n.sp-4 {\n    height:17%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');\n}\n.sp-5 {\n    height:16%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');\n}\n.sp-6 {\n    height:17%;\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');\n}\n\n.sp-hidden {\n    display: none !important;\n}\n\n/* Clearfix hack */\n.sp-cf:before, .sp-cf:after { content: \"\"; display: table; }\n.sp-cf:after { clear: both; }\n.sp-cf { *zoom: 1; }\n\n/* Mobile devices, make hue slider bigger so it is easier to slide */\n@media (max-device-width: 480px) {\n    .sp-color { right: 40%; }\n    .sp-hue { left: 63%; }\n    .sp-fill { padding-top: 60%; }\n}\n.sp-dragger {\n   border-radius: 5px;\n   height: 5px;\n   width: 5px;\n   border: 1px solid #fff;\n   background: #000;\n   cursor: pointer;\n   position:absolute;\n   top:0;\n   left: 0;\n}\n.sp-slider {\n    position: absolute;\n    top:0;\n    cursor:pointer;\n    height: 3px;\n    left: -1px;\n    right: -1px;\n    border: 1px solid #000;\n    background: white;\n    opacity: .8;\n}\n\n/*\nTheme authors:\nHere are the basic themeable display options (colors, fonts, global widths).\nSee http://bgrins.github.io/spectrum/themes/ for instructions.\n*/\n\n.sp-container {\n    border-radius: 0;\n    background-color: #ECECEC;\n    border: solid 1px #f0c49B;\n    padding: 0;\n}\n.sp-container, .sp-container input, .sp-color, .sp-hue, .sp-clear {\n    font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    -ms-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.sp-top {\n    margin-bottom: 3px;\n}\n// .sp-color, .sp-hue, .sp-clear {\n//     border: solid 1px #666;\n// }\n\n/* Input */\n.sp-input-container {\n    float:right;\n    width: 100px;\n    margin-bottom: 4px;\n}\n.sp-initial-disabled  .sp-input-container {\n    width: 100%;\n}\n.sp-input {\n   font-size: 12px !important;\n   // border: 1px inset;\n   padding: 4px 5px;\n   margin: 0;\n   width: 100%;\n   background: #ffffff;\n   // border-radius: 3px;\n   color: #222;\n}\n.sp-input:focus  {\n    border: 1px solid orange;\n}\n.sp-input.sp-validation-error {\n    border: 1px solid red;\n    background: #fdd;\n}\n.sp-picker-container , .sp-palette-container {\n    float:left;\n    position: relative;\n    padding: 10px;\n    padding-bottom: 300px;\n    margin-bottom: -290px;\n}\n.sp-picker-container {\n    width: 172px;\n    border-left: solid 1px #fff;\n}\n\n/* Palettes */\n.sp-palette-container {\n    border-right: solid 1px #ccc;\n}\n\n.sp-palette-only .sp-palette-container {\n    border: 0;\n}\n\n.sp-palette .sp-thumb-el {\n    display: block;\n    position:relative;\n    float:left;\n    width: 24px;\n    height: 15px;\n    margin: 3px;\n    cursor: pointer;\n    border:solid 2px transparent;\n}\n// .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {\n//     border-color: orange;\n// }\n.sp-thumb-el {\n    position:relative;\n}\n\n/* Initial */\n.sp-initial {\n    float: left;\n    border: solid 1px #333;\n}\n.sp-initial span {\n    width: 30px;\n    height: 25px;\n    border:none;\n    display:block;\n    float:left;\n    margin:0;\n}\n\n.sp-initial .sp-clear-display {\n    background-position: center;\n}\n\n/* Buttons */\n.sp-palette-button-container,\n.sp-button-container {\n    float: right;\n}\n\n/* Replacer (the little preview div that shows up instead of the <input>) */\n.sp-replacer {\n    margin:0;\n    overflow:hidden;\n    cursor:pointer;\n    // padding: 4px;\n    display:inline-block;\n    *zoom: 1;\n    *display: inline;\n    // border: solid 1px #91765d;\n    // background: #eee;\n    // color: #333;\n    // vertical-align: middle;\n    flex-grow: 1;\n    margin-right: 8px;\n}\n.sp-replacer:hover, .sp-replacer.sp-active {\n    border-color: #F0C49B;\n    color: #111;\n}\n.sp-replacer.sp-disabled {\n    cursor:default;\n    border-color: silver;\n    color: silver;\n}\n.sp-dd {\n    padding: 2px 0;\n    height: 16px;\n    line-height: 16px;\n    float:left;\n    font-size:10px;\n    display: none;\n}\n.sp-preview {\n    // position:relative;\n    // width:250px;\n    height: 30px;\n    // border: solid 1px #222;\n    // margin-right: 5px;\n    // float:left;\n    z-index: 0;\n    border: 1px solid $border-clr;\n}\n\n.sp-palette {\n    *width: 220px;\n    max-width: 220px;\n}\n.sp-palette .sp-thumb-el {\n    width:16px;\n    height: 16px;\n    margin:3px 3px;\n    border: solid 1px #d0d0d0;\n}\n\n.sp-container {\n    padding-bottom:0;\n}\n\n\n/* Buttons: http://hellohappy.org/css3-buttons/ */\n.sp-container button {\n    font-size: 11px;\n    margin:0;\n    padding:6px 8px;\n    // margin-right: 5px;\n    vertical-align: middle;\n    text-decoration:none;\n    background-color: #D94717;\n    border: 1px solid #D94717;\n    color: #fff;\n    text-transform: uppercase;\n}\n\n.sp-cancel {\n    font-size: 11px;\n    margin:0;\n    padding:6px 8px;\n    margin-right: 5px;\n    vertical-align: middle;\n    text-decoration:none;\n    background-color: #fff;\n    border: 1px solid #c5c5c5;\n    text-transform: uppercase;\n}\n\n.sp-cancel:hover {\n    text-decoration: none;\n}\n\n// .sp-palette span:hover, .sp-palette span.sp-thumb-active {\n//     border-color: #000;\n// }\n\n.sp-preview, .sp-alpha, .sp-thumb-el {\n    position:relative;\n    background-color: #ffffff;\n    //background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);\n}\n.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {\n    display:block;\n    position:absolute;\n    top:0;left:0;bottom:0;right:0;\n}\n\n.sp-palette .sp-thumb-inner {\n    background-position: 50% 50%;\n    background-repeat: no-repeat;\n}\n\n.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);\n}\n\n.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);\n}\n\n.sp-clear-display {\n    background-repeat:no-repeat;\n    background-position: center;\n    background-color: #ffffff;\n    //background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);\n    /* .sp-preview & {\n        background-image:none;\n        @extend .icon-plus;\n    } */\n}\n\n$color-palette-size: 24px;\n\n// custom css\n.sp-container {\n    @import '../partials/cloud-reset';\n\n    background-color: #fff;\n    border-color: $border-clr;\n\n    button {\n        color: #fff;\n    }\n\n    .sp-palette-container {\n        box-sizing: border-box;\n\n        .sp-palette {\n            max-width: unset;\n\n            .sp-thumb-el {\n                width: $color-palette-size;\n                height: $color-palette-size;\n\n                &.sp-thumb-active {\n                    border-color: $cloud-brand;\n                    box-shadow: 0px 0px 0px 1px $cloud-brand;\n\n                    .sp-thumb-inner {\n                        background-image: none;\n                    }\n                }\n\n                &.sp-clear-display {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n            }\n        }\n    }\n\n    .sp-input, .sp-color, .sp-hue, .sp-clear {\n        border: 1px solid $border-clr;\n    }\n}\n","// Reset Cloud\r\n\r\n* {\r\n    color: $ui-txt-clr;\r\n    font-family: $font-family-default;\r\n}\r\n\r\na {\r\n    color: $ui-txt-clr;\r\n}\r\n\r\n.btn, button {\r\n    border-radius: 0;\r\n    color: $ui-txt-clr;\r\n\r\n    &:focus, &:active {\r\n        outline: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    i {\r\n        color: $gray;\r\n    }\r\n\r\n    &.btn-primary {\r\n        &:active {\r\n            background-color: $cloud-brand;\r\n            border-color: $cloud-brand;\r\n            &:focus {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.form-control, .input-group-text {\r\n    color: $ui-txt-clr;\r\n    border-color: $border-clr;\r\n    border-radius: 0;\r\n    &:focus {\r\n        box-shadow: none;\r\n    }\r\n}\r\n\r\n.underline {\r\n    text-decoration: underline;\r\n}\r\n\r\n.clearfix {\r\n    &:before,\r\n    &:after {\r\n        content: \"\";\r\n        display: table;\r\n    }\r\n    &:after {\r\n        clear: both;\r\n    }\r\n}\r\n\r\n.dropdown {\r\n    width: 100%;\r\n    .dropdown-toggle {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        &:hover {\r\n            background: #fff;\r\n        }\r\n        &:after {\r\n            border-top: 0.35rem solid $cloud-brand;\r\n        }\r\n    }\r\n    .dropdown-menu {\r\n        .dropdown-item {\r\n            cursor: pointer;\r\n            &:active, &.active {\r\n                background: transparent;\r\n                &:hover {\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.blur {\r\n    @include blur($ui-blur);\r\n}\r\n\r\n.cloud-relative {\r\n    position: relative !important;\r\n}\r\n\r\n//reset theme\r\n.navbar-fixed-top.affix {\r\n    opacity: 0;\r\n    z-index: -1;\r\n}\r\n\r\n//cursor: pointer\r\n.cursor-pointer {\r\n    cursor: pointer;\r\n}\r\n","/*\r\n * Nestable - Multiple level menu\r\n * Nestable jQuery Plugin - Copyright (c) 2014 Ramon Smit - https://github.com/RamonSmit/Nestable\r\n */\r\n\r\n // Remove item added by LP Digital\r\n\r\n.dd {\r\n    position: relative;\r\n    display: block;\r\n    margin: 0;\r\n    padding: 0;\r\n    max-width: 600px;\r\n    list-style: none;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n}\r\n\r\n.dd-list {\r\n    display: block;\r\n    position: relative;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n}\r\n\r\n.dd-list .dd-list {\r\n    padding-left: 30px;\r\n}\r\n\r\n.dd-item, .dd-empty, .dd-placeholder {\r\n    display: block;\r\n    position: relative;\r\n    margin: 0;\r\n    padding: 0;\r\n    min-height: 20px;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n\r\n    .remove-item {\r\n        float: right;\r\n        padding: 5px;\r\n        width: 25px;\r\n        text-align: center;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n.dd-handle {\r\n    display: block;\r\n    height: 30px;\r\n    padding: 5px 10px;\r\n    color: #333;\r\n    text-decoration: none;\r\n    border: 1px solid #ccc;\r\n    background: #fafafa;\r\n    border-radius: 3px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dd-handle:hover {\r\n    color: $cloud-brand;\r\n    background: #fff;\r\n    cursor: move;\r\n}\r\n\r\n.dd-item > button {\r\n    position: relative;\r\n    cursor: pointer;\r\n    float: left;\r\n    width: 25px;\r\n    height: 20px;\r\n    margin: 5px 0;\r\n    padding: 0;\r\n    text-indent: 100%;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    border: 0;\r\n    background: transparent;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    text-align: center;\r\n    font-weight: bold;\r\n}\r\n\r\n.dd-item > button:before {\r\n    display: block;\r\n    position: absolute;\r\n    width: 100%;\r\n    text-align: center;\r\n    text-indent: 0;\r\n}\r\n\r\n.dd-item > button.dd-expand:before {\r\n    content: '+';\r\n}\r\n\r\n.dd-item > button.dd-collapse:before {\r\n    content: '-';\r\n}\r\n\r\n.dd-expand {\r\n    display: none;\r\n}\r\n\r\n.dd-collapsed .dd-list, .dd-collapsed .dd-collapse {\r\n    display: none;\r\n}\r\n\r\n.dd-collapsed .dd-expand {\r\n    display: block;\r\n}\r\n\r\n.dd-empty, .dd-placeholder {\r\n    margin: 5px 0;\r\n    padding: 0;\r\n    min-height: 30px;\r\n    border: 1px dashed $cloud-brand;\r\n    box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n}\r\n\r\n.dd-empty {\r\n    border: 1px dashed #bbb;\r\n    min-height: 100px;\r\n    background-color: #e5e5e5;\r\n    background-size: 60px 60px;\r\n    background-position: 0 0, 30px 30px;\r\n}\r\n\r\n.dd-dragel {\r\n    font-family: $font-family-default!important;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    z-index: 10999;\r\n\r\n    li {\r\n        font-family: $font-family-default!important;\r\n        button {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n.dd-dragel > .dd-item .dd-handle {\r\n    margin-top: 0;\r\n}\r\n\r\n.dd-dragel .dd-handle {\r\n    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);\r\n}\r\n\r\n.dd-nochildren .dd-placeholder {\r\n    display: none;\r\n}\r\n\r\n.dd-item {\r\n    overflow: hidden;\r\n    &:not(:first-child) {\r\n        margin-top: $cloud-spacer;\r\n    }\r\n\r\n    &:hover .cloud-page-action{\r\n        @include opacity(0);\r\n        @include translate3d(100%, 0, 0);\r\n    }\r\n\r\n    .dd-item {\r\n        margin-top: $cloud-spacer;\r\n        &:hover .cloud-page-action{\r\n            @include opacity(1);\r\n            @include translate3d(0, 0, 0);\r\n        }\r\n    }\r\n\r\n    .dd-content {\r\n        display: block;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cloud-page-action {\r\n        top: 5px;\r\n        bottom: auto;\r\n        height: 30px;\r\n        text-indent: initial;\r\n    }\r\n\r\n    .dd-handle {\r\n        &:hover + .cloud-page-action {\r\n            //&:extend(#cloud-ui .btn:hover > .cloud-page-action all);\r\n        }\r\n\r\n        .parent-node {\r\n            padding-left: 18px;\r\n        }\r\n    }\r\n\r\n    input {\r\n        position: absolute;\r\n        top: 10px;\r\n        left: 26px;\r\n    }\r\n}","// Flatpickr\n\n.flatpickr-calendar {\n  background: transparent;\n  overflow: hidden;\n  max-height: 0;\n  opacity: 0;\n  visibility: hidden;\n  text-align: center;\n  padding: 0;\n  -webkit-animation: none;\n          animation: none;\n  direction: ltr;\n  border: 0;\n  font-size: 14px;\n  line-height: 24px;\n  border-radius: 5px;\n  position: absolute;\n  width: 307.875px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -ms-touch-action: manipulation;\n      touch-action: manipulation;\n  background: #fff;\n  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);\n          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n  opacity: 1;\n  visibility: visible;\n  overflow: visible;\n  max-height: 640px;\n}\n.flatpickr-calendar.open {\n  display: inline-block;\n  z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n  display: block;\n  position: relative;\n  top: 2px;\n}\n.flatpickr-calendar.static {\n  position: absolute;\n  top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n  z-index: 999;\n  display: block;\n}\n.flatpickr-calendar.hasWeeks {\n  width: auto;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n  border-bottom: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n  border-left: 0;\n}\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n  height: 40px;\n  border-top: 1px solid #e6e6e6;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n  height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n  position: absolute;\n  display: block;\n  pointer-events: none;\n  border: solid transparent;\n  content: '';\n  height: 0;\n  width: 0;\n  left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n  left: auto;\n  right: 22px;\n}\n.flatpickr-calendar:before {\n  border-width: 5px;\n  margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n  border-width: 4px;\n  margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n  bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n  border-bottom-color: #e6e6e6;\n}\n.flatpickr-calendar.arrowTop:after {\n  border-bottom-color: #fff;\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n  top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n  border-top-color: #e6e6e6;\n}\n.flatpickr-calendar.arrowBottom:after {\n  border-top-color: #fff;\n}\n.flatpickr-calendar:focus {\n  outline: 0;\n}\n.flatpickr-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.flatpickr-month {\n  background: $cloud-brand;\n  color: $white;\n  fill: $white;\n  height: 40px;\n  line-height: 1;\n  text-align: center;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: hidden;\n}\n.flatpickr-prev-month,\n.flatpickr-next-month {\n  text-decoration: none;\n  cursor: pointer;\n  position: absolute;\n  top: 0px;\n  line-height: 16px;\n  height: 28px;\n  padding: 10px calc(3.57% - 1.5px);\n  z-index: 3;\n}\n.flatpickr-prev-month i,\n.flatpickr-next-month i {\n  position: relative;\n}\n.flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-next-month.flatpickr-prev-month {\n/*\n        /*rtl:begin:ignore*/\n/*\n        */\n  left: 0;\n/*\n        /*rtl:end:ignore*/\n/*\n        */\n}\n/*\n        /*rtl:begin:ignore*/\n/*\n        /*rtl:end:ignore*/\n.flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-next-month.flatpickr-next-month {\n/*\n        /*rtl:begin:ignore*/\n/*\n        */\n  right: 0;\n/*\n        /*rtl:end:ignore*/\n/*\n        */\n}\n/*\n        /*rtl:begin:ignore*/\n/*\n        /*rtl:end:ignore*/\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:hover {\n  color: #959ea9;\n}\n.flatpickr-prev-month:hover svg,\n.flatpickr-next-month:hover svg {\n  fill: #f64747;\n}\n.flatpickr-prev-month svg,\n.flatpickr-next-month svg {\n  width: 14px;\n}\n.flatpickr-prev-month svg path,\n.flatpickr-next-month svg path {\n  -webkit-transition: fill 0.1s;\n  transition: fill 0.1s;\n  fill: inherit;\n}\n.numInputWrapper {\n  position: relative;\n  height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n  display: inline-block;\n}\n.numInputWrapper input {\n  width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n  display: none;\n}\n.numInputWrapper span {\n  position: absolute;\n  right: 0;\n  width: 14px;\n  padding: 0 4px 0 2px;\n  height: 50%;\n  line-height: 50%;\n  opacity: 0;\n  cursor: pointer;\n  border: 1px solid rgba(57,57,57,0.05);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n  background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n  background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n  display: block;\n  content: \"\";\n  position: absolute;\n  top: 33%;\n}\n.numInputWrapper span.arrowUp {\n  top: 0;\n  border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-bottom: 4px solid rgba(57,57,57,0.6);\n}\n.numInputWrapper span.arrowDown {\n  top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 4px solid rgba(57,57,57,0.6);\n}\n.numInputWrapper span svg {\n  width: inherit;\n  height: auto;\n}\n.numInputWrapper span svg path {\n  fill: rgba(0,0,0,0.5);\n}\n.numInputWrapper:hover {\n  background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n  opacity: 1;\n}\n.flatpickr-current-month {\n  font-size: 135%;\n  line-height: inherit;\n  font-weight: 300;\n  color: inherit;\n  position: absolute;\n  width: 75%;\n  left: 12.5%;\n  padding: 6.16px 0 0 0;\n  line-height: 1;\n  height: 28px;\n  display: inline-block;\n  text-align: center;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month.slideLeft {\n  -webkit-transform: translate3d(-100%, 0px, 0px);\n          transform: translate3d(-100%, 0px, 0px);\n  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-current-month.slideLeftNew {\n  -webkit-transform: translate3d(100%, 0px, 0px);\n          transform: translate3d(100%, 0px, 0px);\n  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-current-month.slideRight {\n  -webkit-transform: translate3d(100%, 0px, 0px);\n          transform: translate3d(100%, 0px, 0px);\n  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-current-month.slideRightNew {\n  -webkit-transform: translate3d(0, 0, 0px);\n          transform: translate3d(0, 0, 0px);\n  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-current-month span.cur-month {\n  font-family: inherit;\n  font-weight: 700;\n  color: inherit;\n  display: inline-block;\n  margin-left: 0.5ch;\n  padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n  background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n  width: 6ch;\n  width: 7ch\\0;\n  display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n  border-bottom-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n  border-top-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month input.cur-year {\n  background: transparent;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: inherit;\n  cursor: text;\n  padding: 0 0 0 0.5ch;\n  margin: 0;\n  display: inline-block;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: 300;\n  line-height: inherit;\n  height: initial;\n  border: 0;\n  border-radius: 0;\n  vertical-align: initial;\n}\n.flatpickr-current-month input.cur-year:focus {\n  outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n  font-size: 100%;\n  color: rgba(0,0,0,0.5);\n  background: transparent;\n  pointer-events: none;\n}\n.flatpickr-weekdays {\n  background: transparent;\n  text-align: center;\n  overflow: hidden;\n  width: 100%;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 28px;\n}\nspan.flatpickr-weekday {\n  cursor: default;\n  font-size: 90%;\n  background: transparent;\n  color: rgba(0,0,0,0.54);\n  line-height: 1;\n  margin: 0;\n  text-align: center;\n  display: block;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n  padding: 1px 0 0 0;\n}\n.flatpickr-days {\n  position: relative;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  width: 307.875px;\n}\n.flatpickr-days:focus {\n  outline: 0;\n}\n.dayContainer {\n  padding: 0;\n  outline: 0;\n  text-align: left;\n  width: 307.875px;\n  min-width: 307.875px;\n  max-width: 307.875px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: inline-block;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n  -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n  opacity: 1;\n}\n.flatpickr-calendar.animate .dayContainer.slideLeft {\n  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.animate .dayContainer.slideLeft,\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n  -webkit-transform: translate3d(-100%, 0px, 0px);\n          transform: translate3d(-100%, 0px, 0px);\n}\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.animate .dayContainer.slideRight {\n  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n  -webkit-transform: translate3d(100%, 0px, 0px);\n          transform: translate3d(100%, 0px, 0px);\n}\n.flatpickr-calendar.animate .dayContainer.slideRightNew {\n  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-day {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 150px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  color: #393939;\n  cursor: pointer;\n  font-weight: 400;\n  width: 14.2857143%;\n  -webkit-flex-basis: 14.2857143%;\n      -ms-flex-preferred-size: 14.2857143%;\n          flex-basis: 14.2857143%;\n  max-width: 39px;\n  height: 39px;\n  line-height: 39px;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n  cursor: pointer;\n  outline: 0;\n  background: #e6e6e6;\n  border-color: #e6e6e6;\n}\n.flatpickr-day.today {\n  border-color: #959ea9;\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n  border-color: #959ea9;\n  background: #959ea9;\n  color: #fff;\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n  background: #569ff7;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: #fff;\n  border-color: #569ff7;\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n  border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n  border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange,\n.flatpickr-day.startRange.startRange + .endRange,\n.flatpickr-day.endRange.startRange + .endRange {\n  -webkit-box-shadow: -10px 0 0 #569ff7;\n          box-shadow: -10px 0 0 #569ff7;\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n  border-radius: 50px;\n}\n.flatpickr-day.inRange {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-day.disabled,\n.flatpickr-day.disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n  color: rgba(57,57,57,0.3);\n  background: transparent;\n  border-color: transparent;\n  cursor: default;\n}\n.flatpickr-day.disabled,\n.flatpickr-day.disabled:hover {\n  cursor: not-allowed;\n  color: rgba(57,57,57,0.1);\n}\n.flatpickr-day.week.selected {\n  border-radius: 0;\n  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n}\n.rangeMode .flatpickr-day {\n  margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n  display: inline-block;\n  float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n  padding: 0 12px;\n  -webkit-box-shadow: 1px 0 0 #e6e6e6;\n          box-shadow: 1px 0 0 #e6e6e6;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n  float: none;\n  width: 100%;\n  line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n  display: block;\n  width: 100%;\n  max-width: none;\n  color: rgba(57,57,57,0.3);\n  background: transparent;\n  cursor: default;\n  border: none;\n}\n.flatpickr-innerContainer {\n  display: block;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n}\n.flatpickr-rContainer {\n  display: inline-block;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.flatpickr-time {\n  text-align: center;\n  outline: 0;\n  display: block;\n  height: 0;\n  line-height: 40px;\n  max-height: 40px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow: hidden;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.flatpickr-time:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.flatpickr-time .numInputWrapper {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  width: 40%;\n  height: 40px;\n  float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n  border-bottom-color: #393939;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n  border-top-color: #393939;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n  width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n  width: 49%;\n}\n.flatpickr-time input {\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border: 0;\n  border-radius: 0;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n  height: inherit;\n  line-height: inherit;\n  cursor: pointer;\n  color: #393939;\n  font-size: 14px;\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.flatpickr-time input.flatpickr-hour {\n  font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n  font-weight: 400;\n}\n.flatpickr-time input:focus {\n  outline: 0;\n  border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n  height: inherit;\n  display: inline-block;\n  float: left;\n  line-height: inherit;\n  color: #393939;\n  font-weight: bold;\n  width: 2%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-align-self: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n  outline: 0;\n  width: 18%;\n  cursor: pointer;\n  text-align: center;\n  font-weight: 400;\n}\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time .flatpickr-am-pm:focus {\n  background: #f0f0f0;\n}\n.flatpickr-input[readonly] {\n  cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes fpFadeInDown {\n  from {\n    opacity: 0;\n    -webkit-transform: translate3d(0, -20px, 0);\n            transform: translate3d(0, -20px, 0);\n  }\n  to {\n    opacity: 1;\n    -webkit-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n  }\n}\n@-webkit-keyframes fpSlideLeft {\n  from {\n    -webkit-transform: translate3d(0px, 0px, 0px);\n            transform: translate3d(0px, 0px, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(-100%, 0px, 0px);\n            transform: translate3d(-100%, 0px, 0px);\n  }\n}\n@keyframes fpSlideLeft {\n  from {\n    -webkit-transform: translate3d(0px, 0px, 0px);\n            transform: translate3d(0px, 0px, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(-100%, 0px, 0px);\n            transform: translate3d(-100%, 0px, 0px);\n  }\n}\n@-webkit-keyframes fpSlideLeftNew {\n  from {\n    -webkit-transform: translate3d(100%, 0px, 0px);\n            transform: translate3d(100%, 0px, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(0px, 0px, 0px);\n            transform: translate3d(0px, 0px, 0px);\n  }\n}\n@keyframes fpSlideLeftNew {\n  from {\n    -webkit-transform: translate3d(100%, 0px, 0px);\n            transform: translate3d(100%, 0px, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(0px, 0px, 0px);\n            transform: translate3d(0px, 0px, 0px);\n  }\n}\n@-webkit-keyframes fpSlideRight {\n  from {\n    -webkit-transform: translate3d(0, 0, 0px);\n            transform: translate3d(0, 0, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(100%, 0px, 0px);\n            transform: translate3d(100%, 0px, 0px);\n  }\n}\n@keyframes fpSlideRight {\n  from {\n    -webkit-transform: translate3d(0, 0, 0px);\n            transform: translate3d(0, 0, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(100%, 0px, 0px);\n            transform: translate3d(100%, 0px, 0px);\n  }\n}\n@-webkit-keyframes fpSlideRightNew {\n  from {\n    -webkit-transform: translate3d(-100%, 0, 0px);\n            transform: translate3d(-100%, 0, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(0, 0, 0px);\n            transform: translate3d(0, 0, 0px);\n  }\n}\n@keyframes fpSlideRightNew {\n  from {\n    -webkit-transform: translate3d(-100%, 0, 0px);\n            transform: translate3d(-100%, 0, 0px);\n  }\n  to {\n    -webkit-transform: translate3d(0, 0, 0px);\n            transform: translate3d(0, 0, 0px);\n  }\n}\n@-webkit-keyframes fpFadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes fpFadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@-webkit-keyframes fpFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fpFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n\n// Custom\n.flatpickr-calendar {\n    font-family: $font-family-default;\n}\n\n.flatpickr-calendar {\n    border-radius: 0;\n    font-family: $font-family-default;\n}\n\n.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {\n    background-color: $cloud-brand;\n    border-color: $cloud-brand;\n}","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"black\":      $black,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.2 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG/#contrast-minimum\n$min-contrast-ratio:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n  \"purple-100\": $purple-100,\n  \"purple-200\": $purple-200,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n) !default;\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n) !default;\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-text-variables\n$primary-text-emphasis:   shade-color($primary, 60%) !default;\n$secondary-text-emphasis: shade-color($secondary, 60%) !default;\n$success-text-emphasis:   shade-color($success, 60%) !default;\n$info-text-emphasis:      shade-color($info, 60%) !default;\n$warning-text-emphasis:   shade-color($warning, 60%) !default;\n$danger-text-emphasis:    shade-color($danger, 60%) !default;\n$light-text-emphasis:     $gray-700 !default;\n$dark-text-emphasis:      $gray-700 !default;\n// scss-docs-end theme-text-variables\n\n// scss-docs-start theme-bg-subtle-variables\n$primary-bg-subtle:       tint-color($primary, 80%) !default;\n$secondary-bg-subtle:     tint-color($secondary, 80%) !default;\n$success-bg-subtle:       tint-color($success, 80%) !default;\n$info-bg-subtle:          tint-color($info, 80%) !default;\n$warning-bg-subtle:       tint-color($warning, 80%) !default;\n$danger-bg-subtle:        tint-color($danger, 80%) !default;\n$light-bg-subtle:         mix($gray-100, $white) !default;\n$dark-bg-subtle:          $gray-400 !default;\n// scss-docs-end theme-bg-subtle-variables\n\n// scss-docs-start theme-border-subtle-variables\n$primary-border-subtle:   tint-color($primary, 60%) !default;\n$secondary-border-subtle: tint-color($secondary, 60%) !default;\n$success-border-subtle:   tint-color($success, 60%) !default;\n$info-border-subtle:      tint-color($info, 60%) !default;\n$warning-border-subtle:   tint-color($warning, 60%) !default;\n$danger-border-subtle:    tint-color($danger, 60%) !default;\n$light-border-subtle:     $gray-200 !default;\n$dark-border-subtle:      $gray-500 !default;\n// scss-docs-end theme-border-subtle-variables\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-container-classes:    true !default;\n$enable-cssgrid:              false !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n$enable-dark-mode:            true !default;\n$color-mode-type:             data !default; // `data` or `media-query`\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix:                      $variable-prefix !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-text-align:           null !default;\n$body-color:                $gray-900 !default;\n$body-bg:                   $white !default;\n\n$body-secondary-color:      rgba($body-color, .75) !default;\n$body-secondary-bg:         $gray-200 !default;\n\n$body-tertiary-color:       rgba($body-color, .5) !default;\n$body-tertiary-bg:          $gray-100 !default;\n\n$body-emphasis-color:       $black !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap:               .375rem !default;\n$icon-link-underline-offset:  .25em !default;\n$icon-link-icon-size:         1em !default;\n$icon-link-icon-transition:   .2s ease-in-out transform !default;\n$icon-link-icon-transform:    translate3d(.25em, 0, 0) !default;\n// scss-docs-end icon-link-variables\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n$border-style:                solid !default;\n$border-color:                $gray-300 !default;\n$border-color-translucent:    rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .375rem !default;\n$border-radius-sm:            .25rem !default;\n$border-radius-lg:            .5rem !default;\n$border-radius-xl:            1rem !default;\n$border-radius-xxl:           2rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n// fusv-disable\n$border-radius-2xl:           $border-radius-xxl !default; // Deprecated in v5.3.0\n// fusv-enable\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start focus-ring-variables\n$focus-ring-width:      .25rem !default;\n$focus-ring-opacity:    .25 !default;\n$focus-ring-color:      rgba($primary, $focus-ring-opacity) !default;\n$focus-ring-blur:       0 !default;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;\n// scss-docs-end focus-ring-variables\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-medium:          500 !default;\n$font-weight-semibold:        600 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-family: null !default;\n$display-font-style:  null !default;\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n// fusv-disable\n$text-muted:                  var(--#{$prefix}secondary-color) !default; // Deprecated in 5.3.0\n// fusv-enable\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n\n// fusv-disable\n$hr-bg-color:                 null !default; // Deprecated in v5.2.0\n$hr-height:                   null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color:             null !default; // Allows for inherited colors\n$hr-border-width:             var(--#{$prefix}border-width) !default;\n$hr-opacity:                  .25 !default;\n\n// scss-docs-start vr-variables\n$vr-border-width:             var(--#{$prefix}border-width) !default;\n// scss-docs-end vr-variables\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-padding:                .1875em !default;\n$mark-color:                  $body-color !default;\n$mark-bg:                     $yellow-100 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 var(--#{$prefix}emphasis-color) !default;\n$table-bg:                    var(--#{$prefix}body-bg) !default;\n$table-accent-bg:             transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba(var(--#{$prefix}emphasis-color-rgb), $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba(var(--#{$prefix}emphasis-color-rgb), $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba(var(--#{$prefix}emphasis-color-rgb), $table-hover-bg-factor) !default;\n\n$table-border-factor:         .2 !default;\n$table-border-width:          var(--#{$prefix}border-width) !default;\n$table-border-color:          var(--#{$prefix}border-color) !default;\n\n$table-striped-order:         odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n$table-caption-color:         var(--#{$prefix}secondary-color) !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         $focus-ring-width !default;\n$input-btn-focus-color-opacity: $focus-ring-opacity !default;\n$input-btn-focus-color:         $focus-ring-color !default;\n$input-btn-focus-blur:          $focus-ring-blur !default;\n$input-btn-focus-box-shadow:    $focus-ring-box-shadow !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      var(--#{$prefix}border-width) !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-color:                   var(--#{$prefix}body-color) !default;\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              var(--#{$prefix}link-color) !default;\n$btn-link-hover-color:        var(--#{$prefix}link-hover-color) !default;\n$btn-link-disabled-color:     $gray-600 !default;\n$btn-link-focus-shadow-rgb:   to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           var(--#{$prefix}border-radius) !default;\n$btn-border-radius-sm:        var(--#{$prefix}border-radius-sm) !default;\n$btn-border-radius-lg:        var(--#{$prefix}border-radius-lg) !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       var(--#{$prefix}secondary-color) !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              var(--#{$prefix}body-bg) !default;\n$input-disabled-color:                  null !default;\n$input-disabled-bg:                     var(--#{$prefix}secondary-bg) !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           var(--#{$prefix}body-color) !default;\n$input-border-color:                    var(--#{$prefix}border-color) !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      var(--#{$prefix}box-shadow-inset) !default;\n\n$input-border-radius:                   var(--#{$prefix}border-radius) !default;\n$input-border-radius-sm:                var(--#{$prefix}border-radius-sm) !default;\n$input-border-radius-lg:                var(--#{$prefix}border-radius-lg) !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               var(--#{$prefix}secondary-color) !default;\n$input-plaintext-color:                 var(--#{$prefix}body-color) !default;\n\n$input-height-border:                   calc(#{$input-border-width} * 2) !default; // stylelint-disable-line function-disallowed-list\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width:                      3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 var(--#{$prefix}border-width) solid var(--#{$prefix}border-color) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $focus-ring-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>\") !default;\n$form-check-radio-checked-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>\") !default;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$form-switch-checked-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  var(--#{$prefix}tertiary-bg) !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $input-disabled-bg !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $input-border-radius !default;\n$form-select-box-shadow:          var(--#{$prefix}box-shadow-inset) !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n$form-select-border-radius-sm:    $input-border-radius-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n$form-select-border-radius-lg:    $input-border-radius-lg !default;\n\n$form-select-transition:          $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             var(--#{$prefix}secondary-bg) !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     var(--#{$prefix}box-shadow-inset) !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             var(--#{$prefix}secondary-color) !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             var(--#{$prefix}tertiary-bg) !default;\n$form-file-button-hover-bg:       var(--#{$prefix}secondary-bg) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:                  add(3.5rem, $input-height-border) !default;\n$form-floating-line-height:             1.25 !default;\n$form-floating-padding-x:               $input-padding-x !default;\n$form-floating-padding-y:               1rem !default;\n$form-floating-input-padding-t:         1.625rem !default;\n$form-floating-input-padding-b:         .625rem !default;\n$form-floating-label-height:            1.5em !default;\n$form-floating-label-opacity:           .65 !default;\n$form-floating-label-transform:         scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-label-disabled-color:    $gray-600 !default;\n$form-floating-transition:              opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-colors\n$form-valid-color:                  $form-feedback-valid-color !default;\n$form-valid-border-color:           $form-feedback-valid-color !default;\n$form-invalid-color:                $form-feedback-invalid-color !default;\n$form-invalid-border-color:         $form-feedback-invalid-color !default;\n// scss-docs-end form-validation-colors\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": var(--#{$prefix}form-valid-color),\n    \"icon\": $form-feedback-icon-valid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}success),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-valid-border-color),\n  ),\n  \"invalid\": (\n    \"color\": var(--#{$prefix}form-invalid-color),\n    \"icon\": $form-feedback-icon-invalid,\n    \"tooltip-color\": #fff,\n    \"tooltip-bg-color\": var(--#{$prefix}danger),\n    \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),\n    \"border-color\": var(--#{$prefix}form-invalid-border-color),\n  )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-offcanvas-backdrop:         1040 !default;\n$zindex-offcanvas:                  1045 !default;\n$zindex-modal-backdrop:             1050 !default;\n$zindex-modal:                      1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n$zindex-toast:                      1090 !default;\n// scss-docs-end zindex-stack\n\n// scss-docs-start zindex-levels-map\n$zindex-levels: (\n  n1: -1,\n  0: 0,\n  1: 1,\n  2: 2,\n  3: 3\n) !default;\n// scss-docs-end zindex-levels-map\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    var(--#{$prefix}link-color) !default;\n$nav-link-hover-color:              var(--#{$prefix}link-hover-color) !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           var(--#{$prefix}secondary-color) !default;\n$nav-link-focus-box-shadow:         $focus-ring-box-shadow !default;\n\n$nav-tabs-border-color:             var(--#{$prefix}border-color) !default;\n$nav-tabs-border-width:             var(--#{$prefix}border-width) !default;\n$nav-tabs-border-radius:            var(--#{$prefix}border-radius) !default;\n$nav-tabs-link-hover-border-color:  var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        var(--#{$prefix}emphasis-color) !default;\n$nav-tabs-link-active-bg:           var(--#{$prefix}body-bg) !default;\n$nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           var(--#{$prefix}border-radius) !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-underline-gap:                 1rem !default;\n$nav-underline-border-width:        .125rem !default;\n$nav-underline-link-active-color:   var(--#{$prefix}emphasis-color) !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n\n$navbar-light-color:                rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default;\n$navbar-light-hover-color:          rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default;\n$navbar-light-active-color:         rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default;\n$navbar-light-disabled-color:       rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default;\n$navbar-light-icon-color:           rgba($body-color, .75) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default;\n$navbar-light-brand-color:          $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:    $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-icon-color:            $navbar-dark-color !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n$navbar-dark-brand-color:           $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:     $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    var(--#{$prefix}body-color) !default;\n$dropdown-bg:                       var(--#{$prefix}body-bg) !default;\n$dropdown-border-color:             var(--#{$prefix}border-color-translucent) !default;\n$dropdown-border-radius:            var(--#{$prefix}border-radius) !default;\n$dropdown-border-width:             var(--#{$prefix}border-width) !default;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer * .5 !default;\n$dropdown-box-shadow:               var(--#{$prefix}box-shadow) !default;\n\n$dropdown-link-color:               var(--#{$prefix}body-color) !default;\n$dropdown-link-hover-color:         $dropdown-link-color !default;\n$dropdown-link-hover-bg:            var(--#{$prefix}tertiary-bg) !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      var(--#{$prefix}tertiary-color) !default;\n\n$dropdown-item-padding-y:           $spacer * .25 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding-x:         $dropdown-item-padding-x !default;\n$dropdown-header-padding-y:         $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding:           $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-font-size:              $font-size-base !default;\n\n$pagination-color:                  var(--#{$prefix}link-color) !default;\n$pagination-bg:                     var(--#{$prefix}body-bg) !default;\n$pagination-border-radius:          var(--#{$prefix}border-radius) !default;\n$pagination-border-width:           var(--#{$prefix}border-width) !default;\n$pagination-margin-start:           calc(-1 * #{$pagination-border-width}) !default; // stylelint-disable-line function-disallowed-list\n$pagination-border-color:           var(--#{$prefix}border-color) !default;\n\n$pagination-focus-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-focus-bg:               var(--#{$prefix}secondary-bg) !default;\n$pagination-focus-box-shadow:       $focus-ring-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            var(--#{$prefix}link-hover-color) !default;\n$pagination-hover-bg:               var(--#{$prefix}tertiary-bg) !default;\n$pagination-hover-border-color:     var(--#{$prefix}border-color) !default; // Todo in v6: remove this?\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $component-active-bg !default;\n\n$pagination-disabled-color:         var(--#{$prefix}secondary-color) !default;\n$pagination-disabled-bg:            var(--#{$prefix}secondary-bg) !default;\n$pagination-disabled-border-color:  var(--#{$prefix}border-color) !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       var(--#{$prefix}border-radius-sm) !default;\n$pagination-border-radius-lg:       var(--#{$prefix}border-radius-lg) !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5 !default;\n$placeholder-opacity-min:           .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer * .5 !default;\n$card-title-color:                  null !default;\n$card-subtitle-color:               null !default;\n$card-border-width:                 var(--#{$prefix}border-width) !default;\n$card-border-color:                 var(--#{$prefix}border-color-translucent) !default;\n$card-border-radius:                var(--#{$prefix}border-radius) !default;\n$card-box-shadow:                   null !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y * .5 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba(var(--#{$prefix}body-color-rgb), .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           var(--#{$prefix}body-bg) !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         var(--#{$prefix}body-color) !default;\n$accordion-bg:                            var(--#{$prefix}body-bg) !default;\n$accordion-border-width:                  var(--#{$prefix}border-width) !default;\n$accordion-border-color:                  var(--#{$prefix}border-color) !default;\n$accordion-border-radius:                 var(--#{$prefix}border-radius) !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  var(--#{$prefix}body-color) !default;\n$accordion-button-bg:                     var(--#{$prefix}accordion-bg) !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              var(--#{$prefix}primary-bg-subtle) !default;\n$accordion-button-active-color:           var(--#{$prefix}primary-text-emphasis) !default;\n\n// fusv-disable\n$accordion-button-focus-border-color:     $input-focus-border-color !default; // Deprecated in v5.3.3\n// fusv-enable\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $body-color !default;\n$accordion-icon-active-color:             $primary-text-emphasis !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-color}' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>\") !default;\n$accordion-button-active-icon:  url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#{$accordion-icon-active-color}' stroke-linecap='round' stroke-linejoin='round'><path d='m2 5 6 6 6-6'/></svg>\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     var(--#{$prefix}body-bg) !default;\n$tooltip-bg:                        var(--#{$prefix}emphasis-color) !default;\n$tooltip-border-radius:             var(--#{$prefix}border-radius) !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer * .25 !default;\n$tooltip-padding-x:                 $spacer * .5 !default;\n$tooltip-margin:                    null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n// fusv-disable\n$tooltip-arrow-color:               null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        var(--#{$prefix}body-bg) !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              var(--#{$prefix}border-width) !default;\n$popover-border-color:              var(--#{$prefix}border-color-translucent) !default;\n$popover-border-radius:             var(--#{$prefix}border-radius-lg) !default;\n$popover-inner-border-radius:       calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list\n$popover-box-shadow:                var(--#{$prefix}box-shadow) !default;\n\n$popover-header-font-size:          $font-size-base !default;\n$popover-header-bg:                 var(--#{$prefix}secondary-bg) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                var(--#{$prefix}body-color) !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color:               $popover-bg !default;\n$popover-arrow-outer-color:         var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba(var(--#{$prefix}body-bg-rgb), .85) !default;\n$toast-border-width:                var(--#{$prefix}border-width) !default;\n$toast-border-color:                var(--#{$prefix}border-color-translucent) !default;\n$toast-border-radius:               var(--#{$prefix}border-radius) !default;\n$toast-box-shadow:                  var(--#{$prefix}box-shadow) !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                var(--#{$prefix}secondary-color) !default;\n$toast-header-background-color:     rgba(var(--#{$prefix}body-bg-rgb), .85) !default;\n$toast-header-border-color:         $toast-border-color !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               var(--#{$prefix}border-radius) !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               var(--#{$prefix}body-color) !default;\n$modal-content-bg:                  var(--#{$prefix}body-bg) !default;\n$modal-content-border-color:        var(--#{$prefix}border-color-translucent) !default;\n$modal-content-border-width:        var(--#{$prefix}border-width) !default;\n$modal-content-border-radius:       var(--#{$prefix}border-radius-lg) !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       var(--#{$prefix}box-shadow-sm) !default;\n$modal-content-box-shadow-sm-up:    var(--#{$prefix}box-shadow) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n\n$modal-header-border-color:         var(--#{$prefix}border-color) !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-footer-bg:                   null !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           var(--#{$prefix}border-radius) !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            var(--#{$prefix}border-width) !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n// fusv-disable\n$alert-bg-scale:                -80% !default; // Deprecated in v5.2.0, to be removed in v6\n$alert-border-scale:            -70% !default; // Deprecated in v5.2.0, to be removed in v6\n$alert-color-scale:             40% !default; // Deprecated in v5.2.0, to be removed in v6\n// fusv-enable\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       var(--#{$prefix}secondary-bg) !default;\n$progress-border-radius:            var(--#{$prefix}border-radius) !default;\n$progress-box-shadow:               var(--#{$prefix}box-shadow-inset) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  var(--#{$prefix}body-color) !default;\n$list-group-bg:                     var(--#{$prefix}body-bg) !default;\n$list-group-border-color:           var(--#{$prefix}border-color) !default;\n$list-group-border-width:           var(--#{$prefix}border-width) !default;\n$list-group-border-radius:          var(--#{$prefix}border-radius) !default;\n\n$list-group-item-padding-y:         $spacer * .5 !default;\n$list-group-item-padding-x:         $spacer !default;\n// fusv-disable\n$list-group-item-bg-scale:          -80% !default; // Deprecated in v5.3.0\n$list-group-item-color-scale:       40% !default; // Deprecated in v5.3.0\n// fusv-enable\n\n$list-group-hover-bg:               var(--#{$prefix}tertiary-bg) !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         var(--#{$prefix}secondary-color) !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           var(--#{$prefix}secondary-color) !default;\n$list-group-action-hover-color:     var(--#{$prefix}emphasis-color) !default;\n\n$list-group-action-active-color:    var(--#{$prefix}body-color) !default;\n$list-group-action-active-bg:       var(--#{$prefix}secondary-bg) !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      var(--#{$prefix}body-bg) !default;\n$thumbnail-border-width:            var(--#{$prefix}border-width) !default;\n$thumbnail-border-color:            var(--#{$prefix}border-color) !default;\n$thumbnail-border-radius:           var(--#{$prefix}border-radius) !default;\n$thumbnail-box-shadow:              var(--#{$prefix}box-shadow-sm) !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              var(--#{$prefix}secondary-color) !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          var(--#{$prefix}secondary-color) !default;\n$breadcrumb-active-color:           var(--#{$prefix}secondary-color) !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n$carousel-control-icon-filter:       null !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-dark-indicator-active-bg:  $black !default; // Deprecated in v5.3.4\n$carousel-dark-caption-color:        $black !default; // Deprecated in v5.3.4\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default; // Deprecated in v5.3.4\n// scss-docs-end carousel-dark-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/></svg>\") !default;\n$btn-close-focus-shadow:     $focus-ring-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-filter:           null !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default; // Deprecated in v5.3.4\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                var(--#{$prefix}body-bg) !default;\n$offcanvas-color:                   var(--#{$prefix}body-color) !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .1875rem !default;\n$kbd-padding-x:                     .375rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         var(--#{$prefix}body-bg) !default;\n$kbd-bg:                            var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight:            null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color:                         null !default;\n\n@import \"variables-dark\"; // TODO: can be removed safely in v6, only here to avoid breaking changes in v5.3\n","// Panel\n\n.cloud-panel {\n  display: inline-block;\n  flex-direction: column;\n  @include box-sizing(border-box);\n  @include user-select(none);\n\n  &.animating {\n    @include transition(all 300ms $ui-animation-function);\n  }\n\n  &.panel-out {\n    @include translate3d(-$ui-panel-width, 0, 0);\n  }\n\n  //shadow\n  &:after {\n    content: \"\";\n    width: 5px;\n    position: absolute;\n    right: -5px;\n    bottom: 0;\n    top: 0;\n    //Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#838e96+0,838e96+100&0.6+18,0+100\n    background: -moz-linear-gradient(left, rgba(131, 142, 150, 0.3) 0%, rgba(131, 142, 150, 0.3) 18%, rgba(131, 142, 150, 0) 100%); // FF3.6-15\n    background: -webkit-linear-gradient(left, rgba(131, 142, 150, 0.3) 0%, rgba(131, 142, 150, 0.3) 18%, rgba(131, 142, 150, 0) 100%); // Chrome10-25,Safari5.1-6\n    background: linear-gradient(to right, rgba(131, 142, 150, 0.3) 0%, rgba(131, 142, 150, 0.3) 18%, rgba(131, 142, 150, 0) 100%); // W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+\n    //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99838e96', endColorstr='#00838e96', GradientType=1); // IE6-9\n  }\n\n  .cloud-panel-header {\n    background-color: lighten($ui-panel-bg, 2%);\n    border-bottom: 1px solid $border-clr-light;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    button {\n      background: transparent;\n    }\n  }\n\n  .cloud-panel-close {\n    width: 35px;\n    height: 35px;\n    padding: 0;\n    z-index: $ui-main-nav-index - 1;\n\n    @include transition(background 500ms $ui-animation-function);\n\n    i {\n      font-size: 11px;\n    }\n\n    &:hover {\n      cursor: pointer;\n      color: darken($ui-txt-clr, 12%);\n    }\n\n    &:active {\n      background-color: darken($ui-panel-bg, 20%);\n    }\n  }\n\n  .cloud-panel-wrapper {\n    flex-grow: 1;\n    padding: 0 20px;\n\n    .cloud-section {\n      margin-bottom: 1em;\n    }\n\n    .cloud-content-list {\n      > li {\n        width: 33.333%;\n        padding: 3px;\n\n        .btn {\n          padding-top: 10px;\n          display: block;\n          width: 100% !important;\n          background-color: #fff;\n        }\n      }\n    }\n  }\n\n  .cloud-panel-title {\n    font-size: $font-size-base;\n    padding-top: 20px;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n  }\n\n  .cloud-panel-content {\n    overflow-y: auto;\n    -webkit-overflow-scrolling-y: touch;\n    overflow-x: hidden;\n  }\n\n  p {\n    margin-bottom: $cloud-spacer;\n    font-size: $font-size-base;\n  }\n\n  .element_submit {\n    display: none;\n  }\n\n  .cloud-panel-footer {\n    position: absolute;\n    bottom: 20px;\n    left: 20px;\n    right: 20px;\n\n    .btn {\n      margin-top: $cloud-spacer;\n    }\n\n    > .cloud-row {\n      margin: 0;\n    }\n  }\n\n  .new-page-list {\n    margin-left: -$cloud-spacer;\n    margin-right: -$cloud-spacer;\n    display: flex;\n    flex-wrap: wrap;\n\n    li {\n      padding: 0 $cloud-spacer;\n      margin-bottom: $cloud-spacer * 2 !important;\n      width: 33.33%;\n    }\n  }\n\n  .cloud-list {\n    list-style: none;\n\n    li {\n      margin-bottom: $cloud-spacer;\n    }\n\n    .btn {\n      text-align: left;\n    }\n  }\n}\n\n.cloud-panel-fullpage {\n  $fullpage-left: $ui-panel-min-width + $ui-main-nav-width;\n  background-color: #fff;\n  z-index: $ui-panel-index;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: calc(75vw - #{$ui-main-nav-width});\n  max-width: calc(100vw - #{$fullpage-left});\n  overflow: scroll;\n  @include translate3d(0, 0, 0);\n  opacity: 1;\n\n  &.animating {\n    @include transition(all 100ms $ui-animation-function);\n  }\n\n  &.panel-out {\n    opacity: 0;\n    @include translate3d(-$ui-panel-width, 0, 0);\n  }\n\n  p {\n    margin-bottom: 16px;\n    font-size: 16px;\n  }\n\n  .cloud-divider {\n    margin-bottom: 20px;\n  }\n\n  .cloud-panel-wrapper {\n    padding: 30px;\n    margin: 0 auto;\n\n    .cloud-panel-title {\n      border-bottom: 1px solid $border-clr;\n      font-size: 32px;\n      font-weight: 600;\n      margin-bottom: 0;\n      padding-bottom: calc($cloud-spacer / 2);\n    }\n\n    .cloud-panel-section {\n      font-size: 21px;\n      margin-bottom: 0.8em;\n    }\n  }\n}\n\n//panel layer\n.cloud-layer-panel-wrapper {\n  @include box-sizing(border-box);\n  padding: 0 20px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $ui-panel-index + 1;\n\n  @include translate3d(0, 0, 0);\n  @include opacity(1);\n  @include transition(all 300ms $ui-animation-function);\n\n  &.panel-out {\n    @include opacity(0);\n    @include translate3d(-$ui-panel-width, 0, 0);\n  }\n\n  .cloud-panel-header {\n    margin: 0 -20px;\n  }\n\n  .btn-close-layout {\n    height: 35px;\n    padding: 0 15px;\n    text-align: left;\n\n    i {\n      @include translate3d(0, 0, 0);\n      @include transition(all 300ms ease);\n    }\n\n    &:hover {\n      i {\n        @include translate3d(-4px, 0, 0);\n      }\n    }\n  }\n\n  .group.half-width {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n\n    [class*='element_'] {\n      width: 49%;\n    }\n  }\n}\n\n&.is-desktop {\n  .cloud-panel {\n    background-color: $ui-panel-bg;\n    border-left: 1px solid $border-clr;\n    position: fixed;\n    left: $ui-main-nav-width;\n    top: 0;\n    bottom: 0;\n    z-index: $ui-panel-index;\n    width: 25vw;\n    min-width: $ui-panel-min-width;\n\n    &.cloud-hidden {\n      display: block;\n    }\n  }\n\n  .cloud-layer-panel-wrapper {\n    background-color: $ui-panel-bg;\n    width: 25vw;\n    min-width: $ui-panel-min-width;\n  }\n\n  .small-screen & {\n    .cloud-panel {\n      left: calc($ui-main-nav-width * 3 / 4);\n    }\n\n    .cloud-panel-fullpage {\n      $small-fullpage-left: $ui-panel-min-width + calc($ui-main-nav-width * 3 / 4);\n      width: calc(75vw - #{calc($ui-main-nav-width * 3 / 4)});\n      max-width: calc(100vw - #{$small-fullpage-left});\n    }\n\n    #cloud-nav-secondary .btn {\n      height: 2.5rem !important;\n    }\n  }\n}\n\n&.is-mobile {\n  .cloud-panel {\n    background-color: $ui-main-nav-bg;\n    position: fixed;\n    z-index: $ui-main-nav-index + 1;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n\n    box-sizing: border-box;\n\n    overflow: scroll;\n    -webkit-overflow-scrolling: touch;\n\n    input {\n      font-size: 16px;\n    }\n\n    .cloud-panel-footer {\n      background-color: $ui-main-nav-bg;\n    }\n\n  }\n\n  .cloud-layer-panel-wrapper {\n    background-color: $ui-main-nav-bg;\n    right: 0;\n  }\n}\n","// Details of every panel item\r\n\r\n// Add new page\r\n.new-page-wrapper {\r\n  background-color: #fff;\r\n  background-position: 50% 50%;\r\n  background-repeat: no-repeat;\r\n  background-size: 90%;\r\n  height: 150px;\r\n  margin: auto;\r\n  cursor: pointer;\r\n\r\n  .is-mobile & {\r\n    background-size: 80%;\r\n  }\r\n\r\n  p {\r\n    text-align: center;\r\n    padding-top: 10px;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  &.blank {\r\n    @include image-svg(new_page_blank);\r\n  }\r\n\r\n  &.article {\r\n    @include image-svg(new_page_article);\r\n  }\r\n\r\n  &.custom_gallery {\r\n    @include image-svg(new_page_gallery);\r\n  }\r\n\r\n  &.custom_contact {\r\n    @include image-svg(new_page_contact);\r\n  }\r\n\r\n  &.custom_2_columns {\r\n    @include image-svg(new_page_2_columns);\r\n  }\r\n\r\n  &.custom_3_columns {\r\n    @include image-svg(new_page_3_columns);\r\n  }\r\n\r\n  &.custom_4_columns {\r\n    @include image-svg(new_page_4_columns);\r\n  }\r\n\r\n  &.duplicate {\r\n    @include image-svg(new_page_duplicate);\r\n  }\r\n}\r\n\r\n.setting-link {\r\n  color: $cloud-brand;\r\n  display: block;\r\n  font-size: 12px;\r\n  margin-top: 5px;\r\n  text-align: right;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n// Search Page\r\n.search-page {\r\n  .cloud-scroll {\r\n    @include transition(all 300ms $ui-animation-function);\r\n  }\r\n\r\n  .filter-wrapper .cloud-input-group {\r\n    padding-left: 14px;\r\n    padding-right: 14px;\r\n    @include transition(all 300ms $ui-animation-function);\r\n\r\n    &.active {\r\n      background: #dcdcdc;\r\n      padding-top: 14px;\r\n      padding-bottom: 24px;\r\n    }\r\n  }\r\n\r\n  .filter-label {\r\n    cursor: pointer;\r\n\r\n    span:before {\r\n      display: inline-block;\r\n      width: 0;\r\n      height: 0;\r\n      vertical-align: .255em;\r\n      content: \"\";\r\n      border-top: .35em solid $cloud-brand;\r\n      border-right: .3em solid transparent;\r\n      border-bottom: 0;\r\n      border-left: .3em solid transparent;\r\n    }\r\n\r\n    &.open {\r\n      span:before {\r\n        @include rotate(180deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  span.clear-btn {\r\n    float: right;\r\n    cursor: pointer;\r\n    color: $cloud-brand;\r\n  }\r\n\r\n  .dropdown {\r\n    .dropdown-toggle {\r\n      padding-top: 7px;\r\n      padding-bottom: 7px;\r\n      text-transform: none;\r\n      margin-bottom: $cloud-spacer;\r\n    }\r\n\r\n    .dropdown-menu {\r\n      background-color: #fff;\r\n      width: 100%;\r\n      text-align: left;\r\n      border: 1px solid #ccc;\r\n      border-top: 0;\r\n      border-radius: 0;\r\n      margin-top: 0;\r\n      font-size: $font-size-cloud;\r\n      padding: 0;\r\n\r\n      .dropdown-item {\r\n        padding: .25em 1em;\r\n      }\r\n\r\n      li {\r\n        padding: 5px 15px;\r\n\r\n        &:hover {\r\n          background-color: #eaeaea;\r\n        }\r\n      }\r\n\r\n      &.select-lang {\r\n        li:not(#all) {\r\n          text-transform: uppercase;\r\n        }\r\n\r\n        i.icon {\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .filter-lang-wrapper .lang-option {\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  span.flag-icon {\r\n    margin-right: 5px;\r\n  }\r\n\r\n  .filter-lang-wrapper, .filter-status-wrapper, .filter-create-date-wrapper {\r\n    width: 100%;\r\n  }\r\n\r\n  .filter-btn-wrapper {\r\n    display: table;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 15px;\r\n    height: 26px;\r\n    border: 1px solid $cloud-brand;\r\n    border-radius: 2px;\r\n\r\n    .active {\r\n      background-color: $cloud-brand;\r\n      color: #fff;\r\n    }\r\n\r\n    .btn {\r\n      width: 85px;\r\n      height: 24px;\r\n      padding: 3px 1px;\r\n      font-size: 12px;\r\n      text-transform: capitalize;\r\n    }\r\n  }\r\n\r\n  .cloud-search-results {\r\n    li.cloud-resume {\r\n      margin-bottom: $cloud-spacer;\r\n\r\n      a.btn-page {\r\n        border: 0;\r\n        text-align: left;\r\n        text-transform: none;\r\n        padding: 6px;\r\n        @include transition(none);\r\n\r\n        &.is-online:before {\r\n          content: \"\";\r\n          background-color: #218c31;\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          position: absolute;\r\n          width: 4px;\r\n        }\r\n\r\n        &.is-offline:before {\r\n          content: \"\";\r\n          background-color: #D94717;\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          position: absolute;\r\n          width: 4px;\r\n        }\r\n\r\n        i.is-drafted {\r\n          color: $cloud-brand;\r\n          font-size: 9px;\r\n          margin: 0;\r\n          margin-top: -.5em;\r\n          position: absolute;\r\n          right: 10px;\r\n          top: 50%;\r\n        }\r\n\r\n        .label {\r\n          display: block;\r\n          margin-left: 4px;\r\n          margin-right: 35px;\r\n          overflow: hidden;\r\n          position: relative;\r\n\r\n          &:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            bottom: 0;\r\n            right: 0;\r\n            width: 25px;\r\n\r\n            @include linear-gradient(trasparent, white);\r\n          }\r\n\r\n          &.has-lang {\r\n            padding-left: 25px;\r\n\r\n            .lang-label {\r\n              color: $gray-lighter;\r\n              font-size: 11px;\r\n              left: 4px;\r\n              position: absolute;\r\n              text-transform: uppercase;\r\n              top: 0;\r\n            }\r\n          }\r\n\r\n        }\r\n\r\n        &:hover .label:after {\r\n          @include linear-gradient((red($gray-lighter-plus), green($gray-lighter-plus), blue($gray-lighter-plus), 0), $gray-lighter-plus);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .infinity-loader {\r\n    height: 30px;\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n.publish-all-modified {\r\n  background-color: $cloud-brand;\r\n  color: #fff;\r\n\r\n  .icon-play {\r\n    color: #fff;\r\n    margin-right: 7px;\r\n    margin-bottom: 1px;\r\n  }\r\n}\r\n\r\n&.is-mobile {\r\n  .cloud-resume {\r\n    .cloud-title {\r\n      margin-bottom: 10px;\r\n\r\n      a {\r\n        padding: 12px 10px;\r\n\r\n        i.is-drafted {\r\n          right: 3px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Help link\r\n.cloud-help-link {\r\n  float: right;\r\n  cursor: pointer;\r\n\r\n  i {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n// User management\r\n.user-management {\r\n\r\n  li.user-item {\r\n    .parameters {\r\n      display: none;\r\n    }\r\n\r\n    span.toggle-user {\r\n      position: absolute;\r\n      top: 12px;\r\n      right: 5px;\r\n    }\r\n  }\r\n\r\n  li.user-item.open {\r\n    span.name {\r\n      font-weight: bold;\r\n    }\r\n\r\n    > .btn {\r\n      &:hover {\r\n        background-color: #fff;\r\n        cursor: default;\r\n      }\r\n    }\r\n\r\n    span.toggle-user {\r\n      cursor: pointer;\r\n    }\r\n\r\n    .parameters {\r\n      display: block;\r\n\r\n      p.email {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .cloud-list {\r\n        li {\r\n          margin-bottom: 0px;\r\n\r\n          button {\r\n            padding: 10px;\r\n            text-align: center;\r\n            margin-bottom: 5px;\r\n\r\n            &.delete  {\r\n              color: $error-clr;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.pw-format-wrapper {\r\n  width: 100%;\r\n  background-color: #e0e0e0;\r\n  padding: 10px 20px;\r\n  z-index: 1;\r\n\r\n  .icon-plus-circle {\r\n    color: $error-clr;\r\n\r\n    &:before {\r\n      @include rotate(45deg);\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  .icon-check-circle {\r\n    color: $success-clr;\r\n  }\r\n}\r\n\r\n// Design Settings\r\n.color-panel {\r\n  .themes-link {\r\n    color: $cloud-brand;\r\n  }\r\n\r\n  .input-group {\r\n    padding: .5em;\r\n    justify-content: space-between;\r\n    border: 1px solid $border-clr;\r\n    background: $control-bg;\r\n\r\n    &.disabled {\r\n      background: #e8e8e8;\r\n\r\n      & * {\r\n        cursor: no-drop;\r\n        border-color: #e8e8e8;\r\n        background-color: #e8e8e8;\r\n      }\r\n    }\r\n\r\n    .input-group {\r\n      width: 20px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: pointer;\r\n\r\n      i {\r\n        font-size: 1.4em;\r\n      }\r\n    }\r\n\r\n    .color-overlay-undo {\r\n      display: none;\r\n\r\n      i {\r\n        color: #fff;\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n    &.color-removed .color-overlay-undo {\r\n      display: flex;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      background: rgba(#000, .3);\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  .label-color-panel {\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid $gray-lighter;\r\n  }\r\n\r\n  .element_primary_color {\r\n    .sp-replacer {\r\n      margin-right: 1px;\r\n    }\r\n  }\r\n\r\n  button {\r\n    padding: 0px;\r\n    i {\r\n      font-size: 1.2em;\r\n    }\r\n  }\r\n\r\n  .element_custom_colors {\r\n\r\n    .label-color-panel {\r\n      margin-bottom: 15px;\r\n      margin-top: 15px;\r\n      border-bottom: 1px solid $gray-lighter;\r\n    }\r\n\r\n    .group.custom-colors {\r\n      .color-add-new {\r\n        .label-add-color {\r\n          margin-right: 12px;\r\n          margin-top: 2px;\r\n\r\n          i {\r\n            margin-right: 6px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .add-color-text {\r\n        position: absolute;\r\n        top: 10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n      }\r\n\r\n      .sp-replacer {\r\n        margin-right: 1px;\r\n      }\r\n\r\n      .color-remove-btn {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .color-panel-element {\r\n    height: 25px;\r\n  }\r\n}\r\n\r\n%color-hex {\r\n  background: rgba($gray-base, .2);\r\n  color: #fff;\r\n  display: none;\r\n  padding: 2px 10px;\r\n  position: absolute;\r\n  opacity: 0;\r\n  text-transform: uppercase;\r\n  @include transition(all $ui-transition);\r\n\r\n  &:hover {\r\n    background: rgba($gray-base, .6);\r\n  }\r\n}\r\n\r\n// Theme panel\r\n.theme-panel {\r\n  background: #fff;\r\n  padding: 1rem;\r\n\r\n  form {\r\n    margin-bottom: 0;\r\n\r\n    & > [class*='element_']:not(:first-of-type) {\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n\r\n  .theme-color-panel {\r\n    display: flex;\r\n    padding: 2px;\r\n\r\n    &.checked {\r\n      box-shadow: 0px 0px 0px 2px $cloud-brand;\r\n    }\r\n\r\n    [class*='-color'] {\r\n      height: 56px;\r\n      flex-grow: 1;\r\n      margin: 2px;\r\n      border: 1px solid $border-clr;\r\n      @include transition(all $ui-transition);\r\n\r\n      span {\r\n        @extend %color-hex;\r\n      }\r\n\r\n      &:hover {\r\n        flex-grow: 2;\r\n\r\n        span {\r\n          display: block;\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//GlobalContent Panel\r\n.global-content-settings-panel {\r\n  .input-group {\r\n    padding: .5em;\r\n    justify-content: space-between;\r\n    border: 1px solid $border-clr;\r\n    background: $control-bg;\r\n    align-items: center;\r\n\r\n    &.dropdown-toggle:after {\r\n      border-top: 0.35rem solid $cloud-brand;\r\n      margin-left: 4px;\r\n      margin-right: 6px;\r\n    }\r\n\r\n    .sp-preview {\r\n      @include transition(all $ui-transition);\r\n\r\n      span {\r\n        @extend %color-hex;\r\n        display: block;\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n","// Form\n\n.cloud-control {\n  background-color: $control-bg;\n  border: 1px solid $border-clr;\n  color: $gray-darker;\n  padding: 18px;\n  font-family: $font-family-default;\n  font-size: $font-size-cloud;\n  border-radius: 0;\n  @include placeholder($gray-lighter, italic);\n\n  &.cloud-select {\n    position: relative;\n    padding: 0;\n    width: auto;\n    vertical-align: middle;\n\n    select {\n      color: $gray-darker;\n      background: $control-bg;\n      cursor: pointer;\n      border: 0;\n      padding: 14px 42px 14px 15px;\n      outline: 0;\n      width: 100%;\n      @include appearance-none;\n    }\n    /* Dropdown arrow */\n    &:after {\n      position: absolute;\n      top: 50%;\n      right: 1.25rem;\n      content: \"\";\n      width: 0;\n      height: 0;\n      margin-top: -.15rem;\n      pointer-events: none;\n      border-top: .35rem solid $cloud-brand;\n      border-right: .35rem solid transparent;\n      border-bottom: .35rem solid transparent;\n      border-left: .35rem solid transparent;\n    }\n  }\n\n}\n\ntextarea.cloud-control {\n  width: 100%;\n}\n\nform, .form-group-content {\n  font-size: $font-size-cloud;\n  margin-bottom: $spacer * 2;\n\n  .nav-tabs {\n    border-bottom: 0;\n    margin-bottom: $cloud-spacer;\n    display: table;\n    width: 100%;\n    .nav-item {\n      display: table-cell;\n      text-align: center;\n      border-radius: 0;\n      margin-bottom: -1px;\n      border: 1px solid transparent;\n      vertical-align: middle;\n\n      .nav-link{\n        &:focus {\n          text-decoration: none;\n          outline: 0;\n        }\n\n        &, &:hover {\n          border-color: transparent;\n        }\n      }\n      &:not(.active) {\n        border-bottom: 1px solid $border-clr;\n      }\n      &.active {\n        cursor: default;\n        border: 1px solid $border-clr;\n        border-bottom-color: transparent;\n\n        .nav-link {\n          color: $cloud-brand;\n        }\n      }\n    }\n  }\n\n  .group {\n    &:not(:first-of-type) {\n      margin-top: $cloud-spacer;\n      padding-top: $cloud-spacer;\n      border-top: 1px solid #ddd;\n    }\n\n    .group-label {\n      padding: 7px 0;\n      font-weight: bold;\n    }\n\n    .group-description {\n      margin-bottom: $cloud-spacer;\n    }\n  }\n\n  .group-submit {\n    margin-top: $cloud-spacer;\n    padding-top: $cloud-spacer;\n    border-top: 1px solid #ddd;\n  }\n}\n\nbutton.input-group-text {\n  background: #fff;\n  border-color: $border-clr;\n  border-left: none;\n}\n\n.cloud-menu-parameters {\n  .btn-add-item {\n    width: 100%;\n  }\n\n  .menu-item-wrapper {\n    li {\n      margin-bottom: .5em;\n      .lang-label {\n        color: $gray-lighter;\n        text-transform: uppercase;\n        margin-right: 6px;\n      }\n    }\n  }\n}\n\n.cloud-group {\n  @extend .clearfix;\n  &:not(:last-child) {\n    margin-bottom: $cloud-spacer;\n  }\n  .cloud-input {\n    margin-bottom: 5px;\n  }\n}\n\n.cloud-actions {\n  .btn {\n    & + .btn {\n      margin-left: 10px;\n    }\n  }\n}\n\n.cloud-actions {\n  .btn {\n    & + .btn {\n      margin-left: 10px;\n    }\n  }\n}\n\nlabel {\n  font-weight: 400;\n  font-size: 1em;\n}\n\n.cloud-label {\n  display: block;\n  margin-bottom: 5px;\n\n  &.error {\n    margin-top: 10px;\n  }\n\n  .cloud-question {\n    float: right;\n    font-weight: bold;\n    font-size: 1.2em;\n  }\n}\n\n.error {\n  color: $cloud-brand;\n}\n\n.cloud-description {\n  a {\n    color: $cloud-brand;\n  }\n}\n\n.favicon-upload {\n  label {\n    float: left;\n  }\n\n  .cloud-liner:after {\n    border: 1px solid $gray-lighter;\n  }\n\n  .img-container {\n    height: 50px;\n    width: 50px;\n    img {\n      border: 1px solid $border-clr;\n    }\n  }\n\n  .btn-remove {\n    padding: 14px;\n    i {\n      font-size: 18px;\n      color: $cloud-brand;\n    }\n  }\n\n  .cloud-placeholder {\n    border-style: dashed !important;\n    background-color: #fff;\n    margin: 0 !important;\n  }\n}\n\n.height-parameters {\n  .cloud-label {\n    margin-top: 20px;\n  }\n\n  input {\n    width: 62px;\n    padding-left: 17px;\n    margin-left: 15px;\n    padding-bottom: 13px;\n    padding-top: 10px;\n    display:inline-block;\n  }\n}\n\n.cloud-control {\n  &:-webkit-autofill {\n    -webkit-box-shadow: 0 0 0px 1000px white inset;\n  }\n\n  &.cloud-control-sm {\n    padding: 7px;\n  }\n\n  &.value {\n    width: 20%;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.input-group {\n  .cloud-control {\n    height: 40px;\n  }\n\n  .cloud-input-group-button {\n    position: relative;\n    font-size: 0;\n    display: table-cell;\n    width: 1%;\n    white-space: nowrap;\n    vertical-align: middle;\n    .btn-check i {\n      color: $success-clr;\n    }\n    .btn-del i {\n      color: $error-clr;\n    }\n  }\n}\n\ninput.cloud-control {\n  &.disabled {\n    background-color: $gray-lighter-plus;\n  }\n}\n\n.hauth {\n  text-align: center;\n  font-weight: bold;\n\n  .auth-mobile & {\n    color: #fff;\n  }\n\n  .items {\n    a {\n      text-align: center;\n\n      .auth-mobile & i {\n        color: #fff;\n      }\n    }\n  }\n}\n\n// .instagram-auth {\n//     &:not(.connect) {\n//         padding: 10px;\n//         margin-bottom: 10px;\n//         background-color: $success-clr;\n//         p {\n//             color: #fff;\n//         }\n//     }\n\n//     &.connect {\n//         text-align:center;\n\n//         .btn {\n//             text-align: center;\n//             padding: 10px;\n//             margin-bottom: 10px;\n//             width: 100%;\n//             background-color: $warning-clr;\n//         }\n//     }\n// }\n\n.help-list {\n  margin-top: 10px;\n}\n\n// Switch\n.cloud-switch {\n  $switch-height : 24px;\n  .cloud-form-control {\n    padding-left: 0;\n    display: block;\n    line-height: $switch-height;\n    margin-top: .5em;\n    margin-bottom: 0;\n\n    .cloud-switch-indicator {\n      display: block;\n      float: right;\n      padding: 2px;\n      width: 40px;\n      height: $switch-height;\n      background-color: $border-clr;\n      border-radius: 30px;\n      position: relative;\n\n      &:before,\n      &:after {\n        display: block;\n        position: absolute;\n        top: 1px;\n        left: 1px;\n        bottom: 1px;\n        content: \"\";\n      }\n\n\n      &:before {\n        right: 1px;\n        background-color: #f1f1f1;\n        border-radius: 30px;\n        @include transition(background 0.4s);\n      }\n      &:after {\n        width: 22px;\n        background-color: #fff;\n        border-radius: 100%;\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n        @include transition(margin 0.4s);\n      }\n    }\n\n\n\n    input:checked + .cloud-switch-indicator:before {\n      background-color: $cloud-brand;\n    }\n    input:checked + .cloud-switch-indicator:after {\n      margin-left: 16px;\n    }\n\n    input:disabled + .cloud-switch-indicator {\n      cursor: default;\n      opacity: 0.6;\n    }\n  }\n\n  & + .cloud-input {\n    margin-top: 5px;\n  }\n}\n\n.cloud-form-inline {\n  .cloud-label, .cloud-control {\n    display: inline-block;\n    width: auto;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n}\n\n.cloud-form-browse {\n  text-align: center;\n  text-transform: uppercase;\n  .cloud-file {\n    visibility: hidden;\n    position: absolute;\n  }\n  .icon-circle {\n    background-color: $modal-bg;\n    border-radius: 100%;\n    display: inline-block;\n    font-size: 1.2em;\n    height: 50px;\n    line-height: 50px;\n    width: 50px;\n    text-align: center;\n  }\n  .cloud-label {\n    display: block;\n    font-size: 11px;\n  }\n}\n\n.cloud-btn-group {\n  .btn {\n    margin-right: 10px;\n  }\n}\n\n/* IE9 hack to hide the arrow */\n// @media screen and (@ie9hack) {\n//     .cloud-select {\n\n//         &:after {\n//             z-index: 5;\n//         }\n\n//         &:before {\n//             position: absolute;\n//             top: 0;\n//             right: 1em;\n//             bottom: 0;\n//             z-index: 2;\n//             content: \"\";\n//             display: block;\n//             width: 3em;\n//             background-color: $control-bg;\n//         }\n\n//         select {\n//             z-index: 1;\n//         }\n\n//     }\n// }\n\n//Divers\n.cloud-divider {\n  border-top: 1px solid mix($ui-panel-bg, $border-clr, 20%);\n  margin-bottom: $spacer-y;\n  margin-top: $spacer-y;\n}\n\n.cloud-form-control {\n  position: relative;\n  display: inline-block;\n  padding-left: 32px;\n  cursor: pointer;\n\n  &.disabled {\n    color: $gray-lighter;\n    cursor: default;\n  }\n\n  input {\n    position: absolute;\n    opacity: 0;\n    z-index: -1;\n    /* Put the input behind the label so it doesn't overlay text */\n  }\n  .cloud-label {\n    font-size: 13px;\n  }\n  .cloud-control-indicator {\n    position: absolute;\n    left: 0;\n    width: 22px;\n    height: 22px;\n    line-height: 22px;\n    font-size: 65%;\n    color: #eee;\n    text-align: center;\n    background-color: $control-bg;\n    background-size: 50% 50%;\n    background-position: center center;\n    background-repeat: no-repeat;\n    border: 1px solid $border-clr;\n    @include user-select(none);\n  }\n  //radio\n  &.cloud-radio {\n    .cloud-control-indicator {\n      border-radius: 50%;\n    }\n    input:checked ~ .cloud-control-indicator {\n      &:after {\n        content: \"\";\n        border-radius: 100%;\n        display: inline-block;\n        width: 8px;\n        height: 8px;\n        background-color: $cloud-brand;\n      }\n    }\n    &:not(:last-child) {\n      margin-right: 1rem;\n    }\n  }\n  //checkbox\n  &.cloud-checkbox {\n    padding: $cloud-spacer $cloud-spacer 0 $cloud-spacer * 3;\n    input:checked ~ .cloud-control-indicator {\n      text-align: center;\n      &:after {\n        content: $cloud-var-check;\n        color: $cloud-brand;\n        font-family: 'font-cloud';\n        font-size: 16px;\n        display: inline-block;\n      }\n    }\n\n    input:disabled ~  .cloud-control-indicator {\n      background-color: #ddd;\n    }\n  }\n\n  &.cloud-form-sm {\n    .cloud-control-indicator {\n      top: 6px;\n      width: 17px;\n      height: 17px;\n      line-height: 17px;\n    }\n  }\n}\n\n.cloud-input-group {\n  display: table;\n  width: 100%;\n  .cloud-control {\n    display: table-cell;\n    width: 100%;\n    height: 50px;\n    float: left;\n\n    &:first-child {\n      border-right: 0;\n    }\n\n    &.search-box {\n      border-right: 0;\n    }\n  }\n  .cloud-input-group-btn {\n    display: table-cell;\n    width: 1%;\n    vertical-align: top;\n  }\n  .input-group-addon {\n    background-color: $control-bg;\n    border-radius: 0;\n    padding:14px;\n    color: $cloud-brand;\n\n    &.page-search {\n      padding: 0px;\n      border-color: #ddd;\n\n      .cloud-select {\n        display: inline-block;\n        border-left: 1px solid $border-clr;\n        border-right: 1px solid $border-clr;\n        width: 47px;\n\n        select {\n          padding-left: 2px;\n          padding-right: 15px;\n          text-transform: uppercase;\n          font-size: 8px;\n        }\n\n        &:after {\n          right: 3px;\n          border-top: .35rem solid #777;\n        }\n      }\n\n      .btn-submit {\n        padding: 12px;\n        //border-left: 1px solid #ddd;\n        .icon {\n          margin: 0;\n          color: $cloud-brand;\n        }\n      }\n    }\n\n    + .cloud-control {\n      border-left-width: 0;\n    }\n  }\n\n  .cloud-control {\n    border-radius: 0;\n    box-shadow: none;\n  }\n}\n\n.cloud-choice {\n  &.cloud-box-bg {\n    padding-top: 20px;\n    padding-left: 85px;\n  }\n  label {\n    margin: 0!important;\n    padding: 0;\n  }\n  margin-bottom: 20px;\n  position: relative;\n  .cloud-form-control {\n    border-right: 1px solid darken($ui-main-nav-bg, 10%);\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    padding: 0;\n    width: 60px;\n    .cloud-control-indicator {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      margin: -11px 0 0 -11px;\n    }\n  }\n}\n\n.cloud-dropzone {\n  position: relative;\n  min-height: 130px;\n  border: none;\n  cursor: pointer;\n\n  .cloud-placeholder {\n    margin: 5px;\n    border: 1px solid $border-clr;\n\n    .cloud-placeholder-content {\n      .ico {\n        width: 42px;\n        height: 42px;\n        line-height: 40px;\n        margin-bottom: 5px;\n        i {\n          font-size: 22px;\n        }\n      }\n    }\n  }\n}\n\n.ui-dialog-content {\n  .popin-content, .dropzone {\n    height: 100%;\n  }\n  .cloud-dropzone.cloud-dropzone-outline .cloud-placeholder {\n    background: transparent;\n    border: 2px dashed #bbb;\n    .ico {\n      width: 52px;\n      height: 52px;\n      background: transparent;\n      i {\n        font-size: 46px;\n      }\n    }\n    &:after {\n      display: none;\n    }\n  }\n}\n\n.cloud-logo-google {\n  background: data-uri('image/png;base64', '../img/powered_google.png') 100% 50% no-repeat;\n  background-size: contain;\n  height:14px;\n}\n\n.input-group-addon {\n  cursor: pointer;\n}\n\n.cloud-image-focus {\n  position: relative;\n  overflow: hidden;\n\n  .cloud-image {\n    user-select: none;\n    -webkit-user-select: none;\n\n    img {\n      max-width: 250px;\n    }\n\n    // &:after {\n    //     content:\"\";\n    //     position: absolute;\n    //     top: 0;\n    //     right: 0;\n    //     bottom: 0;\n    //     left: 0;\n    // }\n  }\n  .cloud-image-disc {\n    box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);\n    border: 2px solid #fff;\n    border-radius: 100%;\n    background-color: rgba(255, 255, 255, 0.5);\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    margin: -10px 0 0 -10px;\n  }\n\n  .cloud-image-frame {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    cursor: pointer;\n  }\n}\n\n.cloud-upload {\n  .cloud-preview {\n    background: url('../img/transparent.png') 0 0 repeat transparent;\n    padding: 16px;\n    position: relative;\n\n    .cloud-edit-content {\n      left: auto;\n\n      .btn-plugin {\n        width: 34px;\n        height: 34px;\n        background-color: rgba($gray-dark, .5);\n\n        i {\n          color: $gray-lighter-plus !important;\n          font-size: 22px;\n          line-height: 32px;\n        }\n\n        &:hover {\n          background-color: $cloud-brand;\n\n          i {\n            color: #fff;\n          }\n        }\n      }\n    }\n\n    img {\n      height: 88px;\n    }\n  }\n\n  .cloud-dropzone .cloud-placeholder {\n    background: transparent;\n    border: 2px dashed #bbb;\n    .ico {\n      background: transparent;\n      i {\n        font-size: 36px;\n      }\n    }\n    &:after {\n      display: none;\n    }\n  }\n\n}\n\n.cloud-crop-control {\n  margin-bottom: 2em;\n\n  .image-wrapper {\n    margin-bottom: 5px;\n    width: 360px;\n  }\n}\n\n@import 'cloud-form-mailchimp';\n@import 'cloud-form-imagelist';\n@import 'cloud-form-autocomplete';\n\n// Google Map\n.cloud-logo-google {\n  background: url(data:image/png;base64,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) 100% 50% no-repeat;\n  background-size: contain;\n  height: 14px;\n}\n\n// Datetimepicker\n.cloud-datetimepicker {\n  label {\n    width: 5rem;\n    padding: 7px 0;\n    margin: 0;\n  }\n  input {\n    height: 0 !important;\n  }\n  .input-group {\n    width: 9%;\n    span {\n      height: 38px;\n      color: $cloud-brand;\n      border-left: none;\n      background-color: $white;\n    }\n  }\n}\n\n// Knowledge graph - social profiles\n.cloud-kn-social-profiles {\n  input {\n    height: 18px !important;\n  }\n  .edit-area {\n    input {\n      padding: 14px 5px 14px 5px;\n    }\n    span {\n      padding-right: 2px;\n      padding-left: 2px;\n    }\n  }\n  .cloud-list {\n    span {\n      text-transform: none !important;\n    }\n    .cloud-col {\n      padding-left: 0;\n    }\n  }\n}","// Cloud FormBuilder - Image List\n\n// Image List\n.image-list {\n    @extend .clearfix;\n    .item {\n        float: left;\n        width: 50%;\n\n        &:hover {\n            cursor: pointer;\n        }\n\n        .figure {\n            background-size: cover;\n            background-repeat: no-repeat;\n            background-position: 50% 50%;\n            height: 120px;\n            position: relative;\n            margin: 5px;\n\n            &:hover {\n                > .cloud-edit-content {\n                    opacity: 1;\n                    display: block;\n                }\n            }\n\n            .cloud-edit-content {\n                opacity: 0;\n                display: none;\n                left: auto;\n                @include transition(all 100ms $ui-animation-function);\n\n                .btn-plugin {\n                    background-color: $gray;\n                    color: #fff;\n                    text-align: center;\n                    display: block;\n                    font-size: 18px;\n\n                    i {\n                        color: #fff !important;\n                        margin-left: 0;\n                        margin-right: 0;\n                    }\n\n                    &:hover > span {\n                        left: auto;\n                        right: 25px;\n                        background: rgba(85, 85, 85, .5);\n                        color: #fff;\n                    }\n                }\n            }\n        }\n    }\n\n    .cloud-dropzone {\n        float:left;\n        background: white;\n        width: 50%;\n    }\n}\n","// Cloud FormBuilder - autocomplete\n\n.cloud-autocomplete {\n  position: relative;\n\n  &.search-tag {\n    span.input-autocomplete {\n      display: none;\n    }\n  }\n\n  ul {\n    background-color: lighten($gray-lighter-plus, 5%);\n    border: 1px solid $border-clr;\n    border-top: 0;\n    position: absolute !important;\n    left: 0 !important;\n    right: 0 !important;\n    width: auto !important;\n    list-style: none;\n    z-index: $modal-index;\n    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);\n    padding-left: 0;\n    height: 200px;\n    overflow-y: auto;\n\n    li {\n      cursor: pointer;\n\n      a {\n        display: block;\n        text-transform: none;\n        text-decoration: none;\n        white-space: normal;\n        padding: 5px 10px;\n\n        &:hover {\n          background-color: $control-bg;\n        }\n      }\n    }\n  }\n\n  .input-group {\n    .input-group-text {\n      padding-left: .95em;\n      padding-right: .95em;\n    }\n\n    .ui-autocomplete-input {\n      border-right: none;\n    }\n  }\n\n  button .icon-search {\n    cursor: text;\n    margin: 0;\n  }\n}\n\n.cloud-panel .cloud-autocomplete {\n  ul {\n    background-color: $control-bg;\n\n    li a:hover {\n      background-color: lighten($gray-lighter-plus, 5%);\n    }\n  }\n}\n","// Button\n\n.btn {\n    border: 1px solid transparent;\n    display: inline-block;\n    font-size: 13px;\n    line-height: 18px;\n    padding: 9px;\n    position: relative;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    @include box-sizing(border-box);\n    @include transition(all 250ms ease);\n\n    .btn.cloud-page-action {\n        background: $cloud-brand;\n        bottom: 0;\n        color: #fff;\n        margin: 0;\n        padding: 0 10px 0 20px;\n        position: absolute;\n        right: 0px;\n        top: 0px;\n        width: auto;\n\n        .icon {\n            vertical-align: middle;\n        }\n\n        opacity: 0;\n        @include translate3d(100%, 0, 0);\n\n        @include transition(all linear 100ms);\n\n        &:hover {\n            @include translate3d(0, 0, 0);\n        }\n    }\n\n    .icon {\n        display: inline-block;\n        text-decoration: none;\n        margin: 0 5px;\n\n        &:not(:last-child) {\n            margin-right: 2px;\n        }\n    }\n    .icon-right {\n        float: right;\n        text-align: right;\n    }\n\n    &.cloud-hidden {\n        display: none;\n    }\n\n    &.is-drafted {\n        background-color: $cloud-brand!important;\n    }\n\n    &.button-transparent {\n        padding: 4px 6px;\n        height: 32px;\n        i {\n            font-size: 18px;\n            width: 1em;\n            line-height: 22px;\n            margin: 0;\n        }\n    }\n\n    &.btn-min-width {\n        min-width: 120px;\n    }\n\n    .cloud-label {\n        white-space: normal;\n        margin: 0;\n    }\n\n    &.btn-primary {\n        background-color: $cloud-brand;\n        border-color: $cloud-brand;\n        color: $white;\n    }\n\n    &.btn-outline-primary {\n        border-color: $cloud-brand;\n        background: transparent;\n        color: $cloud-brand;\n\n        &:hover {\n            border-color: $cloud-brand;\n            background: $cloud-brand;\n            color: $white;\n        }\n    }\n\n    &.active {\n        border-color: $cloud-brand;\n    }\n\n    &[disabled] {\n        border-color: $btn-disabled-border;\n        background-color: $btn-disabled-bg;\n        cursor: not-allowed;\n    }\n\n    &:focus, &:active {\n        outline: none;\n    }\n\n    &.btn-xs {\n        font-size: 11px;\n        padding: 10px;\n    }\n\n    &.btn-layout {\n        width: 52px;\n        padding-left: 0;\n        padding-right: 0;\n        text-align: center;\n        .icon {\n            width: auto;\n        }\n    }\n\n    &:hover {\n        .cloud-page-status {\n            opacity: 0;\n        }\n        > .cloud-page-action {\n            opacity: 1;\n        }\n    }\n\n    &.btn-publish {\n        background-color: $btn-publish-bg;\n        color: $btn-publish-clr;\n        span {\n            color: $btn-publish-clr !important;\n        }\n\n        i {\n            color: #fff;\n        }\n\n    }\n\n    &.btn-sm {\n        padding: 7px;\n        font-size: 11px;\n        line-height: 12px;\n    }\n\n    //button with icon\n    &.btn-icon-xl i.icon {\n        font-size: 2em;\n        width: 1em;\n    }\n\n    &.btn-icon-md {\n        line-height: 16px;\n    }\n\n    &.btn-icon-sm {\n        padding: 6px .5em;\n        i.icon {\n            margin: 0 2px;\n        }\n    }\n\n    &[data-value^='color'] {\n        padding: 15px;\n    }\n}\n\n.item-sm {\n    .btn {\n        padding-top: 5px;\n        padding-bottom: 5px;\n\n        .cloud-page-action {\n            top: 0px;\n        }\n    }\n\n    button.btn {\n        i {\n            margin: 0!important;\n        }\n    }\n\n    .cloud-row {\n        margin: 0;\n    }\n}\n\n.btn-add-item {\n    background-color: #fff;\n    border: 1px solid $border-clr;\n    text-transform: uppercase;\n    padding: 12px;\n\n    &:hover {\n        background-color: $gray-lighter-plus;\n    }\n    &.selected {\n        border: 1px solid $cloud-brand;\n        @include box-shadow(0 0 0 1px $cloud-brand);\n    }\n}\n\n.btn-default {\n    background-color: #fff;\n    border: 1px solid $border-clr;\n    text-transform: uppercase;\n    &:hover {\n        background-color: $gray-lighter-plus;\n    }\n    &.selected {\n        border: 1px solid $cloud-brand;\n        @include box-shadow(0 0 0 1px $cloud-brand);\n    }\n    &.btn-disabled{\n        background-color: $gray-lighter-plus;\n    }\n}\n\n.btn-small {\n    //&:extend(#cloud-ui .btn-default all);\n    padding: 8px;\n    text-transform: initial;\n}\n\n.btn-danger {\n    background-color: $error-clr;\n    border: 1px solid $error-clr;\n    text-transform: uppercase;\n    &:hover, &:active {\n        background-color: lighten($error-clr, 5%);\n    }\n    &.selected {\n        background-color: $error-clr;\n    }\n}\n\n&.desktop {\n    .btn-publish {\n        &:hover {\n            background-color: darken($btn-publish-bg, 5%)!important;\n        }\n    }\n}\n\n.btn-icon {\n    .icon {\n        margin: 0;\n        font-size: 15px;\n    }\n}\n.btn-block {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: 15px;\n}\n.btn-account {\n    width: 100%;\n    height: 35px;\n    font-size: 12px;\n    padding: 7px 10px;\n    text-align: left;\n    text-transform: initial;\n    border-bottom: 1px solid #bcbcbc;\n}\n\n.langbo {\n    width: 100%;\n    padding-top: 6px;\n    padding-bottom: 6px;\n    padding-left: 10px;\n    font-size: 12px;\n    text-transform: initial;\n    color: #000;\n    border-bottom: 1px solid #bcbcbc;\n    display: flex;\n    align-items: center;\n\n    &.mobile {\n        background-color: #fff;\n        border: 1px solid $border-clr;\n        color: $gray;\n        font-size: 13px;\n        padding: 11px;\n        text-transform: uppercase;\n    }\n\n    .btn {\n        padding: 3px 8px;\n        font-size: 10px;\n        margin-left: 3px;\n        color: $cloud-brand;\n        border-radius: 2px;\n        text-align: center;\n        border-color: $cloud-brand;\n        background: transparent;\n\n        &.active {\n            background: $cloud-brand !important;\n            color: $white;\n        }\n    }\n}\n\n//\n.txt-primary {\n    color: $cloud-brand;\n}\n","// Tags\r\n\r\n.tag-list-container {\r\n  .tag-list {\r\n    .item-level {\r\n      margin-right: 5px;\r\n      margin-bottom: 5px;\r\n\r\n\r\n      h1, h2, h3 {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    .item-level-1 {\r\n      &:not(.has-children) {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n      }\r\n\r\n      &.has-children {\r\n        margin-bottom: 10px;\r\n        h1 {\r\n          border-bottom: 1px solid #ddd;\r\n        }\r\n      }\r\n\r\n      h1 {\r\n        font-size: 1.2rem;\r\n        text-transform: uppercase;\r\n        font-weight: bold;\r\n        color: #222;\r\n        padding-bottom: 5px;\r\n        margin-bottom: 5px;\r\n      }\r\n\r\n      .item-level-2 {\r\n        margin-right: 5px;\r\n        display: inline-grid;\r\n\r\n        h2 {\r\n          font-size: 1rem;\r\n          text-transform: uppercase;\r\n        }\r\n\r\n\r\n        .item-level-3 {\r\n          margin-top: 10px;\r\n          h3 {\r\n            font-size: 0.875rem;\r\n            color: #888;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.cloud-tag {\r\n  align-items: center;\r\n  border: 1px solid darken($border-clr, 10%);\r\n  display: inline-flex;\r\n  font-size: $font-size-cloud;\r\n  padding: 5px 10px;\r\n  margin: 0 0.8*$spacer-x 0.8*$spacer-x 0;\r\n  position: relative;\r\n\r\n  span {\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .btn {\r\n    padding: 6px;\r\n\r\n    .icon {\r\n      margin: 0;\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  .more-options {\r\n    .btn .icon {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .cloud-tag-param {\r\n    float: right;\r\n\r\n    & + button.ok {\r\n      margin-left: 5px;\r\n    }\r\n\r\n    .btn-more {\r\n      i {\r\n        @include rotate(90deg);\r\n      }\r\n\r\n      &.active {\r\n        background: #ddd;\r\n        border-color: #ddd;\r\n      }\r\n    }\r\n\r\n    .more-options {\r\n      background: $cloud-brand;\r\n      position: absolute;\r\n      right: 0;\r\n      top: 32px;\r\n      display: inline-flex;\r\n      flex-direction: column;\r\n      z-index: 1;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      @include transition(all linear 100ms);\r\n\r\n      &.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.tag-level {\r\n  .cloud-tag-param {\r\n    float: right;\r\n    position: relative;\r\n\r\n    .btn-more {\r\n      padding: 0 5px;\r\n\r\n      i {\r\n        @include rotate(90deg);\r\n        margin: 0;\r\n      }\r\n\r\n      &.active {\r\n        background: #ddd;\r\n        border-color: #ddd;\r\n      }\r\n    }\r\n\r\n    .more-options {\r\n      background: #fff;\r\n      border: 1px solid #ddd;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 24px;\r\n      display: inline-flex;\r\n      flex-direction: column;\r\n      z-index: 1;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      @include transition(all linear 100ms);\r\n\r\n      .btn {\r\n        color: $cloud-brand;\r\n      }\r\n\r\n      &.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.overlay-items {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.tags-wrapper {\r\n  span.loader {\r\n    display: block;\r\n    height: 30px;\r\n  }\r\n}\r\n\r\n.create-tag {\r\n  margin-bottom: .5em;\r\n\r\n  button {\r\n    margin-top: .5em;\r\n  }\r\n}","// Toolbar\n\n// Toolbar main\n.cloud-logo {\n  display: block;\n  height: calc($ui-main-nav-width / 2);\n  background-color: #fff;\n  @include image-svg(logo-backbee);\n  background-size: cover;\n  background-position-y: 50%;\n}\n\n&.is-desktop {\n  & > .cloud-toolbar-main {\n    &:before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      border-top: 2px solid $cloud-brand;\n    }\n\n    &.show {\n      left: 0;\n    }\n\n    min-height: 34rem;\n    background-color: $ui-main-nav-bg;\n    position: fixed;\n    z-index: $ui-main-nav-index;\n    top: 0;\n    left: -$ui-main-nav-width;\n    bottom: 0;\n    border-right: 1px solid $border-clr;\n    @include user-select(none);\n\n    @include transition(left 150ms linear);\n\n    //nav\n    #cloud-nav-submit {\n      min-height: 40px;\n\n      .btn-cancel {\n        background-color: #fff;\n\n        &:hover {\n          background-color: $gray-lighter-plus;\n        }\n\n        a {\n          padding: 10px 0;\n          height: auto;\n\n          i {\n            display: none;\n          }\n\n          .cloud-label {\n            font-size: 8px;\n            font-weight: 700;\n            line-height: normal;\n            margin: 0;\n            min-height: initial;\n            padding: 0;\n            opacity: 1;\n          }\n        }\n      }\n    }\n\n    #cloud-nav-primary {\n      background-color: $ui-main-nav-bg;\n      position: absolute;\n      top: 56%;\n      @include translate3d(0, -50%, 0);\n    }\n\n    #cloud-nav-secondary {\n      .btn {\n        height: 3rem;\n        padding: 0;\n      }\n      position: absolute;\n      bottom: 0;\n      left: 0;\n    }\n\n    .cloud-nav-wrapper {\n      .online-switch {\n        &.online {\n          .cloud-label {\n            border-left: 4px solid #218c31;\n          }\n        }\n\n        &.offline {\n          .cloud-label {\n            border-left: 4px solid $cloud-brand;\n          }\n        }\n\n        &.has-checkbox {\n          .cloud-form-control {\n            &:before {\n              content: '';\n              height: 24px;\n              width: 4px;\n              display: block;\n              background-color: $cloud-brand;\n              position: absolute;\n              bottom: 0;\n              left: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .cloud-nav-wrapper > .nav {\n      list-style: none;\n      width: $ui-main-nav-width;\n      > li {\n        position: relative;\n        > .btn {\n          background: transparent;\n          display: block;\n          padding: 9px 0 17px 0;\n          width: 100%;\n          height: 70px;\n          position: relative;\n          z-index: $ui-main-nav-index+1;\n          text-align: center;\n          text-decoration: none;\n          .icon {\n            display: block;\n            margin: 0;\n            font-size: 26px;\n            height: 35px;\n            line-height: 35px;\n            width: 100%;\n            @include transition(200ms linear margin);\n\n            &.icon-circle {\n              background-color: $border-clr;\n              margin: 0 auto;\n              width: 50px;\n              height: 50px;\n              line-height: 50px;\n              border-radius: 100%;\n              margin-bottom: 5px;\n            }\n          }\n          span {\n            color: $gray-lighter;\n            font-size: 8px;\n            display: block;\n            text-transform: uppercase;\n            // padding: 0 5px;\n            min-height: 18px;\n            line-height: 1.2em;\n            opacity: 0;\n            @include transition(200ms linear all);\n          }\n\n          &:hover {\n            background-color: $ui-panel-bg;\n\n            span {\n              opacity: 1;\n            }\n          }\n\n          &.btn-publish {\n            height: 78px;\n            background-color: $btn-publish-bg;\n\n            i {\n              margin-top: 8px;\n            }\n\n            span {\n              opacity: 1;\n            }\n          }\n\n          &.btn-focus {\n            background-color: $ui-panel-bg;\n            border-top: 1px solid $border-clr;\n            border-bottom: 1px solid $border-clr;\n\n            span {\n              opacity: 1;\n            }\n\n            &:after {\n              content: \"\";\n              border-left: 2px solid $ui-panel-bg;\n              position: absolute;\n              right: -2px;\n              top: 0;\n              bottom: 0;\n            }\n          }\n        }\n      }\n    } //end nav\n\n    .page-status {\n      .cloud-label {\n        font-size: 12px;\n        line-height: 1.5;\n      }\n    }\n  }\n  .small-screen & > .cloud-toolbar-main {\n    .cloud-nav-wrapper > .nav {\n      list-style: none;\n      width: calc($ui-main-nav-width * 3 / 4);\n\n      > li {\n        > .btn {\n          height: 60px;\n          padding: 0;\n\n          .icon {\n            font-size: 22px;\n            height: 30px;\n            line-height: 30px;\n          }\n\n          &.btn-publish {\n            height: 50px;\n            padding-top: 4px;\n            background-color: $btn-publish-bg;\n\n            i {\n              margin-top: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .page-status {\n      margin-top: 0 !important;\n    }\n\n    #cloud-nav-primary {\n      top: 58%;\n    }\n\n    @media screen and ( max-height: 440px ){\n      #cloud-nav-primary {\n        top: unset;\n        bottom: 0;\n        transform: none;\n      }\n\n      #cloud-nav-secondary {\n        display: none;\n      }\n    }\n  }\n}\n\n// Mobile\n&.is-mobile {\n  position: fixed;\n  z-index: $ui-main-nav-index;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  & > .cloud-toolbar-main {\n    .cloud-menu {\n      position: absolute;\n      bottom: 20px;\n      left: 50%;\n      z-index: $ui-main-nav-index;\n      margin-left: -1.75em;\n      padding-top: 0em;\n      width: 84px;\n      height: 84px;\n      line-height: 84px;\n      border: none;\n      border-radius: 50%;\n      background: none;\n      background-color: $cloud-brand;\n      text-align: center;\n      font-weight: 700;\n      font-size: 1.5em;\n      text-transform: uppercase;\n      cursor: pointer;\n      -webkit-backface-visibility: hidden;\n      outline: 0;\n\n      .icon {\n        font-size: 1.6em;\n        line-height: 84px;\n        color: #fff;\n        margin: 0;\n      }\n\n      &:active {\n        background-color: darken($cloud-brand,5%);\n      }\n    }\n\n    .cloud-nav-wrapper {\n      border-top: 2px solid $cloud-brand;\n      background-color: $ui-main-nav-bg;\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      z-index: $ui-main-nav-index + 1;\n\n      @include transition(all 300ms $ui-animation-function);\n      @include translate3d(0, 100%, 0);\n\n      -webkit-touch-callout: none !important;\n\n      .menu-handler {\n        padding: 2px 0;\n        text-align: center;\n        line-height: 5px;\n\n        span {\n          display: none;\n        }\n      }\n\n      > .nav {\n        margin: 5px 8px;\n\n        &#cloud-nav-primary li {\n          display: block;\n          float: left;\n          width: 50%;\n          padding: 5px 3px;\n          box-sizing: border-box;\n          a.btn {\n            width: 100%;\n            padding: 10px;\n            i.icon, .cloud-label {\n              display: inline-block;\n            }\n          }\n\n          &.btn-cancel {\n            float: right;\n            a.btn {\n              background: $border-clr;\n              border-color: $editor-clr;\n            }\n          }\n        }\n\n        &#cloud-nav-secondary li {\n          position: relative;\n          display: block;\n          float: left;\n          width: 33.333%;\n          padding: 5px 3px;\n          box-sizing: border-box;\n          > .btn {\n            background-color: #fff;\n            display: block;\n            text-align: center;\n            text-decoration: none;\n            text-transform: uppercase;\n            height: 80px;\n            width: 100%;\n            padding: 18px 0 0 0;\n            @include box-shadow(none);\n            outline-width: 0;\n\n            @include transition(background 500ms $ui-animation-function);\n\n            .icon {\n              font-size: 22px;\n              line-height: 28px;\n              width: auto;\n              margin: 0 0 10px 0;\n            }\n            .cloud-label {\n              display: block;\n              font-size: 8px;\n              line-height: 1.1em;\n            }\n\n            &:active {\n              background-color: darken(#fff, 20%);\n              @include transition-duration(0.1s);\n            }\n\n            &.btn-publish {\n              background-color: $btn-publish-bg;\n              color: $btn-publish-clr;\n              position: relative;\n              span {\n                color: $btn-publish-clr!important;\n              }\n\n              i {\n                color: #fff;\n              }\n            }\n          }\n        }\n      }\n\n      &.cloud-menu-plugin {\n\n        border-width: 0;\n        padding: 20px 15px;\n\n        .menu-handler {\n          display: none;\n        }\n\n        .btn-close-menu {\n          display: block;\n          margin-top: 15px;\n          width: 100%;\n        }\n\n        #cloud-nav-primary {\n\n          background-color: $ui-main-nav-bg;\n          padding: 15px;\n          margin: 0;\n\n          > li {\n            float: none;\n            width: 100%;\n            padding: 0;\n\n            + li {\n              margin-top: 10px;\n            }\n\n            > .btn {\n\n              text-align: left;\n\n              text-transform: uppercase;\n              height: auto;\n              width: 100%;\n              padding: 14px 15px;\n              border: 1px solid darken($ui-main-nav-bg, 5%);\n\n              .icon {\n                color: $cloud-brand;\n                font-size: 19px;\n                width: auto;\n                margin: 0 5px 0 0;\n              }\n              .cloud-label {\n                display: inline;\n                font-size: 13px;\n              }\n\n              &:active {\n                background-color: darken(#fff, 20%);\n                @include transition-duration(0.1s);\n              }\n            }\n\n          }\n        }\n      }\n    }\n  }\n\n  //Open\n  &.opened-nav {\n    // Btn\n    .cloud-menu {\n      display: none;\n    }\n\n    .cloud-nav-wrapper {\n      @include translate3d(0, 0, 0);\n    }\n  }\n}\n\n.cloud-liner:after {\n  border-top: 1px solid $border-clr;\n}","// Table\n\n.cloud-table {\n    font-size: 16px;\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: 3em;\n\n    // Cells\n    > thead,\n    > tbody,\n    > tfoot {\n        > tr {\n            > th,\n            > td {\n                padding: 10px 12px;\n                vertical-align: top;\n                text-align: left;\n            }\n        }\n    }\n\n    .hover {\n        cursor: pointer;\n    }\n\n    &.cloud-table-bordered {\n        // Cells\n        > tbody,\n        > tfoot {\n            > tr {\n                > th,\n                > td {\n                    border-bottom: 1px solid $border-clr;\n                }\n            }\n        }\n        > thead {\n            > tr {\n                > th,\n                > td {\n                    border-bottom: 2px solid $border-clr;\n                }\n            }\n        }\n    }\n\n    &.cloud-table-hover {\n        > tbody {\n            tr:hover {\n                background-color: lighten($gray-lighter-plus, 5%);\n            }\n        }\n    }\n}",".cloud-nav {\r\n\t$font-size: 14px;\r\n\t$border-radius: 4px;\r\n\r\n\tdisplay: block;\r\n\tmargin-bottom: 3em;\r\n\r\n\t.cloud-pagination,\r\n\t.cloud-pager {\r\n\t\tclear: both;\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tclear: both;\r\n\t\t\tdisplay: table;\r\n\t\t}\r\n\r\n\t\t> li {\r\n\t\t\tdisplay: inline;\r\n\t\t\tfont-size: $font-size;\r\n\t\t\t> a,\r\n\t\t\t> span {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\theight: 36px;\r\n\t\t\t\tmin-width: 36px;\r\n\t\t\t\tfloat: left; // Collapse white-space\r\n\t\t\t\tfont-size: $font-size;\r\n\t\t\t\tpadding: 4px;\r\n\t\t\t\tline-height: 28px;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tbackground-color: #fff;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tmargin-left: -1px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\t\t\t&:first-child {\r\n\t\t\t\t> a,\r\n\t\t\t\t> span {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:last-child {\r\n\t\t\t\t> a,\r\n\t\t\t\t> span {\r\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> li > a,\r\n\t\t> li > span {\r\n\t\t\t&:hover,\r\n\t\t\t&:focus {\r\n\t\t\t\tz-index: 2;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground-color: $cloud-brand;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> .active > a,\r\n\t\t> .active > span {\r\n\t\t\t&,\r\n\t\t\t&:hover,\r\n\t\t\t&:focus {\r\n\t\t\t\tz-index: 3;\r\n\t\t\t\tbackground-color: #fff;\r\n\t\t\t\tcolor: $cloud-brand;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> .disabled {\r\n\t\t\t> span,\r\n\t\t\t> span:hover,\r\n\t\t\t> span:focus,\r\n\t\t\t> a,\r\n\t\t\t> a:hover,\r\n\t\t\t> a:focus {\r\n\t\t\t\tcolor: $ui-txt-clr;\r\n\t\t\t\tbackground-color: $gray-lighter-plus;\r\n\t\t\t\tborder-color: $gray-lighter-plus;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cloud-pager {\r\n\t\t> li {\r\n\t\t\t> a,\r\n\t\t\t> span {\r\n\t\t\t\tborder-radius: $border-radius!important;\r\n\t\t\t\tpadding-left: 1em;\r\n\t\t\t\tpadding-right: 1em;\r\n\t\t\t}\r\n\t\t\t+ li {\r\n\t\t\t\ta {\r\n\t\t\t\t\tmargin-left: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".cloud-row {\r\n    margin-left: calc(-1 * $spacer-x / 2);\r\n    margin-right: calc(-1 * $spacer-x / 2);\r\n    margin-bottom: $cloud-spacer * 2;\r\n\r\n    @extend .clearfix;\r\n\r\n    .cloud-col-2,\r\n    .cloud-col-3,\r\n    .cloud-col-4,\r\n    .cloud-col-5,\r\n    .cloud-col-6,\r\n    .cloud-col-7,\r\n    .cloud-col-8,\r\n    .cloud-col-10,\r\n    .cloud-col-12 {\r\n    min-height: 1px;\r\n    float: left;\r\n    padding-left: calc($spacer-x / 2);\r\n    padding-right: calc($spacer-x / 2);\r\n    @include box-sizing(border-box);\r\n    }\r\n\r\n    .cloud-col-2 {\r\n    width: 16.6667%;\r\n    }\r\n\r\n    .cloud-col-3 {\r\n    width: 25%;\r\n    }\r\n\r\n    .cloud-col-4 {\r\n    width: 33.33333%;\r\n    }\r\n\r\n    .cloud-col-5 {\r\n    width: 41.6667%;\r\n    }\r\n\r\n    .cloud-col-6 {\r\n    width: 50%;\r\n    }\r\n\r\n    .cloud-col-7 {\r\n    width: 58.33333%;\r\n    }\r\n\r\n    .cloud-col-8 {\r\n    width: 66.66666%;\r\n    }\r\n\r\n    .cloud-col-10 {\r\n\r\n    width: 83.3333%;\r\n    }\r\n\r\n    .cloud-col-12 {\r\n    width: 100%;\r\n    }\r\n}\r\n\r\n// Front\r\n\r\n// Spacer for add content\r\n.rootcontentset {\r\n    & > .bb-content {\r\n        margin-bottom: 1em;\r\n    }\r\n}","// Modal\n\n.cloud-dialog {\n    background-color: $modal-bg;\n    position: fixed;\n    top: 70%;\n    left: 50%;\n    min-width: 300px;\n    z-index: $modal-index;\n    box-shadow: 1px 1px 12px #555;\n    outline: none;\n    font-family: $font-family-default;\n    color: $ui-txt-clr;\n    font-size: $font-size-cloud;\n\n    &.no-scroll {\n        .ui-dialog-content {\n            overflow: hidden;\n        }\n    }\n\n    .ui-button {\n        border: none;\n        &:focus, &:active {\n            outline: none;\n            box-shadow: none;\n        }\n    }\n\n    &:not(.with-btnClose) {\n        .ui-widget-header .ui-dialog-titlebar-close {\n            display: none;\n        }\n    }\n\n    .ui-widget-header {\n        font-family: $font-family-default;\n        padding: $ui-dialog-spacer;\n        padding-bottom: 0;\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        color: #000;\n        font-size: $font-size-large;\n        border-top: $ui-dialog-border-top;\n\n        .ui-dialog-title {\n            color: $ui-txt-clr;\n\n            .cloud-help-link{\n                position: absolute;\n                padding: 10px;\n                top: 0;\n                right: 0;\n                margin: 20px 15px 0 0;\n            }\n        }\n\n        .ui-dialog-titlebar-close {\n            width: 32px;\n            height: 32px;\n\n            &:before, &:after {\n                position: absolute;\n                left: 15px;\n                content: ' ';\n                height: 22px;\n                width: 2px;\n                top: 6px;\n                background-color: #555;\n            }\n            &:before {\n                transform: rotate(45deg);\n            }\n            &:after {\n                transform: rotate(-45deg);\n            }\n\n        }\n\n        .ui-button {\n            color: $ui-txt-clr;\n            float: right;\n            opacity: 1;\n            &.ui-dialog-titlebar-close {\n                position: absolute;\n                top: 0;\n                right: 0;\n            }\n\n            &:focus {\n                outline: none;\n            }\n\n            .ui-button-text i {\n                font-size: 20px;\n            }\n        }\n    }\n\n    .ui-dialog-content {\n        background-color: #fff;\n        padding: $ui-dialog-spacer;\n        overflow: auto;\n        font-size: 14px;\n        .popin-content {\n            .cloud-title {\n                border-bottom: 0;\n                margin-bottom: $cloud-spacer;\n            }\n            iframe {\n                width: 100%;\n            }\n        }\n    }\n    .ui-dialog-buttonpane {\n        background-color: $modal-footer-div;\n        text-align: right;\n        padding: $ui-dialog-spacer;\n        padding-top: 0;\n        overflow: hidden;\n\n        .cloud-row {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n            li {\n                padding: 0;\n                +li {\n                    border-left:1px solid $modal-footer-div;\n                }\n            }\n        }\n        .ui-button {\n            padding: 8px;\n            background-color: $cloud-brand;\n            margin-left: 5px;\n            min-width: 100px;\n\n            &.popin-ok,\n            &:not(.popin-cancel) {\n                color: #fff;\n            }\n\n            span.ui-button-text {\n                color: #fff;\n                text-transform: uppercase;\n            }\n\n            &:hover {\n                background-color: rgba(red($cloud-brand), green($cloud-brand), blue($cloud-brand), 0.9);\n            }\n\n            @extend .btn;\n\n            &.popin-cancel {\n                background-color: transparent;\n                span.ui-button-text {\n                    color: #000;\n                }\n                &:hover {\n                    background-color: $gray-lighter-plus;\n                }\n\n            }\n        }\n    }\n\n    span.global-form-error {\n        display: block;\n        text-align: center;\n        margin-bottom: 12px;\n        color: $error-clr;\n        padding: 8px;\n\n        &:empty {\n            display: none;\n        }\n    }\n\n    span.form-error {\n        display: block;\n        margin-bottom: 2px;\n        color: $error-clr;\n\n        &:empty {\n            display: none;\n        }\n    }\n\n    &.account-popin {\n        min-width: 165px;\n\n        .ui-dialog-content.ui-widget-content {\n            padding: 5px;\n\n            .popin-content {\n                div {\n                    >.item:last-child {\n                        border-bottom: none;\n                    }\n                }\n                button {\n                    background: transparent;\n                }\n            }\n        }\n    }\n\n    &.remove-content {\n        border-top: $ui-dialog-border-top;\n    }\n\n    &.remove-content {\n        .popin-content {\n            p {\n                margin: 0;\n            }\n        }\n    }\n\n    &.cloud-dialog-mobile {\n        top: 0!important;\n        bottom: 0!important;\n        left: 0!important;\n        right: 0!important;\n        width: auto!important;\n    }\n\n    &.modified-pages-list {\n        .ui-dialog-content {\n            background-color: transparent;\n            min-height: 180px!important;\n            max-height: none!important;\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            margin-top: -158px;\n        }\n\n        .ui-dialog-buttonpane {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n        }\n\n        .message {\n            font-size: 1em;\n        }\n    }\n\n    &.logout {\n        .popin-content {\n            margin-top: 50px;\n            text-align: center;\n            p {\n                margin-bottom: 50px;\n                color: #fff;\n                font-size: 22px;\n            }\n            i {\n                font-size: 50px;\n                color: #fff;\n            }\n        }\n    }\n\n    &.publish-pages-popover {\n        .ui-dialog-content {\n            background-color: transparent;\n            min-height: 180px!important;\n            max-height: none!important;\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            margin-top: -158px;\n        }\n\n        .ui-dialog-buttonpane {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n        }\n    }\n\n    // Pop up mobile\n    &.auth-mobile {\n        background-color: $cloud-brand;\n\n        * {\n            color: #fff;\n        }\n\n        .ui-dialog-title {\n            color: #fff;\n        }\n\n        .ui-button-text i {\n            color: #fff;\n        }\n\n        .ui-dialog-buttonpane {\n            background: $cloud-brand;\n\n            .ui-button {\n                margin-bottom: $cloud-spacer;\n\n                &:not(.popin-cancel) {\n                    background: #fff;\n                    .ui-button-text {\n                        color: $cloud-brand;\n                    }\n                }\n\n                &.popin-cancel .ui-button-text {\n                    color: #fff;\n                }\n            }\n        }\n\n        .brand {\n            text-align: center;\n            margin-bottom: 35px;\n            i {\n                color: #fff;\n                text-align: center;\n                font-size: 5em;\n                margin-bottom: 30px;\n            }\n        }\n\n        .hauth{\n            color: #fff;\n            i{\n                color: #fff;\n            }\n        }\n\n        span.global-form-error {\n            display: block;\n            text-align: center;\n            margin-bottom: 12px;\n            color: #fff;\n            background-color: rgba(255,255,255,0.2);\n            padding: 8px;\n\n            &:empty {\n                display: none;\n            }\n        }\n\n        .cloud-control {\n            &:-webkit-autofill {\n                -webkit-box-shadow: 0 0 0px 1000px $cloud-brand inset;\n                -webkit-text-fill-color: #fff!important;\n            }\n            color: #fff;\n            @include placeholder(#fff, italic);\n        }\n\n        .ui-widget-header .ui-button {\n            color: #fff;\n        }\n\n        .ui-dialog-content {\n            background-color: transparent;\n            min-height: 180px!important;\n            max-height: none!important;\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            margin-top: -158px;\n\n            .cloud-label {\n                color: #fff;\n            }\n        }\n        .ui-dialog-buttonpane {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n        }\n\n        .cloud-control {\n            background-color: transparent;\n        }\n\n        .btn-primary {\n            background-color: #fff;\n            color: $cloud-brand;\n            display: block;\n            width: 100%;\n            border-radius: 25px;\n        }\n\n        .cloud-forgot-password {\n            a {\n                color: #fff;\n            }\n        }\n\n        .element_submit {\n            .btn {\n                margin: 20px 0;\n            }\n        }\n\n        .btn.btn-primary {\n            &:active {\n                background-color: #fff;\n                border-color: #fff;\n                color: $cloud-brand;\n            }\n        }\n\n        &.logout {\n            max-width: 100%;\n        }\n    }\n\n    &.cloud-dialog-popover {\n        position: absolute;\n        outline-width: 0;\n\n        .ui-dialog-content {\n            background-color:$modal-bg;\n            color: $ui-txt-clr;\n            margin: 0;\n            padding: 20px;\n            .popin-content {\n                margin: 0;\n                padding: 0!important;\n                cursor: default;\n\n                .modified-pages-link {\n                    font-size: 10px;\n                    color: $cloud-brand;\n                    float: right;\n                    text-transform: initial;\n                }\n            }\n        }\n\n        .ui-widget-header {\n            display: none;\n        }\n\n        .arrow {\n            position: absolute;\n            bottom: -5px;\n            left: 5px;\n            height: 10px;\n            width: 10px;\n            background-color: #fff;\n\n            z-index: -1;\n\n            box-shadow: 4px 3px 15px 0px rgba(0, 0, 0, 0.2);\n\n            @include transform(rotate(45deg));\n        }\n\n        &.cloud-dialog-popover-side-left {\n            .arrow {\n                left: -5px;\n                bottom: 50%;\n            }\n        }\n\n        &.cloud-dialog-popover-right {\n            .arrow {\n                left: auto;\n                right: 5px;\n            }\n        }\n\n    }\n\n    &.help-center {\n        padding-top: $ui-dialog-spacer;\n        border-top: $ui-dialog-border-top;\n        .ui-widget-header {\n            display: none;\n        }\n    }\n\n    .is-mobile & {\n        max-width: 96%;\n        left: 2%;\n    }\n}\n\n//Modal\n.cloud-modal {\n    background-color: $modal-bg;\n    position: fixed;\n    top: 70%;\n    left: 50%;\n    min-width: 300px;\n    box-shadow: 4px 3px 15px 0px rgba(0, 0, 0, 0.3);\n    .cloud-header {\n        text-transform: uppercase;\n        padding: $ui-dialog-spacer;\n        .close {\n            color: $ui-txt-clr;\n            font-size: 20px;\n            opacity: 1;\n        }\n    }\n    .cloud-modal-body {\n        background-color: #fff;\n        margin: $ui-dialog-spacer;\n        margin-bottom: 30px;\n        padding: 10px;\n    }\n    .cloud-footer {\n        background-color: $modal-footer-div;\n        .cloud-row {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n            li {\n                padding: 0;\n                +li {\n                    border-left: 1px solid $modal-footer-div;\n                }\n            }\n        }\n        .btn {\n            background-color: #fff;\n        }\n    }\n}\n","// Cloud Placeholder - Missing Config Bloc Placeholder & Placeholder Image\n\n.missing-config-wrapper {\n    font-family: $font-family-default;\n    border: 1px dashed $border-clr;\n    padding: 16px;\n\n    .missing-config {\n        background-color: $gray-lighter-plus;\n        color: $ui-txt-clr;\n        padding: 32px 16px;\n        overflow: hidden;\n\n        i.icon.icon-info {\n            display: block;\n            font-size: 24px;\n            height: 38px;\n            line-height: 38px;\n            text-align: center;\n            width: 38px;\n            float: left;\n            margin: 0 10px 10px 0;\n            color: $ui-txt-clr;\n        }\n        & p {\n            line-height: 1.5em;\n            margin: 0;\n            padding: 0; \n            max-width: 77%;\n            line-height: 38px;\n            float: left;\n            font-size: 1rem;\n            * {\n                color: $ui-txt-clr;\n            }\n\n            i.icon.icon-setting {\n                color: $cloud-brand;\n            }\n        }\n    }\n}\n\n.cloud-placeholder {\n    font-family: $font-family-default;\n    background-color: $gray-lighter-plus;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n\n    &:after {\n        content: \"\";\n        display: block;\n        padding-top: 62.714%;\n    }\n    .cloud-placeholder-content {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        right: 0;\n        @include translate3d(0, -50%, 0);\n        text-align: center;\n        \n        &, & * {\n            color: $ui-txt-clr;\n        }\n        .ico {\n            display: block;\n            background-color: $border-clr;\n            border-radius: 100%;\n            width: 60px;\n            height: 60px;\n            font-size: 25px;\n            line-height: 60px;\n            margin: 0 auto 2px auto;\n            cursor: pointer;\n        }\n\n        span.label {\n            font-family: $font-family-default;\n            text-transform: uppercase;\n            font-size: $font-size-small;\n            line-height: 1;\n            white-space: normal;\n        }\n    }\n\n    &-droppable {\n        margin: -10px;\n        padding: 10px;\n        border: 1px dashed $cloud-brand;\n    }\n\n    @media(min-width: 1025px) {\n        &-over:hover &, &-droppable & {\n            z-index: auto;\n            opacity: 1;\n        }\n    }\n\n    .cloud-logo & {\n        min-width: 130px;\n        left: auto;\n        right: auto;\n\n        div {\n            .ico {\n                width: 40px;\n                height: 40px;\n                line-height: 45px;\n                font-size: 18px;\n            }\n        }\n    }\n    .footer & {\n        position: relative;\n        max-width: 220px;\n        margin: 0 auto;\n    }\n}\n\n.has-image-placeholder {\n    &.bb-content.cloud-logo {\n        position: relative;\n        height: 58px;\n        min-width: 130px;\n        @include media-breakpoint-up(sm) {\n            height: 100px;\n        }\n    }\n    &.figure {\n        &.image-resize, &.image-fullwidth {\n            padding-top: 50%;\n            &:after {\n                display: none;\n            }\n        }\n    }\n}\n\n.cloud-text-placeholder:before {\n    content: attr(data-cloud-placeholder);\n}","// Cloud edit content & Row setting\n\n.mandatory-fields {\n    border: 3px solid red;\n}\n\n.btn-plugin {\n    height: $btn-plugin-w;\n    width: $btn-plugin-w;\n    border: 1px solid transparent;\n    box-shadow: 0px 0 4px 1px rgba(50, 50, 50, 0.3);\n    border-radius: 100%;\n    background-color: #fff;\n    position: relative;\n    padding: 7px;\n    outline-width: 0;\n    line-height: 1;\n    @include transition(all $ui-transition);\n\n    .icon {\n        color: $cloud-brand !important;\n        font-size: 19px;\n    }\n    span {\n        display: none;\n        opacity: 0;\n        white-space: nowrap;\n        font-size: $font-size-small;\n        color: $gray-light;\n        position: absolute;\n        top: 0;\n        left: 50%;\n        padding: 0 calc($btn-plugin-w / 2) + 3;\n        text-transform: uppercase;\n\n        &.force {\n            display: block;\n            opacity: 1;\n            top: unset;\n            bottom: 0;\n            font-size: $font-size-extra-small;\n        }\n    }\n    &:hover {\n        background-color: $btn-plugin-bg-hover;\n        span {\n            display: block;\n            opacity: 1;\n            line-height: $btn-plugin-w;\n        }\n    }\n    &:active {\n        color: #fff;\n        background-color: $cloud-brand;\n        .icon {\n            color: #fff;\n        }\n    }\n    &.btn-add-content {\n        .icon {\n            font-size: 15px;\n        }\n        padding: 7px 8px 7px 7px;\n    }\n\n    button {\n        &:focus, &:active {\n            outline: none;\n            box-shadow: none;\n        }\n    }\n}\n\n\n// Has content child block parameter (ref. Card)\n.has-sub-elements {\n    .cloud-edit-content {\n\n        .cloud-left {\n            &.is-in-content {\n                top: auto;\n                left: auto;\n                right: 0;\n                min-width: auto;\n            }\n\n            .more-options {\n                z-index: -1;\n            }\n\n            .btn-more:hover {\n                & + .parameters-label {\n                    display: block;\n                }\n            }\n\n            .parameters-label {\n                display: none;\n                position: absolute;\n                white-space: nowrap;\n                top: 0;\n                z-index: -1;\n                background: #c31b1b;\n                right: 17px;\n                line-height: 35px;\n                left: auto;\n                padding: 0px 24px 0 10px;\n                background-color: rgba(255, 255, 255, 0.6);\n                font-size: $font-size-extra-small;\n                text-transform: uppercase;\n                color: $gray;\n            }\n        }\n    }\n }\n\n.btn-row-settings {\n    position: absolute;\n    width: 100%;\n    top: 0;\n    right: 0;\n\n    .row-settings {\n        position: absolute;\n        right: 10px;\n        top: 10px;\n        text-align: center;\n        z-index: $dnd-index + 1;\n\n        .icon {\n            color: $gray;\n            font-size: 19px;\n        }\n\n        &:active {\n            .icon {\n                text-decoration: none;\n            }\n        }\n\n        &:hover {\n            & + span {\n                display: block;\n            }\n        }\n    }\n\n    span {\n        display: none;\n        position: absolute;\n        right: 28px;\n        top: 10px;\n        line-height: $btn-plugin-w;\n        left: auto;\n        padding: 0px 26px 0 10px;\n        background-color: rgba(255, 255, 255, 0.6);\n        z-index: $dnd-index;\n        font-size: $font-size-base;\n        text-transform: uppercase;\n        color: $gray;\n        @include transition(opacity linear 200ms);\n    }\n}\n\n.highlight-content {\n    z-index: $overlay-index + 10;\n    @include box-shadow(1px 1px 12px #555);\n}\n\nbody:not(.cloud-dragging)  {\n    .cloud-dnd-content {\n       display:none;\n    }\n\n    .cloud-editable, .cloud-rte-enabled {\n        position: relative;\n        display: flow-root;\n        box-shadow: 0px 0px 0px 1px $border-clr;\n        @include animation(bbContentEditable 0.2s);\n    }\n\n    .cloud-rte-enabled {\n        min-height: 26px;\n\n        & + .cloud-edit-content {\n            display: none;\n        }\n    }\n}\n\nbody.cloud-dragging {\n    .cloud-dnd-content {\n        z-index: 50;\n    }\n\n    .cloud-edit-content {\n        display: none;\n    }\n}\n\n.cloud-editable.cloud-rte-enabled {\n    .cloud-edit-content {\n        display: none;\n    }\n}\n\n.navbar .cloud-rte-enabled {\n    min-width: 50px;\n}\n.resize-wrapper {\n    border: 1px solid $gray-lighter-plus;\n}\n\n.col-marge-dnd-left {\n    left: 15px;\n}\n\n.col-marge-dnd-right {\n    right: 15px;\n}\n\n.colcontentset, .ghost-content {\n    &.ghost {\n        border: 1px dashed $gray-lighter;\n    }\n}\n\n.cloud-bottom-button {\n    position: fixed;\n    bottom: 20px;\n    text-align: center;\n    padding-left: calc($spacer-x / 2);\n    padding-right: calc($spacer-x / 2);\n    width: 100%;\n    z-index: $ui-main-nav-index;\n\n    .btn {\n        @extend .btn-plugin;\n        padding-left: 3em;\n        padding-right: 3em;\n        width: 100%;\n    }\n}\n\n.cloud-rte, .cloud-rte-mobile {\n    $padding : 10px;\n\n    margin-left: -$padding;\n    margin-right: -$padding;\n    position: relative;\n    .medium-editor-toolbar .medium-editor-toolbar-form {\n        &.medium-editor-toolbar-form-active {\n            display: block;\n        }\n    }\n}\n\n.cloud-rte-mobile {\n    position:absolute;\n    top:0;\n    left: 0;\n    right: 0;\n    z-index: $ui-main-nav-index;\n    opacity: 1;\n    padding: 0;\n    margin: 0;\n    @include transition(opacity linear 200ms);\n\n    &.cloud-hidden {\n        display: block;\n        opacity: 0;\n    }\n}\n\n.cloud-image-upload, .cloud-image-rsz {\n    .btn-plugin {\n        span {\n            right: 50%;\n            left: auto;\n        }\n\n        .icon {\n            color: $gray;\n        }\n\n    }\n\n    .ui-draggable-dragging &, .cloud-dragging & {\n        display: none;\n    }\n}\n\n.cloud-image-resize, .cloud-resize, .cloud-image-height-info {\n    border-radius: 6px 6px 0 0;\n    border: 1px solid $border-clr;\n    position: absolute;\n    background-color: #fff;\n    width: 30px;\n    margin-left: -15px;\n    text-align: center;\n\n    i {\n        color: $cloud-brand !important;\n    }\n\n    .bg & .icon {\n        color: $cloud-brand;\n    }\n\n    .has-image-placeholder & {\n        display: none;\n    }\n}\n\n.cloud-image-height-info {\n    color: $ui-txt-clr !important;\n    width: auto;\n    padding-left: 10px;\n    padding-right: 10px;\n    font-family: $font-family-default;\n    z-index: 1;\n}\n\n.cloud-guideline {\n    position: absolute;\n    height: 1px;\n    width: 100vw;\n    background-color: $cloud-brand;\n    z-index: 1;\n}\n\n.cloud-edit-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: $dnd-index + 91;\n    text-align: left;\n    box-shadow: none;\n    @include animation(pluginFadeIn 0.2s);\n\n    .cloud-resizing & {\n        display: none;\n    }\n\n    .cloud-left, .cloud-right {\n        position: absolute;\n        top: -18px;\n        left: -18px;\n        min-width: 40px;\n\n        .ui-draggable-dragging &, .cloud-dragging & {\n            display: none;\n        }\n\n        &.is-in-content {\n            top: 0px;\n            left: 0px;\n        }\n    }\n\n    .cloud-insert & .cloud-left {\n        min-width: 0;\n\n        .btn-plugin:hover span {\n            line-height: inherit;\n        }\n    }\n\n    .cloud-left {\n        z-index: 1;\n        .more-options {\n            position: absolute;\n            top: -10px;\n            left: -22px;\n            opacity: 0;\n            @include transition(all 250ms ease);\n            .btn-plugin {\n                margin-bottom: 5px;\n                position: absolute;\n                top: 10px;\n                left: 22px;\n                @include transition(all 250ms ease);\n            }\n        }\n\n        &:hover {\n            & > .more-options {\n                height: 14em;\n                width: 5em;\n                opacity: 1;\n\n                & > .btn-plugin {\n                    $btn-plugin-top: 50px;\n                    $btn-plugin-interval: 40px;\n                    &:nth-child(1) {\n                        top: $btn-plugin-top;\n                    }\n                    &:nth-child(2) {\n                        top: $btn-plugin-top + $btn-plugin-interval;\n                    }\n                    &:nth-child(3) {\n                        top: $btn-plugin-top + $btn-plugin-interval * 2;\n                    }\n                    &:nth-child(4) {\n                        top: $btn-plugin-top + $btn-plugin-interval * 3;\n                    }\n                }\n            }\n\n            & > .btn-more {\n                color: #fff;\n                background-color: $cloud-brand;\n                border-color: $cloud-brand;\n                .icon {\n                    color: #fff !important;\n                }\n            }\n\n        }\n    }\n\n    .cloud-right {\n        left: auto;\n        right: -12px;\n        text-align: right;\n        .btn-plugin {\n            span {\n                right: 50%;\n                left: auto;\n            }\n        }\n\n        &.is-in-content {\n            right: 0px;\n            left: auto;\n        }\n    }\n\n    .cloud-center .btn-cloud-label {\n        background-color: #fff;\n        color: $ui-txt-clr !important;\n        display: block;\n        height: 22px;\n        border: 1px solid $border-clr;\n        border-radius: 6px 6px 0 0;\n        font-size: 11px;\n        font-family: $font-family-default;\n        font-weight: 700;\n        left: 50%;\n        line-height: 20px;\n        margin: 0 0 0 -2 * $btn-plugin-w;\n        position: absolute;\n        text-align: center;\n        text-transform: uppercase;\n        top: -22px;\n        width: 4 * $btn-plugin-w;\n    }\n\n    .btn-cloud-grip {\n\n        &.small {\n            width: 2 * $btn-plugin-w;\n            margin: -1px 0 0 -1 * $btn-plugin-w;\n        }\n\n        cursor: grab;\n            cursor: -moz-grab;\n            cursor: -webkit-grab;\n        background-color: #fff;\n        display: block;\n        height: 0.6 * $btn-plugin-w;\n        width: 4 * $btn-plugin-w;\n        border: 1px solid $border-clr;\n        position: absolute;\n        left: 50%;\n        margin: -1px 0 0 -2 * $btn-plugin-w;\n        border-radius: 0 0 6px 6px;\n        text-align: center;\n        line-height: 14px;\n        @include transition(all 250ms ease);\n\n        &:after {\n            content: \"\";\n            display: inline-block;\n            width: 2px;\n            height: 2px;\n            background-color: $cloud-brand;\n            vertical-align: middle;\n            margin-top: -2px;\n            box-shadow: 5px 0 0 $cloud-brand, 10px 0 0 $cloud-brand, -5px 0 0 $cloud-brand, -10px 0 0 $cloud-brand, 0 4px 0 $cloud-brand, 5px 4px 0 $cloud-brand, -5px 4px 0 $cloud-brand, 10px 4px 0 $cloud-brand, -10px 4px 0 $cloud-brand;\n        }\n\n        &:hover {\n            background-color: $btn-plugin-bg-hover;\n        }\n\n        .ui-draggable-dragging &, .cloud-dragging & {\n            display: none;\n        }\n\n        @media screen {\n            cursor: move!important;\n        }\n\n    }\n\n    .not-set-block:hover & {\n        .cloud-left {\n            .more-options {\n                height: 14em;\n                width: 5em;\n                opacity: 1;\n                & > .btn-plugin {\n                    &:nth-child(1) {\n                        top: 50px;\n                    }\n                    &:nth-child(2) {\n                        top: 90px;\n                    }\n                    &:nth-child(3) {\n                        top: 130px;\n                    }\n                    &:nth-child(4) {\n                        top: 170px;\n                    }\n                }\n\n                .btn-parameter {\n                    animation: zoominout 1s infinite ease-in-out;\n                    @keyframes zoominout{\n                        0%{\n                            transform: scale(1) rotate(0deg);\n                        }\n                        50%{\n                            transform: scale(1.1) rotate(0.1deg);\n                        }\n                        100%{\n                            transform: scale(1) rotate(0deg);\n                        }\n                    }\n                }\n\n            }\n        }\n    }\n}\n\n// When the \"display on hover\" option active, always show rte during editing\n.lead.hover-display.cloud-rte-enabled {\n    opacity: 1 !important;\n}\n\n// DND\nbody.cloud-dragging {\n    cursor: move !important;\n    .cloud-edit-content .btn-cloud-grip, & {\n        cursor: grabbing!important;\n        cursor: -moz-grabbing!important;\n        cursor: -webkit-grabbing!important;\n    }\n}\n\n// Resize colomn\n.resize-wrapper-element {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: $ui-main-nav-index + 10;\n}\n\n// Menu Parameter\nli.menu-add-parameter {\n    display: none;\n\n    i {\n        display: inline-block;\n        width: 32px;\n        height: 32px;\n        line-height: 30px !important;\n        background: #fff;\n        text-align: center;\n        border-radius: 100%;\n        color: $cloud-brand !important;\n        font-size: 18px;\n        box-shadow: 0px 0 4px 1px rgba(50, 50, 50, 0.3);\n    }\n    .nav-burger & {\n        position: absolute;\n        z-index: 1;\n    }\n\n    .navbar-expand-lg .navbar-collapse:hover .navbar-nav:not(.ml-auto) & {\n        position: absolute;\n        z-index: 1;\n        left: 0;\n    }\n}\n\n// Footer (menu parameter)\n.navbar-collapse:hover, .footer .navbar-expand:hover {\n    .menu-add-parameter {\n        display: list-item;\n        position: absolute;\n        .navbar-expand-lg & {\n            @include media-breakpoint-up(lg) {\n                position: relative;\n            }\n        }\n    }\n}\n\n@include media-breakpoint-down(md) {\n    .navbar-expand-lg li.menu-add-parameter {\n        display: none;\n    }\n}\n\n.footer {\n    .bb-content {\n        position: relative;\n        .menu-add-parameter {\n            position: absolute;\n            left: 0;\n        }\n    }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Editable elements\n\n.cloud-edit {\n    &:not(.rte) {\n        -webkit-touch-callout: none !important;\n        @include user-select(none);\n    }\n\n    .is-desktop &.add-padding {\n        padding-left: $ui-main-nav-width;\n        @include transition(all 150ms linear);\n        .navbar {\n            &, & .navbar-primary {\n                padding-left: $ui-main-nav-width;\n                @include transition(all 150ms linear);\n            }\n        }\n    }\n    .small-screen.is-desktop &.add-padding {\n        padding-left: calc($ui-main-nav-width * 3 / 4);\n        @include transition(all 150ms linear);\n        .navbar {\n            &, & .navbar-primary {\n                padding-left: calc($ui-main-nav-width * 3 / 4);\n                @include transition(all 150ms linear);\n            }\n        }\n    }\n\n    .is-desktop.small-screen & {\n        padding-left: calc($ui-main-nav-width * 3 / 4);\n    }\n}\n\n.move-mobile-content {\n    text-align: center;\n    padding: 40px;\n    color: $cloud-brand;\n    border: 1px dashed $cloud-brand;\n\n    &.active {\n        background-color: rgba(red($cloud-brand), green($cloud-brand), blue($cloud-brand), 0.1)\n    }\n}\n\n.cloud-column-resize {\n    position: absolute;\n    top: 0;\n    right: -10px;\n    width: 20px;\n    cursor: col-resize;\n    z-index: 1001;\n\n    &:hover {\n        &:before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 50%;\n            border-left: 2px solid;\n            margin-left: -1px;\n            border-color: $gray-lighter;\n        }\n    }\n}\n\n.cloud-dnd-content, .cloud-dnd {\n    position: absolute;\n    z-index: $dnd-index;\n\n    &.dnd-hover {\n        border-bottom: 4px solid $cloud-brand;\n    }\n\n    &.drop-hover {\n        &.top {\n            border-top: 4px solid $cloud-brand;\n            left: 0 !important;\n            right: 0 !important;\n        }\n        &.bottom {\n            border-bottom: 4px solid $cloud-brand;\n            left: 0 !important;\n            right: 0 !important;\n        }\n\n        &.horizontal {\n            &:after {\n                content: \"\";\n                position: absolute;\n                right: 0;\n                left: 0;\n                top: 50%;\n                border-bottom: 4px solid;\n                margin-top: -2px;\n                border-color: $cloud-brand;\n            }\n\n        }\n\n        &.horizontal-between {\n            + .horizontal.between {\n                &:after {\n                    content: \"\";\n                    position: absolute;\n                    right: 0;\n                    left: 0;\n                    top: 50%;\n                    border-bottom: 4px solid;\n                    margin-top: -2px;\n                    border-color: $cloud-brand;\n                }\n\n                &.last {\n                    &:after {\n                        top: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n\ndiv.insert-content-left {\n    &:after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        border-left: 4px solid;\n        margin-top: -2px;\n        border-color: $cloud-brand;\n    }\n}\n\ndiv.insert-content-right {\n    border-right: 4px solid $cloud-brand;\n}\n\n.iframe-editor {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    z-index: 1;\n}\n\n.cloud-insert {\n    cursor: pointer;\n    min-height: $btn-plugin-w;\n    position: relative;\n    z-index: $insert-index;\n    margin-top: calc(-1 * $btn-plugin-w / 2);\n\n    .cloud-dnd:not(.between) &.first {\n        margin-top: 0;\n    }\n\n    .btn-plugin {\n        top: calc($btn-plugin-w / 2);\n        z-index: $dnd-index + 1;\n    }\n\n    &:before {\n        border-top: 4px solid $cloud-brand;\n        content: \"\";\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: calc($btn-plugin-w / 2) - 1;\n        z-index: $dnd-index;\n    }\n\n    .cloud-dragging & {\n        display: none;\n    }\n\n    &.fixed {\n        padding-top: calc($btn-plugin-w / 2);\n    }\n}\n\n.bb-content {\n    &:hover {\n        cursor: pointer;\n    }\n\n    &.cloud-highlight, &.cloud-highlight-move {\n        position: relative;\n        z-index: $ui-main-nav-index - 1;\n        outline: 2px solid $cloud-brand;\n        background-color: rgba($control-bg, .5);\n\n        &:not([contenteditable='true']) {\n            @include user-select(none);\n        }\n    }\n}\n\n.bb-dnd .rte-text {\n    padding: 4px 0;\n}","// Cloud - Popover\r\n\r\n.popover-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.cloud-popover {\r\n    &.popover {\r\n\r\n        background-color:$popover-bg;\r\n        border-radius: 0;\r\n        display:none;\r\n        opacity: 0;\r\n        z-index: $modal-index;\r\n\r\n        @extend .cloud-dialog;\r\n\r\n        &.show {\r\n        opacity: 1;\r\n        display: block!important;\r\n        }\r\n\r\n        &.popover-right {\r\n        margin-left: 5px;\r\n        }\r\n\r\n        &.popover-left {\r\n        margin-left: -5px;\r\n        }\r\n\r\n        &.popover-bottom {\r\n        margin-top: 5px;\r\n        }\r\n\r\n        &.popover-top {\r\n        margin-top: -5px;\r\n        }\r\n\r\n        .popover-content {\r\n        padding: 15px;\r\n        p {\r\n            //&:extend(#cloud-ui .bb5-ui-reset);\r\n            font-size: $font-size-base;\r\n            margin: 0 0 1em 0;\r\n        }\r\n        }\r\n\r\n        /* Arrow */\r\n\r\n        .popover-arrow,\r\n        .popover-arrow:after {\r\n        position: absolute;\r\n        display: none;//block\r\n        width: 0;\r\n        height: 0;\r\n        border-color: transparent;\r\n        border-style: solid;\r\n        }\r\n\r\n        .popover-arrow {\r\n        border-width: 11px;\r\n        }\r\n\r\n        &.popover-bottom > .popover-arrow {\r\n        left: 50%;\r\n        margin-left: -11px;\r\n        border-top-width: 0;\r\n        border-bottom-color: $popover-border;\r\n        top: -11px;\r\n        }\r\n\r\n        &.popover-top > .popover-arrow {\r\n        left: 50%;\r\n        margin-left: -11px;\r\n        border-bottom-width: 0;\r\n        border-top-color: $popover-border;\r\n        bottom: -11px;\r\n        }\r\n\r\n        &.popover-right > .popover-arrow {\r\n        top: 50%;\r\n        left: -11px;\r\n        margin-top: -11px;\r\n        border-left-width: 0;\r\n        border-right-color: $popover-border;\r\n        }\r\n\r\n        &.popover-left > .popover-arrow {\r\n        top: 50%;\r\n        right: -11px;\r\n        margin-top: -11px;\r\n        border-right-width: 0;\r\n        border-left-color: $popover-border;\r\n        }\r\n\r\n        .popover-arrow:after {\r\n        border-width: 10px;\r\n        content: \"\";\r\n        }\r\n\r\n        /* direction specific */\r\n        &.popover-bottom > .popover-arrow:after {\r\n        content: \" \";\r\n        top: 1px;\r\n        margin-left: -10px;\r\n        border-top-width: 0;\r\n        border-bottom-color: $popover-bg;\r\n        }\r\n\r\n        &.popover-top > .popover-arrow:after {\r\n        content: \" \";\r\n        bottom: 1px;\r\n        margin-left: -10px;\r\n        border-bottom-width: 0;\r\n        border-top-color: $popover-bg;\r\n        }\r\n\r\n        &.popover-right > .popover-arrow:after {\r\n        content: \" \";\r\n        left: 1px;\r\n        bottom: -10px;\r\n        border-left-width: 0;\r\n        border-right-color: $popover-bg;\r\n        }\r\n\r\n        &.popover-left > .popover-arrow:after {\r\n        content: \" \";\r\n        right: 1px;\r\n        bottom: -10px;\r\n        border-right-width: 0;\r\n        border-left-color: $popover-bg;\r\n        }\r\n\r\n    }\r\n}","// Cloud - Notifier\r\n\r\n.notification-alert {\r\n    // &:extend(#cloud-ui .bb5-ui-reset);\r\n    top: 0;\r\n    left: 0;\r\n    position: fixed;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 20px 30px;\r\n    background-color: $cloud-brand;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    .icon {\r\n        float: right;\r\n    }\r\n    z-index: $ui-main-nav-index + 10\r\n}\r\n\r\n#cloud-notifier-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: $ui-main-nav-index - 1;\r\n\r\n    @media(max-width: 1024px) {\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: auto;\r\n    }\r\n\r\n    > div {\r\n        @extend .clearfix;\r\n    };\r\n\r\n    .cloud-notifier {\r\n        display:block;\r\n        font-family: $font-family-default;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        margin-bottom:20px;\r\n        padding: 14px 25px;\r\n        text-align: center;\r\n\r\n        opacity:0;\r\n        @include transition(200ms linear all);\r\n\r\n        @media(max-width: 1024px) {\r\n            margin-bottom:0px;\r\n            display: block;\r\n            float: none;\r\n        }\r\n\r\n        &, p, .icon {\r\n            color:#fff;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .icon {\r\n            float:left;\r\n            margin-right: 1em;\r\n            @include scale(1.2);\r\n        }\r\n\r\n        &.success {\r\n            background-color: $success-clr;\r\n        }\r\n\r\n        &.info {\r\n            background-color: $info-clr;\r\n        }\r\n\r\n        &.warning {\r\n            background-color: $warning-clr;\r\n        }\r\n\r\n        &.error {\r\n            background-color: $error-clr;\r\n        }\r\n\r\n        .cloud-progress {\r\n            height: 2px;\r\n            position:absolute;\r\n            left:0;\r\n            bottom:0;\r\n            right:0;\r\n            background-color: $progress-bg-clr;\r\n            &:before {\r\n                content: \"\";\r\n                display: block;\r\n                height: 2px;\r\n                background-color: $progress-cursor-clr;\r\n                @include transition(1s linear all);\r\n                width: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.animating {\r\n\r\n    @include transition(200ms linear all);\r\n    overflow: hidden;\r\n\r\n    .cloud-notifier {\r\n        @include scale(1);\r\n        opacity:1!important;\r\n\r\n        .cloud-progress {\r\n            &:before {\r\n                width: 100%!important;\r\n            }\r\n        }\r\n    }\r\n    &.animating-out {\r\n        .cloud-notifier {\r\n            @include translate3d(200px, 0, 0);\r\n            opacity: 0!important;\r\n        }\r\n    }\r\n}\r\n","// Cloud - Loader\r\n\r\n@include keyframes(load) {\r\n    0%   {\r\n        @include rotate(0deg);\r\n    }\r\n    100% {\r\n        @include rotate(360deg);\r\n    }\r\n}\r\n\r\n.cloud-loading {\r\n    .input-autocomplete & {\r\n        width: 20px;\r\n        height: 20px;\r\n\r\n        &.center, &.top, &.bottom, &.bottom-sm, &.bottom-md, &.bottom-lg  {\r\n            position: absolute;\r\n            margin: -10px 0 0 -10px;\r\n        }\r\n    }\r\n\r\n    $spacer: 30px;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 100%;\r\n    border: 2px solid $cloud-brand;\r\n    border-color: $cloud-brand $cloud-brand $border-clr $border-clr;\r\n    margin: 0 auto;\r\n    &.rotate {\r\n      @include animation(load 1s infinite linear);\r\n    }\r\n\r\n    &.center, &.top, &.bottom, &.bottom-sm, &.bottom-md, &.bottom-lg  {\r\n        position: absolute;\r\n        margin: -15px 0 0 -15px;\r\n    }\r\n\r\n    &.center {\r\n        top: 50%;\r\n        left: 50%;\r\n    }\r\n    &.top {\r\n        top: $spacer;\r\n        left: 50%;\r\n    }\r\n    &.bottom {\r\n        bottom: $spacer;\r\n        left: 50%;\r\n    }\r\n    &.bottom-sm {\r\n        bottom: $spacer * 0.5;\r\n        left: 50%;\r\n    }\r\n    &.bottom-md {\r\n        bottom: $spacer * 2;\r\n        left: 50%;\r\n    }\r\n    &.bottom-lg {\r\n        bottom: $spacer * 3;\r\n        left: 50%;\r\n    }\r\n}\r\n.cloud-loading-page {\r\n    position:fixed;\r\n    z-index: $ui-main-nav-index + 1;\r\n    top: 50%;\r\n    left: 50%;\r\n    @include translate3d(-50%, -50%, 0);\r\n    .cloud-loading {\r\n        margin: -15px 0 0 -15px;\r\n    }\r\n}\r\n\r\n.cloud-mask-loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: $ui-main-nav-index + 10;\r\n\r\n    .global {\r\n        padding: 25px 35px;\r\n        background-color: rgba(red($gray-light), green($gray-light), blue($gray-light), 0.8);\r\n        border-radius: 10px;\r\n\r\n        .cloud-loading {\r\n            margin: 0;\r\n        }\r\n    }\r\n}","// Popin of add content\n\n.add-content {\n    .cloud-title {\n        font-size: $font-size-large;\n    }\n\n    .cloud-section:not(:last-child) {\n        padding-bottom: $cloud-spacer;\n        margin-bottom: $cloud-spacer;\n        border-bottom: 1px solid $border-clr-light;\n    }\n\n    .cloud-content-list {\n        margin-bottom: 0;\n        .btn {\n            width: $ui-add-block-btn-size;\n            height: $ui-add-block-btn-size;\n            background-color: #fff;\n            padding: 0 !important;\n            &:hover {\n                background-color: $gray-lighter-plus;\n            }\n\n            i.icon {\n                font-size: $ui-add-block-icon-font;\n                height: $ui-add-block-icon-height;\n                line-height: $ui-add-block-icon-height;\n                margin: 0;\n            }\n            .thumbnail {\n                display: block;\n                margin: 2px auto 6px auto;\n                height: 32px!important;\n                width: 100%!important;\n\n                path {\n                    fill: $ui-txt-clr;\n                }\n            }\n\n            .cloud-label {\n               color: $gray-lighter;\n               font-size: $font-size-small;\n               line-height: $font-size-small;\n            }\n\n            &.disabled {\n                i.icon {\n                    color: $gray-lighter;\n                }\n                &:hover {\n                    background-color: transparent;\n                }\n            }\n        }\n    }\n}\n\n// Mobile\n.is-mobile {\n    .add-content {\n        p.cloud-label {\n            font-size: $font-size-cloud;\n        }\n\n        .list-inline-item {\n            padding: 6px !important;\n            margin: -2px;\n\n            i.icon {\n                font-size: $ui-add-block-icon-font;\n            }\n\n            span.cloud-label {\n                font-size: $font-size-extra-small;\n            }\n\n            .btn {\n                height: 100px;\n            }\n        }\n    }\n}\n","// Cloud overlay\n\n.cloud-overlay, #cloud-dropback, {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba($overlay-color, 0.5);\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\n    opacity: 1;\n    z-index: $overlay-index + 1;\n\n    &.d-none {\n        opacity: 0;\n        z-index: 0;\n    }\n\n    &:not(.no-background):not(.reduce-opacity) {\n        @include animation(overlayFadeIn 400ms);\n    }\n\n    &.no-background {\n        background-color: transparent;\n    }\n\n    &.reduce_opacity {\n        background-color: rgba($overlay-color, 0.09);\n    }\n\n    &.panel {\n        z-index: $ui-panel-index - 1;\n    }\n}\n\n.cloud-overlay-menu {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: $ui-main-nav-index + 1;\n}\n\n.cloud-no-scroll {\n    &, body {\n        height: 100%;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: none;\n    }\n}\n","// Cloud Elements\n\n// Cloud spacer\n.cloud-spacer {\n    min-height: 20px;\n\n    &.edit {\n        background-color: $gray-lighter;\n    }\n\n    @include media-breakpoint-up(md) {\n        &.bb-content:hover {\n            background-color: $gray-lighter-plus;\n        }\n\n        &.cloud-resizing {\n            background-color: $gray-lighter-plus;\n        }\n    }\n}\n\n.cloud-scroll > div {\n    padding-left: 1px;\n    padding-right: 1px;\n}\n\n// Pages offline\n.offline {\n    display: block;\n    position: relative;\n\n    &.menu-item, .submenu & {\n        &:after {\n            content: '*';\n            color: $cloud-brand;\n            position: absolute;\n            right: -10px;\n            top: 0;\n        }\n    }\n\n    &.autoblock-item {\n        padding-left: 10px;\n\n        &:after {\n            content: \"*\";\n            color: $cloud-brand;\n            position: absolute;\n            left: -2px;\n            top: 2px;\n            font-size: 1rem;\n        }\n    }\n}\n\n.help-row-settings {\n    text-align: right;\n}\n\n.row-settings-wrapper {\n    text-transform: none;\n    margin-top: 10px;\n    form {\n        ul.nav-tabs a {\n            padding: 10px;\n        }\n    }\n}",".media-libray-wrapper {\n    .item-wrapper {\n        height: calc(100vh - 274px);\n        overflow-y: auto;\n        overflow-x: hidden;\n\n        .ui-dialog & {\n            height: calc( 100vh - 50px - 245px ); // height popin - modal head/footer\n        }\n    }\n    .item-picture {\n        position: relative;\n        height: 140px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border: 1px solid #c5c6c5;\n        background: {\n            size: contain;\n            repeat: no-repeat;\n            position: center;\n        }\n\n        @include media-breakpoint-down(md) {\n            height: 80px;\n        }\n\n        img {\n            opacity: 0;\n        }\n\n        .btn-plugin {\n            height: $btn-plugin-w;\n            width: $btn-plugin-w;\n            border: 1px solid transparent;\n            box-shadow: 0px 0 4px 1px rgba(50, 50, 50, 0.3);\n            border-radius: 100%;\n            background-color: #fff;\n            position: relative;\n            padding: 7px;\n            outline-width: 0;\n            line-height: 1;\n            @include transition(all $ui-transition);\n\n            i {\n                margin: 0;\n            }\n        }\n\n        .btn-action-wrapper {\n            position: absolute;\n            left: 0;\n            top: 0;\n            display: none;\n\n            &:hover {\n                & > .more-options {\n                    height: 8.5em;\n                    width: 5em;\n                    opacity: 1;\n\n                    & > .btn-plugin {\n                        $btn-plugin-top: 50px;\n                        $btn-plugin-interval: 40px;\n                        &:nth-child(1) {\n                            top: $btn-plugin-top;\n                        }\n                        &:nth-child(2) {\n                            top: $btn-plugin-top + $btn-plugin-interval;\n                        }\n                    }\n                }\n\n                & > .btn-more {\n                    color: #fff;\n                    background-color: $cloud-brand;\n                    border-color: $cloud-brand;\n                    .icon {\n                        color: #fff !important;\n                    }\n                }\n\n            }\n        }\n\n        &:hover .btn-action-wrapper {\n            display: block;\n        }\n\n        .more-options {\n            position: absolute;\n            top: -10px;\n            left: -22px;\n            opacity: 0;\n            @include transition(all 250ms ease);\n\n            .btn-plugin {\n                margin-bottom: 5px;\n                position: absolute;\n                top: 10px;\n                left: 22px;\n                @include transition(all 250ms ease);\n            }\n        }\n    }\n}\n","// Copyed from old cloud.less\n\n.cloud-list-item {\n  border: 1px solid darken($border-clr, 10%);\n  display: block;\n  text-transform: uppercase;\n  padding: 0.85em;\n  margin:0 0.8*$spacer-x 0.8*$spacer-x 0;\n\n  .btn {\n    padding: 0px 0px;\n    float: right;\n    .icon {\n      line-height: 16px;\n      margin-top: -1px;\n    }\n  }\n\n  span {\n    vertical-align: middle;\n  }\n}\n\n.cloud-page-status {\n  color: $gray-lighter;\n  font-size: 8px;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.more-page {\n  margin-top: 15px;\n  display: block;\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.ui-sortable-placeholder {\n  border: 1px solid $cloud-brand;\n  visibility: visible!important;\n}\n\n.homebanner-settings {\n  position: absolute;\n  right: 10px;\n  margin-top: 5px;\n  color: $cloud-brand;\n  z-index: $ui-main-nav-index;\n\n  .icon {\n    font-size: 25px;\n  }\n}\n\n.cloud-highlight-content {\n  @media(max-width: 1024px) {\n    @include animation(cloudHighlight 2s);\n  }\n  @media(min-width: 1025px) {\n    @include animation(cloudHighlight 1s);\n  }\n}\n\n.cloud-thumbnail-loading {\n  background-color: $gray-lighter-plus;\n  height: 120px;\n  padding: 1px;\n  .c100 {\n    float: none;\n    margin: 38px auto 0 auto;\n  }\n}\n\n.cloud-box-bg {\n  background-color: $ui-main-nav-bg;\n  padding: 11px;\n}\n\n.cloud-bo-liner {\n  height: 40px;\n  &:after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    border-top: 1px solid $border-clr;\n  }\n}\n\n.is-mobile {\n  .cloud-ui-wrapper {\n    .lang-management .group.default_lang {\n      margin-bottom: $cloud-spacer;\n    }\n\n    .cloud-layer-panel-wrapper .btn-close-layout, .cloud-panel .cloud-panel-close {\n      height: 50px;\n      width: 50px;\n      i {\n        font-size: 16px;\n      }\n    }\n\n    .cloud-panel .cloud-panel-close {\n      &, &:active {\n        background: transparent;\n      }\n    }\n  }\n}\n\n.tooltip {\n  z-index: $ui-main-nav-index + 2;\n}\n\n#privacy-policy-banner {\n  &.missing-config {\n    background-color: $cloud-brand;\n    z-index: 9998;\n\n    .cloud-close:hover {\n      color: $cloud-brand;\n    }\n  }\n}\n\n.cookie-policy-wrapper {\n  max-height: calc(100vh - 190px);\n  overflow-y: auto;\n}\n\n.search-page-table-wrapper {\n  height: calc(100vh - 200px);\n  overflow: auto;\n\n  .table {\n    td, th {\n      padding: 0.2rem 0.5rem;\n      font-size: 0.75rem;\n    }\n\n    th {\n      cursor: pointer;\n      position: relative;\n      padding-right: 24px;\n      &:hover {\n        cursor: pointer;\n      }\n      &:after {\n        content: ' ';\n        position: absolute;\n        height: 0;\n        width: 0;\n        right: 10px;\n        top: 16px;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 5px solid #ccc;\n        border-bottom: 0 solid transparent;\n      }\n      &.asc {\n        &:hover {\n          &:after {\n            border-bottom: 5px solid #888;\n          }\n        }\n        &:after {\n          border-left: 5px solid transparent;\n          border-right: 5px solid transparent;\n          border-top: 0 solid transparent;\n          border-bottom: 5px solid #333;\n        }\n      }\n      &.desc {\n        &:after {\n          border-left: 5px solid transparent;\n          border-right: 5px solid transparent;\n          border-top: 5px solid #333;\n          border-bottom: 5px solid transparent;\n        }\n      }\n    }\n\n    td {\n      &.offline-line {\n        border-left: 3px solid;\n        border-left-color: $cloud-brand;\n      }\n\n      &.online-line {\n        border-left: 3px solid;\n        border-left-color: #218c31;\n      }\n\n      .is-drafted {\n        color: $cloud-brand;\n        margin-top: -.5em;\n        font-size: 9px;\n        &.icon-page-edit {\n          font-size: $font-size-small;\n        }\n      }\n    }\n\n    tr {\n      td:first-child:hover {\n        background-color: lighten($gray-base, 80.0%);\n        cursor: pointer;\n      }\n      &.sticky{\n        position:sticky;\n        top: 0 ;\n      }\n    }\n  }\n}\n\n.brand-color {\n  color: $cloud-brand;\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}