@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("/assets/_backend/css/fonts/icomoon.ttf?n9vpq0") format("truetype"), url("/assets/_backend/css/fonts/icomoon.woff?n9vpq0") format("woff"), url("/assets/_backend/css/fonts/icomoon.svg?n9vpq0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-error:before {
  content: "";
}

.icon-error_outline:before {
  content: "";
}

.icon-apps:before {
  content: "";
}

.icon-domain:before {
  content: "";
}

.icon-check_box:before {
  content: "";
}

.icon-check_box_outline_blank:before {
  content: "";
}

.icon-chrome_reader_mode:before {
  content: "";
}

.icon-mode_edit:before {
  content: "";
}

.icon-developer_mode:before {
  content: "";
}

.icon-expand_less:before {
  content: "";
}

.icon-expand_more:before {
  content: "";
}

.icon-g_translate:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-headset:before {
  content: "";
}

.icon-home1:before {
  content: "";
}

.icon-photo:before {
  content: "";
}

.icon-input:before {
  content: "";
}

.icon-keyboard1:before {
  content: "";
}

.icon-keyboard_arrow_down:before {
  content: "";
}

.icon-keyboard_arrow_left:before {
  content: "";
}

.icon-keyboard_arrow_right:before {
  content: "";
}

.icon-keyboard_arrow_up:before {
  content: "";
}

.icon-laptop_chromebook:before {
  content: "";
}

.icon-laptop_mac:before {
  content: "";
}

.icon-laptop_windows:before {
  content: "";
}

.icon-linked_camera:before {
  content: "";
}

.icon-mail_outline:before {
  content: "";
}

.icon-more_horiz:before {
  content: "";
}

.icon-more_vert:before {
  content: "";
}

.icon-music_note:before {
  content: "";
}

.icon-music_video:before {
  content: "";
}

.icon-personal_video:before {
  content: "";
}

.icon-phone_android:before {
  content: "";
}

.icon-phone_iphone:before {
  content: "";
}

.icon-rss_feed:before {
  content: "";
}

.icon-store_mall_directory:before {
  content: "";
}

.icon-straighten:before {
  content: "";
}

.icon-subscriptions:before {
  content: "";
}

.icon-translate:before {
  content: "";
}

.icon-weekend:before {
  content: "";
}

.icon-widgets:before {
  content: "";
}

.icon-wifi:before {
  content: "";
}

.icon-zoom_in:before {
  content: "";
}

.icon-zoom_out:before {
  content: "";
}

.icon-zoom_out_map:before {
  content: "";
}

.icon-art_track:before {
  content: "";
}

.icon-aspect_ratio:before {
  content: "";
}

.icon-cloud_done:before {
  content: "";
}

.icon-cloud_download:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-delete_forever:before {
  content: "";
}

.icon-exit_to_app:before {
  content: "";
}

.icon-folder2:before {
  content: "";
}

.icon-folder_open:before {
  content: "";
}

.icon-lock1:before {
  content: "";
}

.icon-mail_outline1:before {
  content: "";
}

.icon-open_in_browser:before {
  content: "";
}

.icon-pan_tool:before {
  content: "";
}

.icon-vpn_key:before {
  content: "";
}

.icon-weekend1:before {
  content: "";
}

.icon-apple:before {
  content: "";
  color: #999;
}

.icon-atom:before {
  content: "";
  color: #66595c;
}

.icon-dev-dot-to:before {
  content: "";
}

.icon-django:before {
  content: "";
}

.icon-facebook1:before {
  content: "";
  color: #3b5998;
}

.icon-google:before {
  content: "";
  color: #4285f4;
}

.icon-html5:before {
  content: "";
  color: #e34f26;
}

.icon-instagram1:before {
  content: "";
  color: #e4405f;
}

.icon-json:before {
  content: "";
}

.icon-microsoft:before {
  content: "";
  color: #666;
}

.icon-php:before {
  content: "";
  color: #777bb4;
}

.icon-powershell:before {
  content: "";
  color: #5391fe;
}

.icon-rss1:before {
  content: "";
  color: #ffa500;
}

.icon-spotify1:before {
  content: "";
  color: #1ed760;
}

.icon-visualstudiocode:before {
  content: "";
  color: #007acc;
}

.icon-home:before {
  content: "";
}

.icon-home2:before {
  content: "";
}

.icon-home3:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-pencil2:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-bullhorn:before {
  content: "";
}

.icon-connection:before {
  content: "";
}

.icon-podcast:before {
  content: "";
}

.icon-feed:before {
  content: "";
}

.icon-mic:before {
  content: "";
}

.icon-file-picture1:before {
  content: "";
}

