coffeescript-ui/demo/public/css/cui_ng.css

Coffeescript User Interface System

@charset "UTF-8";
/*
 * coffeescript-ui - Coffeescript User Interface System (CUI)
 * Copyright (c) 2013 - 2016 Programmfabrik GmbH
 * MIT Licence
 * https://github.com/programmfabrik/coffeescript-ui, http://www.coffeescript-ui.org
*/
/*
 * coffeescript-ui - Coffeescript User Interface System (CUI)
 * Copyright (c) 2013 - 2016 Programmfabrik GmbH
 * MIT Licence
 * https://github.com/programmfabrik/coffeescript-ui, http://www.coffeescript-ui.org
*/
/*
 * coffeescript-ui - Coffeescript User Interface System (CUI)
 * Copyright (c) 2013 - 2016 Programmfabrik GmbH
 * MIT Licence
 * https://github.com/programmfabrik/coffeescript-ui, http://www.coffeescript-ui.org
*/
.svg-arrow-right {
  width: 31.49px;
  height: 31.49px; }

.svg-close {
  width: 12px;
  height: 12px; }

.svg-drupal {
  width: 14px;
  height: 14px; }

.svg-easydb {
  width: 24px;
  height: 24px; }

.svg-external-link {
  width: 12px;
  height: 12px; }

.svg-falcon-io {
  width: 14px;
  height: 14px; }

.svg-folder-shared-upload {
  width: 15px;
  height: 19px; }

.svg-folder-shared {
  width: 15px;
  height: 19px; }

.svg-folder-upload {
  width: 15px;
  height: 19px; }

.svg-folder {
  width: 15px;
  height: 19px; }

.svg-grid {
  width: 16px;
  height: 13px; }

.svg-hierarchy {
  width: 14px;
  height: 14px; }

.svg-info-circle {
  width: 14px;
  height: 14px; }

.svg-inherit {
  width: 345.5px;
  height: 345.5px; }

.svg-merge-icon {
  width: 512px;
  height: 512px; }

.svg-multiple {
  width: 10px;
  height: 12px; }

.svg-popup {
  width: 15px;
  height: 14px; }

.svg-remove-icon {
  width: 512px;
  height: 512px; }

.svg-reset {
  width: 12px;
  height: 12px; }

.svg-rows {
  width: 16px;
  height: 13px; }

.svg-select-all {
  width: 15px;
  height: 15px; }

.svg-select-pages {
  width: 15px;
  height: 15px; }

.svg-spinner {
  width: 14px;
  height: 14px; }

.svg-table {
  width: 15px;
  height: 13px; }

.svg-tag-o {
  width: 13px;
  height: 13px; }

.svg-trash {
  width: 13px;
  height: 13px; }

.svg-typo3 {
  width: 14px;
  height: 14px; }

