@charset "UTF-8";
@import url(/admin/resources/libs/froala3/css/froala_editor.pkgd.min.css);
@import url(/admin/resources/libs/froala3/css/froala_style.min.css);
.x-menu-item-active {
  background: var(--base-color) !important; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/inter/Inter-Light.woff2") format("woff2"), url("../fonts/inter/Inter-Light.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/inter/Inter-Regular.woff2") format("woff2"), url("../fonts/inter/Inter-Regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../fonts/inter/Inter-Medium.woff2") format("woff2"), url("../fonts/inter/Inter-Medium.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../fonts/inter/Inter-SemiBold.woff2") format("woff2"), url("../fonts/inter/Inter-SemiBold.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

.x-body, .x-panel-body-default {
  color: #151420 !important;
  font-weight: 400; }

.x-window.login {
  border: none;
  background: none;
  user-select: none; }
  .x-window.login * {
    font-size: unset;
    line-height: unset;
    font-family: unset; }
  .x-window.login .x-window-body-default {
    background: none;
    font-family: 'Inter',Arial, Verdana, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #151420; }
  .x-window.login .x-autocontainer-innerCt {
    width: 100%; }
    @media (max-width: 1023px) {
      .x-window.login .x-autocontainer-innerCt {
        text-align: center; } }
  .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt {
    display: flex;
    height: 100vh;
    flex-flow: row nowrap; }
    @media (max-width: 1023px) {
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt {
        flex-flow: column nowrap;
        height: auto !important; } }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-panel-body-default, .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-container-default, .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-autocontainer-outerCt {
      width: 100% !important;
      height: 100% !important;
      background: unset !important;
      display: flex; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-btn {
      font-size: 16px;
      border-radius: 36px;
      padding: 15px 40px;
      transition: all ease-in-out 200ms; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-btn-inner-default-small {
      font-weight: 500; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-link {
      color: #A7A7A7;
      font-weight: 400 !important;
      transition: all ease-in-out 200ms; }
      @media (max-width: 1023px) {
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .x-link {
          color: #fff; } }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt > * {
      flex-grow: 1;
      width: 50% !important;
      height: 100% !important;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 1023px) {
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt > * {
          width: 100% !important;
          height: auto !important; } }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form-with-logo .form-title, .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form-with-logo .form-subtitle {
      display: none !important; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form-with-logo .form-logo {
      max-width: 170px; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form {
      background: white;
      padding: 0 1.5em; }
      @media (max-width: 1023px) {
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form {
          padding: 2em;
          order: 2;
          background: transparent; } }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .form-title {
        font-size: 28px;
        line-height: 32px;
        font-weight: 600; }
        @media (max-width: 1023px) {
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .form-title {
            color: #fff; } }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .form-subtitle {
        font-weight: 400;
        margin-top: 12px;
        font-size: 18px;
        line-height: 24px; }
        @media (max-width: 1023px) {
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .form-subtitle {
            color: #fff; } }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form > div {
        width: 520px;
        height: unset; }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-box {
        text-align: center; }
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-box:not(:first-child) {
          margin-top: 40px; }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] {
        background: #F5F6F7;
        border-radius: 20px;
        padding: 30px 40px;
        overflow: hidden;
        text-align: center; }
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] > *:not(:first-child) {
          margin-top: 20px; }
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item {
          text-align: center;
          width: 100% !important;
          position: relative; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-item-label {
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: .02em;
            font-size: 14px;
            color: #7F7F7F; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default {
            border: solid 2px #fff !important;
            border-radius: 10px;
            overflow: hidden;
            transition: all ease-in-out 200ms; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default:active, .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default:focus, .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default:hover {
              box-shadow: rgba(0, 0, 0, 0.04) 0 15px 25px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
              border-color: #E3213C !important; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-trigger-wrap-default input {
              padding: 16px 20px !important;
              text-align: center;
              font-weight: 500;
              font-size: 20px;
              color: #151420; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-body .x-autocontainer-innerCt[role='presentation'] .x-form-item .x-form-error-msg {
            background: none;
            padding: 0;
            position: absolute;
            right: 0;
            left: 0;
            text-align: center;
            bottom: -22px;
            color: #E3213C;
            text-align: center;
            font-size: 11px; }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-footer .x-autocontainer-innerCt[role='presentation'] > .x-btn {
        margin: 0 5px; }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-form .login-form-footer .x-autocontainer-innerCt[role='presentation'] > .x-component {
        margin-top: 20px; }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes {
      width: 70% !important;
      height: 100% !important;
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 80px 100px; }
      @media (max-width: 1223px) {
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes {
          width: 60% !important;
          height: auto !important;
          padding: 60px 60px; } }
      @media (max-width: 1023px) {
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes {
          width: 100% !important;
          height: auto !important;
          padding: 40px 30px;
          order: 1; } }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes .login-logo {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px; }
        @media (max-width: 1023px) {
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes .login-logo {
            position: relative;
            margin-bottom: 0px; } }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-top: 100px;
        padding-bottom: 100px; }
        @media (max-width: 1023px) {
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes {
            display: none !important; } }
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner {
          font-size: 20px;
          color: white;
          position: relative;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: all ease-in-out 0.5s; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner.visible {
            opacity: 1; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item {
            transform: translate(0, -50%);
            opacity: 0;
            transition: all ease-in 0.5s;
            display: block !important;
            position: absolute;
            left: 0;
            top: 50%;
            z-index: 2;
            padding-right: 10%; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item[active='true'] {
              opacity: 1;
              z-index: 5;
              transform: translate(0, -55%); }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item .item-date {
              display: none;
              margin-bottom: 20px;
              margin-left: 4px;
              font-size: 22px;
              line-height: 22px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item .item-title {
              transition: all ease-in-out 200ms;
              font-size: 60px;
              line-height: 72px;
              font-weight: 600;
              cursor: default;
              text-decoration: none;
              color: white;
              text-decoration: underline transparent 4px;
              text-underline-offset: 10px;
              position: relative;
              pointer-events: none; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item .item-title[href*='http'] {
                cursor: pointer;
                pointer-events: all; }
                .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item .item-title[href*='http']:hover {
                  text-decoration-color: #fff; }
                  .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item .item-title[href*='http']:hover:after {
                    text-decoration-color: #fff; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav {
            position: absolute;
            display: flex;
            left: 0;
            bottom: -100px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a {
              background: rgba(255, 255, 255, 0.5);
              display: inline-flex;
              align-items: center;
              justify-content: center;
              width: 74px;
              height: 2px;
              cursor: pointer;
              opacity: 1;
              color: #151420;
              font-weight: 600;
              text-decoration: none;
              opacity: 0;
              position: relative;
              text-indent: -100000px; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a:before {
                content: '';
                background: #fff;
                width: 0;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a.visible {
                opacity: 1; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a[active='true'] {
                border-color: white; }
                .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a[active='true']:before {
                  transition: all 4s ease-in-out;
                  width: 100%; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a:not(:first-child) {
                margin-left: 20px; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a.prev svg {
                transform: rotate(-180deg); }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav a[enabled='false'] {
                opacity: 0.5 !important; }
          @media (max-width: 1223px) {
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item-title {
              font-size: 42px;
              line-height: 50px; } }
          @media (max-width: 1023px) {
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item-title {
              font-size: 36px;
              line-height: 48px;
              text-underline-offset: 6px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav {
              position: relative;
              margin-top: 80px; } }
          @media (max-width: 560px) {
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item-title {
              font-size: 24px;
              line-height: 36px;
              text-decoration-thickness: 3px; }
              .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item-title:after {
                font-size: 16px;
                line-height: 22px;
                bottom: -40px;
                text-decoration-thickness: 2px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .releasenotes-nav {
              position: relative;
              margin-top: 80px; }
            .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-releasenotes #releasenotes .releasenotes-inner .item-date {
              font-size: 16px;
              line-height: 22px; } }
    .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-footer {
      position: fixed;
      left: 0;
      bottom: 0;
      padding: 3em;
      z-index: 999999;
      width: auto !important;
      height: auto !important; }
      .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-footer .x-autocontainer-innerCt {
        display: flex;
        justify-content: center;
        gap: 2em; }
        .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-footer .x-autocontainer-innerCt a {
          color: #A7A7A7;
          text-decoration: none; }
          .x-window.login > .x-window-bodyWrap > .x-window-body > .x-autocontainer-outerCt > .x-autocontainer-innerCt .login-footer .x-autocontainer-innerCt a:hover {
            opacity: 0.7; }

@media (max-width: 1023px) {
  body .x-layer {
    position: relative !important; }
    body .x-layer.x-window.login {
      top: 0 !important; }
    body .x-layer .login-footer {
      right: 0; }
      body .x-layer .login-footer .x-autocontainer-innerCt {
        justify-content: center; } }

.x-field-widget-html {
  height: auto !important; }

.x-field-widget-image,
.x-field-widget-media {
  text-align: left; }
  .x-field-widget-image .x-autocontainer-innerCt,
  .x-field-widget-media .x-autocontainer-innerCt {
    width: auto !important;
    display: inline-block !important;
    max-width: 550px !important;
    height: 250px !important;
    padding: 0;
    position: relative; }
  .x-field-widget-image .media-el,
  .x-field-widget-media .media-el {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center; }
  .x-field-widget-image.reference-readonly .x-autocontainer-innerCt,
  .x-field-widget-media.reference-readonly .x-autocontainer-innerCt {
    height: auto !important;
    max-width: none !important; }
  .x-field-widget-image.x-grid-cell .media-el,
  .x-field-widget-media.x-grid-cell .media-el {
    object-fit: cover !important;
    object-position: left top !important; }
  .x-field-widget-image .media-filename,
  .x-field-widget-media .media-filename {
    display: block;
    font-size: 9px;
    line-height: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 6px;
    text-align: right;
    overflow: hidden;
    max-width: 550px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    background: rgba(0, 0, 0, 0.5); }

.x-field.help {
  position: relative; }
  .x-field.help.x-form-type-checkbox .help-label {
    margin-left: 40px;
    margin-top: 10px; }

.x-placeholder-field {
  visibility: hidden; }

.x-form-item-body label.x-box-item {
  line-height: 33px; }

.x-form-item-label-top > span {
  display: inline-flex !important;
  margin: -5px 0 0 0 !important; }

.x-form-item:not(:first-child) .x-form-item-label-top > span {
  margin-top: 0.35em !important; }

.x-field-type-timespan .x-form-item .x-form-item-label-top > span {
  margin-top: 0 !important; }

.x-form-item.x-adminonly .x-form-item-label-inner {
  position: relative; }
  .x-form-item.x-adminonly .x-form-item-label-inner:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: '\f023';
    right: 8px;
    top: 0;
    color: #d9d9d9; }

.field-links {
  position: absolute;
  left: 0;
  bottom: -40px;
  padding-bottom: 10px; }
  .field-links a {
    text-decoration: none;
    color: black;
    margin-right: 0.5em; }

.culture-field-label {
  display: flex;
  align-items: center;
  position: relative; }
  .culture-field-label img {
    height: 16px; }
  .culture-field-label span {
    flex-grow: 1; }
  .culture-field-label[data-suffix]:after {
    content: attr(data-suffix);
    background: black;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 8px;
    color: white;
    order: 9;
    height: 16px; }

.missing-culture {
  color: red !important; }

.help-label {
  font-size: 12px;
  opacity: 0.5;
  line-height: 14px;
  display: block;
  text-align: left;
  margin-top: 6px; }

.x-form-text-wrap[suffix][suffix]:after {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translate(0, -50%);
  content: attr(suffix);
  white-space: nowrap;
  opacity: 0.7; }

.removed {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important; }

.x-column-header, .x-column-header, .x-grid-header-ct, .x-grid-body, .x-toolbar-default-docked-bottom {
  border: none !important; }

.x-grid-header-ct .x-column-header-text {
  opacity: 0.7; }

.x-grid-view-searchfield .x-form-trigger-wrap {
  border: solid 1px #D0D0D0 !important; }

.x-grid-view-searchfield input {
  height: auto !important;
  background: none !important; }

.x-toolbar-default-docked-bottom {
  border: none !important; }

.x-grid.inline-editor {
  border: solid 1px red; }

.x-grid-view-card .x-grid-item:nth-child(odd):not(.x-grid-item-over):not(.x-grid-item-selected),
.x-grid-view-grid .x-grid-item:nth-child(odd):not(.x-grid-item-over):not(.x-grid-item-selected) {
  background: #F6F6F6; }

.x-grid-view-card .x-grid-item.x-grid-item-over img,
.x-grid-view-grid .x-grid-item.x-grid-item-over img {
  opacity: 0.8; }

.x-grid-view-card .x-grid-item.x-grid-item-selected img,
.x-grid-view-grid .x-grid-item.x-grid-item-selected img {
  opacity: 0.8; }

.x-grid-view-card .x-grid-item.x-state-error, .x-grid-view-card .x-grid-item.x-state-invalid,
.x-grid-view-grid .x-grid-item.x-state-error,
.x-grid-view-grid .x-grid-item.x-state-invalid {
  color: red; }

.x-grid-view-card .x-grid-item.x-state-warning,
.x-grid-view-grid .x-grid-item.x-state-warning {
  color: darkorange; }

.x-grid-view-card .x-grid-item.x-state-success, .x-grid-view-card .x-grid-item.x-state-valid,
.x-grid-view-grid .x-grid-item.x-state-success,
.x-grid-view-grid .x-grid-item.x-state-valid {
  color: green; }

.x-grid-row-summary .x-grid-cell-inner {
  font-weight: bold !important; }

.x-grid.overflow-visible .x-grid-cell-inner {
  overflow: visible !important; }

.x-toolbar-docked-bottom .x-form-trigger-wrap {
  opacity: 0; }
  .x-toolbar-docked-bottom .x-form-trigger-wrap.x-form-trigger-wrap-focus {
    opacity: 1.0 !important; }

.x-toolbar-docked-bottom:hover .x-form-trigger-wrap {
  opacity: 0.3; }

.x-menu .x-toolbar-docked-bottom .x-form-trigger-wrap {
  opacity: 0.3; }

.x-panel.search-active .x-form-trigger-wrap {
  opacity: 1.0 !important; }

.x-menu-item.x-adminonly .x-menu-item-link:after {
  font-family: 'FontAwesome';
  content: '\f023';
  right: 6px;
  margin-top: 1px;
  margin-right: 10px;
  color: #d9d9d9; }

.x-grid-view-card {
  padding: 0;
  width: auto !important; }
  .x-grid-view-card .x-grid-item-container {
    width: 100% !important;
    margin: 0 !important; }
  .x-grid-view-card .x-grid-item {
    width: calc(100% - 16px) !important;
    padding: 0;
    margin: 0 0 0 8px;
    position: relative !important;
    display: block !important;
    border: none !important;
    margin-bottom: 4px !important; }
    .x-grid-view-card .x-grid-item.x-hidden {
      display: none !important; }
    .x-grid-view-card .x-grid-item tbody {
      margin: 0;
      padding: 0;
      display: inline !important; }
    .x-grid-view-card .x-grid-item .x-grid-row {
      display: block;
      padding: 15px;
      margin: 0 0 0 10px; }
    .x-grid-view-card .x-grid-item .x-grid-cell {
      display: block !important;
      height: auto !important;
      width: calc(100% - 20px) !important;
      line-height: 18px; }
      .x-grid-view-card .x-grid-item .x-grid-cell a {
        text-decoration: none !important;
        color: #292F9A !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell .x-grid-cell-label {
        display: inline-block !important;
        opacity: 0.7;
        padding: 0 30px 0 0 !important;
        width: 140px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .displaytype-filter .x-grid-view-card .x-grid-item .x-grid-cell .x-grid-cell-label {
          display: none !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell .x-grid-cell-inner {
        display: block !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-field-type-string:first-child {
        font-size: 15px !important;
        line-height: 24px !important;
        font-weight: 400 !important;
        margin-bottom: 7px !important;
        color: #000 !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-field-type-string:first-child .x-grid-cell-label {
          display: none !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-field-merchant {
        display: none !important; }
        html.sharedtypes-visible .x-grid-view-card .x-grid-item .x-grid-cell.x-field-merchant {
          display: block !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-grid-cell-description {
        opacity: 0.7;
        margin-top: -7px;
        margin-bottom: 7px; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-grid-cell-description .x-grid-cell-label {
          display: none !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media {
        position: absolute;
        left: 0;
        top: 0;
        width: 180px !important;
        height: 100% !important;
        background: transparent !important; }
        .displaytype-filter .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media {
          width: 70px !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media .x-grid-cell-label {
          display: none !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media .x-grid-cell-inner {
          display: block !important;
          height: 100% !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media img {
          width: 100%;
          height: 100%;
          object-fit: cover !important;
          object-position: center center !important;
          -moz-user-select: none;
          -ms-user-select: none;
          -webkit-user-select: none;
          user-select: none;
          pointer-events: none; }
          .type-media .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media img, .type-pixabaymedia .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media img, .type-unsplashmedia .x-grid-view-card .x-grid-item .x-grid-cell.x-field-widget-media img {
            object-fit: contain !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-field-logo {
        z-index: 2;
        background: rgba(255, 255, 255, 0.8) !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-field-logo img {
          object-fit: contain !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-grid-dirty-cell {
        color: #cf4c35 !important; }
        .x-grid-view-card .x-grid-item .x-grid-cell.x-grid-dirty-cell > .x-grid-cell-inner:after {
          display: none !important; }
      .x-grid-view-card .x-grid-item .x-grid-cell.x-field-enabled {
        display: none !important; }
    .x-grid-view-card .x-grid-item:not(.x-editable) .x-grid-cell.x-empty {
      display: none !important; }
    .x-grid-view-card .x-grid-item.x-media {
      min-height: 140px; }
      .x-grid-view-card .x-grid-item.x-media .x-grid-row {
        padding-left: 180px;
        margin-left: 25px; }
      .displaytype-filter .x-grid-view-card .x-grid-item.x-media {
        min-height: 30px; }
        .displaytype-filter .x-grid-view-card .x-grid-item.x-media .x-grid-row {
          padding-left: 70px; }
    .x-grid-view-card .x-grid-item.x-single-col .x-grid-cell-title {
      margin: 0; }

.x-grid-view-grid td[data-columnid*='mediadatacolumn'],
.x-tree-view td[data-columnid*='mediadatacolumn'] {
  position: relative; }
  .x-grid-view-grid td[data-columnid*='mediadatacolumn'] > div,
  .x-tree-view td[data-columnid*='mediadatacolumn'] > div {
    margin: 0;
    position: static; }
  .x-grid-view-grid td[data-columnid*='mediadatacolumn'] img,
  .x-tree-view td[data-columnid*='mediadatacolumn'] img {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    max-width: 30px;
    max-height: 40px;
    position: absolute;
    left: 12px;
    top: 4px;
    display: block;
    object-fit: cover !important;
    object-position: left center !important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 4px; }
  .x-grid-view-grid td.x-field-logo[data-columnid*='mediadatacolumn'] img,
  .x-tree-view td.x-field-logo[data-columnid*='mediadatacolumn'] img {
    object-fit: contain !important; }

.x-grid-view-grid [id*='referencefilter'] .x-toolbar-default-docked-bottom .x-box-inner,
.x-tree-view [id*='referencefilter'] .x-toolbar-default-docked-bottom .x-box-inner {
  visibility: hidden; }

.x-grid-view-grid [id*='referencefilter']:hover .x-toolbar-default-docked-bottom .x-box-inner,
.x-tree-view [id*='referencefilter']:hover .x-toolbar-default-docked-bottom .x-box-inner {
  visibility: visible; }

.x-grid-row.x-hidden-item .x-grid-cell,
.x-grid-item.x-hidden-item .x-grid-cell {
  opacity: 0.9; }

.x-grid-row.x-disabled .x-grid-cell,
.x-grid-item.x-disabled .x-grid-cell {
  opacity: 0.5; }

.x-tree-view .x-grid-row.x-shared .x-grid-cell:first-child {
  color: green; }
  .x-tree-view .x-grid-row.x-shared .x-grid-cell:first-child .x-tree-icon-parent-expanded:before,
  .x-tree-view .x-grid-row.x-shared .x-grid-cell:first-child .x-tree-icon-parent:before {
    color: green; }

.x-tree-view .x-grid-row.x-linked .x-grid-cell:first-child {
  color: blue; }
  .x-tree-view .x-grid-row.x-linked .x-grid-cell:first-child .x-tree-icon-parent-expanded:before,
  .x-tree-view .x-grid-row.x-linked .x-grid-cell:first-child .x-tree-icon-parent:before {
    color: blue;
    font-family: 'Font Awesome 5 Pro';
    content: '\f0c1'; }

.x-tree-view .x-grid-row.x-hidden-item .x-grid-cell:first-child .x-tree-icon-parent-expanded:before,
.x-tree-view .x-grid-row.x-hidden-item .x-grid-cell:first-child .x-tree-icon-parent:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f070'; }

.x-tree-view .x-grid-row.x-secure-item .x-grid-cell:first-child .x-tree-icon-parent-expanded:before,
.x-tree-view .x-grid-row.x-secure-item .x-grid-cell:first-child .x-tree-icon-parent:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f30d'; }

.x-grid-view-card .x-grid-item.x-shared {
  border-left: solid 3px green !important; }

.x-grid-view-grid .x-grid-item.x-shared .x-grid-row > .x-grid-cell:first-child {
  border-left: solid 3px green !important; }

.x-panel.type-icon .x-grid-view-card .x-grid-item-container, .x-panel.type-customicon .x-grid-view-card .x-grid-item-container {
  display: flex !important;
  flex-wrap: wrap; }

.x-panel.type-icon .x-grid-view-card .x-grid-row, .x-panel.type-customicon .x-grid-view-card .x-grid-row {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%; }

.x-panel.type-icon .x-grid-view-card .x-grid-item, .x-panel.type-customicon .x-grid-view-card .x-grid-item {
  padding: 0 !important;
  margin: 0 !important;
  width: 70px !important;
  height: 70px !important;
  background: none !important; }

.x-panel.type-icon .x-grid-view-card .x-field-set, .x-panel.type-customicon .x-grid-view-card .x-field-set {
  opacity: 0.7; }
  .x-panel.type-icon .x-grid-view-card .x-field-set .x-grid-cell-label, .x-panel.type-customicon .x-grid-view-card .x-field-set .x-grid-cell-label {
    display: none !important; }

.x-panel.type-icon .x-grid-view-card .x-grid-cell, .x-panel.type-customicon .x-grid-view-card .x-grid-cell {
  display: flex !important;
  justify-content: center;
  align-items: center; }

.x-panel.type-icon .x-grid-view-card .x-grid-cell:not(.x-field-svg), .x-panel.type-customicon .x-grid-view-card .x-grid-cell:not(.x-field-svg) {
  display: none !important; }

.x-panel.type-icon .x-grid-view-card .x-field-svg, .x-panel.type-customicon .x-grid-view-card .x-field-svg {
  width: 100% !important;
  height: 100% !important; }
  .x-panel.type-icon .x-grid-view-card .x-field-svg .x-grid-cell-label, .x-panel.type-customicon .x-grid-view-card .x-field-svg .x-grid-cell-label {
    display: none !important; }
  .x-panel.type-icon .x-grid-view-card .x-field-svg .x-grid-cell-inner, .x-panel.type-customicon .x-grid-view-card .x-field-svg .x-grid-cell-inner {
    position: static; }
  .x-panel.type-icon .x-grid-view-card .x-field-svg svg, .x-panel.type-customicon .x-grid-view-card .x-field-svg svg {
    height: 30px !important;
    max-width: 60px !important; }

.x-btn-text .merchantname {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px; }

.x-splitter {
  background: #ececec !important; }

.x-panel-body-default {
  overflow-x: hidden !important; }

.x-tool-img {
  background: none !important; }

.x-tool-default-focus {
  border: none !important; }

.x-tab-default-top {
  border-radius: 5px 5px 0 0 !important; }

#mainNav .x-tool-tool-el {
  display: none !important; }

#mainNav .x-treelist {
  padding: 6px !important; }
  #mainNav .x-treelist .x-treelist-root-container .x-treelist-item-text {
    cursor: pointer !important; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-row {
    padding: 0 !important;
    margin-bottom: 6px;
    background: #ECECEC; }
    #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-row .x-treelist-item-text {
      font-size: 16px;
      padding: 6px 10px;
      margin: 0; }
    #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-row .x-treelist-item-icon {
      display: none; }
    #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-row .x-treelist-item-expander {
      opacity: 0 !important; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-container > *:first-child {
    margin-top: 0; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item > .x-treelist-container > *:last-child {
    margin-bottom: 15px; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item.x-treelist-item-expanded > .x-treelist-row .x-treelist-item-text {
    background: #ECECEC; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item .x-treelist-item > .x-treelist-row {
    padding-left: 10px;
    padding-right: 0 !important; }
    #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item .x-treelist-item > .x-treelist-row .x-treelist-item-text {
      line-height: 32px; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item .x-treelist-item .x-treelist-item > .x-treelist-row {
    padding-left: 24px; }
    #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item .x-treelist-item .x-treelist-item > .x-treelist-row .x-treelist-item-icon {
      display: inline-flex; }
  #mainNav .x-treelist .x-treelist-root-container > .x-treelist-item .x-treelist-item .x-treelist-item .x-treelist-item > .x-treelist-row {
    padding-left: 40px; }
  #mainNav .x-treelist .x-treelist-item-expander {
    color: black;
    opacity: 0.15;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
    transition: all ease-in-out 0.3s; }
    #mainNav .x-treelist .x-treelist-item-expander:after {
      content: "" !important; }
    #mainNav .x-treelist .x-treelist-item-expander:hover {
      opacity: 1 !important; }
  #mainNav .x-treelist .x-treelist-item-expanded > .x-treelist-row > .x-treelist-item-wrap > .x-treelist-item-expander {
    transform: translate(0, -50%) rotate(90deg) !important; }
  #mainNav .x-treelist .x-treelist-item-icon {
    color: black; }
  #mainNav .x-treelist .x-treelist-item-icon.fa-th-large:before {
    line-height: 33px; }
  #mainNav .x-treelist .x-treelist-item-svg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    #mainNav .x-treelist .x-treelist-item-svg:before {
      display: none !important; }
    #mainNav .x-treelist .x-treelist-item-svg svg {
      height: 14px !important;
      width: auto !important; }
  #mainNav .x-treelist .x-treelist-item.x-adminonly:not(.x-treelist-item-over) > .x-treelist-row > x-treelist-item-text {
    position: relative; }
    #mainNav .x-treelist .x-treelist-item.x-adminonly:not(.x-treelist-item-over) > .x-treelist-row > x-treelist-item-text:after {
      font-family: 'FontAwesome';
      content: '\f023';
      margin-left: 10px;
      color: rgba(0, 0, 0, 0.05);
      position: absolute;
      right: 10px; }

.x-menu-item-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.icon-check:before {
  content: '\f00c';
  font-family: FontAwesome;
  color: #727272;
  display: inline-block; }

.x-tab-icon-el:before {
  line-height: 20px !important; }

.x-menu-item-glyph {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .x-menu-item-glyph svg {
    height: 15px !important;
    width: auto !important; }
    .x-menu-item-glyph svg path {
      fill: #919191 !important; }
      .x-menu-item-active .x-menu-item-glyph svg path {
        fill: #fff !important; }

.x-btn, .x-form-trigger {
  border: none !important;
  background: var(--base-color) !important;
  outline: none !important; }
  .x-btn, .x-btn span, .x-btn .x-btn-wrap, .x-btn .x-btn-wrap:after, .x-form-trigger, .x-form-trigger span, .x-form-trigger .x-btn-wrap, .x-form-trigger .x-btn-wrap:after {
    color: #fff !important; }
  .x-btn.x-btn-pressed, .x-btn:hover, .x-form-trigger.x-btn-pressed, .x-form-trigger:hover {
    opacity: 0.8; }

.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
  margin-top: -2px; }

.x-btn.extended .x-btn-arrow:after {
  display: none !important; }

.x-btn.extended .x-btn-icon {
  padding-right: 1px !important;
  font-size: 19px !important; }

.x-btn-icon-el-default-small, .x-menu-item-icon {
  background-size: contain !important; }

.x-link {
  text-decoration: none;
  color: var(--base-color); }
  .x-link:hover {
    opacity: 0.7; }

.fr-box {
  position: relative;
  padding: 0;
  height: 100%; }
  .fr-box .fr-toolbar {
    border-radius: 0 !important;
    border-color: #D0D0D0 !important; }
    .fr-box .fr-toolbar svg {
      height: 20px !important; }
      .fr-box .fr-toolbar svg path {
        fill: rgba(0, 0, 0, 0.5) !important; }
    .fr-box .fr-toolbar .fr-btn-grp {
      margin-left: 4px !important; }
    .fr-box .fr-toolbar button {
      margin: 0 !important;
      padding: 5px !important; }
      .fr-box .fr-toolbar button svg {
        margin: 0 !important;
        width: auto !important; }
      .fr-box .fr-toolbar button[id='italic-1'], .fr-box .fr-toolbar button[id='html-1'] {
        padding: 0 !important; }
  .fr-box .fr-dropdown:after {
    border-top-color: rgba(0, 0, 0, 0.5) !important; }
  .fr-box .fr-newline {
    display: none !important; }
  .fr-box .fr-tooltip {
    z-index: 999999 !important; }
  .fr-box .fr-popup {
    z-index: 99991 !important; }
  .fr-box .fr-quick-insert {
    margin-left: 20px !important; }
  .fr-box .fr-qi-helper {
    padding-left: 30px !important; }
  .fr-box .fr-placeholder {
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    color: #000 !important;
    opacity: 0.6; }
  .fr-box .fr-wrapper {
    border-bottom: none !important; }
  .fr-box .fr-view {
    padding: 0 15px !important;
    line-height: initial;
    min-height: 60px !important; }
    .fr-box .fr-view p, .fr-box .fr-view table {
      margin: 0 0 10px 0; }
    .fr-box .fr-view table {
      margin-bottom: 20px; }
    .fr-box .fr-view img {
      border: solid 1px #D0D0D0;
      min-width: 100px;
      min-height: 100px; }
    .fr-box .fr-view a {
      color: var(--base-color);
      text-decoration: none; }
    .fr-box .fr-view a.button {
      padding: 5px 20px;
      background: var(--base-color);
      color: #fff;
      display: inline-block; }
    .fr-box .fr-view .name, .fr-box .fr-view .tag {
      border: solid 1px var(--base-color);
      display: inline-block;
      padding: 3px 6px; }

.fr-popup {
  z-index: 50000 !important; }

.dynamicform .x-field input, .dynamicform .x-field textarea {
  border: none !important; }

.dynamicform .x-field:hover .help-label {
  color: var(--base-color) !important; }

.dynamicform .x-field.x-field-invalid .x-form-trigger-wrap-default {
  border: solid 1px #b71c1c !important; }

.dynamicform .x-field.x-field-invalid.x-field-type-boolean {
  border: solid 1px #b71c1c !important; }

.dynamicform .x-form-item.required .x-form-item-label-text {
  font-weight: bold !important; }

.dynamicform .x-fieldset {
  background: none !important; }
  .dynamicform .x-fieldset.x-fieldset-without-border {
    border: none !important;
    padding: 0;
    margin: 0 0 2em 0; }

.dynamicform .x-reference .x-form-trigger-wrap {
  border: none !important; }

.dynamicform .x-reference .x-reference-combo .x-pickerfield-open .x-form-trigger {
  transform: rotate(180deg); }

.dynamicform .x-reference input {
  border: solid 1px #D0D0D0 !important; }

.dynamicform .x-reference.x-field-invalid input {
  border: solid 1px #b71c1c !important; }

.dynamicform.childform-inline {
  margin: 6px 0 16px 0 !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px #D0D0D0, inset 3px 0 0 0 var(--base-color) !important;
  background-color: rgba(0, 0, 0, 0.02) !important; }
  .dynamicform.childform-inline .x-form-item {
    margin: 0 0 4px 0 !important; }
  .dynamicform.childform-inline .x-panel-body {
    background: none !important; }

.dynamicform-test .childform-inline {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(194, 121, 10, 0.5), inset 3px 0 0 0 #C2790A !important;
  background-color: rgba(194, 121, 10, 0.07) !important; }
  .dynamicform-test .childform-inline::before {
    content: "Testmodus";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 2px 9px;
    font: 700 9px/1.4 "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    background: #C2790A;
    border-bottom-left-radius: 6px;
    pointer-events: none; }

.x-boundlist .x-list-plain {
  overflow-x: hidden; }

.x-boundlist li {
  white-space: nowrap; }

.x-legend-item {
  border: none !important;
  text-align: left;
  padding: 4px 10px 4px 26px !important;
  color: rgba(0, 0, 0, 0.7) !important; }
  .x-legend-item .x-legend-item-marker {
    left: 4px;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    width: 0.6em;
    height: 0.6em; }

.x-grid-reportrow .x-report-diff {
  margin-left: 5px;
  opacity: 0;
  font-size: 9px;
  top: -3px;
  position: relative;
  display: inline-block; }

.x-grid-reportrow:hover .x-report-diff, .x-grid-reportrow.x-grid-reportrow-selected .x-report-diff, .x-grid-reportrow.x-grid-reportrow-diff-visible .x-report-diff {
  opacity: 1.0; }

.x-report-tooltip row {
  display: block;
  white-space: nowrap; }
  .x-report-tooltip row label {
    min-width: 50px;
    display: inline-block;
    margin-right: 10px; }
  .x-report-tooltip row:first-child value {
    font-weight: bold; }
  .x-report-tooltip row:last-child {
    margin-top: 2px; }

.x-report-tooltip .x-report-diff {
  background: #fff;
  padding: 0 6px;
  border-radius: 4px;
  margin-left: 15px;
  font-weight: bold; }

.datepicker-custom-inputs {
  border-top: solid 1px #D0D0D0; }
  .datepicker-custom-inputs .x-form-trigger-wrap-default {
    border: none; }
  .datepicker-custom-inputs .x-btn-wrap {
    border: solid 1px var(--base-color); }

timespan {
  display: flex;
  gap: 0.5em; }
  timespan span:last-child {
    opacity: 0.5; }

tag {
  background: var(--base-color);
  color: white;
  padding: 4px 4px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 10px;
  margin-right: 0.5em;
  overflow: visible !important;
  text-overflow: unset !important;
  display: inline-block;
  text-transform: uppercase; }
  tag[style='background:Blue'] {
    background: var(--base-color) !important; }
  tag[style='background:LightBlue'] {
    background: #333 !important; }
  tag[onclick] {
    cursor: pointer; }
    tag[onclick]:hover {
      opacity: 0.8; }
  tag[style='background:Blue'] {
    background: var(--base-color) !important; }
  tag.loading {
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 44px;
    animation: loading 1s ease-in-out infinite; }
  tag.fa:before {
    font-family: FontAwesome !important;
    font-size: 1em; }
  tag[style='background:Transparent'] {
    background: transparent !important;
    color: var(--base-color);
    font-weight: bold;
    margin-right: 1em;
    border: none;
    padding: 2px 4px;
    border: solid 1px #D0D0D0; }
    tag[style='background:Transparent']:before {
      margin-right: 0.5em;
      font-weight: 100; }

@keyframes loading {
  0% {
    background: rgba(0, 0, 0, 0.05); }
  50% {
    background: rgba(0, 0, 0, 0.1); }
  100% {
    background: rgba(0, 0, 0, 0.05); } }

.x-field-widget-codeeditor .x-form-item-body-default {
  border: solid 1px #D0D0D0;
  padding: 10px; }

body {
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
  z-index: 0; }

#version {
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  position: fixed;
  z-index: 1 !important;
  right: 30px;
  bottom: 30px;
  color: #fff;
  opacity: 0.3;
  cursor: help; }
  #version:hover {
    opacity: 0.8; }

.version-button {
  opacity: 0.3; }
  .version-button:hover {
    opacity: 0.8; }

body.east-panel-visible .top-toolbar {
  opacity: 0.3;
  pointer-events: none; }
  body.east-panel-visible .top-toolbar .version-button {
    display: none !important; }

.top-toolbar {
  position: fixed !important;
  right: 0;
  top: 0;
  width: auto !important;
  height: 44px !important;
  z-index: 10; }
  .top-toolbar .x-panel-body-default {
    background: none; }
  .top-toolbar > .x-panel-bodyWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .top-toolbar .x-btn {
    border: none !important;
    outline: none !important;
    box-shadow: none !important; }
    .top-toolbar .x-btn.tag .x-btn-icon-el {
      margin-top: -2px;
      margin-right: 4px; }
    .top-toolbar .x-btn.tag:not(.has-url) {
      pointer-events: none; }
    .top-toolbar .x-btn.tag:hover {
      opacity: 1; }
  .top-toolbar .x-btn-wrap:after {
    display: none !important; }

html.flow-panel-visible:not(.tab-mode-active) .top-toolbar {
  right: 50px !important; }

#help {
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  position: fixed;
  z-index: 999999 !important;
  right: 14px;
  top: 14px;
  color: #fff;
  cursor: help;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 20px;
  transition: max-width 0.6s; }
  #help span {
    opacity: 0;
    transition: opacity 0.6s;
    color: #fff; }
  #help:before {
    content: '?';
    color: #000;
    background: #fff;
    border-radius: 100%;
    min-width: 18px;
    min-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    font-weight: bold;
    font-size: 12px; }
  [data-user-authenticated='true'] #help, [data-user-authenticated='true'] #help:before, [data-user-authenticated='true'] #help * {
    transition-delay: 1.5s; }
  [data-navnode] #help, #help:hover {
    max-width: 60px; }
    [data-navnode] #help span, #help:hover span {
      opacity: 1.0; }
    [data-navnode] #help:before, #help:hover:before {
      background: #fff;
      color: #000; }
  #help:hover {
    opacity: 0.7; }

html.flow-panel-visible #help {
  display: none; }

.container .containerInner {
  background: red; }

.label-light {
  opacity: 0.5; }

::-webkit-scrollbar-track {
  background-color: #ececec; }

::-webkit-scrollbar {
  width: 10px;
  background-color: #ececec; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); }

html.download-active:after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100; }

#download-button {
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
  position: fixed;
  z-index: 101;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px; }
  #download-button:before {
    display: inline-block;
    font-family: FontAwesome;
    content: '\f0ed';
    color: white;
    font-size: 34px;
    margin-bottom: 14px; }
  #download-button:hover {
    opacity: 0.8; }

html.flow-active #version, html.flow-active #help {
  display: none; }