.icon-file-music1:before {
  content: "";
}

.icon-folder1:before {
  content: "";
}

.icon-folder-open1:before {
  content: "";
}

.icon-folder-plus1:before {
  content: "";
}

.icon-folder-minus1:before {
  content: "";
}

.icon-price-tag:before {
  content: "";
}

.icon-price-tags:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-hang-up:before {
  content: "";
}

.icon-address-book:before {
  content: "";
}

.icon-envelop:before {
  content: "";
}

.icon-location:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-keyboard:before {
  content: "";
}

.icon-display:before {
  content: "";
}

.icon-laptop:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-mobile2:before {
  content: "";
}

.icon-quotes-left:before {
  content: "";
}

.icon-quotes-right:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

.icon-enlarge:before {
  content: "";
}

.icon-cog:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-leaf:before {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-list-numbered:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-list2:before {
  content: "";
}

.icon-tree:before {
  content: "";
}

.icon-sphere:before {
  content: "";
}

.icon-earth:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-bookmarks:before {
  content: "";
}

.icon-heart1:before {
  content: "";
}

.icon-heart-broken:before {
  content: "";
}

.icon-spell-check1:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-circle-up:before {
  content: "";
}

.icon-circle-right:before {
  content: "";
}

.icon-circle-down:before {
  content: "";
}

.icon-circle-left:before {
  content: "";
}

.icon-command:before {
  content: "";
}

.icon-checkbox-checked1:before {
  content: "";
}

.icon-checkbox-unchecked1:before {
  content: "";
}

.icon-radio-checked:before {
  content: "";
}

.icon-radio-checked2:before {
  content: "";
}

.icon-new-tab:before {
  content: "";
}

.icon-embed:before {
  content: "";
}

.icon-embed2:before {
  content: "";
}

.icon-terminal:before {
  content: "";
}

.icon-share2:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-mail2:before {
  content: "";
}

.icon-mail3:before {
  content: "";
}

.icon-mail4:before {
  content: "";
}

.icon-hangouts:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-facebook2:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-spotify:before {
  content: "";
}

.icon-telegram:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-rss2:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-onedrive:before {
  content: "";
}

.icon-soundcloud:before {
  content: "";
}

.icon-soundcloud2:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-chrome:before {
  content: "";
}

.icon-firefox:before {
  content: "";
}

.icon-html-five1:before {
  content: "";
}

.icon-html-five21:before {
  content: "";
}

.icon-css3:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-profile:before {
  content: "";
}

.icon-file-empty:before {
  content: "";
}

.icon-files-empty:before {
  content: "";
}

.icon-file-text2:before {
  content: "";
}

.icon-file-picture:before {
  content: "";
}

.icon-file-music:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-folder-open:before {
  content: "";
}

.icon-folder-plus:before {
  content: "";
}

.icon-folder-minus:before {
  content: "";
}

.icon-box-add:before {
  content: "";
}

.icon-box-remove:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-user-minus:before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-unlocked:before {
  content: "";
}

.icon-attachment:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-blocked:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-spell-check:before {
  content: "";
}

.icon-checkbox-checked:before {
  content: "";
}

.icon-checkbox-unchecked:before {
  content: "";
}

.icon-file-word:before {
  content: "";
}

.icon-file-excel:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-envelope-o:before {
  content: "";
}

.icon-user1:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-remove:before {
  content: "";
}

.icon-times:before {
  content: "";
}

.icon-refresh:before {
  content: "";
}

.icon-image1:before {
  content: "";
}

.icon-photo1:before {
  content: "";
}

.icon-picture-o:before {
  content: "";
}

.icon-pencil1:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-pencil-square-o:before {
  content: "";
}

.icon-share-square-o:before {
  content: "";
}

.icon-check-square-o:before {
  content: "";
}

.icon-plus-circle:before {
  content: "";
}

.icon-minus-circle:before {
  content: "";
}

.icon-times-circle:before {
  content: "";
}

.icon-check-circle:before {
  content: "";
}

.icon-question-circle:before {
  content: "";
}

.icon-info-circle:before {
  content: "";
}

.icon-gift1:before {
  content: "";
}

.icon-eye1:before {
  content: "";
}

.icon-eye-slash:before {
  content: "";
}

.icon-chevron-up:before {
  content: "";
}

.icon-chevron-down:before {
  content: "";
}

.icon-sign-out:before {
  content: "";
}

.icon-sign-in:before {
  content: "";
}

.icon-terminal1:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-slack:before {
  content: "";
}

.icon-language:before {
  content: "";
}

.icon-file-pdf-o:before {
  content: "";
}

.icon-file-word-o:before {
  content: "";
}

.icon-file-excel-o:before {
  content: "";
}

.icon-file-powerpoint-o:before {
  content: "";
}

.icon-file-image-o:before {
  content: "";
}

.icon-file-photo-o:before {
  content: "";
}

.icon-file-picture-o:before {
  content: "";
}

.icon-file-archive-o:before {
  content: "";
}

.icon-file-zip-o:before {
  content: "";
}

.icon-file-audio-o:before {
  content: "";
}

.icon-file-sound-o:before {
  content: "";
}

.icon-file-movie-o:before {
  content: "";
}

.icon-file-video-o:before {
  content: "";
}

.icon-file-code-o:before {
  content: "";
}

.icon-paper-plane:before {
  content: "";
}

.icon-send:before {
  content: "";
}

.icon-paper-plane-o:before {
  content: "";
}

.icon-send-o:before {
  content: "";
}

.icon-at:before {
  content: "";
}

.icon-hashtag:before {
  content: "";
}

.icon-question-circle-o:before {
  content: "";
}

.icon-user-circle:before {
  content: "";
}

.icon-user-circle-o:before {
  content: "";
}

.icon-user-o:before {
  content: "";
}

.icon-window-maximize:before {
  content: "";
}

.icon-window-minimize:before {
  content: "";
}

.icon-window-restore:before {
  content: "";
}

.icon-times-rectangle:before {
  content: "";
}

.icon-window-close:before {
  content: "";
}

.icon-times-rectangle-o:before {
  content: "";
}

.icon-window-close-o:before {
  content: "";
}

.icon-ravelry:before {
  content: "";
}

.icon-trash-o:before {
  content: "";
}

.icon-list-alt:before {
  content: "";
}

.icon-qrcode:before {
  content: "";
}

.icon-print:before {
  content: "";
}

.icon-chevron-up1:before {
  content: "";
}

.icon-chevron-down1:before {
  content: "";
}

.icon-file-text1:before {
  content: "";
}

.icon-yoast:before {
  content: "";
}

.icon-themeisle:before {
  content: "";
}

.icon-folder3:before {
  content: "";
}

.icon-folder-outline:before {
  content: "";
}

.icon-lock-closed:before {
  content: "";
}

.icon-lock-open:before {
  content: "";
}

.icon-qrcode1:before {
  content: "";
}

.icon-clipboard:before {
  content: "";
}

.icon-fiber_new:before {
  content: "";
}

.icon-list-alt1:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-tags:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-fax:before {
  content: "";
}

.icon-black-tie:before {
  content: "";
}

.icon-dev:before {
  content: "";
}

.icon-git-square:before {
  content: "";
}

.icon-npm:before {
  content: "";
}

.icon-php1:before {
  content: "";
}

.icon-angle-double-down:before {
  content: "";
}

.icon-angle-double-left:before {
  content: "";
}

.icon-angle-double-right:before {
  content: "";
}

.icon-angle-double-up:before {
  content: "";
}

.icon-angle-down:before {
  content: "";
}

.icon-angle-left:before {
  content: "";
}

.icon-angle-right:before {
  content: "";
}

.icon-angle-up:before {
  content: "";
}

.icon-caret-left:before {
  content: "";
}

.icon-caret-right:before {
  content: "";
}

.icon-caret-square-down:before {
  content: "";
}

.icon-caret-square-left:before {
  content: "";
}

.icon-caret-square-right:before {
  content: "";
}

.icon-caret-square-up:before {
  content: "";
}

.icon-chevron-left1:before {
  content: "";
}

.icon-chevron-right1:before {
  content: "";
}

.icon-thumbs-down:before {
  content: "";
}

.icon-thumbs-up:before {
  content: "";
}

.files_browser-wrapper {
  position: relative;
}

#is-files-browser-wrapper {
  max-width: 450px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55;
  overflow-x: hidden;
  border: 5px solid #363636;
  box-shadow: 0px 4px 5px #868383;
}
#is-files-browser-wrapper .item {
  width: auto !important;
  height: auto !important;
}