html {
  --highlight: #0065d1;
  --highlight-light: #b3d7ff;
  --highlight-light-transparent: rgba(179, 215, 255, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #c6d8ec;
  --on-highlight-border: #6eaef2;
  --on-highlight-light-muted-color: #7a98b8;
  --on-highlight-light-secondary-color: #56728f;
  --top-header-background: #dadfe2; }

[data-theme-color="red"] {
  --highlight: #f00c00;
  --highlight-light: #ffbbb8;
  --highlight-light-transparent: rgba(255, 187, 184, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #edcbc9;
  --on-highlight-border: #f4908a;
  --on-highlight-light-muted-color: #b9817e;
  --on-highlight-light-secondary-color: #935b58; }

[data-theme-color="orange"] {
  --highlight: #eb8900;
  --highlight-light: #ffdfb3;
  --highlight-light-transparent: rgba(255, 223, 179, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #ecdcc6;
  --on-highlight-border: #f4c686;
  --on-highlight-light-muted-color: #b89e7a;
  --on-highlight-light-secondary-color: #8f7856; }

[data-theme-color="yellow"] {
  --highlight: #dbaf00;
  --highlight-light: #ffe680;
  --highlight-light-transparent: rgba(255, 230, 128, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #dfd29f;
  --on-highlight-border: #f2da78;
  --on-highlight-light-muted-color: #a69659;
  --on-highlight-light-secondary-color: #706743; }

[data-theme-color="green"] {
  --highlight: #53cf26;
  --highlight-light: #c0f6ac;
  --highlight-light-transparent: rgba(192, 246, 172, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #cbdfc3;
  --on-highlight-border: #b3e2a2;
  --on-highlight-light-muted-color: #8c9c86;
  --on-highlight-light-secondary-color: #697066; }

[data-theme-color="blue"] {
  --highlight: #0065d1;
  --highlight-light: #b3d7ff;
  --highlight-light-transparent: rgba(179, 215, 255, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #c6d8ec;
  --on-highlight-border: #6eaef2;
  --on-highlight-light-muted-color: #7a98b8;
  --on-highlight-light-secondary-color: #56728f; }

[data-theme-color="purple"] {
  --highlight: #cd74e2;
  --highlight-light: #f8d6ff;
  --highlight-light-transparent: rgba(248, 214, 255, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #f1e0f5;
  --on-highlight-border: #f6ecf8;
  --on-highlight-light-muted-color: #bb92c4;
  --on-highlight-light-secondary-color: #9866a3; }

[data-theme-color="pink"] {
  --highlight: #ff2969;
  --highlight-light: #ffbdd1;
  --highlight-light-transparent: rgba(255, 189, 209, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #eecdd7;
  --on-highlight-border: #f9becf;
  --on-highlight-light-muted-color: #bb8192;
  --on-highlight-light-secondary-color: #965a6c; }

[data-theme-color="brown"] {
  --highlight: #a2845d;
  --highlight-light: #eddeca;
  --highlight-light-transparent: rgba(237, 222, 202, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #dbdbdb;
  --on-highlight-border: #cdc8c1;
  --on-highlight-light-muted-color: #9c9c9c;
  --on-highlight-light-secondary-color: #757575; }

[data-theme-color="graphite"] {
  --highlight: #6e6e72;
  --highlight-light: #d7d7db;
  --highlight-light-transparent: rgba(215, 215, 219, 0);
  --on-highlight-color: white;
  --on-highlight-muted-color: #d9d9d9;
  --on-highlight-border: #b8b8b8;
  --on-highlight-light-muted-color: #999999;
  --on-highlight-light-secondary-color: #737373; }

table {
  border-collapse: collapse; }

td {
  vertical-align: top;
  padding: 0;
  margin: 0; }

ul {
  margin: 0;
  padding-left: 16px; }

a {
  text-decoration: none;
  color: #1a1a1a; }

kbd {
  padding: 1px 5px;
  display: inline-block;
  border: 1px solid #ababab;
  background: white;
  border-radius: 2px;
  text-align: center; }

.italic {
  font-style: italic; }

html {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #1a1a1a; }

label {
  box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  line-height: 16px;
  background: #f7f7f8;
  color: #1a1a1a;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input,
textarea {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 100px;
  font-size: inherit;
  color: #50585e;
  border: 1px solid #bfcbd4;
  border-top-color: #b6c4ce;
  border-radius: 4px;
  box-shadow: 0 1px rgba(0, 0, 0, 0.03) inset, 0 2px rgba(0, 0, 0, 0.01) inset;
  background: white;
  font-family: inherit;
  padding: 2px 3px;
  margin: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
  resize: vertical; }
  input.cui-input-shadow,
  textarea.cui-input-shadow {
    position: absolute;
    display: block;
    padding: 0;
    border: none;
    top: -1000px;
    left: -1000px; }

[data-max-chars] {
  box-sizing: content-box;
  text-align: center; }

[data-max-chars="1"] {
  width: 2ch; }

[data-max-chars="2"] {
  width: 3ch; }

[data-max-chars="3"] {
  width: 4ch; }

[data-max-chars="4"] {
  width: 5ch; }

[data-max-chars="5"] {
  width: 6ch; }

[data-max-chars="6"] {
  width: 7ch; }

[data-max-chars="7"] {
  width: 8ch; }

[data-max-chars="8"] {
  width: 9ch; }

[data-max-chars="9"] {
  width: 10ch; }

[data-max-chars="10"] {
  width: 10ch; }

[data-max-chars="11"] {
  width: 11ch; }

[data-max-chars="12"] {
  width: 12ch; }

[data-max-chars="13"] {
  width: 13ch; }

[data-max-chars="14"] {
  width: 14ch; }

[data-max-chars="15"] {
  width: 15ch; }

[data-max-chars="16"] {
  width: 16ch; }

[data-max-chars="17"] {
  width: 17ch; }

[data-max-chars="18"] {
  width: 18ch; }

[data-max-chars="19"] {
  width: 19ch; }

[data-max-chars="20"] {
  width: 20ch; }

[data-max-chars="21"] {
  width: 21ch; }

[data-max-chars="22"] {
  width: 22ch; }

[data-max-chars="23"] {
  width: 23ch; }

[data-max-chars="24"] {
  width: 24ch; }

[data-max-chars="25"] {
  width: 25ch; }

[data-max-chars="26"] {
  width: 26ch; }

[data-max-chars="27"] {
  width: 27ch; }

[data-max-chars="28"] {
  width: 28ch; }

[data-max-chars="29"] {
  width: 29ch; }

[data-max-chars="30"] {
  width: 30ch; }

[data-max-chars="31"] {
  width: 31ch; }

[data-max-chars="32"] {
  width: 32ch; }

[data-max-chars="33"] {
  width: 33ch; }

[data-max-chars="34"] {
  width: 34ch; }

[data-max-chars="35"] {
  width: 35ch; }

[data-max-chars="36"] {
  width: 36ch; }

[data-max-chars="37"] {
  width: 37ch; }

[data-max-chars="38"] {
  width: 38ch; }

[data-max-chars="39"] {
  width: 39ch; }

[data-max-chars="40"] {
  width: 40ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="1"] {
  width: 2.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="2"] {
  width: 3.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="3"] {
  width: 4.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="4"] {
  width: 5.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="5"] {
  width: 6.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="6"] {
  width: 7.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="7"] {
  width: 8.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="8"] {
  width: 9.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="9"] {
  width: 10.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="10"] {
  width: 11.5ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="10"] {
  width: 15.4ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="11"] {
  width: 16.885ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="12"] {
  width: 18.36ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="13"] {
  width: 19.825ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="14"] {
  width: 21.28ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="15"] {
  width: 22.725ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="16"] {
  width: 24.16ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="17"] {
  width: 25.585ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="18"] {
  width: 27ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="19"] {
  width: 28.405ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="20"] {
  width: 29.8ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="21"] {
  width: 31.185ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="22"] {
  width: 32.56ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="23"] {
  width: 33.925ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="24"] {
  width: 35.28ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="25"] {
  width: 36.625ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="26"] {
  width: 37.96ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="27"] {
  width: 39.285ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="28"] {
  width: 40.6ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="29"] {
  width: 41.905ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="30"] {
  width: 43.2ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="31"] {
  width: 44.485ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="32"] {
  width: 45.76ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="33"] {
  width: 47.025ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="34"] {
  width: 48.28ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="35"] {
  width: 49.525ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="36"] {
  width: 50.76ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="37"] {
  width: 51.985ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="38"] {
  width: 53.2ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="39"] {
  width: 54.405ch; }

.cui-browser-ie:not(.cui-browser-edge) [data-max-chars="40"] {
  width: 55.6ch; }

input[data-max-chars] {
  min-width: 0; }

.css-swatch {
  width: 24px;
  height: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14) inset; }
  .css-swatch.cui-swatch-color-red {
    background: #ffbbb8; }
  .css-swatch.cui-swatch-color-orange {
    background: #ffdfb3; }
  .css-swatch.cui-swatch-color-yellow {
    background: #ffe680; }
  .css-swatch.cui-swatch-color-green {
    background: #c0f6ac; }
  .css-swatch.cui-swatch-color-blue {
    background: #b3d7ff; }
  .css-swatch.cui-swatch-color-purple {
    background: #f8d6ff; }
  .css-swatch.cui-swatch-color-pink {
    background: #ffbdd1; }
  .css-swatch.cui-swatch-color-brown {
    background: #eddeca; }
  .css-swatch.cui-swatch-color-graphite {
    background: #d7d7db; }

body[data-cursor] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

body[data-cursor="default"] * {
  cursor: default !important; }

body[data-cursor="move"] * {
  cursor: move !important; }

body[data-cursor="col-resize"] * {
  cursor: col-resize !important; }

body[data-cursor="row-resize"] * {
  cursor: row-resize !important; }

body[data-cursor="n-resize"] * {
  cursor: n-resize !important; }

body[data-cursor="e-resize"] * {
  cursor: e-resize !important; }

body[data-cursor="s-resize"] * {
  cursor: s-resize !important; }

body[data-cursor="w-resize"] * {
  cursor: w-resize !important; }

body[data-cursor="ne-resize"] * {
  cursor: ne-resize !important; }

body[data-cursor="nw-resize"] * {
  cursor: nw-resize !important; }

body[data-cursor="se-resize"] * {
  cursor: se-resize !important; }

body[data-cursor="sw-resize"] * {
  cursor: sw-resize !important; }

body[data-cursor="ew-resize"] * {
  cursor: ew-resize !important; }

body[data-cursor="ns-resize"] * {
  cursor: ns-resize !important; }

body[data-cursor="nesw-resize"] * {
  cursor: nesw-resize !important; }

body[data-cursor="grabbing"] * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important; }

* {
  box-sizing: border-box; }

li > div {
  display: inline-flex; }

.cui-root-layout {
  overflow: hidden; }

.cui-horizontal-layout {
  display: flex;
  flex-shrink: 0;
  flex-direction: row; }
  .cui-horizontal-layout.cui-maximize-horizontal {
    overflow: auto; }
    .cui-horizontal-layout.cui-maximize-horizontal > .cui-horizontal-layout-left {
      position: relative;
      overflow: auto; }
    .cui-horizontal-layout.cui-maximize-horizontal > .cui-horizontal-layout-center {
      position: relative;
      flex: 1 1 0%;
      min-width: 0;
      overflow: auto; }
    .cui-horizontal-layout.cui-maximize-horizontal > .cui-horizontal-layout-right {
      overflow: auto; }
  .cui-horizontal-layout.cui-horizontal-list > .cui-horizontal-layout-center {
    flex-direction: row; }
  .cui-horizontal-layout.cui-maximize-vertical {
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0; }

.cui-horizontal-layout-left,
.cui-horizontal-layout-center,
.cui-horizontal-layout-right {
  display: flex;
  flex-direction: column; }

.cui-vertical-layout {
  flex-shrink: 0;
  overflow: hidden;
  max-width: 100%; }
  .cui-vertical-layout.cui-maximize-horizontal {
    align-self: stretch;
    width: 100%; }
  .cui-vertical-layout.cui-maximize-vertical {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%; }
    .cui-vertical-layout.cui-maximize-vertical > .cui-vertical-layout-top,
    .cui-vertical-layout.cui-maximize-vertical > .cui-vertical-layout-bottom {
      display: flex;
      flex-direction: column;
      position: relative;
      flex-shrink: 0;
      overflow: hidden; }
    .cui-vertical-layout.cui-maximize-vertical > .cui-vertical-layout-center {
      display: flex;
      flex-direction: column;
      position: relative;
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto; }
      .cui-vertical-layout.cui-maximize-vertical > .cui-vertical-layout-center > .cui-button {
        align-self: flex-start; }
  .cui-vertical-layout.cui-absolute {
    position: relative;
    width: 100%;
    height: 100%; }
    .cui-vertical-layout.cui-absolute > div {
      position: absolute !important;
      left: 0;
      right: 0;
      width: 100%; }
    .cui-vertical-layout.cui-absolute > .cui-vertical-layout-top {
      top: 0; }
    .cui-vertical-layout.cui-absolute > .cui-vertical-layout-center {
      top: 0;
      bottom: 0; }
    .cui-vertical-layout.cui-absolute > .cui-vertical-layout-bottom {
      bottom: 0; }

.cui-vertical-layout-top,
.cui-vertical-layout-center,
.cui-vertical-layout-bottom {
  flex-shrink: 0; }
  .cui-vertical-layout-top > .cui-sticky-header,
  .cui-vertical-layout-center > .cui-sticky-header,
  .cui-vertical-layout-bottom > .cui-sticky-header {
    flex-basis: auto; }

.cui-horizontal-layout.cui-absolute {
  position: relative;
  width: 100%;
  height: 100%; }
  .cui-horizontal-layout.cui-absolute > div {
    position: absolute !important;
    top: 0;
    bottom: 0; }
  .cui-horizontal-layout.cui-absolute > .cui-horizontal-layout-left {
    left: 0; }
  .cui-horizontal-layout.cui-absolute > .cui-horizontal-layout-center {
    left: 0;
    right: 0; }
  .cui-horizontal-layout.cui-absolute > .cui-horizontal-layout-right {
    right: 0; }

.cui-flex-handle-hidden {
  display: none; }

.cui-flex-handle {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .cui-flex-handle.cui-flex-handle-has-label:not(.cui-flex-handle-closed) .cui-label {
    display: none; }

.cui-browser-ie:not(.cui-browser-edge) .cui-flex-handle.drag-drop-select-helper:after {
  content: "";
  top: 0;
  left: 9px;
  border-right: 3px dotted var(--highlight);
  height: 100%;
  opacity: 0.5;
  position: absolute; }

.cui-flex-handle-row {
  width: 10px;
  margin: 0 -5px; }
  .cui-flex-handle-row:not(.cui-flex-handle-closed) {
    cursor: ew-resize; }
  .cui-flex-handle-row.cui-flex-handle-closed {
    cursor: pointer;
    overflow: hidden; }
  .cui-flex-handle-row.cui-flex-handle-has-label.cui-flex-handle-closed {
    width: 32px;
    margin: 0;
    background: white; }
    .cui-flex-handle-row.cui-flex-handle-has-label.cui-flex-handle-closed .cui-label.cui-label-rotate-90 {
      font-size: 14px;
      margin: 11px 0;
      margin-left: -2px; }
      .cui-flex-handle-row.cui-flex-handle-has-label.cui-flex-handle-closed .cui-label.cui-label-rotate-90 .cui-label-transform {
        transform: rotate(-90deg) translateY(150%);
        transform-origin: left bottom; }

.cui-flex-handle-column {
  height: 10px;
  margin: -5px 0;
  width: 100%; }
  .cui-flex-handle-column.cui-flex-handle-has-label.cui-flex-handle-closed {
    margin: 0; }
  .cui-flex-handle-column:not(.cui-flex-handle-closed) {
    cursor: ns-resize; }
  .cui-flex-handle-column.cui-flex-handle-closed {
    cursor: pointer; }

.cui-flex-handle-stretched {
  flex: 1 1 auto !important; }

.cui-flex-handle-hide-for-stretch {
  display: none; }

.cui-is-manually-sized {
  flex-grow: 0 !important;
  flex-shrink: 0 !important; }
  .cui-is-manually-sized + .cui-flex-handle + * {
    flex-shrink: 1 !important; }

.cui-pane-fill-screen {
  transition: top ease-out 0.5s,right ease-out 0.5s,left ease-out 0.5s,bottom ease-out 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; }
  .cui-pane-fill-screen .cui-pane-fill-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white; }
    .cui-pane-fill-screen .cui-pane-fill-screen .cui-pane-fill-screen-inner {
      width: 100%;
      height: 100%; }
      .cui-pane-fill-screen .cui-pane-fill-screen .cui-pane-fill-screen-inner > .cui-maximize-vertical.cui-vertical-layout {
        height: 100%; }
  .cui-pane-fill-screen.cui-pane-fill-screen-is-on {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important; }

.cui-border-layout-north:empty,
.cui-border-layout-south:empty,
.cui-border-layout-west:empty,
.cui-border-layout-east:empty {
  display: none; }

.cui-border {
  border: 1px solid #cbd5dc; }

.cui-border-top {
  border-top: 1px solid #cbd5dc; }

.cui-border-bottom {
  border-bottom: 1px solid #cbd5dc; }

.cui-border-right {
  border-right: 1px solid #cbd5dc; }

.cui-border-left {
  border-left: 1px solid #cbd5dc; }

.cui-toolbar {
  display: flex;
  min-height: 34px;
  justify-content: space-between;
  background: #eef0f1;
  box-sizing: content-box;
  overflow: visible !important; }
  .cui-toolbar + .cui-toolbar {
    padding-bottom: 1px; }
    .cui-toolbar + .cui-toolbar:last-child {
      padding-bottom: 0; }
  .cui-toolbar.cui-pane-toolbar {
    border-bottom: 1px solid #cbd5dc; }
  .cui-toolbar > .cui-horizontal-layout-left,
  .cui-toolbar > .cui-horizontal-layout-right {
    flex-direction: row;
    min-width: 0;
    overflow: visible !important; }
  .cui-toolbar > .cui-horizontal-layout-center {
    justify-content: center;
    flex-direction: row;
    overflow: visible !important; }
  .cui-toolbar > div > .cui-maximize-horizontal {
    flex: 1 1 auto;
    align-self: stretch;
    overflow: visible; }
    .cui-toolbar > div > .cui-maximize-horizontal > .cui-horizontal-layout-left,
    .cui-toolbar > div > .cui-maximize-horizontal > .cui-horizontal-layout-center,
    .cui-toolbar > div > .cui-maximize-horizontal > .cui-horizontal-layout-right {
      overflow: visible; }
  .cui-toolbar .cui-horizontal-layout-left > .cui-label:first-child {
    padding-left: 10px; }
  .cui-toolbar .cui-horizontal-layout-left > .cui-label:last-child {
    padding-right: 0; }
  .cui-toolbar .cui-horizontal-layout-right {
    flex-shrink: 0; }
    .cui-toolbar .cui-horizontal-layout-right > .cui-label:last-child {
      padding-right: 10px; }
  .cui-toolbar.cui-template-empty {
    display: none; }
  .cui-toolbar .cui-data-field-input {
    display: flex;
    align-items: center;
    min-width: 0; }
    .cui-toolbar .cui-data-field-input.cui-vertical-layout {
      align-items: stretch;
      justify-content: center; }
    .cui-toolbar .cui-data-field-input .cui-input {
      flex-grow: 0; }
  .cui-toolbar .cui-button,
  .cui-toolbar .cui-button-href,
  .cui-toolbar .cui-data-field {
    min-width: 0;
    flex-shrink: 1;
    padding: 5px; }
    .cui-toolbar .cui-button.cui-checkbox,
    .cui-toolbar .cui-button-href.cui-checkbox,
    .cui-toolbar .cui-data-field.cui-checkbox {
      height: auto;
      padding: 0; }
  .cui-toolbar .cui-button-checkbox {
    display: flex;
    align-items: center; }
  .cui-toolbar .cui-checkbox {
    max-width: none !important; }
  .cui-toolbar .cui-buttonbar {
    margin-bottom: 0;
    min-width: 0; }
    .cui-toolbar .cui-buttonbar .cui-button:not(:first-child),
    .cui-toolbar .cui-buttonbar .cui-data-field:not(:first-child),
    .cui-toolbar .cui-buttonbar .cui-button-href:not(:first-child) {
      padding-left: 0; }
    .cui-toolbar .cui-buttonbar .cui-button:not(:last-child),
    .cui-toolbar .cui-buttonbar .cui-data-field:not(:last-child),
    .cui-toolbar .cui-buttonbar .cui-button-href:not(:last-child) {
      padding-right: 0; }
    .cui-toolbar .cui-buttonbar .cui-button.cui-button-appearance-flat .cui-button-visual,
    .cui-toolbar .cui-buttonbar .cui-data-field.cui-button-appearance-flat .cui-button-visual,
    .cui-toolbar .cui-buttonbar .cui-button-href.cui-button-appearance-flat .cui-button-visual {
      padding-left: 0;
      padding-right: 0; }
    .cui-toolbar .cui-buttonbar .cui-data-field .cui-button {
      padding: 0; }
  .cui-toolbar .cui-label {
    flex-shrink: 1;
    min-width: 0;
    align-self: center;
    cursor: default; }
    .cui-toolbar .cui-label .cui-label-content {
      flex-shrink: 1;
      min-width: 0;
      display: block; }

.cui-result-navigation-toolbar {
  min-height: 34px; }

.cui-pane--window > .cui-vertical-layout-top > .cui-pane-header {
  background: #dadfe2;
  border-color: #bbc0c3;
  min-height: 34px; }
  .cui-popover .cui-pane--window > .cui-vertical-layout-top > .cui-pane-header {
    background: #e2e6e9;
    border-color: #c4c7ca; }
  .cui-pane--window > .cui-vertical-layout-top > .cui-pane-header .cui-label {
    color: #464e53;
    font-weight: 500; }

.cui-pane-header {
  flex-wrap: nowrap;
  border-bottom: 1px solid #cbd5dc;
  padding-right: 0; }
  .cui-pane-header .cui-label {
    font-size: 14px;
    height: 100%;
    cursor: default;
    display: flex;
    align-items: center; }
    .cui-pane-header .cui-label-size-mini {
      font-size: 11px; }
    .cui-pane-header .cui-label-size-big {
      font-size: 16px; }
    .cui-pane-header .cui-label-size-bigger {
      font-size: 18px; }
  .cui-pane-header .cui-horizontal-layout-left > *:only-child {
    padding-right: 0; }
  .cui-pane-header > .cui-horizontal-layout-center {
    margin-right: 5px; }
  .cui-pane-header > .cui-horizontal-layout-right {
    margin-left: 0; }
  .cui-pane-header .cui-toolbar {
    min-height: 0;
    background: none;
    border-bottom-width: 0;
    flex-wrap: nowrap; }

.cui-pane-footer {
  border-top: 1px solid #cbd5dc;
  min-height: 34px; }
  .cui-pane-footer .cui-horizontal-layout-left,
  .cui-pane-footer .cui-horizontal-layout-right {
    min-width: auto; }
  .cui-pane-footer .cui-label {
    color: #6d7478;
    font-size: 12px; }
    .cui-pane-footer .cui-label-size-mini {
      font-size: 11px; }
    .cui-pane-footer .cui-label-size-big {
      font-size: 16px; }
    .cui-pane-footer .cui-label-size-bigger {
      font-size: 18px; }
  .cui-pane-footer .cui-button-size-big .cui-button-visual {
    border-width: 1px; }

.cui-pane--padded > .cui-vertical-layout-center {
  padding: 10px; }

.cui-simple-pane > .cui-vertical-layout-center {
  overflow: auto; }

.cui-data-table {
  flex-shrink: 1;
  display: inline-block; }
  .cui-data-table.cui-maximize-horizontal {
    display: block; }
  .cui-data-table.cui-maximize-vertical {
    display: flex;
    flex: 1; }
  .cui-data-table.cui-maximize {
    flex-basis: 0%; }
    .cui-data-table.cui-maximize > .cui-list-view {
      border: none; }
  .cui-data-table > .cui-vertical-layout-center {
    flex-shrink: 1; }
  .cui-data-table > .cui-list-view {
    border: 1px solid #cbd5dc; }
  .cui-data-table .cui-pane-footer {
    min-height: 0;
    padding: 0; }
  .cui-data-table input,
  .cui-data-table textarea {
    min-width: 0; }

.cui-navigation-toolbar--mini {
  background: none;
  min-height: 20px !important; }
  .cui-navigation-toolbar--mini .cui-horizontal-layout-left > .cui-label:first-child {
    color: #adb3b8;
    font-weight: normal;
    padding-left: 5px;
    margin-right: 0; }
  .cui-navigation-toolbar--mini .cui-buttonbar {
    margin-bottom: 2px; }
  .cui-navigation-toolbar--mini .cui-button {
    padding: 0; }
  .cui-navigation-toolbar--mini .cui-input {
    padding: 0 3px;
    font-size: 11px;
    line-height: 18px; }

.cui-navigation-toolbar > .cui-horizontal-layout-left > .cui-label:last-child {
  margin-right: 10px; }

.cui-icon-svg {
  fill: currentColor;
  vertical-align: bottom;
  flex-shrink: 0;
  transform: translateZ(0); }
  .cui-icon-svg use {
    pointer-events: none; }

.fa {
  font-size: 14px; }

.fa-spinner {
  width: 1em; }

.fa-download {
  margin-top: 0.07143em; }

.svg-spinner {
  height: 18px; }

.cui-spin-stepped {
  animation: fa-spin 1s steps(8) infinite; }

.fa-times-thin:before {
  font-size: 1.58em;
  content: '\D7';
  display: block;
  margin-top: -0.09em; }

.fa-angle-right:before,
.fa-angle-left:before,
.fa-angle-down:before,
.fa-angle-double-down:before,
.fa-angle-up:before,
.fa-angle-double-up:before {
  font-size: 1.34em; }

.fa-angle-double-down {
  margin-top: 1px; }

.fa-angle-right {
  margin-left: 2px; }

.fa-angle-left {
  margin-right: 2px; }

.fa-angle-down {
  margin-bottom: -1px; }

.fa-play {
  margin-left: 1px; }

.cui-button,
.cui-button-href {
  cursor: pointer; }

.cui-button.cui-loading {
  animation: 1.2s pulse linear alternate infinite; }

@keyframes pulse {
  from {
    opacity: .33; }
  to {
    opacity: 1; } }

.cui-button-href {
  max-width: 100%; }

.cui-button-href.cui-button-appearance-link {
  word-break: break-all; }
  .cui-button-href.cui-button-appearance-link .cui-button-visual {
    height: auto;
    line-height: normal; }
  .cui-button-href.cui-button-appearance-link .cui-button-right {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 2px; }
    .cui-button-href.cui-button-appearance-link .cui-button-right:empty {
      display: block; }

.cui-button-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  flex-grow: 1; }

.cui-button-button,
.cui-button-select {
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  white-space: nowrap;
  vertical-align: top; }
  .cui-button-button .cui-button-visual,
  .cui-button-select .cui-button-visual {
    padding: 0 5px;
    height: 24px;
    font-size: 13px;
    line-height: 22px;
    color: #50585e;
    background: white;
    border: 1px solid #b9c0c6;
    border-radius: 4px; }
  .cui-button-button.cui-layer-open .cui-button-visual, .cui-button-button:active .cui-button-visual, .cui-button-button.cui-active .cui-button-visual,
  .cui-button-select.cui-layer-open .cui-button-visual,
  .cui-button-select:active .cui-button-visual,
  .cui-button-select.cui-active .cui-button-visual {
    background: #e6e8ea; }
  .cui-button-button.cui-active .cui-button-visual,
  .cui-button-select.cui-active .cui-button-visual {
    color: white;
    background: #5d707e;
    border-color: #5d707e; }
  .cui-button-button.cui-active.cui-layer-open .cui-button-visual, .cui-button-button.cui-active:active .cui-button-visual,
  .cui-button-select.cui-active.cui-layer-open .cui-button-visual,
  .cui-button-select.cui-active:active .cui-button-visual {
    color: #e8e8e8;
    background: #4a5964;
    border-color: #4a5964; }
  .cui-button-button.cui-active .cui-label-appearance-secondary,
  .cui-button-select.cui-active .cui-label-appearance-secondary {
    color: white; }
  .cui-button-button:focus,
  .cui-button-select:focus {
    outline: none; }
    .cui-button-button:focus .cui-button-visual,
    .cui-button-select:focus .cui-button-visual {
      box-shadow: 0 0 0 3px var(--highlight-light);
      border-color: var(--highlight);
      z-index: 1; }
      .cui-selected .cui-button-button:focus .cui-button-visual, .cui-selected
      .cui-button-select:focus .cui-button-visual {
        box-shadow: 0 0 0 3px var(--on-highlight-border); }

.cui-button-button.cui-disabled {
  cursor: default;
  opacity: 1;
  pointer-events: auto; }
  .cui-button-button.cui-disabled .cui-button-visual {
    color: #b5bbbf;
    border-color: #b9c0c6; }
  .cui-button-button.cui-disabled:active .cui-button-visual {
    background: white; }
  .cui-button-button.cui-disabled.cui-active .cui-button-visual, .cui-button-button.cui-disabled.cui-active:active .cui-button-visual {
    color: #8a9ca8;
    background: #5d707e;
    border-color: #5d707e; }

.cui-button-button.cui-button-appearance-important .cui-button-visual, .cui-button-button.cui-button--primary .cui-button-visual {
  color: var(--on-highlight-color);
  background: var(--highlight);
  border-color: rgba(0, 0, 0, 0.14); }

.cui-button-button.cui-button-appearance-important.cui-layer-open .cui-button-visual, .cui-button-button.cui-button-appearance-important:active .cui-button-visual, .cui-button-button.cui-button--primary.cui-layer-open .cui-button-visual, .cui-button-button.cui-button--primary:active .cui-button-visual {
  opacity: 0.9;
  border-color: rgba(0, 0, 0, 0.14); }

.cui-button-button.cui-button-appearance-important.cui-disabled, .cui-button-button.cui-button--primary.cui-disabled {
  opacity: 0.5; }
  .cui-button-button.cui-button-appearance-important.cui-disabled:active .cui-button-visual, .cui-button-button.cui-button--primary.cui-disabled:active .cui-button-visual {
    background: var(--highlight); }

.cui-buttonbar-group > .cui-button-appearance-transparent-border {
  margin-left: 1px; }
  .cui-buttonbar-group > .cui-button-appearance-transparent-border.cui-first-visible-child {
    margin-left: 0; }

.cui-toolbar .cui-button-appearance-transparent-border {
  padding: 5px 6px; }

.cui-button-appearance-transparent-border.cui-layer-open .cui-button-visual, .cui-button-appearance-transparent-border:active .cui-button-visual, .cui-button-appearance-transparent-border.cui-active .cui-button-visual {
  background: rgba(255, 255, 255, 0.5); }

.cui-button-appearance-transparent-border.cui-disabled .cui-button-visual {
  border-color: transparent; }

.cui-button-appearance-transparent-border .cui-button-visual {
  padding: 0 4px;
  border-radius: 3px;
  height: 22px;
  border-color: transparent;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }

.cui-button-appearance-transparent-border.cui-button-size-mini .cui-button-visual {
  height: 18px; }

.cui-button-appearance-flat {
  align-self: auto;
  vertical-align: top; }
  .cui-button-appearance-flat .cui-button-visual {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    height: 24px;
    padding: 3px 0;
    border-radius: 4px;
    color: var(--highlight); }
  .cui-button-appearance-flat:active .cui-button-visual, .cui-button-appearance-flat.cui-layer-open .cui-button-visual, .cui-button-appearance-flat.cui-active .cui-button-visual {
    background: none;
    color: var(--highlight);
    opacity: 0.75; }
  .cui-button-appearance-flat:focus .cui-button-visual {
    box-shadow: 0 0 0 3px var(--highlight-light) inset;
    border-radius: 4px;
    z-index: 1; }

.cui-button-select {
  min-width: 64px; }
  .cui-button-select .cui-button-visual {
    padding: 0 4px 0 8px; }
  .cui-button-select .cui-button-center {
    padding: 0; }
    .cui-button-select .cui-button-center [data-max-chars] {
      text-align: inherit;
      width: auto; }
    .cui-button-select .cui-button-center span:empty:after {
      content: "\A0"; }
  .cui-button-select .cui-button-left:empty + .cui-button-center {
    padding: 0 6px 0 3px; }

.cui-button-left,
.cui-button-center,
.cui-button-right {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0 3px; }
  .cui-button-left:empty,
  .cui-button-center:empty,
  .cui-button-right:empty {
    display: none; }

.cui-button-left {
  min-width: 20px; }

.cui-button-center {
  flex-shrink: 1;
  min-width: 0; }
  .cui-button-center span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.cui-button-size-mini {
  font-size: 12px; }
  .cui-button-size-mini .cui-button-visual {
    min-width: 22px;
    height: 20px;
    padding: 0 2.5px; }
  .cui-button-size-mini .fa {
    font-size: 11px;
    line-height: 11px;
    margin-top: 1px; }
  .cui-button-size-mini .cui-icon-svg {
    transform: scale(0.75); }
    .cui-button-size-mini .cui-icon-svg.svg-close {
      transform: none;
      width: 9px;
      height: 9px; }

.cui-button-size-big.cui-button-appearance-flat {
  height: auto; }

.cui-buttonbar-group .cui-button-size-big:not(:first-child) {
  margin-left: 1px; }

.cui-button-size-big .cui-button-visual {
  font-size: 9px;
  line-height: 18px;
  height: auto;
  flex-direction: column;
  border-width: 0;
  padding: 4px 5px 0; }

.cui-button-size-big .cui-button-left {
  padding: 3px; }

.cui-button-size-big .fa {
  font-size: 21px; }

.cui-button-size-bigger {
  font-size: 18px;
  height: 43px; }
  .cui-button-size-bigger.cui-button-appearance-flat {
    height: auto; }

a[role="button"].cui-button-appearance-link {
  height: initial; }
  a[role="button"].cui-button-appearance-link > .cui-button-center {
    word-wrap: break-word; }

.cui-button-appearance-link[role] {
  display: inline-flex;
  align-self: flex-start; }
  .cui-button-appearance-link[role].cui-button-size-mini .cui-button-visual {
    font-size: 11px; }
  .cui-button-appearance-link[role] .cui-button-visual, .cui-button-appearance-link[role]:active .cui-button-visual {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    color: var(--highlight);
    line-height: 18px; }
  .cui-button-appearance-link[role]:focus .cui-button-visual {
    text-decoration: underline; }
  .cui-button-appearance-link[role] .cui-button-center {
    padding: 0; }
    .cui-button-appearance-link[role] .cui-button-center span {
      white-space: normal; }

.cui-data-field {
  max-width: 275px;
  margin: 0; }
  .cui-form-value .cui-data-field {
    max-width: none; }
  .cui-data-field.cui-form {
    max-width: 100%;
    margin: 0; }
  .cui-data-field.cui-maximize-horizontal, .cui-data-field.cui-simple-form {
    max-width: 100%;
    flex-grow: 1; }
  .cui-data-field.cui-maximize-horizontal.cui-output .cui-data-field-output-label.cui-label-multiline {
    max-width: 700px; }
  .cui-data-field .cui-list-view-grid-quadrant-3 {
    min-height: 96px; }
  .cui-data-field .cui-lv-row-move-handle-column {
    padding-top: 0;
    padding-bottom: 0; }
  .cui-data-field-disabled {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5;
    pointer-events: none; }
    .cui-data-field-disabled .cui-data-field-disabled {
      opacity: 1; }
  .cui-data-field--full-width {
    width: 100%;
    max-width: 100%; }
    .cui-data-field--full-width.cui-select > .cui-button {
      max-width: none; }
  .cui-data-field .cui-object-dumper {
    border: 1px solid #e3e6e8; }
    .cui-data-field .cui-object-dumper .cui-list-view-grid-quadrant-3 {
      min-height: auto; }
  .cui-data-field--with-button {
    display: flex;
    height: 24px;
    align-items: flex-end;
    line-height: 24px; }

.cui-data-field-center {
  flex: 1 1 auto;
  display: flex; }
  .cui-data-field-center:focus {
    z-index: 1; }
  .cui-data-field-center:not(:first-child) input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .cui-data-field-center:not(:last-child) input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .cui-data-field-center input {
    position: relative;
    width: auto !important;
    flex-grow: 1; }

.cui-data-field-right {
  position: relative; }
  .cui-data-field-right .cui-button {
    margin-left: -1px;
    height: 100%;
    vertical-align: bottom; }
    .cui-data-field-right .cui-button .cui-button-visual {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 0 5px; }
    .cui-data-field-right .cui-button:focus {
      z-index: 1; }

.cui-data-field-left {
  position: relative; }
  .cui-data-field-left .cui-button {
    margin-right: -1px;
    height: 100%;
    vertical-align: bottom; }
    .cui-data-field-left .cui-button .cui-button-visual {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      padding: 0 5px; }
    .cui-data-field-left .cui-button:focus {
      z-index: 1; }

.cui-data-field-proxy {
  min-height: 0;
  display: flex;
  flex-direction: column; }
  .cui-data-field-proxy > .cui-button-href {
    margin: 3px 0; }
  .cui-data-field-proxy > .cui-button-button {
    align-self: flex-start; }

.cui-data-field-input > .cui-button-select {
  width: 100%;
  padding: 0; }

.cui-data-field-input > .cui-label:not(.cui-data-field-output-label) {
  line-height: 24px; }

.cui-data-field-proxy > .cui-label,
.cui-data-field-output-label {
  padding: 3px 0; }
  .cui-data-field-proxy > .cui-label.cui-label-multiline,
  .cui-data-field-output-label.cui-label-multiline {
    max-width: 400px; }

.cui-checkbox {
  min-width: 0;
  max-width: 100%;
  display: inline-block;
  vertical-align: top; }
  .cui-checkbox--icon .cui-button-checkbox .cui-button-left i {
    border: none;
    background: none;
    font-size: 14px;
    opacity: 0.2; }
  .cui-checkbox--icon .cui-button-checkbox.cui-active .cui-button-left i {
    background: none;
    color: inherit;
    text-shadow: none;
    opacity: 1; }
  .cui-checkbox--multiline .cui-button-checkbox {
    white-space: initial; }
    .cui-checkbox--multiline .cui-button-checkbox .cui-button-center span {
      white-space: normal;
      word-wrap: break-word;
      text-overflow: clip; }

.cui-button-checkbox {
  display: inline-flex;
  flex-direction: row;
  cursor: pointer;
  min-height: 18px;
  line-height: 18px;
  max-width: 100%;
  padding: 3px 0;
  vertical-align: bottom; }
  .cui-button-checkbox [data-max-chars] {
    text-align: inherit; }
  .cui-button-checkbox:focus {
    outline: none; }
    .cui-button-checkbox:focus .cui-button-left span,
    .cui-button-checkbox:focus .cui-button-left i {
      box-shadow: 0 0 0 3px var(--highlight-light);
      border-color: var(--highlight);
      z-index: 1; }
      .cui-selected .cui-button-checkbox:focus .cui-button-left span, .cui-selected
      .cui-button-checkbox:focus .cui-button-left i {
        box-shadow: 0 0 0 3px var(--on-highlight-border); }
  .cui-button-checkbox.cui-active .cui-button-left i,
  .cui-button-checkbox.cui-active .cui-button-left span, .cui-button-checkbox.cui-indeterminate .cui-button-left i,
  .cui-button-checkbox.cui-indeterminate .cui-button-left span {
    position: relative;
    background: #9a9a9e;
    border-color: #919197;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
  .cui-button-checkbox.cui-active[role="radio"] .cui-button-left i, .cui-button-checkbox.cui-indeterminate[role="radio"] .cui-button-left i {
    color: transparent;
    text-shadow: none;
    border-radius: none;
    border-color: transparent;
    background: radial-gradient(#9a9a9e, #919197); }
    .cui-button-checkbox.cui-active[role="radio"] .cui-button-left i:after, .cui-button-checkbox.cui-indeterminate[role="radio"] .cui-button-left i:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 6px;
      height: 6px;
      margin: -3px 0 0 -3px;
      border-radius: 100%;
      background: white;
      box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
  .cui-button-checkbox.cui-indeterminate .cui-button-left span:after {
    content: "";
    position: absolute;
    left: 2px;
    width: 6px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background: currentColor;
    box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
  .cui-button-checkbox .cui-button-visual {
    justify-content: flex-start;
    flex: 1 0 auto;
    align-items: flex-start; }
  .cui-button-checkbox .cui-button-left {
    padding: 3px 3px 0 0;
    min-width: 12px; }
    .cui-button-checkbox .cui-button-left span,
    .cui-button-checkbox .cui-button-left i {
      display: inline-block;
      width: 12px;
      height: 12px;
      border: 1px solid #b8b8b8;
      border-top-color: #a6a6a6;
      border-bottom-color: #b8b8b8;
      background: white;
      font-size: 11px;
      line-height: 11px;
      border-radius: 2px;
      box-shadow: 0 1px rgba(0, 0, 0, 0.05) inset; }
  .cui-button-checkbox .cui-button-center {
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 5px;
    justify-content: flex-start; }
  .cui-button-checkbox[role="radio"] .cui-button-left {
    padding-top: 2px;
    padding-right: 4px; }
    .cui-button-checkbox[role="radio"] .cui-button-left span,
    .cui-button-checkbox[role="radio"] .cui-button-left i {
      width: 14px;
      height: 14px;
      border-radius: 100%; }

.cui-panel {
  border-top: 1px solid #bbc0c3;
  border-bottom: 1px solid #bbc0c3; }
  .cui-panel + .cui-panel, .cui-panel:first-child {
    border-top: none; }
  .cui-panel:last-child {
    border-bottom: none; }
  .cui-panel-closed > .cui-panel-body {
    display: none; }

.cui-panel-header {
  background: #eef0f1;
  position: relative;
  flex-shrink: 0;
  box-sizing: content-box; }
  .cui-panel-header .cui-button {
    width: calc(100% - 6px);
    height: 100%;
    align-items: stretch;
    margin: 3px; }
    .cui-panel-header .cui-button-select {
      max-width: 100%; }
    .cui-panel-header .cui-button .cui-button-visual {
      padding: 0;
      border: none;
      background: none;
      color: inherit;
      border-radius: 0;
      height: auto;
      line-height: inherit;
      line-height: 22px;
      justify-content: flex-start;
      padding: 3px 10px;
      color: #50585e;
      font-weight: bold; }
    .cui-panel-header .cui-button:active .cui-button-visual {
      background: rgba(23, 41, 54, 0.04);
      color: #50585e; }
    .cui-panel-header .cui-button .cui-button-left {
      width: 22px;
      padding-top: 1px; }
    .cui-panel-header .cui-button .cui-button-center span {
      white-space: normal; }
    .cui-panel-header .cui-button .fa-angle-right {
      padding-left: 3px; }
    .cui-panel-header .cui-button .fa-angle-right {
      margin-top: -1px; }

.cui-data-form--movable-rows {
  max-width: 100%; }
  .cui-data-form--movable-rows > .cui-horizontal-layout > .cui-horizontal-layout-center {
    max-width: 275px;
    overflow: visible; }
  .cui-data-form--movable-rows.cui-data-form--multiple-fields > .cui-horizontal-layout > .cui-horizontal-layout-center {
    max-width: 100%; }

.cui-data-form--multiple-fields > .cui-data-form-row > .cui-horizontal-layout-center {
  position: relative;
  padding: 4px 4px 4px 10px;
  border-left: 1px solid #dbdbe1; }
  .cui-data-form--multiple-fields > .cui-data-form-row > .cui-horizontal-layout-center:after, .cui-data-form--multiple-fields > .cui-data-form-row > .cui-horizontal-layout-center:before {
    content: "";
    position: absolute;
    background: #dbdbe1;
    width: 10px;
    height: 1px;
    left: 0;
    top: 0; }
  .cui-data-form--multiple-fields > .cui-data-form-row > .cui-horizontal-layout-center:after {
    top: auto;
    bottom: 0; }
  .cui-data-form--multiple-fields > .cui-data-form-row > .cui-horizontal-layout-center > .cui-data-field > .cui-form-table {
    margin: 0; }

.cui-data-form-row {
  overflow: visible !important; }
  .cui-data-form-row--read-only .cui-drag-handle-row {
    opacity: 0 !important; }
  .cui-data-form-row:first-child > .cui-horizontal-layout-center {
    margin-top: 0; }
  .cui-data-form-row:last-child > .cui-horizontal-layout-center {
    margin-bottom: 0; }
  .cui-data-form-row.cui-data-form-row--trash > .cui-horizontal-layout-center {
    opacity: 0.5; }
  .cui-data-form-row > .cui-horizontal-layout-left .cui-drag-handle-row {
    margin: 7px 7px 0 0;
    width: 12px;
    height: 10px;
    flex-grow: 0;
    cursor: -webkit-grab;
    cursor: grab; }
    .cui-data-form-row > .cui-horizontal-layout-left .cui-drag-handle-row.is-hidden {
      pointer-events: none;
      opacity: 0.33; }
  .cui-data-form-row > .cui-horizontal-layout-center {
    margin-top: 0;
    margin-bottom: 5px;
    min-width: 0; }
  .cui-data-form-row > .cui-horizontal-layout-right {
    width: 30px; }
    .cui-data-form-row > .cui-horizontal-layout-right .cui-button {
      margin-top: 1px;
      position: relative; }
      .cui-data-form-row > .cui-horizontal-layout-right .cui-button.cui-button-hidden {
        pointer-events: none; }
        .cui-data-form-row > .cui-horizontal-layout-right .cui-button.cui-button-hidden .cui-button-visual {
          opacity: 0.1; }
    .cui-data-form-row > .cui-horizontal-layout-right .cui-button-visual {
      min-width: 0;
      padding: 0 5px;
      color: rgba(115, 130, 140, 0.5); }

.cui-label {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  max-width: 100%;
  line-height: 18px; }
  .cui-vertical-layout-center > .cui-label {
    display: flex; }
  .cui-label > .cui-label-content a {
    color: var(--highlight);
    text-decoration: underline; }
  .cui-label.cui-label-rotate-90 {
    white-space: nowrap;
    margin: 5px 0;
    flex-shrink: 0;
    max-width: none;
    display: inline-block; }
    .cui-label.cui-label-rotate-90:before {
      content: "";
      float: left;
      margin-top: calc(100% - 10px); }
    .cui-label.cui-label-rotate-90 > .cui-label-transform {
      transform: rotate(-90deg) translateX(-3px) translateY(100%);
      transform-origin: left bottom;
      clear: left; }
    .cui-label.cui-label-rotate-90 .cui-label-content {
      white-space: nowrap !important; }
  .cui-label-icon:empty {
    display: none; }
  .cui-label-icon .fa {
    line-height: 18px; }
  .cui-label-size-mini {
    font-size: 11px;
    line-height: 14px; }
  .cui-label-size-big .cui-label-icon .fa, .cui-label-size-bigger .cui-label-icon .fa {
    font-size: inherit; }
  .cui-label-size-big {
    font-size: 16px; }
  .cui-label-size-bigger {
    font-size: 18px; }
  .cui-label-icon:not(:empty) + .cui-label-content:not(:empty) {
    padding-left: 7px;
    flex-shrink: 1; }
  .cui-label-content {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .cui-label-content:empty {
      display: none; }
    .cui-label-content p:first-child {
      margin-top: 0; }
    .cui-label-content p:last-child {
      margin-bottom: 0; }
    .cui-label-content em {
      background: #ffee33;
      font-style: normal; }
  .cui-label-appearance-secondary {
    color: #6d7478; }
    .cui-selected .cui-label-appearance-secondary {
      color: var(--on-highlight-light-secondary-color); }
  .cui-label-appearance-title {
    display: flex;
    font-weight: bold;
    font-size: 14px; }
    .cui-label-appearance-title.cui-label-size-big {
      font-size: 16px; }
  .cui-label-appearance-muted {
    color: #949a9e; }
    .cui-selected .cui-label-appearance-muted {
      color: var(--on-highlight-light-muted-color); }
  .cui-label--padded {
    padding: 10px; }
    .cui-label--padded + .cui-block > .cui-block-header {
      padding-top: 5px; }
  .cui-label[data-type="string"] {
    color: #50a14f; }
  .cui-label[data-type="NaN"], .cui-label[data-t