.gallery-browser-wrapper {
  overflow: hidden;
}
.gallery-browser-wrapper .is-dir.is-fullwidth:first-of-type {
  margin-top: 0;
}
.gallery-browser-wrapper textarea#content {
  height: 200px;
  min-height: unset;
}
.gallery-browser-wrapper img.is-active {
  opacity: .6;
}
.gallery-browser-wrapper .preview-thumb-box img {
  cursor: pointer;
  transition: all .3s;
}
.gallery-browser-wrapper .preview-thumb-box img:hover {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.5), 0 0 0 1px rgba(10, 10, 10, 0.5);
}
.gallery-browser-wrapper .files-fn-buttons {
  padding: .5rem;
}

.files_browser-wrapper .is-flex-item-response {
  width: 150px;
  height: 140px;
  position: relative;
}
.files_browser-wrapper .file-item-response {
  width: 100%;
  height: 100%;
}
.files_browser-wrapper .is-flex-item-response.is-flex-item-image {
  width: auto;
}
.files_browser-wrapper .edit-file-response-item {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 11;
  text-decoration: none !important;
  font-size: 12px;
}
.files_browser-wrapper .file-response-missing-fields {
  padding: 0;
  max-width: calc(100% - 4px);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 12;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none !important;
  line-height: 1;
}
.files_browser-wrapper .file-response-missing-fields .tag {
  font-size: 10px;
}
.files_browser-wrapper .is-dir.is-fullwidth {
  margin-top: 6px;
  padding: 10px;
  width: calc(100% - 0) !important;
  height: auto !important;
  display: block !important;
  clear: both;
}
.files_browser-wrapper img {
  border: 1px solid #ccc;
  cursor: pointer;
}
.files_browser-wrapper img.get-img-data.is-active {
  border-color: #f00;
}
.files_browser-wrapper.notification > .delete {
  position: sticky;
  left: calc(100% - 22px);
}

.win-size-grip {
  margin-top: -5px;
  padding: 13px 0 0 13px;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 555;
  font-size: 16px;
  cursor: nwse-resize;
}

.win-size-grip i {
  width: 20px;
  height: 20px;
  display: block;
  transform: rotate(-45deg);
}

.drag-files-browser {
  position: sticky;
  top: 3px;
  left: 3px;
  z-index: 2;
  font-size: 80%;
}

#frontend-assistent-box .drag-files-browser {
  width: 100%;
  justify-content: left;
}

/**
 * Basic styles
 */
html,
body {
  height: 100%;
  background-color: #f5f5f5;
}

html {
  overflow: unset;
  overflow-x: unset;
  overflow-y: unset;
}

body.compensate-for-scrollbar {
  margin-right: 17px;
}

.jc-sb {
  justify-content: space-between;
}

.clipboard-notification {
  margin: -25px 0 0 0;
  padding: 10px 20px 10px 15px !important;
  min-width: 65px;
  position: absolute;
  z-index: 5555;
  user-select: none;
}

.is-img-preview a {
  text-decoration: none !important;
}
.is-img-preview img {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #aaa;
}
.is-img-preview.is-media-list img {
  width: 33%;
  min-width: 150px;
  max-width: 200px;
}

.image-preview-item {
  position: relative;
}
.image-preview-item .image-preview-info {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 11px;
  background: #fff;
}

pre {
  background: white;
}

.fancybox-thumbs__list {
  max-width: 210px;
  overflow: auto !important;
}

.fancybox-caption {
  padding-top: .25rem;
  height: 44px;
  background: rgba(4, 4, 4, 0.4);
}

.flex-images {
  clear: both;
}

.flex-images .item {
  float: left;
  margin: 2px;
  border: 1px solid #dadada;
  box-sizing: content-box;
  position: relative;
}

.flex-images .item img {
  display: block;
  width: 100%;
  height: 100%;
}

.is-fullwidth {
  width: 100%;
}

.field.has-addons {
  width: 100%;
}
.field.has-addons.is-pulled-left, .field.has-addons.is-pulled-right, .field.has-addons.is-inline-block, .field.has-addons.is-inline-flex {
  width: auto;
}
.field.select-boxes > label {
  display: inline-flex;
  width: calc(50% - 2px) !important;
}

.display-none {
  display: none;
}

.message-header .field.has-addons {
  width: auto;
}

.db-sync-wrapper .file-info-details-box.is-file-type-dir {
  min-height: 122px;
  background: #323232;
  color: whitesmoke;
  font-family: monospace, Consolas, Monaco, "Andale Mono", "Ubuntu Mono";
  font-size: 12px;
}
.db-sync-wrapper .file-info-details-box.is-file-type-file {
  min-height: 170px;
}
.db-sync-wrapper .file-info-details-box.is-file-type-file .notification.is-danger {
  min-height: 170px;
}

.has-background-light.button {
  color: #222;
}

.is-help {
  cursor: help;
}

.table .ui-strings-table-name {
  width: 250px;
}

.create-directory-form .field.has-addons {
  margin-right: 5px;
  margin-bottom: 0;
}

span.create-directory-in {
  min-width: 8rem;
  background: #dbdbdb;
  cursor: default;
}

form hr {
  margin: .75rem 0;
}

* {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: 0;
}

.white-space-nowrap {
  white-space: nowrap;
}

.notification a:not(.button):not(.dropdown-item) {
  text-decoration: none;
}

.inline-list li {
  margin-right: 1px;
  display: inline-block;
  vertical-align: middle;
}

.inline-list li a {
  min-width: 40px;
}

.menu-list li ul {
  margin: 0 0 0 1.25em;
  padding-left: 0em;
}

main .menu-list ul a {
  border-bottom: 1px solid #e9e9e9;
}

main .menu-list li.first-level > ul {
  margin-left: 0;
  margin-top: 1.25rem;
}

.is-full-height {
  height: 100%;
}

iframe.files-manager {
  display: block;
  width: 100%;
  height: 100%;
}

.webui-popover hr {
  margin: 5px 0 3px;
}
.webui-popover .webui-popover-content {
  min-width: 200px;
}
.webui-popover .webui-popover-content b {
  float: right;
}

.breadcrumb .is-active a {
  text-decoration: none !important;
}

/**
 * Header
 */
header .navbar-dropdown {
  min-width: 200px;
}
header .navbar-dropdown .navbar-item span.icon {
  margin-right: 5px;
}
header .navbar-item-icon {
  width: 52px;
  justify-content: center;
}
header .logout-button-form.navbar-item {
  padding-right: 0;
  padding-left: 0;
}
header .logout-button-form.navbar-item .icon {
  margin-right: 0 !important;
}
header .logout-button-form .button {
  padding-left: 1.25rem;
  width: 100%;
  font-size: 100%;
  text-align: left;
}
header.box {
  padding: 1rem 1.25rem;
}
header form.is-inline-block {
  padding: .25rem 0;
  white-space: nowrap;
}

.verified-user body {
  padding-left: 17rem;
}
.verified-user .notification.tabs a {
  text-decoration: none;
}

.sidebar-main {
  padding: 0 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 17rem;
  height: 100%;
  background: white;
  border-right: 1px solid #b5b5b5;
}
.sidebar-main .sidebar-brand {
  line-height: 1;
  text-align: center;
}
.sidebar-main .sidebar-brand a {
  margin: 0 auto;
  padding: .75rem 0 .25rem;
  display: block;
  line-height: 1;
  max-height: 52px;
}
.sidebar-main .menu-list a {
  padding-left: 1.25rem;
}
.sidebar-main .menu-list li {
  position: relative;
}
.sidebar-main .menu-list .groups-header-list {
  margin: 0;
  min-width: 200px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 55;
  background: #fff;
  box-shadow: 0 0.5em 1em -0.125em rgba(3, 3, 3, 0.3), 0 0px 0 1px rgba(3, 3, 3, 0.3);
}
.sidebar-main .menu-label {
  padding: .5rem .5rem .5rem 1.25rem;
  background: #e6e6e6;
}
.sidebar-main .menu-label:first-of-type {
  margin-top: 0;
}
.sidebar-main .cms-sidebar-note {
  padding: .5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 75%;
  color: #7a7a7a;
  background: #121212;
}
.sidebar-main .trail.is-active {
  background-color: #209cee;
}

/**
 * Main wrapper
 */
main .main-wrapper {
  padding: 0 0px;
  height: 100%;
}
main .main-wrap-inner {
  padding: 0;
}
main .main-wrap-inner {
  height: 100%;
}
main .main-wrap-inner {
  background: #f5f5f5;
}
main .auth-form-container {
  max-width: 400px;
  background: white;
}
main .auth-form-container form {
  padding: .75rem 0;
  width: 100%;
}
main .auth-form-container .heading-text {
  float: right;
}
main .auth-form-container .panel-tabs {
  justify-content: center;
}
main .auth-form-container .panel-tabs a {
  width: 50%;
  text-align: center;
}

/**
 * footer
 */
.footer {
  padding: .5rem;
  font-size: 75%;
  background: white;
  border-top: 1px solid #b5b5b5;
}
.footer .cms-menu {
  padding: 0 .5rem;
}

/**
 * Not verified
 */
html.not-verified-user main .main-wrap-inner {
  padding: 7.5% 0 5%;
}
html.not-verified-user main .auth-form-container {
  margin: 0 auto;
  max-width: 400px;
  background: white;
}
html.not-verified-user .footer {
  color: white;
  background: #121212;
}

@media (min-height: 400px) and (min-width: 800px) {
  html.not-verified-user {
    overflow: hidden;
  }
}
/**
 */
#files-manager-full-frame span.is-loading {
  margin: 10% 0 2%;
  width: 160px;
  font-size: 2.5em;
  border: 0 none;
}

.append-loading.centered {
  position: relative;
}
.append-loading .is-loading {
  margin-left: -25px;
  width: 50px;
  position: absolute;
  top: .25rem;
  left: 50%;
}

.file-manager-list {
  line-height: inherit;
}
.file-manager-list .is-loading {
  top: .5rem;
}

.file-manager-list.menu-list a {
  display: inline-flex;
  width: 100%;
}
.file-manager-list.menu-list .list-title {
  display: inline-block;
  padding-right: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-manager-list.menu-list .is-dir-list-info {
  display: inline-block;
  width: auto;
  text-align: right;
}

/**
 * Filemanager Content response
 */
.readdir-response-image-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: 100%;
}

.readdir-response-file-item {
  display: block;
  width: 8rem;
  height: 100%;
  overflow: hidden;
}
.readdir-response-file-item a {
  padding: 0 5px;
  display: block;
  height: 100%;
}
.readdir-response-file-item .file-icon {
  margin-top: .5rem;
  display: block;
  width: 100%;
  font-size: 1rem;
  text-align: left;
  justify-content: left;
}
.readdir-response-file-item .file-icon.file-icon-start {
  margin-top: .75rem;
}
.readdir-response-file-item code {
  padding: 0;
}
.readdir-response-file-item .readdir-file-item-filename {
  font-size: 80%;
}
.readdir-response-file-item:hover a {
  background: white;
}

div.readdir-response-file-item-container {
  margin: .25rem .75rem .5rem 0;
  padding: .25rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  border: 1px solid #bbb;
}
div.readdir-response-file-item-container,
div.readdir-response-file-item-container .readdir-file-item-details {
  transition: all .3s ease;
}
div.readdir-response-file-item-container img {
  object-fit: cover;
  display: block;
  width: auto;
  height: 100%;
}
div.readdir-response-file-item-container .is-delete-file {
  position: absolute;
  top: .25rem;
  right: .25rem;
  z-index: 11;
}
div.readdir-response-file-item-container .is-delete-file .delete {
  background-color: rgba(10, 10, 10, 0.5);
}
div.readdir-response-file-item-container .readdir-file-item-details {
  margin: 0;
  padding: .25rem;
  min-width: 100%;
  max-width: 300px;
  position: absolute;
  top: 90%;
  left: 0px;
  z-index: 111;
  font-size: 75%;
  line-height: 1;
  word-wrap: break-word;
  background: white;
  border: 1px solid #b5b5b5;
  opacity: 0;
}
div.readdir-response-file-item-container:hover {
  background-color: #b5b5b5;
}
div.readdir-response-file-item-container:hover .readdir-file-item-details {
  top: 105%;
  opacity: 1;
}
div.readdir-response-file-item-container.is-active {
  background-color: #3273dc;
}
div.readdir-response-file-item-container.is-active .readdir-file-item-details {
  opacity: 0;
}

.readdir-directory-files-container .buttons:not(:last-child) {
  margin-bottom: .35rem;
}

.switch-img-thumb-dir {
  padding-left: 5px;
  white-space: nowrap;
  line-height: 1;
  font-size: 80%;
}
.switch-img-thumb-dir li {
  margin-right: 10px;
}
.switch-img-thumb-dir a.is-active {
  cursor: default;
  color: #00d1b2;
}
.switch-img-thumb-dir a[href].is-active {
  cursor: pointer;
  text-decoration: underline;
}

.readdir-list.is-active.readdir-directory-nav-container {
  display: none;
}
.readdir-list.is-active .delete {
  display: none;
}
.readdir-list.is-active .readdir-response-file-item {
  width: 100%;
  max-height: 95px;
  background: #ccc;
}
.readdir-list.is-active .readdir-response-image-item a {
  width: 100%;
}
.readdir-list.is-active .readdir-response-image-item a img {
  max-height: 95px;
  overflow: hidden;
}
.readdir-list.is-active .read-dir-files .readdir-response-file-item-container {
  margin: 0;
  border: 0 none;
}
.readdir-list.is-active .read-dir-files .column {
  padding: .25rem;
  width: 50%;
  text-align: center;
}
.readdir-list.is-active .read-dir-files .column div {
  text-align: left;
}

.files-manager-details-response.is-image {
  height: 100%;
}
.files-manager-details-response.is-image .column {
  padding: .15rem .5rem;
  overflow: auto;
}
.files-manager-details-response.is-image .is-image-column {
  padding: 0;
  max-height: 650px;
}
.files-manager-details-response.is-image .is-image-column img {
  max-width: unset;
  width: 100%;
}
.files-manager-details-response.is-image .is-image-column img.full-size {
  width: auto;
}
.files-manager-details-response.is-image .filemanager-details-thumbnail-list {
  margin: 5px;
  vertical-align: top;
}

/**
 * Fix margin top on the fly
 */
.mtop1, .mtop2, .mtop3, .mtop4, .mtop5,
.mbottom1, .mbottom2, .mbottom3, .mbottom4, .mbottom5 {
  position: relative;
  z-index: 10;
}

.mtop1 {
  top: 1px;
}

.mtop2 {
  top: 2px;
}

.mtop3 {
  top: 3px;
}

.mtop4 {
  top: 4px;
}

.mtop5 {
  top: 5px;
}

.mtop10 {
  top: 10px;
}

.mbottom1 {
  bottom: 1px;
}

.mbottom2 {
  bottom: 2px;
}

.mbottom3 {
  bottom: 3px;
}

.mbottom4 {
  bottom: 4px;
}

.mbottom5 {
  bottom: 5px;
}

.mbottom10 {
  bottom: 10px;
}

.mleft1 {
  margin-left: 1px;
}

.mleft2 {
  margin-left: 2px;
}

.mleft3 {
  margin-left: 3px;
}

.mleft4 {
  margin-left: 4px;
}

.mleft5 {
  margin-left: 5px;
}

.mleft10 {
  margin-left: 10px;
}

.mright1 {
  margin-right: 1px;
}

.mright2 {
  margin-right: 2px;
}

.mright3 {
  margin-right: 3px;
}

.mright4 {
  margin-right: 4px;
}

.mright5 {
  margin-right: 5px;
}

.mright10 {
  margin-right: 10px;
}

/**
 * Sticky Footer
 */
@media screen and (min-height: 600px) {
  .not-verified-user body,
  .verified-user body {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .not-verified-user #header,
  .not-verified-user #footer,
  .verified-user #header,
  .verified-user #footer {
    flex: none;
  }
  .not-verified-user #main,
  .verified-user #main {
    flex: 1 0 auto;
    padding: var(--space) var(--space) 0;
    width: 100%;
  }
  .not-verified-user #main::after,
  .verified-user #main::after {
    content: '\00a0';
    /*   */
    display: block;
    margin-top: var(--space);
    height: 0px;
    visibility: hidden;
  }
}
@media screen and (min-height: 600px) and (--break-lg) {
  .not-verified-user #main,
  .verified-user #main {
    padding-top: var(--space-lg);
  }
  .not-verified-user #main::after,
  .verified-user #main::after {
    margin-top: var(--space-lg);
  }
}
/**
 * / Sticky Footer
 */
/**
 * Back to Top button
 */
#backtotop {
  padding: 0px;
  height: 26px;
  width: 28px;
  position: fixed;
  bottom: 5px;
  right: -55px;
  z-index: 1000;
  text-align: center;
  background: #eeecec;
  border: 1px solid;
  transition: all .4s ease;
}

/**
 * Highlight JSON
 */
.highlight-json {
  overflow: auto;
}
.highlight-json .key {
  color: #ff470f;
}
.highlight-json .string {
  color: #23d160;
}
.highlight-json .number {
  color: darkorange;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  display: inline;
  font-size: 100%;
  margin-right: unset;
  min-width: unset;
  padding: .2rem;
}
.highlight-json .boolean {
  color: blue;
}
.highlight-json .null {
  color: magenta;
}

/** JSON Editor **/
.jsoneditor-menu {
  min-width: 250px;
}

div.jsoneditor-contextmenu ul li ul li button {
  display: block;
  width: 100%;
}

/** Index Links to Sidebar **/
.sidebar-main li .groups-header-list.is-hidden {
  opacity: 0;
  overflow: hidden;
}
.sidebar-main li:hover .groups-header-list {
  opacity: 1;
}
.sidebar-main li:hover .groups-header-list.is-hidden {
  overflow: unset;
  display: block !important;
}
.sidebar-main .label-menu.is-active {
  color: #ff3860 !important;
}

.main-wrap-inner #page-groups-nav {
  display: none;
}

html.not-verified-user {
  overflow: auto;
}

a,
.button,
.input {
  transition: all .3s ease;
}

.has-background-transparent {
  background: transparent;
}

.has-background-white code {
  background: transparent;
}

.button.is-published {
  background-color: #23d160;
}

span.is-published {
  color: #23d160;
}

.has-text-left {
  justify-content: left;
}

.table td {
  padding: .5rem !important;
  min-width: 200px;
  vertical-align: middle;
}

td.table-key {
  width: 275px;
}

.pre {
  white-space: pre-wrap;
  overflow: auto;
}

.is-pre {
  white-space: pre;
}

.semi-static,
a.semi-static {
  cursor: default;
}

.delete {
  z-index: 11;
}

.filter_list {
  line-height: 1;
}

.filter_list li {
  margin-bottom: 1px;
}

.webui-popover .webui-popover-content {
  /* min-width: 40px; */
  font-size: .85rem;
}

.sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 11;
}

.tabs-brand.static {
  pointer-events: none;
}

.tabs-brand a {
  border-bottom-color: #483f3f;
}

.tabs-brand i {
  line-height: inherit;
}

.has-content-left {
  justify-content: left;
}

.menu-label {
  padding: .5rem .5rem .5rem 1.25rem;
  background: #e6e6e6;
}

.menu-label.category-label {
  text-transform: none;
}

.category-label-button {
  min-width: 125px;
}

.sidebar-main {
  padding: 0 0 50px;
}

.sidebar-main .menu-list a {
  position: relative;
}

.sidebar-main .menu-list a .is-loading {
  left: unset;
  right: 10px;
}

.sidebar-menu-wrapper {
  height: 100%;
}

.filter_list .ui-lists-val {
  min-width: 30%;
  justify-content: left;
}

.manage-nav-cats-container .navbar {
  margin: 0 0 1px;
}

.manage-nav-cats-container:hover .navbar {
  z-index: 0;
}

.manage-nav-cats-container .navbar:hover {
  z-index: 22;
}

.nav-category-title {
  min-width: 7.5rem;
  justify-content: center;
}

.manage-nav-cats-container .navbar-dropdown {
  min-width: 250px;
}

.manage-nav-cats-container .navbar-dropdown .dropdown-item {
  padding: 0.5rem 1rem;
  overflow: hidden;
}

.manage-nav-cats-container .navbar-dropdown .go-to-navitems {
  padding-right: 1rem;
}

.navbar-list .navbar-end .navbar-item {
  min-width: 50px;
  justify-content: center;
}

.manage-nav-items-container .geny-menu-list li {
  background: white;
}

.manage-nav-items-container .inner-menu-list li:hover > a,
.manage-nav-items-container .menu-list li:hover > a {
  background: #f0f0f0;
}

.manage-nav-items-container .menu-list li > a:hover {
  background: #e6e6e6;
}

.ace_fold-widget {
  display: none !important;
}

.page-settings-extended-content {
  z-index: 22;
}

div.notification.db-response-box {
  margin-bottom: 2px !important;
}

.back-to-top {
  position: fixed;
  bottom: -55px;
  right: -55px;
  z-index: 55;
  transition: all .3s ease;
}

.has-scrolled-down .back-to-top {
  bottom: 48px;
  right: 5px;
}

.is-fullheight {
  height: 100%;
}

.title_element select {
  min-width: 80px;
}

textarea#content,
textarea#json,
textarea#social_graphs {
  min-height: 50vh;
}

.textarea {
  max-height: unset;
}

.field.select-boxes {
  white-space: nowrap;
}

.field.select-boxes label {
  width: 50%;
}

.is-clear-both {
  clear: both;
}

.is-one-liner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.is-inline-block {
  vertical-align: top;
}

.dropdown-menu.is-article-block-content {
  width: 70vw;
  transition: all .4s ease;
}

.dropdown-menu.is-article-block-content .dropdown-content {
  padding: .5rem;
  overflow: hidden;
}

.dropdown-menu.is-article-block-content {
  opacity: 0;
}

.dropdown-trigger:hover .dropdown-menu.is-article-block-content {
  opacity: 1;
}

.is-input-static-name.is-small {
  min-width: 7.5rem;
}

.is-input-static-name.is-normal {
  min-width: 10rem;
}

.is-input-static-name.is-medium {
  min-width: 12.5rem;
}

.be-btn.append-loading {
  position: relative;
}

.on-active-hide {
  transition: all .2s ease;
}

.is-active .on-active-hide {
  opacity: 0;
}

.toggle-target-class .toggled {
  display: none;
}
.toggle-target-class.is-active .default {
  display: none;
}
.toggle-target-class.is-active .toggled {
  display: block;
}

#frontend-assistent-box {
  width: auto;
  position: absolute;
  top: 75px;
  left: 15vw;
  z-index: 250;
  background: #fff;
  border: 1px solid #353535;
}

#frontend-assistent-wrapper {
  width: 650px;
  height: 260px;
}

#frontend-assistent-box .button.drag-files-browser {
  width: 100%;
}

.article-box-wrapper #frontend-assistent-box {
  margin: 5rem 0;
  border-bottom: 2rem solid #ff470f;
}
.article-box-wrapper #frontend-assistent-box .win-size-grip {
  right: 15px;
}
.article-box-wrapper #frontend-assistent-wrapper {
  width: auto;
  height: 80vh;
}