/************************************
* BASE
************************************/

HTML {
    height: 100%;
}

BODY {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

HR {
    border-color: var(--visiv-theme-base-1-border-color);
}

/************************************
* LINK
************************************/

A:link,
A:visited,
A:active,
A:hover {
    color: var(--visiv-theme-link-text-color);
}

/************************************
* BUTTON
************************************/

button:focus, input[type=button]:focus {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

button, input[type=button] {
    background: initial;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border: 1px solid;
    border-color: var(--visiv-theme-button-border-color);
    color: var(--visiv-theme-button-text-color);
}

button:hover, input[type=button]:hover {
    border-color: var(--visiv-theme-hover-border-color);
    background-color: var(--visiv-theme-hover-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-hover-back-color) 0%, var(--visiv-theme-hover-back-color) 100%);
    color: var(--visiv-theme-hover-text-color);
}

:is(button, input[type=button]):disabled,
:is(button, input[type=button]):disabled:hover {
    background-color: var(--visiv-theme-button-inactive-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-inactive-back-color-gradient) 0%, var(--visiv-theme-button-inactive-back-color) 100%);
    border-color: var(--visiv-theme-button-inactive-border-color);
    color: var(--visiv-theme-button-inactive-text-color);
    opacity: 1;
}

:is(button, input[type=button]):disabled img {
    opacity: .25;
}

/************************************
* INPUT
************************************/

INPUT:not([type=button]), TEXTAREA, SELECT {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    font-size: 12px;
}

INPUT:not([type=button]):disabled, TEXTAREA:disabled, SELECT:disabled {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border-color: var(--visiv-theme-input-inactive-border-color);
    color: var(--visiv-theme-input-inactive-text-color);
}

:where(INPUT:not([type=button]), TEXTAREA, SELECT):focus {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

INPUT[type=text], INPUT[type=password] {
    padding: 1px;
    height: 18px;
}

INPUT[type=file] {
    padding: 1px;
    height: 20px;
}

TEXTAREA {
    resize: none;
}

SELECT {
    padding: 2px;
}

/************************************
* SCROLL BARS
************************************/

*::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

*::-webkit-scrollbar-corner {
    background-color: var(--visiv-theme-scroll-track-color);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--visiv-theme-scroll-thumb-color);
    border: 3px solid var(--visiv-theme-scroll-track-color);
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--visiv-theme-scroll-thumb-hover-color);
}

*::-webkit-scrollbar-track {
    background-color: var(--visiv-theme-scroll-track-color);
}

/************************************
* PSEUDO ELEMENTS
************************************/

::selection {
    background: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

:root {

    --visiv-error-back-color: #FFA2A2;
    --visiv-error-fore-color: hsl(0, 25%, 31%);
    --visiv-info-back-color: #70ACFF;
    --visiv-info-fore-color: hsl(215, 43%, 27%);
    --visiv-success-back-color: #97FF95;
    --visiv-success-fore-color: hsl(120, 29%, 30%);
    --visiv-warning-back-color: #FFF988;
    --visiv-warning-fore-color: hsl(58, 34%, 29%);

    --visiv-validation-text-color: #AA0000;
    --visiv-validation-back-color: #ebc833;
    --visiv-validation-border-color: #b79816;
    
    --visiv-system-black: black;
    --visiv-system-grey: hsl(0, 0%, 50%);
    --visiv-system-grey-dark: hsl(0, 0%, 25%); 
    --visiv-system-grey-light: hsl(0, 0%, 75%); 
    --visiv-system-white: white;

    --visiv-system-blue-light: #82B1FF;
    --visiv-system-blue-vibrant: #0000FF;
    --visiv-system-blue: #2962FF; 
    --visiv-system-blue-muted: #42A5F5;
    
    --visiv-system-cyan-light: #9afffd;
    --visiv-system-cyan-vibrant: #00FFFF;
    --visiv-system-cyan: #00f0ff;
    --visiv-system-cyan-muted: #00c7ce;
    
    --visiv-system-green-light: #CCFF90;
    --visiv-system-green-vibrant: hsl(120, 100%, 50%);
    --visiv-system-green: #64DD17;
    --visiv-system-green-muted: #9CCC65;
    
    --visiv-system-orange-light: #FFD180;
    --visiv-system-orange-vibrant: #ff8000;
    --visiv-system-orange: #FF6D00;
    --visiv-system-orange-muted: #FFA726;
    
    --visiv-system-purple-light: #dcc3ff;
    --visiv-system-purple-vibrant: #7f00ff;
    --visiv-system-purple: #6100f0;
    --visiv-system-purple-muted: #ac6cff;
    
    --visiv-system-red-light: #FF8A80;
    --visiv-system-red-vibrant: #FF0000;
    --visiv-system-red: #D50000;
    --visiv-system-red-muted: #EF5350;
    
    --visiv-system-violet-light: #ffb5fe;
    --visiv-system-violet-vibrant: #ff00ff;
    --visiv-system-violet: #c000eb;
    --visiv-system-violet-muted: #ff7bfe;
    
    --visiv-system-yellow-light: #FFFF8D;
    --visiv-system-yellow-vibrant: #FFEA00;
    --visiv-system-yellow: #FFD600;
    --visiv-system-yellow-muted: #FFEE58;

    --visiv-theme-manage-module-back-color: var(--visiv-theme-module-back-color, var(--visiv-theme-base-1-border-color));
    --visiv-theme-manage-module-border-color: var(--visiv-theme-module-border-color, var(--visiv-theme-base-1-border-color));
    --visiv-theme-manage-module-text-color: var(--visiv-theme-module-text-color, var(--visiv-theme-base-1-border-color));

    --visiv-theme-manage-pane-back-color: var(--visiv-theme-pane-back-color, var(--visiv-theme-module-back-color, var(--visiv-theme-base-1-back-color)));
    --visiv-theme-manage-pane-border-color: var(--visiv-theme-pane-border-color, var(--visiv-theme-module-border-color, var(--visiv-theme-base-1-border-color)));
    --visiv-theme-manage-pane-text-color: var(--visiv-theme-pane-text-color, var(--visiv-theme-module-text-color, var(--visiv-theme-base-1-text-color)));

    --visiv-theme-panel-back-color-resolved: var(--visiv-theme-panel-back-color, var(--visiv-theme-base-1-back-color));
    --visiv-theme-panel-border-color-resolved: var(--visiv-theme-panel-border-color, var(--visiv-theme-base-1-border-color));
    --visiv-theme-panel-text-color-resolved: var(--visiv-theme-panel-text-color, var(--visiv-theme-base-1-text-color));
    
    --visiv-theme-panel-input-back-color-resolved: var(--visiv-theme-panel-input-back-color, var(--visiv-theme-input-back-color));
    --visiv-theme-panel-input-border-color-resolved: var(--visiv-theme-panel-input-border-color, var(--visiv-theme-input-border-color));
    --visiv-theme-panel-input-text-color-resolved: var(--visiv-theme-panel-input-text-color, var(--visiv-theme-input-text-color));

}

.-visiv-theme-light {

    --visiv-system-cyan-light: #80DEEA;
    --visiv-system-cyan: #00f0ff;
    --visiv-system-cyan-muted: #00c7ce;

    --visiv-system-green-light: #86e549;
    --visiv-system-green: #57d109;

    --visiv-system-yellow-light: #FFEE58;
    --visiv-system-yellow-vibrant: #FFEA00;
    --visiv-system-yellow: #FFD600;
    --visiv-system-yellow-muted: #FFCA28;
    
    --visiv-system-green-muted: #8ecb47;

    --visiv-required-back-color: #FFA2A2;
    --visiv-required-text-color: hsl(0, 100%, 40%);
    --visiv-system-menu-shadow: 5px 5px 20px 0 rgba(0,0,0,0.15);
    --visiv-system-panel-shadow-left: 0 25px 30px rgba(0,0,0,.15), 0 5px 15px rgba(0,0,0,.08);
    --visiv-system-panel-shadow-right: 0 25px 30px rgba(0,0,0,.15), 0 5px 15px rgba(0,0,0,.08);

}

.-visiv-theme-dark {

    --visiv-system-cyan-light: #84FFFF;
    --visiv-system-cyan: #00B8D4;
    --visiv-system-cyan-muted: #26C6DA;

    --visiv-system-yellow-vibrant: #ffff00;

    --visiv-required-back-color: #d34848;
    --visiv-required-text-color: hsl(5, 72%, 79%);
    --visiv-system-menu-shadow: 5px 5px 20px 0 rgba(0,0,0,0.6);
    --visiv-system-panel-shadow-left: rgb(0 0 0 / 30%) 0px 25px 30px 0px, rgba(0, 0, 0, 0.54) 0px 5px 15px 0px;
    --visiv-system-panel-shadow-right: rgb(0 0 0 / 30%) 0px 25px 30px 0px, rgba(0, 0, 0, 0.54) 0px 5px 15px 0px;

}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900); }

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fasr,
.fal,
.fa-light,
.fasl,
.fat,
.fa-thin,
.fast,
.fad,
.fa-duotone,
.fass,
.fa-sharp-solid,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro'; }

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands'; }

.fad,
.fa-classic.fa-duotone,
.fa-duotone {
  font-family: 'Font Awesome 6 Duotone'; }

.fass,
.fasr,
.fasl,
.fast,
.fa-sharp {
  font-family: 'Font Awesome 6 Sharp'; }

.fass,
.fa-sharp {
  font-weight: 900; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
          animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0s;
            transition-duration: 0s; } }

@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-add::before { content: "\2b"; }
.fa-binoculars::before { content: "\f1e5"; }
.fa-circle-user::before { content: "\f2bd"; }
.fa-grid::before { content: "\e195"; }
.fa-grid-3::before { content: "\e195"; }
.fa-home::before { content: "\f015"; }
.fa-home-alt::before { content: "\f015"; }
.fa-home-lg-alt::before { content: "\f015"; }
.fa-house::before { content: "\f015"; }
.fa-plus::before { content: "\2b"; }
.fa-user-circle::before { content: "\f2bd"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }
/* GENERAL */

.k-block, .k-widget {
    background-color: unset;
}

.k-loading-color {
    background-color: transparent;
}

.k-state-selected {
    background-image: none !important;
    background-color: var(--visiv-theme-select-back-color) !important;
    box-shadow: none !important;
    color: var(--visiv-theme-select-text-color) !important;
}

.k-state-hover {
    background-image: none !important;
    background-color: var(--visiv-theme-hover-back-color) !important;
    border-color: var(--visiv-theme-hover-border-color);
    box-shadow: none !important;
    color: var(--visiv-theme-hover-text-color) !important;
}

.k-button:focus,
.k-button.k-state-focused {
    color: var(--visiv-theme-focus-text-color) !important;
    background-image: none !important;
    background-color: var(--visiv-theme-focus-back-color) !important;
    box-shadow: none !important;
}

.k-state-active {
    color: var(--visiv-theme-active-text-color) !important;
    background-image: none !important;
    background-color: var(--visiv-theme-active-back-color) !important;
    box-shadow: none !important;
}

.k-reorder-cue {
    z-index: 10003;
}

/* CALENDAR */

.k-calendar {
    color: var(--visiv-theme-base-1-text-color);
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: red;
}

.k-calendar .k-header {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar .k-header .k-link {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar th {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar .k-content {
    color: var(--visiv-theme-base-1-text-color);
    background-color: var(--visiv-theme-base-1-back-color);
    border-spacing: 1px;
}

.k-calendar .k-link {
    border-radius: 0;
}

.k-calendar .k-content th {
    border-bottom-color: var(--visiv-theme-base-1-border-color);
}

.k-calendar .k-content td {
    border-radius: 0;
}

.k-calendar .k-content tbody td,
.k-calendar .k-content tbody td .k-link {
    color: var(--visiv-theme-input-text-color);
}

.k-calendar .k-content tbody td.k-other-month {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar .k-content tbody td.k-today .k-link {
    border: 1px solid var(--visiv-theme-select-border-color);
}

.k-calendar .k-footer {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar .k-footer .k-link {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-calendar .k-state-selected,
.k-calendar .k-state-hover,
.k-calendar .k-state-focused {
    border-radius: 0;
    box-shadow: none;
}

.k-calendar > .k-content tbody td.k-state-selected,
.k-calendar > .k-content tbody td.k-state-selected .k-link {
    background-color: var(--visiv-theme-select-back-color) !important;
    border-color: var(--visiv-theme-select-border-color) !important;
    color: var(--visiv-theme-select-text-color) !important;
}

.k-calendar > .k-content tbody td.k-state-hover:not(.k-state-selected),
.k-calendar > .k-content tbody td.k-state-hover:not(.k-state-selected) .k-link {
    background-color: var(--visiv-theme-hover-back-color) !important;
    border-color: var(--visiv-theme-hover-border-color) !important;
    color: var(--visiv-theme-hover-text-color) !important;
}

.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    border-radius: 0;
}


.k-calendar .k-link.k-state-hover, .k-window-titlebar .k-link {
    border-radius: 0;
}

.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
    color: var(--visiv-theme-select-text-color);
    background-color: var(--visiv-theme-select-back-color);
}

/* CONTEXT MENU */
.k-context-menu {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

/* TREE VIEW */

.k-treeview {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.k-treeview .k-in {
    border-radius: 0;
    box-shadow: none;
    border-width: 0;
    height: 25px;
    line-height: 25px;
    user-select: none;
}

.k-treeview .k-in.k-state-hover {
    border-radius: 0;
    box-shadow: none;
    border-width: 0;
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.k-treeview.no-k-state-hover .k-in.k-state-hover {
    border-style: none;
    border-width: 0;
    background-color: transparent;
}

.k-treeview .k-item .k-icon {
    background-image: none;
    color: var(--visiv-theme-base-1-text-color);
    font-family: 'IcoFont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-image: none;
    font-size: 16px;
    position: relative;
    top: -3px;
}

.k-treeview .k-item .k-icon.k-minus:before {
    content: "\ea67";
}

.k-treeview .k-item .k-icon.k-plus:before {
    content: "\ea69";
}

/***/

.k-treelist {
    background-color: var(--visiv-theme-base-1-back-color);
}

.k-treelist .k-grid-content {
    color: var(--visiv-theme-base-1-text-color);
}

.k-treelist > .k-grid-content td {
    color: var(--visiv-theme-base-1-text-color);
    line-height: normal;
    border: 0 solid var(--visiv-theme-base-1-border-color);
    border-right-width: 1px;
}

.k-treelist > .k-grid-content .k-alt {
    background-color: var(--visiv-theme-base-2-back-color);
}

.k-treelist .k-grid-content td[role=gridcell] > .k-icon {
    font-family: 'IcoFont';
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-image: none;
    font-size: 15px;
    vertical-align: baseline;
    padding-top: 2px;
    height: 14px;
    cursor: pointer;
}

.k-treelist .k-grid-content td[role=gridcell] > .k-icon.k-i-collapse:before {
    content: "\ea67";
}

.k-treelist .k-grid-content td[role=gridcell] > .k-icon.k-i-expand:before {
    content: "\ea69";
}

.k-treelist .k-grid-content [role="gridcellcontent"] {
    display: inline-grid;
    grid-template-columns: max-content max-content auto;
    grid-gap: 5px;
    position: relative;
    line-height: 1.5;
    box-sizing: border-box;
    align-items: center;
    justify-items: center;
    justify-content: center;
    align-content: center;
}


.k-treelist .k-grid-content [role="gridcellcontent"] > div {
    display: flex;
    height: 100%;
    align-items: center;
    justify-items: center;
    justify-content: center;
    align-content: center;
}

.k-treelist .k-grid-content [role="gridcellcontent"] input[type=checkbox] {

}


/* WINDOW */

.k-window.k-state-focused {
    border-color: var(--visiv-theme-window-border-color);
}
/*
=============================
= GRID
=============================
*/

.k-grid .k-grid-content > table > tbody[role=rowgroup] > tr:hover {

}

.k-grid-header th.k-header > .k-link {
    height: 17px;
    min-height: 17px;
    color: var(--visiv-theme-grid-column-text-color);
}

.k-grid-header th.k-header > .k-link:hover {
    outline: 1px solid var(--visiv-theme-hover-border-color);
    outline-offset: -1px;
}


.k-grid-header th.k-header > .k-link:active {
    outline: 1px solid var(--visiv-theme-active-border-color);
    outline-offset: -1px;
    color: var(--visiv-theme-active-text-color);
}

.k-grid-header th > .k-link > .k-icon.k-i-arrow-s,
.k-grid-header th > .k-link > .k-icon.k-i-arrow-n {
    background-image: none;
    font-family: IcoFont;
    margin-left: 3px;
    color: var(--visiv-theme-grid-column-text-color);
    font-size: 18px;
    position: absolute;
    top:  -2px;
    left: 0;
    width: 100%;
    text-align: center;
}

.k-grid-header th > .k-link > .k-icon.k-i-arrow-n {
    margin-top: -2px;
    color: var(--visiv-theme-grid-sort-ascending);
}

.k-grid-header th > .k-link > .k-icon.k-i-arrow-s {
    margin-top: -2px;
    color: var(--visiv-theme-grid-sort-descending);
}

.k-grid-header th > .k-link > .k-icon.k-i-arrow-s:before {
    content: "\ea67";
}

.k-grid-header th > .k-link > .k-icon.k-i-arrow-n:before {
    content: "\ea6a";
}


.k-grid .k-header .k-icon {
    background-image: none;
    color: var(--visiv-theme-base-1-text-color);
    font-family: 'IcoFont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-image: none;
    font-size: 16px;
    position: relative;
    top: -3px;
}

.k-grid .k-header .k-icon.k-i-arrow-s:before {
    content: "\ea67";
}

.k-grid .k-header .k-icon.k-i-arrow-n:before {
    content: "\ea6a";
}

.-pdjs-viewgrid-column-header-type-text {
    color: var(--visiv-theme-grid-column-text-color-sub);
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-color: var(--visiv-theme-grid-toolbar-border-color);
}

.k-grid-content {
    background-color: var(--visiv-theme-grid-content-back-color);
}

.k-grid .k-pager-info .k-label {
    color: var(--visiv-theme-base-2-text-color);
}

.k-grid {
    border-width: 0;
    border: 1px solid var(--visiv-theme-grid-border-color);
    box-sizing: border-box;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.k-grid .k-grid-header {
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-grid-column-back-color-gradient) 0%, var(--visiv-theme-grid-column-back-color) 100%);
    background-color: var(--visiv-theme-grid-column-back-color);
    border-color: var(--visiv-theme-grid-column-border-color);
    height: 28px;
    overflow: hidden;
}

.k-grid .k-grid-header-wrap {
    border: none;
}

.k-grid .k-grid-header .k-header {
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-grid-column-back-color-gradient) 0%, var(--visiv-theme-grid-column-back-color) 100%);
    background-color: var(--visiv-theme-grid-column-back-color);
    border-color: var(--visiv-theme-grid-column-border-color);
    color: var(--visiv-theme-grid-column-text-color);
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
    height: 28px;
    position: relative;
}

.k-grid .k-grid-toolbar {
    padding: 0;
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-grid-toolbar-back-color-gradient) 0%, var(--visiv-theme-grid-toolbar-back-color) 100%);
    background-color: var(--visiv-theme-grid-toolbar-back-color);
    color: var(--visiv-theme-grid-toolbar-text-color);
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr,
.k-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt {
    background-color: var(--visiv-theme-grid-row-back-color);
    color: var(--visiv-theme-grid-row-text-color);
    cursor: pointer;
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr > td,
.k-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-alt > td {
    border-color: var(--visiv-theme-grid-row-border-color);
    border-width: 0 1px 1px 0;
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr > td:first-child {
    border-width: 0 1px 1px 0;
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr > td:last-child {
    border-width: 0 1px 1px 0;
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr.k-state-selected > td {
    border-color: var(--visiv-theme-hover-border-color);
    border-bottom-color: var(--visiv-theme-hover-border-color);
}

.k-grid .k-grid-content table > tbody[role=rowgroup] > tr:has(td:hover:not(.-pd-noevent)) {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.k-grid .k-grid-pager {
    padding: 0;
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-grid-footer-back-color-gradient) 0%, var(--visiv-theme-grid-footer-back-color) 100%);
    background-color: var(--visiv-theme-grid-footer-back-color);
    border-color: var(--visiv-theme-grid-footer-border-color);
    color: var(--visiv-theme-grid-footer-text-color);
}

/*
=============================
= Header
=============================
*/

.k-grid .-pd-widget-area {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

.k-grid .-pd-widget-area .-pd-widget-dock {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    overflow: hidden;
    vertical-align: top;
}

.k-grid .-pd-widget-area .-pd-widget-dock .-pd-widget {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    box-sizing: border-box;
    padding: 0 5px 0 5px;
    border-right: 1px solid var(--visiv-theme-grid-toolbar-border-color);
}

.k-grid .-pd-widget-area .-pd-widget-dock-right .-pd-widget {
    border-right: 0 none transparent;
    border-left: 1px solid var(--visiv-theme-grid-toolbar-border-color);
}

.k-grid .-pd-widget-area .-pd-widget-dock-left {
    left:0;
}

.k-grid .-pd-widget-area .-pd-widget-dock-center {
    
}

.k-grid .-pd-widget-area .-pd-widget-dock-right {
    right:0;
}

.k-grid .-pd-widget-area .-pd-widget-dock-right:last-child {
    border-right:0 none transparent;
}

/*
=============================
= Footer
=============================
*/

.k-grid .k-grid-pager {
    height:30px;
}

.k-grid .k-grid-pager .-pd-filter-notification {
    display: inline-grid;
    grid-template-columns: max-content auto;
    grid-gap: 0;
    border: 1px solid var(--visiv-theme-grid-filters-indicator-border-color);
    color: var(--visiv-theme-grid-filters-indicator-text-color);
    height: 100%;
    width: 100%;
    font-size: 11px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-grid-filters-indicator-back-color);
    line-height: 18px;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
    text-align: center;
}

.k-grid .k-grid-pager .-pd-filter-notification-active {
    background-color: var(--visiv-theme-grid-filters-indicator-activated-back-color);
    border-color: var(--visiv-theme-grid-filters-indicator-activated-border-color);
    color: var(--visiv-theme-grid-filters-indicator-activated-text-color);
}

.k-grid .k-grid-pager .k-pager-info {
    width:100%;
    text-align:center;
    display:block;
    padding:0;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
=============================
= Column Header
=============================
*/

.-pd-viewgrid-column-menu-btn {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .3;
    width: 20px;
    bottom: 0;
    border: 1px solid var(--visiv-theme-base-3-border-color);
    border-width: 0 0 0 1px;
    font-size: 16px;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.-pd-viewgrid-column-menu-btn:hover {
    opacity: 1;
}

.-pd-viewgrid-column-menu-btn > i {
    color: var(--visiv-theme-base-3-text-color);
}

.-pd-viewgrid-column-filter {
    position: relative;
    vertical-align: middle;
    padding-right: 5px;
    top: -1px;
    color: var(--visiv-theme-grid-column-filter-color);
}

.k-header.k-drag-clue {
    background-color: var(--visiv-theme-grid-column-back-color);
    border-color: var(--visiv-theme-grid-column-border-color);
    color: var(--visiv-theme-grid-column-text-color);
}

/*
=============================
= Drag Hint
=============================
*/

.-pd-viewgrid-draghint {
    height: 32px;
    width: 150px;
    padding: 10px;
    border-radius: 2px;
    background-color: #FFFFFF;
    border: 1px solid #007acc;
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    overflow: visible;
    box-sizing: border-box;
}

.-pd-viewgrid-draghint .subtext {
    position:relative;
    top:7px;
    height:22px;
    line-height:12px;
    left:-11px;
    background-color:#c9def5;
    border-radius:2px;
    border:1px solid #007acc;
    padding:5px;
    color:#007acc;
    display:none;
    width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    box-sizing:border-box;
}

.k-menu.-pd-context-menu {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
    box-shadow: var(--visiv-system-menu-shadow);
}

.k-menu.-pd-context-menu .-pd-menu-item {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.k-menu.-pd-context-menu .k-item:not(.k-state-disabled) .-pd-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pd-grid-message {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: var(--visiv-theme-grid-message-back-color);
    border: 0 none;
    box-sizing: border-box;
    text-align: center;
    cursor: default;
    color: var(--visiv-theme-grid-message-text-color);
    position: absolute;
    inset: 0;
}
.-jadejs-button {
    background: initial;
    background-color: var(--visiv-theme-base-3-back-color);
    border-color: var(--visiv-theme-base-3-border-color);
    color: var(--visiv-theme-base-3-text-color);
}

.-jadejs-button:hover {
    border-color: var(--visiv-theme-hover-border-color);
    background: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-border-color);
}

.-jadejs-context-menu {
    background-color: var(--visiv-theme-base-1-back-color) !important;
    border-color: var(--visiv-theme-base-1-border-color) !important;
    color: var(--visiv-theme-base-1-text-color) !important;
    box-shadow: var(--visiv-system-menu-shadow);
}

.-jadejs-context-menu .k-item.separator {
    background-color: var(--visiv-theme-base-1-border-color);
    border-color: var(--visiv-theme-base-1-border-color);
}

.-jadejs-ctx-menu-item,
.-jadejs-ctx-menu-item.k-state-disabled:hover {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
    opacity: 1;
}

.-jadejs-ctx-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-jadejs-ctx-menu-item.k-state-disabled > span:first-child,
.-jadejs-ctx-menu-item.k-state-disabled > span:last-child {
    opacity: .4;
}

.-jadejs-multi-choice-dialog-content {
    background-color: var(--visiv-theme-base-2-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}


.-jadejs-toolbar.k-toolbar .k-button {
    border: 1px solid var(--visiv-theme-base-2-border-color);
    background: none;
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-jadejs-toolbar.k-toolbar .k-button.k-state-disabled {
    opacity: .4;
}

.-jadejs-toolbar.k-toolbar .k-button:not(.k-state-disabled):hover {
    color: var(--visiv-theme-hover-text-color) !important;
    background-color: var(--visiv-theme-base-2-back-color) !important;
    border: 1px solid var(--visiv-theme-hover-border-color) !important;
}

.-jadejs-contextmenu {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
}

.-jadejs-contextmenu-item {
    color: var(--visiv-theme-base-1-text-color);
}

.-jadejs-contextmenu-item[disabled]:hover {
    background-color: unset;
}

.-jadejs-contextmenu-item:not([disabled]):hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-jadejs-contextmenu-item[disabled] {
    opacity: .4;
    color: var(--visiv-theme-base-1-text-color);
}

.-jadejs-contextmenu-divider > div {
    background-color: var(--visiv-theme-base-1-border-color);
}

.-jadeui-error-dialog-content > div:nth-child(2) {
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}
/*--------------------------
- WINDOW
---------------------------*/

.-jadeui-window .k-window-titlebar {
    background-color: var(--visiv-theme-window-title-back-color);
}

.-jadeui-window .k-window-action {
    color: var(--visiv-theme-window-title-text-color);
}

/*--------------------------
- ERROR DIALOG
---------------------------*/

.-jadeui-error-dialog-content .k-treeview .k-item {
    max-width: 400px;
}

.-jadeui-error-dialog-content .k-treeview .k-item .k-top {
    height: fit-content;
}

.-jadeui-error-dialog-content .k-treeview .k-item .k-in {
    max-width: 400px;
    height: fit-content;
    line-height: 1.5;
    white-space: normal;
}

.-jadeui-error-dialog-tag > span:first-child {
    color: var(--visiv-system-orange);
}

.-jadeui-error-dialog-tag > span:last-child {
    color: var(--visiv-system-red);
}

/*--------------------------
- MULTI MESSAGE DIALOG
---------------------------*/

.-jadejs-multi-msg-dialog-content {
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}


.-jadejs-contextmenu-item-header {
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-jadejs-contextmenu-item-color-palette-large {
    padding: 0 5px;
}

.-jadejs-contextmenu-item-color-palette-large .k-palette .k-item {
    border-color: var(--visiv-theme-base-1-border-color);
}

.-jadejs-contextmenu-item-color-palette-large .k-palette .k-item:hover {
    border-color: var(--visiv-theme-hover-border-color);
}

.-jadejs-contextmenu-item-color-palette-large .k-palette .k-item.k-state-selected {
    background-color: inherit;
    border-color: var(--visiv-theme-hover-border-color);
    border: 3px;
}


.-jadejs-message-dialog-error .-jadeui-styled-dialog-icon {
    color: var(--visiv-system-red);
}

.-visiv-theme-dark .-jadejs-message-dialog-error .-jadeui-styled-dialog-icon {
    color: var(--visiv-system-red);
}


.-jadejs-message-dialog-info .-jadeui-styled-dialog-icon {
    color: #5a97f5;
}

.-visiv-theme-dark .-jadejs-message-dialog-info .-jadeui-styled-dialog-icon {
    color: #5a97f5;
}


.-jadejs-message-dialog-question .-jadeui-styled-dialog-icon {
    color: #5a97f5;
}

.-visiv-theme-dark .-jadejs-message-dialog-question .-jadeui-styled-dialog-icon {
    color: #5a97f5;
}


.-jadejs-message-dialog-success .-jadeui-styled-dialog-icon {
    color: var(--visiv-system-green-vibrant);
}

.-visiv-theme-dark .-jadejs-message-dialog-success .-jadeui-styled-dialog-icon {
    color: var(--visiv-system-green-vibrant);
}


.-jadejs-message-dialog-warn .-jadeui-styled-dialog-icon {
    color: #faca10;
}

.-visiv-theme-dark .-jadejs-message-dialog-warn .-jadeui-styled-dialog-icon {
    color: #faca10;
}

.-jadeui-multi-message-dialog-messages {
    border-color: var(--visiv-theme-base-2-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-jadeui-tagged-message-dialog-messages {
    border-color: var(--visiv-theme-base-2-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-jadeui-multi-choice-dialog-content-items {
    border-color: var(--visiv-theme-base-2-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-jadeui-tagged-message-dialog-message-tag > span:first-child {
    color: var(--visiv-system-orange);
}

.-jadeui-tagged-message-dialog-message-tag > span:last-child {
    color: var(--visiv-system-red);
}

.-jadeui-multi-choice-dialog-item:hover .-jadeui-multi-choice-dialog-item-content-title,
.-jadeui-multi-choice-dialog-item:hover .-jadeui-multi-choice-dialog-item-content-message {
    outline: var(--visiv-theme-hover-border-color);
}
.ace_search {
    font-size: 12px;
    background-color: var(--visiv-theme-base-2-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    z-index:1;
}

.ace_search_field {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
}

.ace_searchbtn {
    border-right: 1px solid;
    background-color: var(--visiv-theme-button-back-color);
    border-color: var(--visiv-theme-button-border-color);
    border-left-color: var(--visiv-theme-button-border-color);
    color: var(--visiv-theme-button-text-color);
}

.ace_searchbtn:last-child {
    border-color: var(--visiv-theme-button-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.ace_searchbtn_close {
    border-color: var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    color: var(--visiv-theme-button-text-color);
}

.ace_searchbtn_close:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.ace_button {
    border-color: var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    color: var(--visiv-theme-button-text-color);
}

.ace_button:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.ace_search_form ace_nomatch {
    outline-color: var(--visiv-system-red);
}

.ace_search_field::placeholder {
    color: var(--visiv-theme-input-inactive-text-color);
}

.ace_search_counter {
    color: var(--visiv-theme-base-1-text-color);
}

/*
=============================
= ACE CODE EDITOR
=============================
*/

.-pdjs-shared-ui-controls-code-editor {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border-width: 0;
}

.-pdjs-shared-ui-controls-code-editor .ace_gutter {
    border-style: solid;
    border-width: 0 0 0 0;
}

.-pdjs-shared-ui-controls-code-editor .ace_folding-enabled .ace_fold-widget {
    box-sizing: border-box;
}

.-pdjs-shared-ui-controls-code-editor .ace_scroller {
    box-shadow: none;
}

/* memo hightlight colors: */

div[class^='-pdjs-code-editor-memo'],
div[class*='-pdjs-code-editor-memo'] {
    position: absolute;
    z-index: 20;
}

/* light themes: */

.ace-chrome .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-chrome .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-chrome .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-chrome .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-clouds .-pdjs-code-editor-memo-error { background: #ffcccc; }
.ace-clouds .-pdjs-code-editor-memo-warn { background: #ffffa0; }
.ace-clouds .-pdjs-code-editor-memo-info { background: #ccffcc; }
.ace-clouds .-pdjs-code-editor-memo-ref { background: #ccffff; }

.ace-crimson-editor .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-crimson-editor .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-crimson-editor .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-crimson-editor .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-dawn .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-dawn .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-dawn .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-dawn .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-dreamweaver .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-dreamweaver .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-dreamweaver .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-dreamweaver .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-eclipse .-pdjs-code-editor-memo-error { background: #ffcccc; }
.ace-eclipse .-pdjs-code-editor-memo-warn { background: #ffffcc; }
.ace-eclipse .-pdjs-code-editor-memo-info { background: #ccffcc; }
.ace-eclipse .-pdjs-code-editor-memo-ref { background: #ccffff; }

.ace-github .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-github .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-github .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-github .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-iplastic .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-iplastic .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-iplastic .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-iplastic .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-katzenmilch .-pdjs-code-editor-memo-error { background: #ffacac; }
.ace-katzenmilch .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-katzenmilch .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-katzenmilch .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-kuroir .-pdjs-code-editor-memo-error { background: #ffcccc; }
.ace-kuroir .-pdjs-code-editor-memo-warn { background: #ffffa0; }
.ace-kuroir .-pdjs-code-editor-memo-info { background: #ccffcc; }
.ace-kuroir .-pdjs-code-editor-memo-ref { background: #ccffff; }

.ace-solarized-light .-pdjs-code-editor-memo-error { background: #ffcccc; }
.ace-solarized-light .-pdjs-code-editor-memo-warn { background: #ffffcc; }
.ace-solarized-light .-pdjs-code-editor-memo-info { background: #ccffcc; }
.ace-solarized-light .-pdjs-code-editor-memo-ref { background: #ccffff; }

.ace-sqlserver .-pdjs-code-editor-memo-error { background: #ffcccc; }
.ace-sqlserver .-pdjs-code-editor-memo-warn { background: #ffffa0; }
.ace-sqlserver .-pdjs-code-editor-memo-info { background: #ccffcc; }
.ace-sqlserver .-pdjs-code-editor-memo-ref { background: #ccffff; }

.ace-tm .-pdjs-code-editor-memo-error { background: #ffc0c0; }
.ace-tm .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-tm .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-tm .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-tomorrow .-pdjs-code-editor-memo-error { background: #ffc0c0; }
.ace-tomorrow .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-tomorrow .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-tomorrow .-pdjs-code-editor-memo-ref { background: #7cffff; }

.ace-xcode .-pdjs-code-editor-memo-error { background: #ffc0c0; }
.ace-xcode .-pdjs-code-editor-memo-warn { background: #ffff7c; }
.ace-xcode .-pdjs-code-editor-memo-info { background: #acffac; }
.ace-xcode .-pdjs-code-editor-memo-ref { background: #7cffff; }

/* dark themes: */

.ace-ambiance .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-ambiance .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-ambiance .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-ambiance .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-chaos .-pdjs-code-editor-memo-error { background: #5e2b2b; }
.ace-chaos .-pdjs-code-editor-memo-warn { background: #505000; }
.ace-chaos .-pdjs-code-editor-memo-info { background: #0f4a0f; }
.ace-chaos .-pdjs-code-editor-memo-ref { background: #125454; }

.ace-clouds-midnight .-pdjs-code-editor-memo-error { background: #722222; }
.ace-clouds-midnight .-pdjs-code-editor-memo-warn { background: #d3d300; }
.ace-clouds-midnight .-pdjs-code-editor-memo-info { background: #174a17; }
.ace-clouds-midnight .-pdjs-code-editor-memo-ref { background: #184242; }

.ace-cobalt .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-cobalt .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-cobalt .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-cobalt .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-dracula .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-dracula .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-dracula .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-dracula .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-gob .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-gob .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-gob .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-gob .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-gruvbox .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-gruvbox .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-gruvbox .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-gruvbox .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-idle-fingers .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-idle-fingers .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-idle-fingers .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-idle-fingers .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-kr-theme .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-kr-theme .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-kr-theme .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-kr-theme .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-merbivore .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-merbivore .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-merbivore .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-merbivore .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-merbivore-soft .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-merbivore-soft .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-merbivore-soft .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-merbivore-soft .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-mono-industrial .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-mono-industrial .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-mono-industrial .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-mono-industrial .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-monokai .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-monokai .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-monokai .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-monokai .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-nord-dark .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-nord-dark .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-nord-dark .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-nord-dark .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-pastel-on-dark .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-pastel-on-dark .-pdjs-code-editor-memo-warn { background: #505013; }
.ace-pastel-on-dark .-pdjs-code-editor-memo-info { background: #1b4c1b; }
.ace-pastel-on-dark .-pdjs-code-editor-memo-ref { background: #195050; }

.ace-solarized-dark .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-solarized-dark .-pdjs-code-editor-memo-warn { background: #525217; }
.ace-solarized-dark .-pdjs-code-editor-memo-info { background: #215c21; }
.ace-solarized-dark .-pdjs-code-editor-memo-ref { background: #215656; }

.ace-terminal-theme .-pdjs-code-editor-memo-error { background: #5a2121; }
.ace-terminal-theme .-pdjs-code-editor-memo-warn { background: #505000; }
.ace-terminal-theme .-pdjs-code-editor-memo-info { background: #184418; }
.ace-terminal-theme .-pdjs-code-editor-memo-ref { background: #144c4c; }

.ace-tomorrow-night .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-tomorrow-night .-pdjs-code-editor-memo-warn { background: #545426; }
.ace-tomorrow-night .-pdjs-code-editor-memo-info { background: #1b4c1b; }
.ace-tomorrow-night .-pdjs-code-editor-memo-ref { background: #234e4e; }

.ace-tomorrow-night-blue .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-tomorrow-night-blue .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-tomorrow-night-blue .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-tomorrow-night-blue .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-tomorrow-night-bright .-pdjs-code-editor-memo-error { background: #582626; }
.ace-tomorrow-night-bright .-pdjs-code-editor-memo-warn { background: #444413; }
.ace-tomorrow-night-bright .-pdjs-code-editor-memo-info { background: #184a18; }
.ace-tomorrow-night-bright .-pdjs-code-editor-memo-ref { background: #204e4e; }

.ace-tomorrow-night-eighties .-pdjs-code-editor-memo-error { background: #5e2727; }
.ace-tomorrow-night-eighties .-pdjs-code-editor-memo-warn { background: #5e5e27; }
.ace-tomorrow-night-eighties .-pdjs-code-editor-memo-info { background: #275e27; }
.ace-tomorrow-night-eighties .-pdjs-code-editor-memo-ref { background: #275e5e; }

.ace-twilight .-pdjs-code-editor-memo-error { background: #4c2020; }
.ace-twilight .-pdjs-code-editor-memo-warn { background: #484816; }
.ace-twilight .-pdjs-code-editor-memo-info { background: #214821; }
.ace-twilight .-pdjs-code-editor-memo-ref { background: #174c4c; }

.ace-vibrant-ink .-pdjs-code-editor-memo-error { background: #5c2525; }
.ace-vibrant-ink .-pdjs-code-editor-memo-warn { background: #545417; }
.ace-vibrant-ink .-pdjs-code-editor-memo-info { background: #1e501e; }
.ace-vibrant-ink .-pdjs-code-editor-memo-ref { background: #175252; }

.ace_gutter-cell.ace_ref {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQUlEQVR4Xq1TsUoDQRTcWlREick3qGiCiETwGxQJgq2I2GlhcW+jgmCTKLGR4CdZSApRa4kJ0U6CtpnMHmtu77IXUuRguGN2bt7bfbNKTfzRWFSCmtJ4JX4tzPedKiMzup5gn8I2DepEkT/MhBBskX8kWsSO30TjgItNYiW1iiBvTfbiGkGOC9+stDxYEOyS69ktnA54jQK5LxVgPjIRVElWhioLDq0JaH7mmNTJX0V6jXcSa97WBSdDJoJtck+uwR8rTJE8JzASgiN1gTlqflyDLonpsQ3KobbrGjTYwbp3CxrHni1skHt2DW5I3I59iIJ76q8jfcCEmdEIljxj7MUmIFiltkMsJLNgUvgRM0m2ZCZl0ihpaRSUKDBRfuB7MzzYS8w6Uf4klxLl/2oBsvYyvdkUmgv1Qs6ELdH2BK5yH2+zBzUCRonKAAAAFXRFWHRDb3B5cmlnaHQASW5jb3JzIEdtYkixFASPAAAAZHRFWHRMaWNlbnNlAExpY2Vuc2VkIHVuZGVyIEljb25mdSBTdGFuZGFyZCBMaWNlbnNlIHYxLjAgKGh0dHBzOi8vd3d3Lmljb25mdS5jb20vaWNvbmZ1X3N0YW5kYXJkX2xpY2Vuc2UpFcHiTgAAAABJRU5ErkJggg==');
    background-position: 2px center;
}

.ace_dark .ace_gutter-cell.ace_ref {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEElEQVR4Xq2TPQ6CQBCFuYCthaWlrYXnoMBkOYCFlVZ23sAIp2JpCdR4BokFS4HvwfL/k5BA8hKYeTuzy3xrGGs/Qqqd7auXLVUAJVoBY8zN9hMyO2PBB3KETI+W/G0ovjPGHD2jRZA0odiW2WGqC3OlR5kdj/DSLYIRqu+rBL4tKIe+0LOK01N4saYuYnvqjaDb74zYVRfJ4Xm0irtc0xSQKsQ5T2Nb7xTx1Z0eehEP2wUS/iwEb3XHcvsDYfFFe5NVCwQc1YIjcKxBs4MSHGfBT3QIVu0v6CsAahiYGqNmAUD1qNQUxm0W+jvSDNAzS2NEJjiqFsocm0uABhQOupDKEqxQXyReqJCxDn1r3eI/GfpYRLjyVygAAAAVdEVYdENvcHlyaWdodABJbmNvcnMgR21iSLEUBI8AAABkdEVYdExpY2Vuc2UATGljZW5zZWQgdW5kZXIgSWNvbmZ1IFN0YW5kYXJkIExpY2Vuc2UgdjEuMCAoaHR0cHM6Ly93d3cuaWNvbmZ1LmNvbS9pY29uZnVfc3RhbmRhcmRfbGljZW5zZSkVweJOAAAAAElFTkSuQmCC');
    background-position: 2px center;
}

.mce-tinymce {
    background-color: var(--visiv-theme-base-2-back-color) !important;
    border-color: var(--visiv-theme-base-2-border-color) !important;
}

.mce-container-body, .mce-panel {
    background-color: var(--visiv-theme-base-2-back-color) !important;
}

.mce-tinymce .mce-toolbar {
    border-color:  var(--visiv-theme-base-2-border-color);
    border-width: 0 0 1px 0;
    border-style: solid;
}

.mce-tinymce .mce-toolbar-grp .mce-btn {
    border-width: 0 !important;
}

.mce-tinymce .mce-btn {
    border-width: 0;
    background-color: var(--visiv-theme-button-back-color) !important;
    border-color: var(--visiv-theme-button-border-color) !important;
}

.mce-tinymce .mce-btn i {
    color: var(--visiv-theme-button-text-color) !important;
    font-size: 12px;
    text-align: center;
}

.mce-tinymce .mce-btn button i.mce-caret {
    color: var(--visiv-theme-button-text-color) !important;
    display: initial;
    font-family: 'IcoFont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-image: none;
    border: 0 !important;
    position: relative; 
    top: 4px; 
}

.mce-tinymce .mce-btn button i.mce-caret:before {
    content: "\ea67";
}

.mce-tinymce .mce-toolbar-grp .mce-btn { 
    color: var(--visiv-theme-button-text-color) !important;
    border: 1px solid transparent !important;    
    margin: 2px 1px 2px 1px;
    height: 28px;
}
                                         
.mce-tinymce .mce-toolbar-grp .mce-btn:hover {
    border: 1px solid var(--visiv-theme-button-border-color) !important;
}

.mce-tinymce .mce-btn button {
    color: var(--visiv-theme-button-text-color) !important;
}

.mce-tinymce .mce-toolbar-grp {
    padding: 0;
}

.mce-tinymce .mce-flow-layout-item {
    margin: 0;
}

.mce-btn.mce-listbox button {
    font-size: 12px;
    padding: 4px;
    padding-right: 0 !important;
    color: var(--visiv-theme-button-text-color);
}

.mce-btn.mce-listbox button:hover {
    border: 0 !important;
    padding: 4px;
    padding-right: 0 !important;
}

.mce-tinymce .mce-toolbar-grp .mce-btn.mce-colorbutton,
.mce-tinymce .mce-toolbar-grp .mce-btn.mce-listbox {
    border-width: 1px !important;
}

.mce-btn.mce-listbox .mce-caret {
    position: relative; 
    margin-top: unset; 
    right: unset; 
    top: 4px;     
    margin-left: 4px;
    margin-right: 4px;
}

.mce-toolbar-grp .mce-btn:hover,
.mce-toolbar-grp .mce-btn:focus,
.mce-toolbar-grp .mce-btn.mce-active, 
.mce-toolbar-grp .mce-btn.mce-active:hover {
    background-color: var(--visiv-theme-hover-back-color) !important;
    border-color: var(--visiv-theme-hover-border-color) !important;
    color: var(--visiv-theme-hover-text-color) !important;
}

.mce-btn .mce-open {
    border-width: 0 !important;
}

.mce-btn-group:not(:first-child) {
    border-left-color: var(--visiv-theme-base-2-border-color) !important;
}

/* CUSTOM COLOR BUTTON */

.mce-custom-color-btn {
    padding: 4px 0 4px 0;
}

.mce-colorbutton-grid .mce-btn-flat {
    background-color: var(--visiv-theme-base-2-back-color) !important;
}

.mce-colorbutton-grid .mce-btn-flat button {
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
    border-color: var(--visiv-theme-base-2-border-color);
    width: 100%;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    padding: 0;
    height: 25px;
    margin: 0;
    line-height: 1;
}

.mce-colorbutton-grid .mce-btn-flat button:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    padding: 0;
}

.mce-colorbutton-grid .mce-btn-flat:hover {
    color: var(--visiv-theme-hover-text-color) !important;
    background-color: var(--visiv-theme-hover-back-color) !important;
    border-color: var(--visiv-theme-hover-border-color) !important;
}

/* MENU */

.mce-menu {
    background-color: var(--visiv-theme-base-1-back-color) !important;
    border: 1px solid var(--visiv-theme-base-1-border-color) !important;
    color: var(--visiv-theme-base-1-text-color) !important;
    padding: 0 !important;
}

.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    color: var(--visiv-theme-base-1-text-color) !important;
}

/* WINDOW */

.mce-window {
    border: 1px solid var(--visiv-theme-window-border-color) !important;
}

.mce-window,
.mce-window .mce-container-body {
    background-color: var(--visiv-theme-window-content-back-color) !important;
    color: var(--visiv-theme-base-1-text-color) !important;
}

.mce-window .mce-window-head {
    padding: 7px 12px;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
    background-color: var(--visiv-theme-window-title-back-color);
    font-size: 12px;
    border-bottom: 0;
    height: 21px;
}

.mce-window .mce-window-head .mce-title {
    line-height: 22px;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    text-rendering: optimizelegibility;
    padding-right: 10px;
    color: var(--visiv-theme-window-title-text-color);
}

.mce-window .mce-window-head .mce-close {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 22px;
    font-weight: normal;
    line-height: 20px;
    color: var(--visiv-theme-window-title-text-color);
    cursor: pointer;
    height: 20px;
    overflow: hidden;
}

.mce-window .mce-window-body {
    background-color: var(--visiv-theme-window-content-back-color) !important;
}

.mce-window .mce-window-body .mce-label {
    color: var(--visiv-theme-button-text-color);
    text-shadow: none !important;
    font-size: 12px !important;
}

.mce-window .mce-window-body .mce-combobox input {
    border: 1px solid var(--visiv-theme-input-border-color) !important;
}

.mce-window .mce-window-body .mce-btn.mce-listbox {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    font-size: 12px;
}

.mce-window .mce-window-body .mce-btn.mce-listbox > button {
    color: var(--visiv-theme-input-text-color);
    font-size: 12px;
}

.mce-window .mce-foot {
    border-top: 1px solid var(--visiv-theme-base-3-border-color);
}

.mce-window .mce-foot .mce-container-body {
    display: grid;
    grid-template-columns: auto max-content max-content;
    grid-gap: 2px;
    box-sizing: border-box;
    padding: 10px;
}

.mce-window .mce-foot .mce-container-body > div {
    position: relative;
    left: unset;
    top: unset;
    width: unset;
    height: unset;
}

.mce-window .mce-foot .mce-btn {
    border-width: 0 !important;
}

.mce-window .mce-foot .mce-btn,
.mce-window .mce-foot .mce-btn button {
    height: 25px !important;
    position: relative;
    top: unset !important;
    left: unset !important;
}

.mce-window .mce-foot .mce-btn button {
    min-width: 80px;
    width: 102px;
    padding: 5px 10px 5px 10px !important;
    color: var(--visiv-theme-button-text-color);
    background: initial;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border: 1px solid !important;
    border-color: var(--visiv-theme-button-border-color) !important;
    color: var(--visiv-theme-button-text-color);
    font-size: 12px;
    line-height: 1;
}
.mce-window .mce-foot .mce-btn button:hover {
    border-color: var(--visiv-theme-hover-border-color) !important;
    background: var(--visiv-theme-hover-back-color) !important;
    color: var(--visiv-theme-hover-border-color) !important;
}
.-canvasjs-design {
    background-color: var(--visiv-theme-base-1-back-color);
}

.-canvasjs-design .-canvasjs-workspace div[data-id=toolbar] {
    background-color: var(--visiv-theme-base-2-back-color);
}

.-canvasjs-design .-jadejs-ribbonbar > div[role=content] {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-canvasjs-design .-jadejs-ribbonbar-tabstrip {
    background-color: var(--visiv-theme-base-2-back-color);
}

.-canvasjs-design .-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab.selected {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-canvasjs-design .-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color) !important;
}

.-canvasjs-design .-jadejs-ribbonbar-tabstrip .-jadejs-ribbonbar-tab {
    color: var(--visiv-theme-base-2-text-color);
}

.-canvasjs-design .-jadejs-ribbonbar-group {
    border-color: var(--visiv-theme-base-2-border-color);
}

.-canvasjs-design .-jadejs-ribbonbar-button:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-canvasjs-design .-jadejs-ribbonbar .-jadejs-ribbonbar-button:active {
    background-color: var(--visiv-theme-active-back-color);
    color: var(--visiv-theme-active-text-color);
}

.-canvasjs-design .-canvasjs-surface {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
}

.-canvasjs-design .-canvasjs-workspace .-canvas-toolbox-draghint {
    background-color: var(--visiv-theme-select-back-color);
}

.-canvasjs-design .-canvasjs-workspace div[data-id=statusbar] {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
}

.-canvasjs-statusbar {
    color: var(--visiv-theme-base-1-text-color);
}

.-canvasjs-toolbox > [data-role=groups] {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-canvasjs-toolbox .-canvasjs-toolbox-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-canvasjs-toolbox .-canvasjs-toolbox-item:active {
    background-color: var(--visiv-theme-active-back-color);
    color: var(--visiv-theme-active-text-color);
}

.-canvas-toolbox-draghint {
    background-color: var(--visiv-theme-select-back-color);
}

.-canvasjs-selection-box .ui-resizable-handle {
    background-color: var(--visiv-theme-select-back-color) !important;
    border-color: var(--visiv-theme-select-back-color) !important;
}

.-canvasjs-selection-box > DIV:first-child {
    border-color: var(--visiv-theme-select-back-color) !important;
}

.ui-selectable-helper {
    border-color: var(--visiv-theme-select-back-color) !important;
}

.-canvasjs-design .-canvasjs-document {
    border-color: var(--visiv-theme-base-1-border-color);
}

.-canvasjs-design .-canvasjs-highlight > .ne,
.-canvasjs-design .-canvasjs-highlight > .nw,
.-canvasjs-design .-canvasjs-highlight > .sw,
.-canvasjs-design .-canvasjs-highlight > .se {
    background-color: var(--visiv-theme-select-back-color) !important;
}

.-canvasjs-design .-canvasjs-group {
    z-index: 1;
}

.-canvasjs-design .-canvasjs-group.-canvasjs-group-master div[role=box] {
    border-color: var(--visiv-system-red-muted);
}

@supports (color: rgb(from white r g b)) {
    .-canvasjs-design .-canvasjs-document.-canvasjs-gridlines {
        --gridline-color-minor: hsl(from var(--visiv-theme-base-1-border-color) h s l / .5);
        --gridline-color-major: hsl(from var(--visiv-theme-base-1-border-color) h s l / .3);
    }
}

@supports (not(color: rgb(from white r g b))) {
    .-canvasjs-design .-canvasjs-document.-canvasjs-gridlines {
        --gridline-color-minor: var(--visiv-theme-base-1-border-color);
        --gridline-color-major: var(--visiv-theme-base-1-border-color);
    }
}

.-canvasjs-design .-canvasjs-document.-canvasjs-gridlines {
    background-image: 
        linear-gradient(var(--gridline-color-major) 2px, transparent 2px), 
        linear-gradient(90deg, var(--gridline-color-major) 2px, transparent 2px), 
        linear-gradient(var(--gridline-color-minor) 1px, transparent 1px), 
        linear-gradient(90deg, var(--gridline-color-minor) 1px, var(--visiv-theme-base-1-back-color)  1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.-canvasjs-toolbox div[data-role=title] {
    display: none;
}

.-canvasjs-toolbox div[data-role=groups] {
    top: 0;
    border-width: 1px 1px 1px 1px;
}

/* LAYOUT */

.-fb-layout {
    background-color: var(--visiv-theme-base-1-back-color);
}

/* NAV */

.-fb-layout .-fb-layout-nav {
    background-color: var(--visiv-theme-base-1-back-color);
}

/* NAV TABSTRIP */

.-fb-layout .-fb-layout-nav-tabstrip {
    background: none;
}

.-fb-layout .-fb-layout-tabs {
    background-color: var(--visiv-theme-fb-nav-back-color);
    border-color: var(--visiv-theme-fb-group-border-color);
}

.-fb-layout .-fb-layout-tabs-border {
    border-color: var(--visiv-theme-fb-group-border-color);
}

.-fb-layout .-fb-layout-nav-overflow {
    background-color: var(--visiv-theme-fb-group-back-color);
    border-color: var(--visiv-theme-fb-group-border-color);
    color: var(--visiv-theme-fb-group-text-color);
}

/* NAV TABSTRIP TABS */

.-fb-layout .-fb-layout-tab,
.-fb-layout-nav-overflow-item {
    background-color: var(--visiv-theme-fb-group-back-color);
    border-color: var(--visiv-theme-fb-group-border-color);
    color: var(--visiv-theme-fb-group-text-color);
}

.-fb-layout-nav-overflow-item:not(.-fb-error) {
    color: var(--visiv-theme-fb-group-selected-text-color);
}

.-fb-layout .-fb-layout-tab.-fb-selected:focus {
    background-color: var(--visiv-theme-fb-group-selected-back-color);
    border-bottom-width: 0;
    font-weight: bold;
}

.-fb-layout-tabbed .-fb-layout-tab:not(.-fb-selected):focus:before {
    content: "";
    position: absolute;
    inset: 0 0 1px 0;
    border: 1px solid;
    border-color: var(--visiv-theme-focus-border-color);
    width: 100%;
    box-sizing: border-box;
}

.-fb-layout .-fb-layout-tab.-fb-selected,
.-fb-layout-nav-overflow-item.-fb-selected {
    background-color: var(--visiv-theme-fb-group-selected-back-color);
    border-color: var(--visiv-theme-fb-group-border-color);
    color: var(--visiv-theme-fb-group-selected-text-color);
}

.-fb-layout-nav-overflow-item.-fb-selected:hover {
    color: var(--visiv-theme-fb-group-selected-text-color) !important;
}

.-fb-layout-tabbed .-fb-layout-tab.-fb-error,
.-fb-layout-nav-overflow-item.-fb-error {
    color: var(--visiv-required-back-color);
}

/* CONTENT */

.-fb-layout .-fb-layout-contents {
    background-color: var(--visiv-theme-fb-group-selected-back-color) !important;
}

.-fb-layout .-fb-layout-content {
    background-color: var(--visiv-theme-fb-group-selected-back-color);
}

/* CONTENT RESIZER */

.-fb-layout .-fb-grid-resizer {
    height: 100%;
    width: 5px;
    position: absolute !important;
    top: 0;
    left: 175px;
    z-index: 1000;
    cursor: ew-resize;
    opacity: 0;
    background-color: transparent;
}

.-fb-layout .-fb-grid-resizer:hover {
    background-color: #666666;
    opacity: .3 !important;
}

/* HEADER */

.-fb-layout .-fb-grid-header-button {
    background-color: var(--visiv-theme-fb-category-back-color) !important;
    border-color: var(--visiv-theme-fb-category-border-color) !important;
    color: var(--visiv-theme-fb-category-text-color) !important;
}

.-fb-layout .-fb-grid-header-filter {
    background-color: var(--visiv-theme-fb-input-back-color);
    border-color: var(--visiv-theme-fb-input-border-color);
    color: var(--visiv-theme-fb-input-text-color);
}

.-fb-layout .-fb-grid-header-filter::placeholder {
    color: var(--visiv-theme-fb-input-text-color);
}

.-fb-layout .-fb-grid-content {
    border: 1px solid var(--visiv-theme-fb-content-border-color);
    background-color: var(--visiv-theme-fb-content-back-color);
}

.-fb-layout .-fb-grid-resizer:hover {
    background-color: var(--visiv-theme-hover-back-color);
}

.-fb-layout .-fb-grid-category {
    background-color: var(--visiv-theme-fb-category-back-color);
    border-color: var(--visiv-theme-fb-category-border-color) !important;
}

.-fb-layout .-fb-grid-category-header {
    color: var(--visiv-theme-fb-category-text-color);
}

/* FOOTER */

.-fb-layout .-fb-grid-footer-content {
    background-color: var(--visiv-theme-fb-footer-back-color);
    border-color: var(--visiv-theme-fb-content-border-color);
    color: var(--visiv-theme-fb-footer-text-color);
}

.-fb-layout .-fb-grid-footer-content-title {
    color: var(--visiv-theme-fb-footer-title-text-color);
}

/* FOOTER RESIZER */

.-fb-layout .-fb-grid-resizer-footer {
    left: 0;
    right: 0;
    height: 5px;
    width: 100%;
    cursor: ns-resize;
}

/* INPUT */

.-fb-grid-category-inputs {
    padding-right: 1px;
}

.-fb-layout .-fb-grid-input {
    position: static;
}

.-fb-layout .-fb-grid-input {
    background-color: var(--visiv-theme-fb-input-back-color);
    border-color: var(--visiv-theme-fb-input-border-color);
}

.-fb-layout .-fb-grid-content .-fb-grid-input:has(input:not([type="button"]), textarea, select, a):focus-within .-fb-grid-input-label {
    background-color: var(--visiv-theme-select-back-color);
}

.-fb-layout .-fb-grid-content .-fb-grid-input-content:focus-within {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 0;
}

.-fb-layout .-fb-grid-content .-fb-grid-input-content input:focus:not([type="button"],[type="checkbox"]),
.-fb-layout .-fb-grid-content .-fb-grid-input-content select:focus,
.-fb-layout .-fb-grid-content .-fb-grid-input-content textarea:focus {
    outline-style: none;
}
.-fb-layout .-fb-grid-input-label {
    background-color: var(--visiv-theme-fb-input-label-back-color);
    border-color: var(--visiv-theme-fb-input-border-color);
    color: var(--visiv-theme-fb-input-label-text-color);
}

.-fb-layout .-fb-grid-input-required > .-fb-grid-input-label {
    color: var(--visiv-required-text-color);
}

.-fb-layout .-fb-grid-input-disabled > .-fb-grid-input-content {
    background-color: var(--visiv-theme-input-inactive-back-color);
}

.-fb-layout .-fb-grid-input-label:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-fb-layout .-fb-input-selected {
    background-color: var(--visiv-theme-select-back-color) !important;
    color: var(--visiv-theme-select-text-color) !important;
}

.-fb-layout .-fb-grid-content :where(select, input:not([type=button]), textarea) {
    background-color: var(--visiv-theme-fb-input-back-color) !important;
    border-color: var(--visiv-theme-fb-input-border-color) !important;
    color: var(--visiv-theme-fb-input-text-color) !important;
}

.-fb-layout .-fb-grid-input-content *.-fb-inactive,
.-fb-layout .-fb-grid-input-content *.-fb-inactive :where(select, input:not([type=button]), textarea),
.-fb-layout .-fb-grid-input-content :where(select, input:not([type=button]), textarea):disabled {
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
    border-color: var(--visiv-theme-input-inactive-border-color) !important;
    color: var(--visiv-theme-input-inactive-text-color) !important;
    opacity: 1;
}

.-fb-layout .-fb-grid-input-content *.-fb-inactive,
.-fb-layout .-fb-grid-input-content *.-fb-inactive :where(select, input:not([type=button]), textarea),
.-fb-layout .-fb-grid-input-content :where(select, input:not([type=button]), textarea):disabled {
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
    border-color: var(--visiv-theme-input-inactive-border-color) !important;
    color: var(--visiv-theme-input-inactive-text-color) !important;
    opacity: 1;
}

/* STATUS */

.-fb-grid-input-status-error {
    color: var(--visiv-system-red-light) !important;
}

.-fb-grid-input-status-ok {
    color: var(--visiv-system-green-light) !important;
}

/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2023 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face
{
 
  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("./fonts/icofont.woff2") format("woff2"),
url("./fonts/icofont.woff") format("woff");
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-addons:before
{
  content: "\eea0";
}

.icofont-address-book:before
{
  content: "\eea1";
}

.icofont-adjust:before
{
  content: "\eea2";
}

.icofont-alarm:before
{
  content: "\eea3";
}

.icofont-anchor:before
{
  content: "\eea4";
}

.icofont-archive:before
{
  content: "\eea5";
}

.icofont-at:before
{
  content: "\eea6";
}

.icofont-attachment:before
{
  content: "\eea7";
}

.icofont-audio:before
{
  content: "\eea8";
}

.icofont-automation:before
{
  content: "\eea9";
}

.icofont-badge:before
{
  content: "\eeaa";
}

.icofont-bag-alt:before
{
  content: "\eeab";
}

.icofont-bag:before
{
  content: "\eeac";
}

.icofont-ban:before
{
  content: "\eead";
}

.icofont-bar-code:before
{
  content: "\eeae";
}

.icofont-bars:before
{
  content: "\eeaf";
}

.icofont-basket:before
{
  content: "\eeb0";
}

.icofont-battery-empty:before
{
  content: "\eeb1";
}

.icofont-battery-full:before
{
  content: "\eeb2";
}

.icofont-battery-half:before
{
  content: "\eeb3";
}

.icofont-battery-low:before
{
  content: "\eeb4";
}

.icofont-beaker:before
{
  content: "\eeb5";
}

.icofont-beard:before
{
  content: "\eeb6";
}

.icofont-bed:before
{
  content: "\eeb7";
}

.icofont-bell:before
{
  content: "\eeb8";
}

.icofont-beverage:before
{
  content: "\eeb9";
}

.icofont-bill:before
{
  content: "\eeba";
}

.icofont-bin:before
{
  content: "\eebb";
}

.icofont-binary:before
{
  content: "\eebc";
}

.icofont-binoculars:before
{
  content: "\eebd";
}

.icofont-bluetooth:before
{
  content: "\eebe";
}

.icofont-bomb:before
{
  content: "\eebf";
}

.icofont-book-mark:before
{
  content: "\eec0";
}

.icofont-box:before
{
  content: "\eec1";
}

.icofont-briefcase:before
{
  content: "\eec2";
}

.icofont-broken:before
{
  content: "\eec3";
}

.icofont-bucket:before
{
  content: "\eec4";
}

.icofont-bucket1:before
{
  content: "\eec5";
}

.icofont-bucket2:before
{
  content: "\eec6";
}

.icofont-bug:before
{
  content: "\eec7";
}

.icofont-building:before
{
  content: "\eec8";
}

.icofont-bulb-alt:before
{
  content: "\eec9";
}

.icofont-bullet:before
{
  content: "\eeca";
}

.icofont-bullhorn:before
{
  content: "\eecb";
}

.icofont-bullseye:before
{
  content: "\eecc";
}

.icofont-calendar:before
{
  content: "\eecd";
}

.icofont-camera-alt:before
{
  content: "\eece";
}

.icofont-camera:before
{
  content: "\eecf";
}

.icofont-card:before
{
  content: "\eed0";
}

.icofont-cart-alt:before
{
  content: "\eed1";
}

.icofont-cart:before
{
  content: "\eed2";
}

.icofont-cc:before
{
  content: "\eed3";
}

.icofont-charging:before
{
  content: "\eed4";
}

.icofont-chat:before
{
  content: "\eed5";
}

.icofont-check-alt:before
{
  content: "\eed6";
}

.icofont-check-circled:before
{
  content: "\eed7";
}

.icofont-check:before
{
  content: "\eed8";
}

.icofont-checked:before
{
  content: "\eed9";
}

.icofont-children-care:before
{
  content: "\eeda";
}

.icofont-clip:before
{
  content: "\eedb";
}

.icofont-clock-time:before
{
  content: "\eedc";
}

.icofont-close-circled:before
{
  content: "\eedd";
}

.icofont-close-line-circled:before
{
  content: "\eede";
}

.icofont-close-line-squared-alt:before
{
  content: "\eedf";
}

.icofont-close-line-squared:before
{
  content: "\eee0";
}

.icofont-close-line:before
{
  content: "\eee1";
}

.icofont-close-squared-alt:before
{
  content: "\eee2";
}

.icofont-close-squared:before
{
  content: "\eee3";
}

.icofont-close:before
{
  content: "\eee4";
}

.icofont-cloud-download:before
{
  content: "\eee5";
}

.icofont-cloud-refresh:before
{
  content: "\eee6";
}

.icofont-cloud-upload:before
{
  content: "\eee7";
}

.icofont-cloud:before
{
  content: "\eee8";
}

.icofont-code-not-allowed:before
{
  content: "\eee9";
}

.icofont-code:before
{
  content: "\eeea";
}

.icofont-comment:before
{
  content: "\eeeb";
}

.icofont-compass-alt:before
{
  content: "\eeec";
}

.icofont-compass:before
{
  content: "\eeed";
}

.icofont-computer:before
{
  content: "\eeee";
}

.icofont-connection:before
{
  content: "\eeef";
}

.icofont-console:before
{
  content: "\eef0";
}

.icofont-contacts:before
{
  content: "\eef1";
}

.icofont-contrast:before
{
  content: "\eef2";
}

.icofont-copyright:before
{
  content: "\eef3";
}

.icofont-credit-card:before
{
  content: "\eef4";
}

.icofont-crop:before
{
  content: "\eef5";
}

.icofont-crown:before
{
  content: "\eef6";
}

.icofont-cube:before
{
  content: "\eef7";
}

.icofont-cubes:before
{
  content: "\eef8";
}

.icofont-dashboard-web:before
{
  content: "\eef9";
}

.icofont-dashboard:before
{
  content: "\eefa";
}

.icofont-data:before
{
  content: "\eefb";
}

.icofont-database-add:before
{
  content: "\eefc";
}

.icofont-database-locked:before
{
  content: "\eefd";
}

.icofont-database-remove:before
{
  content: "\eefe";
}

.icofont-database:before
{
  content: "\eeff";
}

.icofont-delete:before
{
  content: "\ef00";
}

.icofont-diamond:before
{
  content: "\ef01";
}

.icofont-dice-multiple:before
{
  content: "\ef02";
}

.icofont-dice:before
{
  content: "\ef03";
}

.icofont-disc:before
{
  content: "\ef04";
}

.icofont-diskette:before
{
  content: "\ef05";
}

.icofont-document-folder:before
{
  content: "\ef06";
}

.icofont-download-alt:before
{
  content: "\ef07";
}

.icofont-download:before
{
  content: "\ef08";
}

.icofont-downloaded:before
{
  content: "\ef09";
}

.icofont-drag:before
{
  content: "\ef0a";
}

.icofont-drag1:before
{
  content: "\ef0b";
}

.icofont-drag2:before
{
  content: "\ef0c";
}

.icofont-drag3:before
{
  content: "\ef0d";
}

.icofont-earth:before
{
  content: "\ef0e";
}

.icofont-ebook:before
{
  content: "\ef0f";
}

.icofont-edit:before
{
  content: "\ef10";
}

.icofont-eject:before
{
  content: "\ef11";
}

.icofont-email:before
{
  content: "\ef12";
}

.icofont-envelope-open:before
{
  content: "\ef13";
}

.icofont-envelope:before
{
  content: "\ef14";
}

.icofont-eraser:before
{
  content: "\ef15";
}

.icofont-error:before
{
  content: "\ef16";
}

.icofont-excavator:before
{
  content: "\ef17";
}

.icofont-exchange:before
{
  content: "\ef18";
}

.icofont-exclamation-circle:before
{
  content: "\ef19";
}

.icofont-exclamation-square:before
{
  content: "\ef1a";
}

.icofont-exclamation-tringle:before
{
  content: "\ef1b";
}

.icofont-exclamation:before
{
  content: "\ef1c";
}

.icofont-exit:before
{
  content: "\ef1d";
}

.icofont-expand:before
{
  content: "\ef1e";
}

.icofont-external-link:before
{
  content: "\ef1f";
}

.icofont-external:before
{
  content: "\ef20";
}

.icofont-eye-alt:before
{
  content: "\ef21";
}

.icofont-eye-blocked:before
{
  content: "\ef22";
}

.icofont-eye-dropper:before
{
  content: "\ef23";
}

.icofont-eye:before
{
  content: "\ef24";
}

.icofont-favourite:before
{
  content: "\ef25";
}

.icofont-fax:before
{
  content: "\ef26";
}

.icofont-file-fill:before
{
  content: "\ef27";
}

.icofont-film:before
{
  content: "\ef28";
}

.icofont-filter:before
{
  content: "\ef29";
}

.icofont-fire-alt:before
{
  content: "\ef2a";
}

.icofont-fire-burn:before
{
  content: "\ef2b";
}

.icofont-fire:before
{
  content: "\ef2c";
}

.icofont-flag-alt-1:before
{
  content: "\ef2d";
}

.icofont-flag-alt-2:before
{
  content: "\ef2e";
}

.icofont-flag:before
{
  content: "\ef2f";
}

.icofont-flame-torch:before
{
  content: "\ef30";
}

.icofont-flash-light:before
{
  content: "\ef31";
}

.icofont-flash:before
{
  content: "\ef32";
}

.icofont-flask:before
{
  content: "\ef33";
}

.icofont-focus:before
{
  content: "\ef34";
}

.icofont-folder-open:before
{
  content: "\ef35";
}

.icofont-folder:before
{
  content: "\ef36";
}

.icofont-foot-print:before
{
  content: "\ef37";
}

.icofont-garbage:before
{
  content: "\ef38";
}

.icofont-gear-alt:before
{
  content: "\ef39";
}

.icofont-gear:before
{
  content: "\ef3a";
}

.icofont-gears:before
{
  content: "\ef3b";
}

.icofont-gift:before
{
  content: "\ef3c";
}

.icofont-glass:before
{
  content: "\ef3d";
}

.icofont-globe:before
{
  content: "\ef3e";
}

.icofont-graffiti:before
{
  content: "\ef3f";
}

.icofont-grocery:before
{
  content: "\ef40";
}

.icofont-hand:before
{
  content: "\ef41";
}

.icofont-hanger:before
{
  content: "\ef42";
}

.icofont-hard-disk:before
{
  content: "\ef43";
}

.icofont-heart-alt:before
{
  content: "\ef44";
}

.icofont-heart:before
{
  content: "\ef45";
}

.icofont-history:before
{
  content: "\ef46";
}

.icofont-home:before
{
  content: "\ef47";
}

.icofont-horn:before
{
  content: "\ef48";
}

.icofont-hour-glass:before
{
  content: "\ef49";
}

.icofont-id:before
{
  content: "\ef4a";
}

.icofont-image:before
{
  content: "\ef4b";
}

.icofont-inbox:before
{
  content: "\ef4c";
}

.icofont-infinite:before
{
  content: "\ef4d";
}

.icofont-info-circle:before
{
  content: "\ef4e";
}

.icofont-info-square:before
{
  content: "\ef4f";
}

.icofont-info:before
{
  content: "\ef50";
}

.icofont-institution:before
{
  content: "\ef51";
}

.icofont-interface:before
{
  content: "\ef52";
}

.icofont-invisible:before
{
  content: "\ef53";
}

.icofont-jacket:before
{
  content: "\ef54";
}

.icofont-jar:before
{
  content: "\ef55";
}

.icofont-jewlery:before
{
  content: "\ef56";
}

.icofont-karate:before
{
  content: "\ef57";
}

.icofont-key-hole:before
{
  content: "\ef58";
}

.icofont-key:before
{
  content: "\ef59";
}

.icofont-label:before
{
  content: "\ef5a";
}

.icofont-lamp:before
{
  content: "\ef5b";
}

.icofont-layers:before
{
  content: "\ef5c";
}

.icofont-layout:before
{
  content: "\ef5d";
}

.icofont-leaf:before
{
  content: "\ef5e";
}

.icofont-leaflet:before
{
  content: "\ef5f";
}

.icofont-learn:before
{
  content: "\ef60";
}

.icofont-lego:before
{
  content: "\ef61";
}

.icofont-lens:before
{
  content: "\ef62";
}

.icofont-letter:before
{
  content: "\ef63";
}

.icofont-letterbox:before
{
  content: "\ef64";
}

.icofont-library:before
{
  content: "\ef65";
}

.icofont-license:before
{
  content: "\ef66";
}

.icofont-life-bouy:before
{
  content: "\ef67";
}

.icofont-life-buoy:before
{
  content: "\ef68";
}

.icofont-life-jacket:before
{
  content: "\ef69";
}

.icofont-life-ring:before
{
  content: "\ef6a";
}

.icofont-light-bulb:before
{
  content: "\ef6b";
}

.icofont-lighter:before
{
  content: "\ef6c";
}

.icofont-lightning-ray:before
{
  content: "\ef6d";
}

.icofont-like:before
{
  content: "\ef6e";
}

.icofont-line-height:before
{
  content: "\ef6f";
}

.icofont-link-alt:before
{
  content: "\ef70";
}

.icofont-link:before
{
  content: "\ef71";
}

.icofont-list:before
{
  content: "\ef72";
}

.icofont-listening:before
{
  content: "\ef73";
}

.icofont-listine-dots:before
{
  content: "\ef74";
}

.icofont-listing-box:before
{
  content: "\ef75";
}

.icofont-listing-number:before
{
  content: "\ef76";
}

.icofont-live-support:before
{
  content: "\ef77";
}

.icofont-location-arrow:before
{
  content: "\ef78";
}

.icofont-location-pin:before
{
  content: "\ef79";
}

.icofont-lock:before
{
  content: "\ef7a";
}

.icofont-login:before
{
  content: "\ef7b";
}

.icofont-logout:before
{
  content: "\ef7c";
}

.icofont-lollipop:before
{
  content: "\ef7d";
}

.icofont-long-drive:before
{
  content: "\ef7e";
}

.icofont-look:before
{
  content: "\ef7f";
}

.icofont-loop:before
{
  content: "\ef80";
}

.icofont-luggage:before
{
  content: "\ef81";
}

.icofont-lunch:before
{
  content: "\ef82";
}

.icofont-lungs:before
{
  content: "\ef83";
}

.icofont-magic-alt:before
{
  content: "\ef84";
}

.icofont-magic:before
{
  content: "\ef85";
}

.icofont-magnet:before
{
  content: "\ef86";
}

.icofont-mail-box:before
{
  content: "\ef87";
}

.icofont-mail:before
{
  content: "\ef88";
}

.icofont-male:before
{
  content: "\ef89";
}

.icofont-map-pins:before
{
  content: "\ef8a";
}

.icofont-map:before
{
  content: "\ef8b";
}

.icofont-maximize:before
{
  content: "\ef8c";
}

.icofont-measure:before
{
  content: "\ef8d";
}

.icofont-medicine:before
{
  content: "\ef8e";
}

.icofont-mega-phone:before
{
  content: "\ef8f";
}

.icofont-megaphone-alt:before
{
  content: "\ef90";
}

.icofont-megaphone:before
{
  content: "\ef91";
}

.icofont-memorial:before
{
  content: "\ef92";
}

.icofont-memory-card:before
{
  content: "\ef93";
}

.icofont-mic-mute:before
{
  content: "\ef94";
}

.icofont-mic:before
{
  content: "\ef95";
}

.icofont-military:before
{
  content: "\ef96";
}

.icofont-mill:before
{
  content: "\ef97";
}

.icofont-minus-circle:before
{
  content: "\ef98";
}

.icofont-minus-square:before
{
  content: "\ef99";
}

.icofont-minus:before
{
  content: "\ef9a";
}

.icofont-mobile-phone:before
{
  content: "\ef9b";
}

.icofont-molecule:before
{
  content: "\ef9c";
}

.icofont-money:before
{
  content: "\ef9d";
}

.icofont-moon:before
{
  content: "\ef9e";
}

.icofont-mop:before
{
  content: "\ef9f";
}

.icofont-muffin:before
{
  content: "\efa0";
}

.icofont-mustache:before
{
  content: "\efa1";
}

.icofont-navigation-menu:before
{
  content: "\efa2";
}

.icofont-navigation:before
{
  content: "\efa3";
}

.icofont-network-tower:before
{
  content: "\efa4";
}

.icofont-network:before
{
  content: "\efa5";
}

.icofont-news:before
{
  content: "\efa6";
}

.icofont-newspaper:before
{
  content: "\efa7";
}

.icofont-no-smoking:before
{
  content: "\efa8";
}

.icofont-not-allowed:before
{
  content: "\efa9";
}

.icofont-notebook:before
{
  content: "\efaa";
}

.icofont-notepad:before
{
  content: "\efab";
}

.icofont-notification:before
{
  content: "\efac";
}

.icofont-numbered:before
{
  content: "\efad";
}

.icofont-opposite:before
{
  content: "\efae";
}

.icofont-optic:before
{
  content: "\efaf";
}

.icofont-options:before
{
  content: "\efb0";
}

.icofont-package:before
{
  content: "\efb1";
}

.icofont-page:before
{
  content: "\efb2";
}

.icofont-paint:before
{
  content: "\efb3";
}

.icofont-paper-plane:before
{
  content: "\efb4";
}

.icofont-paperclip:before
{
  content: "\efb5";
}

.icofont-papers:before
{
  content: "\efb6";
}

.icofont-pay:before
{
  content: "\efb7";
}

.icofont-penguin-linux:before
{
  content: "\efb8";
}

.icofont-pestle:before
{
  content: "\efb9";
}

.icofont-phone-circle:before
{
  content: "\efba";
}

.icofont-phone:before
{
  content: "\efbb";
}

.icofont-picture:before
{
  content: "\efbc";
}

.icofont-pine:before
{
  content: "\efbd";
}

.icofont-pixels:before
{
  content: "\efbe";
}

.icofont-plugin:before
{
  content: "\efbf";
}

.icofont-plus-circle:before
{
  content: "\efc0";
}

.icofont-plus-square:before
{
  content: "\efc1";
}

.icofont-plus:before
{
  content: "\efc2";
}

.icofont-polygonal:before
{
  content: "\efc3";
}

.icofont-power:before
{
  content: "\efc4";
}

.icofont-price:before
{
  content: "\efc5";
}

.icofont-print:before
{
  content: "\efc6";
}

.icofont-puzzle:before
{
  content: "\efc7";
}

.icofont-qr-code:before
{
  content: "\efc8";
}

.icofont-queen:before
{
  content: "\efc9";
}

.icofont-question-circle:before
{
  content: "\efca";
}

.icofont-question-square:before
{
  content: "\efcb";
}

.icofont-question:before
{
  content: "\efcc";
}

.icofont-quote-left:before
{
  content: "\efcd";
}

.icofont-quote-right:before
{
  content: "\efce";
}

.icofont-random:before
{
  content: "\efcf";
}

.icofont-recycle:before
{
  content: "\efd0";
}

.icofont-refresh:before
{
  content: "\efd1";
}

.icofont-repair:before
{
  content: "\efd2";
}

.icofont-reply-all:before
{
  content: "\efd3";
}

.icofont-reply:before
{
  content: "\efd4";
}

.icofont-resize:before
{
  content: "\efd5";
}

.icofont-responsive:before
{
  content: "\efd6";
}

.icofont-retweet:before
{
  content: "\efd7";
}

.icofont-road:before
{
  content: "\efd8";
}

.icofont-robot:before
{
  content: "\efd9";
}

.icofont-royal:before
{
  content: "\efda";
}

.icofont-rss-feed:before
{
  content: "\efdb";
}

.icofont-safety:before
{
  content: "\efdc";
}

.icofont-sale-discount:before
{
  content: "\efdd";
}

.icofont-satellite:before
{
  content: "\efde";
}

.icofont-send-mail:before
{
  content: "\efdf";
}

.icofont-server:before
{
  content: "\efe0";
}

.icofont-settings-alt:before
{
  content: "\efe1";
}

.icofont-settings:before
{
  content: "\efe2";
}

.icofont-share-alt:before
{
  content: "\efe3";
}

.icofont-share-boxed:before
{
  content: "\efe4";
}

.icofont-share:before
{
  content: "\efe5";
}

.icofont-shield:before
{
  content: "\efe6";
}

.icofont-shopping-cart:before
{
  content: "\efe7";
}

.icofont-sign-in:before
{
  content: "\efe8";
}

.icofont-sign-out:before
{
  content: "\efe9";
}

.icofont-signal:before
{
  content: "\efea";
}

.icofont-site-map:before
{
  content: "\efeb";
}

.icofont-smart-phone:before
{
  content: "\efec";
}

.icofont-soccer:before
{
  content: "\efed";
}

.icofont-sort-alt:before
{
  content: "\efee";
}

.icofont-sort:before
{
  content: "\efef";
}

.icofont-space:before
{
  content: "\eff0";
}

.icofont-spanner:before
{
  content: "\eff1";
}

.icofont-speech-comments:before
{
  content: "\eff2";
}

.icofont-speed-meter:before
{
  content: "\eff3";
}

.icofont-spinner-alt-1:before
{
  content: "\eff4";
}

.icofont-spinner-alt-2:before
{
  content: "\eff5";
}

.icofont-spinner-alt-3:before
{
  content: "\eff6";
}

.icofont-spinner-alt-4:before
{
  content: "\eff7";
}

.icofont-spinner-alt-5:before
{
  content: "\eff8";
}

.icofont-spinner-alt-6:before
{
  content: "\eff9";
}

.icofont-spinner:before
{
  content: "\effa";
}

.icofont-spreadsheet:before
{
  content: "\effb";
}

.icofont-square:before
{
  content: "\effc";
}

.icofont-ssl-security:before
{
  content: "\effd";
}

.icofont-star-alt-1:before
{
  content: "\effe";
}

.icofont-star-alt-2:before
{
  content: "\efff";
}

.icofont-star:before
{
  content: "\f000";
}

.icofont-street-view:before
{
  content: "\f001";
}

.icofont-support-faq:before
{
  content: "\f002";
}

.icofont-tack-pin:before
{
  content: "\f003";
}

.icofont-tag:before
{
  content: "\f004";
}

.icofont-tags:before
{
  content: "\f005";
}

.icofont-tasks-alt:before
{
  content: "\f006";
}

.icofont-tasks:before
{
  content: "\f007";
}

.icofont-telephone:before
{
  content: "\f008";
}

.icofont-telescope:before
{
  content: "\f009";
}

.icofont-terminal:before
{
  content: "\f00a";
}

.icofont-thumbs-down:before
{
  content: "\f00b";
}

.icofont-thumbs-up:before
{
  content: "\f00c";
}

.icofont-tick-boxed:before
{
  content: "\f00d";
}

.icofont-tick-mark:before
{
  content: "\f00e";
}

.icofont-ticket:before
{
  content: "\f00f";
}

.icofont-tie:before
{
  content: "\f010";
}

.icofont-toggle-off:before
{
  content: "\f011";
}

.icofont-toggle-on:before
{
  content: "\f012";
}

.icofont-tools-alt-2:before
{
  content: "\f013";
}

.icofont-tools:before
{
  content: "\f014";
}

.icofont-touch:before
{
  content: "\f015";
}

.icofont-traffic-light:before
{
  content: "\f016";
}

.icofont-transparent:before
{
  content: "\f017";
}

.icofont-tree:before
{
  content: "\f018";
}

.icofont-unique-idea:before
{
  content: "\f019";
}

.icofont-unlock:before
{
  content: "\f01a";
}

.icofont-unlocked:before
{
  content: "\f01b";
}

.icofont-upload-alt:before
{
  content: "\f01c";
}

.icofont-upload:before
{
  content: "\f01d";
}

.icofont-usb-drive:before
{
  content: "\f01e";
}

.icofont-usb:before
{
  content: "\f01f";
}

.icofont-vector-path:before
{
  content: "\f020";
}

.icofont-verification-check:before
{
  content: "\f021";
}

.icofont-wall-clock:before
{
  content: "\f022";
}

.icofont-wall:before
{
  content: "\f023";
}

.icofont-wallet:before
{
  content: "\f024";
}

.icofont-warning-alt:before
{
  content: "\f025";
}

.icofont-warning:before
{
  content: "\f026";
}

.icofont-water-drop:before
{
  content: "\f027";
}

.icofont-web:before
{
  content: "\f028";
}

.icofont-wheelchair:before
{
  content: "\f029";
}

.icofont-wifi-alt:before
{
  content: "\f02a";
}

.icofont-wifi:before
{
  content: "\f02b";
}

.icofont-world:before
{
  content: "\f02c";
}

.icofont-zigzag:before
{
  content: "\f02d";
}

.icofont-zipped:before
{
  content: "\f02e";
}

.icofont-arrow-down:before
{
  content: "\ea5b";
}

.icofont-arrow-left:before
{
  content: "\ea5c";
}

.icofont-arrow-right:before
{
  content: "\ea5d";
}

.icofont-arrow-up:before
{
  content: "\ea5e";
}

.icofont-block-down:before
{
  content: "\ea5f";
}

.icofont-block-left:before
{
  content: "\ea60";
}

.icofont-block-right:before
{
  content: "\ea61";
}

.icofont-block-up:before
{
  content: "\ea62";
}

.icofont-bubble-down:before
{
  content: "\ea63";
}

.icofont-bubble-left:before
{
  content: "\ea64";
}

.icofont-bubble-right:before
{
  content: "\ea65";
}

.icofont-bubble-up:before
{
  content: "\ea66";
}

.icofont-caret-down:before
{
  content: "\ea67";
}

.icofont-caret-left:before
{
  content: "\ea68";
}

.icofont-caret-right:before
{
  content: "\ea69";
}

.icofont-caret-up:before
{
  content: "\ea6a";
}

.icofont-circled-down:before
{
  content: "\ea6b";
}

.icofont-circled-left:before
{
  content: "\ea6c";
}

.icofont-circled-right:before
{
  content: "\ea6d";
}

.icofont-circled-up:before
{
  content: "\ea6e";
}

.icofont-collapse:before
{
  content: "\ea6f";
}

.icofont-cursor-drag:before
{
  content: "\ea70";
}

.icofont-curved-double-left:before
{
  content: "\ea71";
}

.icofont-curved-double-right:before
{
  content: "\ea72";
}

.icofont-curved-down:before
{
  content: "\ea73";
}

.icofont-curved-left:before
{
  content: "\ea74";
}

.icofont-curved-right:before
{
  content: "\ea75";
}

.icofont-curved-up:before
{
  content: "\ea76";
}

.icofont-dotted-down:before
{
  content: "\ea77";
}

.icofont-dotted-left:before
{
  content: "\ea78";
}

.icofont-dotted-right:before
{
  content: "\ea79";
}

.icofont-dotted-up:before
{
  content: "\ea7a";
}

.icofont-double-left:before
{
  content: "\ea7b";
}

.icofont-double-right:before
{
  content: "\ea7c";
}

.icofont-expand-alt:before
{
  content: "\ea7d";
}

.icofont-hand-down:before
{
  content: "\ea7e";
}

.icofont-hand-drag:before
{
  content: "\ea7f";
}

.icofont-hand-drag1:before
{
  content: "\ea80";
}

.icofont-hand-drag2:before
{
  content: "\ea81";
}

.icofont-hand-drawn-alt-down:before
{
  content: "\ea82";
}

.icofont-hand-drawn-alt-left:before
{
  content: "\ea83";
}

.icofont-hand-drawn-alt-right:before
{
  content: "\ea84";
}

.icofont-hand-drawn-alt-up:before
{
  content: "\ea85";
}

.icofont-hand-drawn-down:before
{
  content: "\ea86";
}

.icofont-hand-drawn-left:before
{
  content: "\ea87";
}

.icofont-hand-drawn-right:before
{
  content: "\ea88";
}

.icofont-hand-drawn-up:before
{
  content: "\ea89";
}

.icofont-hand-grippers:before
{
  content: "\ea8a";
}

.icofont-hand-left:before
{
  content: "\ea8b";
}

.icofont-hand-right:before
{
  content: "\ea8c";
}

.icofont-hand-up:before
{
  content: "\ea8d";
}

.icofont-line-block-down:before
{
  content: "\ea8e";
}

.icofont-line-block-left:before
{
  content: "\ea8f";
}

.icofont-line-block-right:before
{
  content: "\ea90";
}

.icofont-line-block-up:before
{
  content: "\ea91";
}

.icofont-long-arrow-down:before
{
  content: "\ea92";
}

.icofont-long-arrow-left:before
{
  content: "\ea93";
}

.icofont-long-arrow-right:before
{
  content: "\ea94";
}

.icofont-long-arrow-up:before
{
  content: "\ea95";
}

.icofont-rounded-collapse:before
{
  content: "\ea96";
}

.icofont-rounded-double-left:before
{
  content: "\ea97";
}

.icofont-rounded-double-right:before
{
  content: "\ea98";
}

.icofont-rounded-down:before
{
  content: "\ea99";
}

.icofont-rounded-expand:before
{
  content: "\ea9a";
}

.icofont-rounded-left-down:before
{
  content: "\ea9b";
}

.icofont-rounded-left-up:before
{
  content: "\ea9c";
}

.icofont-rounded-left:before
{
  content: "\ea9d";
}

.icofont-rounded-right-down:before
{
  content: "\ea9e";
}

.icofont-rounded-right-up:before
{
  content: "\ea9f";
}

.icofont-rounded-right:before
{
  content: "\eaa0";
}

.icofont-rounded-up:before
{
  content: "\eaa1";
}

.icofont-scroll-bubble-down:before
{
  content: "\eaa2";
}

.icofont-scroll-bubble-left:before
{
  content: "\eaa3";
}

.icofont-scroll-bubble-right:before
{
  content: "\eaa4";
}

.icofont-scroll-bubble-up:before
{
  content: "\eaa5";
}

.icofont-scroll-double-down:before
{
  content: "\eaa6";
}

.icofont-scroll-double-left:before
{
  content: "\eaa7";
}

.icofont-scroll-double-right:before
{
  content: "\eaa8";
}

.icofont-scroll-double-up:before
{
  content: "\eaa9";
}

.icofont-scroll-down:before
{
  content: "\eaaa";
}

.icofont-scroll-left:before
{
  content: "\eaab";
}

.icofont-scroll-long-down:before
{
  content: "\eaac";
}

.icofont-scroll-long-left:before
{
  content: "\eaad";
}

.icofont-scroll-long-right:before
{
  content: "\eaae";
}

.icofont-scroll-long-up:before
{
  content: "\eaaf";
}

.icofont-scroll-right:before
{
  content: "\eab0";
}

.icofont-scroll-up:before
{
  content: "\eab1";
}

.icofont-simple-down:before
{
  content: "\eab2";
}

.icofont-simple-left-down:before
{
  content: "\eab3";
}

.icofont-simple-left-up:before
{
  content: "\eab4";
}

.icofont-simple-left:before
{
  content: "\eab5";
}

.icofont-simple-right-down:before
{
  content: "\eab6";
}

.icofont-simple-right-up:before
{
  content: "\eab7";
}

.icofont-simple-right:before
{
  content: "\eab8";
}

.icofont-simple-up:before
{
  content: "\eab9";
}

.icofont-square-down:before
{
  content: "\eaba";
}

.icofont-square-left:before
{
  content: "\eabb";
}

.icofont-square-right:before
{
  content: "\eabc";
}

.icofont-square-up:before
{
  content: "\eabd";
}

.icofont-stylish-down:before
{
  content: "\eabe";
}

.icofont-stylish-left:before
{
  content: "\eabf";
}

.icofont-stylish-right:before
{
  content: "\eac0";
}

.icofont-stylish-up:before
{
  content: "\eac1";
}

.icofont-swoosh-down:before
{
  content: "\eac2";
}

.icofont-swoosh-left:before
{
  content: "\eac3";
}

.icofont-swoosh-right:before
{
  content: "\eac4";
}

.icofont-swoosh-up:before
{
  content: "\eac5";
}

.icofont-thin-double-left:before
{
  content: "\eac6";
}

.icofont-thin-double-right:before
{
  content: "\eac7";
}

.icofont-thin-down:before
{
  content: "\eac8";
}

.icofont-thin-left:before
{
  content: "\eac9";
}

.icofont-thin-right:before
{
  content: "\eaca";
}

.icofont-thin-up:before
{
  content: "\eacb";
}

.icofont-ui-add:before
{
  content: "\ec3e";
}

.icofont-ui-alarm:before
{
  content: "\ec3f";
}

.icofont-ui-battery:before
{
  content: "\ec40";
}

.icofont-ui-block:before
{
  content: "\ec41";
}

.icofont-ui-bluetooth:before
{
  content: "\ec42";
}

.icofont-ui-brightness:before
{
  content: "\ec43";
}

.icofont-ui-browser:before
{
  content: "\ec44";
}

.icofont-ui-calendar:before
{
  content: "\ec45";
}

.icofont-ui-call:before
{
  content: "\ec46";
}

.icofont-ui-camera:before
{
  content: "\ec47";
}

.icofont-ui-cart:before
{
  content: "\ec48";
}

.icofont-ui-cell-phone:before
{
  content: "\ec49";
}

.icofont-ui-chat:before
{
  content: "\ec4a";
}

.icofont-ui-check:before
{
  content: "\ec4b";
}

.icofont-ui-clip-board:before
{
  content: "\ec4c";
}

.icofont-ui-clip:before
{
  content: "\ec4d";
}

.icofont-ui-clock:before
{
  content: "\ec4e";
}

.icofont-ui-close:before
{
  content: "\ec4f";
}

.icofont-ui-contact-list:before
{
  content: "\ec50";
}

.icofont-ui-copy:before
{
  content: "\ec51";
}

.icofont-ui-cut:before
{
  content: "\ec52";
}

.icofont-ui-delete:before
{
  content: "\ec53";
}

.icofont-ui-dial-phone:before
{
  content: "\ec54";
}

.icofont-ui-edit:before
{
  content: "\ec55";
}

.icofont-ui-email:before
{
  content: "\ec56";
}

.icofont-ui-file:before
{
  content: "\ec57";
}

.icofont-ui-fire-wall:before
{
  content: "\ec58";
}

.icofont-ui-flash-light:before
{
  content: "\ec59";
}

.icofont-ui-flight:before
{
  content: "\ec5a";
}

.icofont-ui-folder:before
{
  content: "\ec5b";
}

.icofont-ui-game:before
{
  content: "\ec5c";
}

.icofont-ui-handicapped:before
{
  content: "\ec5d";
}

.icofont-ui-home:before
{
  content: "\ec5e";
}

.icofont-ui-image:before
{
  content: "\ec5f";
}

.icofont-ui-laoding:before
{
  content: "\ec60";
}

.icofont-ui-lock:before
{
  content: "\ec61";
}

.icofont-ui-love-add:before
{
  content: "\ec62";
}

.icofont-ui-love-broken:before
{
  content: "\ec63";
}

.icofont-ui-love-remove:before
{
  content: "\ec64";
}

.icofont-ui-love:before
{
  content: "\ec65";
}

.icofont-ui-map:before
{
  content: "\ec66";
}

.icofont-ui-message:before
{
  content: "\ec67";
}

.icofont-ui-messaging:before
{
  content: "\ec68";
}

.icofont-ui-movie:before
{
  content: "\ec69";
}

.icofont-ui-music-player:before
{
  content: "\ec6a";
}

.icofont-ui-music:before
{
  content: "\ec6b";
}

.icofont-ui-mute:before
{
  content: "\ec6c";
}

.icofont-ui-network:before
{
  content: "\ec6d";
}

.icofont-ui-next:before
{
  content: "\ec6e";
}

.icofont-ui-note:before
{
  content: "\ec6f";
}

.icofont-ui-office:before
{
  content: "\ec70";
}

.icofont-ui-password:before
{
  content: "\ec71";
}

.icofont-ui-pause:before
{
  content: "\ec72";
}

.icofont-ui-play-stop:before
{
  content: "\ec73";
}

.icofont-ui-play:before
{
  content: "\ec74";
}

.icofont-ui-pointer:before
{
  content: "\ec75";
}

.icofont-ui-power:before
{
  content: "\ec76";
}

.icofont-ui-press:before
{
  content: "\ec77";
}

.icofont-ui-previous:before
{
  content: "\ec78";
}

.icofont-ui-rate-add:before
{
  content: "\ec79";
}

.icofont-ui-rate-blank:before
{
  content: "\ec7a";
}

.icofont-ui-rate-remove:before
{
  content: "\ec7b";
}

.icofont-ui-rating:before
{
  content: "\ec7c";
}

.icofont-ui-record:before
{
  content: "\ec7d";
}

.icofont-ui-remove:before
{
  content: "\ec7e";
}

.icofont-ui-reply:before
{
  content: "\ec7f";
}

.icofont-ui-rotation:before
{
  content: "\ec80";
}

.icofont-ui-rss:before
{
  content: "\ec81";
}

.icofont-ui-search:before
{
  content: "\ec82";
}

.icofont-ui-settings:before
{
  content: "\ec83";
}

.icofont-ui-social-link:before
{
  content: "\ec84";
}

.icofont-ui-tag:before
{
  content: "\ec85";
}

.icofont-ui-text-chat:before
{
  content: "\ec86";
}

.icofont-ui-text-loading:before
{
  content: "\ec87";
}

.icofont-ui-theme:before
{
  content: "\ec88";
}

.icofont-ui-timer:before
{
  content: "\ec89";
}

.icofont-ui-touch-phone:before
{
  content: "\ec8a";
}

.icofont-ui-travel:before
{
  content: "\ec8b";
}

.icofont-ui-unlock:before
{
  content: "\ec8c";
}

.icofont-ui-user-group:before
{
  content: "\ec8d";
}

.icofont-ui-user:before
{
  content: "\ec8e";
}

.icofont-ui-v-card:before
{
  content: "\ec8f";
}

.icofont-ui-video-chat:before
{
  content: "\ec90";
}

.icofont-ui-video-message:before
{
  content: "\ec91";
}

.icofont-ui-video-play:before
{
  content: "\ec92";
}

.icofont-ui-video:before
{
  content: "\ec93";
}

.icofont-ui-volume:before
{
  content: "\ec94";
}

.icofont-ui-weather:before
{
  content: "\ec95";
}

.icofont-ui-wifi:before
{
  content: "\ec96";
}

.icofont-ui-zoom-in:before
{
  content: "\ec97";
}

.icofont-ui-zoom-out:before
{
  content: "\ec98";
}

.icofont-abacus-alt:before
{
  content: "\ebd7";
}

.icofont-abacus:before
{
  content: "\ebd8";
}

.icofont-angle-180:before
{
  content: "\ebd9";
}

.icofont-angle-45:before
{
  content: "\ebda";
}

.icofont-angle-90:before
{
  content: "\ebdb";
}

.icofont-angle:before
{
  content: "\ebdc";
}

.icofont-calculator-alt-1:before
{
  content: "\ebdd";
}

.icofont-calculator-alt-2:before
{
  content: "\ebde";
}

.icofont-calculator:before
{
  content: "\ebdf";
}

.icofont-circle-ruler-alt:before
{
  content: "\ebe0";
}

.icofont-circle-ruler:before
{
  content: "\ebe1";
}

.icofont-compass-alt-1:before
{
  content: "\ebe2";
}

.icofont-compass-alt-2:before
{
  content: "\ebe3";
}

.icofont-compass-alt-3:before
{
  content: "\ebe4";
}

.icofont-compass-alt-4:before
{
  content: "\ebe5";
}

.icofont-golden-ratio:before
{
  content: "\ebe6";
}

.icofont-marker-alt-1:before
{
  content: "\ebe7";
}

.icofont-marker-alt-2:before
{
  content: "\ebe8";
}

.icofont-marker-alt-3:before
{
  content: "\ebe9";
}

.icofont-marker:before
{
  content: "\ebea";
}

.icofont-math:before
{
  content: "\ebeb";
}

.icofont-mathematical-alt-1:before
{
  content: "\ebec";
}

.icofont-mathematical-alt-2:before
{
  content: "\ebed";
}

.icofont-mathematical:before
{
  content: "\ebee";
}

.icofont-pen-alt-1:before
{
  content: "\ebef";
}

.icofont-pen-alt-2:before
{
  content: "\ebf0";
}

.icofont-pen-alt-3:before
{
  content: "\ebf1";
}

.icofont-pen-holder-alt-1:before
{
  content: "\ebf2";
}

.icofont-pen-holder:before
{
  content: "\ebf3";
}

.icofont-pen:before
{
  content: "\ebf4";
}

.icofont-pencil-alt-1:before
{
  content: "\ebf5";
}

.icofont-pencil-alt-2:before
{
  content: "\ebf6";
}

.icofont-pencil-alt-3:before
{
  content: "\ebf7";
}

.icofont-pencil-alt-4:before
{
  content: "\ebf8";
}

.icofont-pencil:before
{
  content: "\ebf9";
}

.icofont-ruler-alt-1:before
{
  content: "\ebfa";
}

.icofont-ruler-alt-2:before
{
  content: "\ebfb";
}

.icofont-ruler-compass-alt:before
{
  content: "\ebfc";
}

.icofont-ruler-compass:before
{
  content: "\ebfd";
}

.icofont-ruler-pencil-alt-1:before
{
  content: "\ebfe";
}

.icofont-ruler-pencil-alt-2:before
{
  content: "\ebff";
}

.icofont-ruler-pencil:before
{
  content: "\ec00";
}

.icofont-ruler:before
{
  content: "\ec01";
}

.icofont-rulers-alt:before
{
  content: "\ec02";
}

.icofont-rulers:before
{
  content: "\ec03";
}

.icofont-square-root:before
{
  content: "\ec04";
}

.icofont-ui-calculator:before
{
  content: "\ec05";
}

.icofont-align-center:before
{
  content: "\eddf";
}

.icofont-align-left:before
{
  content: "\ede0";
}

.icofont-align-right:before
{
  content: "\ede1";
}

.icofont-all-caps:before
{
  content: "\ede2";
}

.icofont-bold:before
{
  content: "\ede3";
}

.icofont-brush:before
{
  content: "\ede4";
}

.icofont-clip-board:before
{
  content: "\ede5";
}

.icofont-code-alt:before
{
  content: "\ede6";
}

.icofont-color-bucket:before
{
  content: "\ede7";
}

.icofont-color-picker:before
{
  content: "\ede8";
}

.icofont-copy-invert:before
{
  content: "\ede9";
}

.icofont-copy:before
{
  content: "\edea";
}

.icofont-cut:before
{
  content: "\edeb";
}

.icofont-delete-alt:before
{
  content: "\edec";
}

.icofont-edit-alt:before
{
  content: "\eded";
}

.icofont-eraser-alt:before
{
  content: "\edee";
}

.icofont-font:before
{
  content: "\edef";
}

.icofont-heading:before
{
  content: "\edf0";
}

.icofont-indent:before
{
  content: "\edf1";
}

.icofont-italic-alt:before
{
  content: "\edf2";
}

.icofont-italic:before
{
  content: "\edf3";
}

.icofont-justify-all:before
{
  content: "\edf4";
}

.icofont-justify-center:before
{
  content: "\edf5";
}

.icofont-justify-left:before
{
  content: "\edf6";
}

.icofont-justify-right:before
{
  content: "\edf7";
}

.icofont-link-broken:before
{
  content: "\edf8";
}

.icofont-outdent:before
{
  content: "\edf9";
}

.icofont-paper-clip:before
{
  content: "\edfa";
}

.icofont-paragraph:before
{
  content: "\edfb";
}

.icofont-pin:before
{
  content: "\edfc";
}

.icofont-printer:before
{
  content: "\edfd";
}

.icofont-redo:before
{
  content: "\edfe";
}

.icofont-rotation:before
{
  content: "\edff";
}

.icofont-save:before
{
  content: "\ee00";
}

.icofont-small-cap:before
{
  content: "\ee01";
}

.icofont-strike-through:before
{
  content: "\ee02";
}

.icofont-sub-listing:before
{
  content: "\ee03";
}

.icofont-subscript:before
{
  content: "\ee04";
}

.icofont-superscript:before
{
  content: "\ee05";
}

.icofont-table:before
{
  content: "\ee06";
}

.icofont-text-height:before
{
  content: "\ee07";
}

.icofont-text-width:before
{
  content: "\ee08";
}

.icofont-trash:before
{
  content: "\ee09";
}

.icofont-underline:before
{
  content: "\ee0a";
}

.icofont-undo:before
{
  content: "\ee0b";
}

.icofont-angry-monster:before
{
  content: "\e800";
}

.icofont-bathtub:before
{
  content: "\e801";
}

.icofont-bird-wings:before
{
  content: "\e802";
}

.icofont-bow:before
{
  content: "\e803";
}

.icofont-castle:before
{
  content: "\e804";
}

.icofont-circuit:before
{
  content: "\e805";
}

.icofont-crown-king:before
{
  content: "\e806";
}

.icofont-crown-queen:before
{
  content: "\e807";
}

.icofont-dart:before
{
  content: "\e808";
}

.icofont-disability-race:before
{
  content: "\e809";
}

.icofont-diving-goggle:before
{
  content: "\e80a";
}

.icofont-eye-open:before
{
  content: "\e80b";
}

.icofont-flora-flower:before
{
  content: "\e80c";
}

.icofont-flora:before
{
  content: "\e80d";
}

.icofont-gift-box:before
{
  content: "\e80e";
}

.icofont-halloween-pumpkin:before
{
  content: "\e80f";
}

.icofont-hand-power:before
{
  content: "\e810";
}

.icofont-hand-thunder:before
{
  content: "\e811";
}

.icofont-king-monster:before
{
  content: "\e812";
}

.icofont-love:before
{
  content: "\e813";
}

.icofont-magician-hat:before
{
  content: "\e814";
}

.icofont-native-american:before
{
  content: "\e815";
}

.icofont-owl-look:before
{
  content: "\e816";
}

.icofont-phoenix:before
{
  content: "\e817";
}

.icofont-robot-face:before
{
  content: "\e818";
}

.icofont-sand-clock:before
{
  content: "\e819";
}

.icofont-shield-alt:before
{
  content: "\e81a";
}

.icofont-ship-wheel:before
{
  content: "\e81b";
}

.icofont-skull-danger:before
{
  content: "\e81c";
}

.icofont-skull-face:before
{
  content: "\e81d";
}

.icofont-snowmobile:before
{
  content: "\e81e";
}

.icofont-space-shuttle:before
{
  content: "\e81f";
}

.icofont-star-shape:before
{
  content: "\e820";
}

.icofont-swirl:before
{
  content: "\e821";
}

.icofont-tattoo-wing:before
{
  content: "\e822";
}

.icofont-throne:before
{
  content: "\e823";
}

.icofont-tree-alt:before
{
  content: "\e824";
}

.icofont-triangle:before
{
  content: "\e825";
}

.icofont-unity-hand:before
{
  content: "\e826";
}

.icofont-weed:before
{
  content: "\e827";
}

.icofont-woman-bird:before
{
  content: "\e828";
}

.icofont-abc:before
{
  content: "\eacc";
}

.icofont-atom:before
{
  content: "\eacd";
}

.icofont-award:before
{
  content: "\eace";
}

.icofont-bell-alt:before
{
  content: "\eacf";
}

.icofont-black-board:before
{
  content: "\ead0";
}

.icofont-book-alt:before
{
  content: "\ead1";
}

.icofont-book:before
{
  content: "\ead2";
}

.icofont-brainstorming:before
{
  content: "\ead3";
}

.icofont-certificate-alt-1:before
{
  content: "\ead4";
}

.icofont-certificate-alt-2:before
{
  content: "\ead5";
}

.icofont-certificate:before
{
  content: "\ead6";
}

.icofont-education:before
{
  content: "\ead7";
}

.icofont-electron:before
{
  content: "\ead8";
}

.icofont-fountain-pen:before
{
  content: "\ead9";
}

.icofont-globe-alt:before
{
  content: "\eada";
}

.icofont-graduate-alt:before
{
  content: "\eadb";
}

.icofont-graduate:before
{
  content: "\eadc";
}

.icofont-group-students:before
{
  content: "\eadd";
}

.icofont-hat-alt:before
{
  content: "\eade";
}

.icofont-hat:before
{
  content: "\eadf";
}

.icofont-instrument:before
{
  content: "\eae0";
}

.icofont-lamp-light:before
{
  content: "\eae1";
}

.icofont-medal:before
{
  content: "\eae2";
}

.icofont-microscope-alt:before
{
  content: "\eae3";
}

.icofont-microscope:before
{
  content: "\eae4";
}

.icofont-paper:before
{
  content: "\eae5";
}

.icofont-pen-alt-4:before
{
  content: "\eae6";
}

.icofont-pen-nib:before
{
  content: "\eae7";
}

.icofont-pencil-alt-5:before
{
  content: "\eae8";
}

.icofont-quill-pen:before
{
  content: "\eae9";
}

.icofont-read-book-alt:before
{
  content: "\eaea";
}

.icofont-read-book:before
{
  content: "\eaeb";
}

.icofont-school-bag:before
{
  content: "\eaec";
}

.icofont-school-bus:before
{
  content: "\eaed";
}

.icofont-student-alt:before
{
  content: "\eaee";
}

.icofont-student:before
{
  content: "\eaef";
}

.icofont-teacher:before
{
  content: "\eaf0";
}

.icofont-test-bulb:before
{
  content: "\eaf1";
}

.icofont-test-tube-alt:before
{
  content: "\eaf2";
}

.icofont-university:before
{
  content: "\eaf3";
}

.icofont-boy:before
{
  content: "\eceb";
}

.icofont-business-man-alt-1:before
{
  content: "\ecec";
}

.icofont-business-man-alt-2:before
{
  content: "\eced";
}

.icofont-business-man-alt-3:before
{
  content: "\ecee";
}

.icofont-business-man:before
{
  content: "\ecef";
}

.icofont-female:before
{
  content: "\ecf0";
}

.icofont-funky-man:before
{
  content: "\ecf1";
}

.icofont-girl-alt:before
{
  content: "\ecf2";
}

.icofont-girl:before
{
  content: "\ecf3";
}

.icofont-group:before
{
  content: "\ecf4";
}

.icofont-hotel-boy-alt:before
{
  content: "\ecf5";
}

.icofont-hotel-boy:before
{
  content: "\ecf6";
}

.icofont-kid:before
{
  content: "\ecf7";
}

.icofont-man-in-glasses:before
{
  content: "\ecf8";
}

.icofont-people:before
{
  content: "\ecf9";
}

.icofont-support:before
{
  content: "\ecfa";
}

.icofont-user-alt-1:before
{
  content: "\ecfb";
}

.icofont-user-alt-2:before
{
  content: "\ecfc";
}

.icofont-user-alt-3:before
{
  content: "\ecfd";
}

.icofont-user-alt-4:before
{
  content: "\ecfe";
}

.icofont-user-alt-5:before
{
  content: "\ecff";
}

.icofont-user-alt-6:before
{
  content: "\ed00";
}

.icofont-user-alt-7:before
{
  content: "\ed01";
}

.icofont-user-female:before
{
  content: "\ed02";
}

.icofont-user-male:before
{
  content: "\ed03";
}

.icofont-user-suited:before
{
  content: "\ed04";
}

.icofont-user:before
{
  content: "\ed05";
}

.icofont-users-alt-1:before
{
  content: "\ed06";
}

.icofont-users-alt-2:before
{
  content: "\ed07";
}

.icofont-users-alt-3:before
{
  content: "\ed08";
}

.icofont-users-alt-4:before
{
  content: "\ed09";
}

.icofont-users-alt-5:before
{
  content: "\ed0a";
}

.icofont-users-alt-6:before
{
  content: "\ed0b";
}

.icofont-users-social:before
{
  content: "\ed0c";
}

.icofont-users:before
{
  content: "\ed0d";
}

.icofont-waiter-alt:before
{
  content: "\ed0e";
}

.icofont-waiter:before
{
  content: "\ed0f";
}

.icofont-woman-in-glasses:before
{
  content: "\ed10";
}

.icofont-search-1:before
{
  content: "\ed11";
}

.icofont-search-2:before
{
  content: "\ed12";
}

.icofont-search-document:before
{
  content: "\ed13";
}

.icofont-search-folder:before
{
  content: "\ed14";
}

.icofont-search-job:before
{
  content: "\ed15";
}

.icofont-search-map:before
{
  content: "\ed16";
}

.icofont-search-property:before
{
  content: "\ed17";
}

.icofont-search-restaurant:before
{
  content: "\ed18";
}

.icofont-search-stock:before
{
  content: "\ed19";
}

.icofont-search-user:before
{
  content: "\ed1a";
}

.icofont-search:before
{
  content: "\ed1b";
}

.icofont-chart-arrows-axis:before
{
  content: "\e978";
}

.icofont-chart-bar-graph:before
{
  content: "\e979";
}

.icofont-chart-flow-1:before
{
  content: "\e97a";
}

.icofont-chart-flow-2:before
{
  content: "\e97b";
}

.icofont-chart-flow:before
{
  content: "\e97c";
}

.icofont-chart-growth:before
{
  content: "\e97d";
}

.icofont-chart-histogram-alt:before
{
  content: "\e97e";
}

.icofont-chart-histogram:before
{
  content: "\e97f";
}

.icofont-chart-line-alt:before
{
  content: "\e980";
}

.icofont-chart-line:before
{
  content: "\e981";
}

.icofont-chart-pie-alt:before
{
  content: "\e982";
}

.icofont-chart-pie:before
{
  content: "\e983";
}

.icofont-chart-radar-graph:before
{
  content: "\e984";
}

.icofont-angry:before
{
  content: "\eaf4";
}

.icofont-astonished:before
{
  content: "\eaf5";
}

.icofont-confounded:before
{
  content: "\eaf6";
}

.icofont-confused:before
{
  content: "\eaf7";
}

.icofont-crying:before
{
  content: "\eaf8";
}

.icofont-dizzy:before
{
  content: "\eaf9";
}

.icofont-expressionless:before
{
  content: "\eafa";
}

.icofont-heart-eyes:before
{
  content: "\eafb";
}

.icofont-laughing:before
{
  content: "\eafc";
}

.icofont-nerd-smile:before
{
  content: "\eafd";
}

.icofont-open-mouth:before
{
  content: "\eafe";
}

.icofont-rage:before
{
  content: "\eaff";
}

.icofont-rolling-eyes:before
{
  content: "\eb00";
}

.icofont-sad:before
{
  content: "\eb01";
}

.icofont-simple-smile:before
{
  content: "\eb02";
}

.icofont-slightly-smile:before
{
  content: "\eb03";
}

.icofont-smirk:before
{
  content: "\eb04";
}

.icofont-stuck-out-tongue:before
{
  content: "\eb05";
}

.icofont-wink-smile:before
{
  content: "\eb06";
}

.icofont-worried:before
{
  content: "\eb07";
}

.icofont-bank-alt:before
{
  content: "\e961";
}

.icofont-bank:before
{
  content: "\e962";
}

.icofont-barcode:before
{
  content: "\e963";
}

.icofont-bill-alt:before
{
  content: "\e964";
}

.icofont-billboard:before
{
  content: "\e965";
}

.icofont-briefcase-1:before
{
  content: "\e966";
}

.icofont-briefcase-2:before
{
  content: "\e967";
}

.icofont-businessman:before
{
  content: "\e968";
}

.icofont-businesswoman:before
{
  content: "\e969";
}

.icofont-chair:before
{
  content: "\e96a";
}

.icofont-coins:before
{
  content: "\e96b";
}

.icofont-company:before
{
  content: "\e96c";
}

.icofont-contact-add:before
{
  content: "\e96d";
}

.icofont-files-stack:before
{
  content: "\e96e";
}

.icofont-handshake-deal:before
{
  content: "\e96f";
}

.icofont-id-card:before
{
  content: "\e970";
}

.icofont-meeting-add:before
{
  content: "\e971";
}

.icofont-money-bag:before
{
  content: "\e972";
}

.icofont-pie-chart:before
{
  content: "\e973";
}

.icofont-presentation-alt:before
{
  content: "\e974";
}

.icofont-presentation:before
{
  content: "\e975";
}

.icofont-stamp:before
{
  content: "\e976";
}

.icofont-stock-mobile:before
{
  content: "\e977";
}

.icofont-cassette-player:before
{
  content: "\ec99";
}

.icofont-cassette:before
{
  content: "\ec9a";
}

.icofont-forward:before
{
  content: "\ec9b";
}

.icofont-guiter:before
{
  content: "\ec9c";
}

.icofont-movie:before
{
  content: "\ec9d";
}

.icofont-multimedia:before
{
  content: "\ec9e";
}

.icofont-music-alt:before
{
  content: "\ec9f";
}

.icofont-music-disk:before
{
  content: "\eca0";
}

.icofont-music-note:before
{
  content: "\eca1";
}

.icofont-music-notes:before
{
  content: "\eca2";
}

.icofont-music:before
{
  content: "\eca3";
}

.icofont-mute-volume:before
{
  content: "\eca4";
}

.icofont-pause:before
{
  content: "\eca5";
}

.icofont-play-alt-1:before
{
  content: "\eca6";
}

.icofont-play-alt-2:before
{
  content: "\eca7";
}

.icofont-play-alt-3:before
{
  content: "\eca8";
}

.icofont-play-pause:before
{
  content: "\eca9";
}

.icofont-play:before
{
  content: "\ecaa";
}

.icofont-record:before
{
  content: "\ecab";
}

.icofont-retro-music-disk:before
{
  content: "\ecac";
}

.icofont-rewind:before
{
  content: "\ecad";
}

.icofont-song-notes:before
{
  content: "\ecae";
}

.icofont-sound-wave-alt:before
{
  content: "\ecaf";
}

.icofont-sound-wave:before
{
  content: "\ecb0";
}

.icofont-stop:before
{
  content: "\ecb1";
}

.icofont-video-alt:before
{
  content: "\ecb2";
}

.icofont-video-cam:before
{
  content: "\ecb3";
}

.icofont-video-clapper:before
{
  content: "\ecb4";
}

.icofont-video:before
{
  content: "\ecb5";
}

.icofont-volume-bar:before
{
  content: "\ecb6";
}

.icofont-volume-down:before
{
  content: "\ecb7";
}

.icofont-volume-mute:before
{
  content: "\ecb8";
}

.icofont-volume-off:before
{
  content: "\ecb9";
}

.icofont-volume-up:before
{
  content: "\ecba";
}

.icofont-youtube-play:before
{
  content: "\ecbb";
}

.icofont-xs
{
  font-size: .5em;
}

.icofont-sm
{
  font-size: .75em;
}

.icofont-md
{
  font-size: 1.25em;
}

.icofont-lg
{
  font-size: 1.5em;
}

.icofont-1x
{
  font-size: 1em;
}

.icofont-2x
{
  font-size: 2em;
}

.icofont-3x
{
  font-size: 3em;
}

.icofont-4x
{
  font-size: 4em;
}

.icofont-5x
{
  font-size: 5em;
}

.icofont-6x
{
  font-size: 6em;
}

.icofont-7x
{
  font-size: 7em;
}

.icofont-8x
{
  font-size: 8em;
}

.icofont-9x
{
  font-size: 9em;
}

.icofont-10x
{
  font-size: 10em;
}

.icofont-fw
{
  text-align: center;
  width: 1.25em;
}

.icofont-ul
{
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.icofont-ul > li
{
  position: relative;
  line-height: 2em;
}

.icofont-ul > li .icofont
{
  display: inline-block;
  vertical-align: middle;
}

.icofont-border
{
  border: solid 0.08em #f1f1f1;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.icofont-pull-left
{
  float: left;
}

.icofont-pull-right
{
  float: right;
}

.icofont.icofont-pull-left
{
  margin-right: .3em;
}

.icofont.icofont-pull-right
{
  margin-left: .3em;
}

.icofont-spin
{
  -webkit-animation: icofont-spin 2s infinite linear;
  animation: icofont-spin 2s infinite linear;
  display: inline-block;
}

.icofont-pulse
{
  -webkit-animation: icofont-spin 1s infinite steps(8);
  animation: icofont-spin 1s infinite steps(8);
  display: inline-block;
}

@-webkit-keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.icofont-rotate-90
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icofont-rotate-180
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icofont-rotate-270
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icofont-flip-horizontal
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.icofont-flip-horizontal.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .icofont-rotate-90,
	:root .icofont-rotate-180,
	:root .icofont-rotate-270,
	:root .icofont-flip-horizontal,
	:root .icofont-flip-vertical
{
  -webkit-filter: none;
  filter: none;
  display: inline-block;
}

.icofont-inverse
{
  color: #fff;
}

.sr-only
{
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
	.sr-only-focusable:focus
{
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
	
#toast-container > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0 0 5px #999999;
    opacity: .9;
    padding: 7px 7px 7px 7px;
}

#toast-container > div:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0 0 5px #000000;
    opacity: 1;
    cursor: pointer;
}

.toast-success {
    background-color: var(--visiv-success-back-color);
    color: var(--visiv-success-fore-color) !important;
}

.toast-error {
    background-color: var(--visiv-error-back-color);
    color: var(--visiv-error-fore-color) !important;
}

.toast-info {
    background-color: var(--visiv-info-back-color);
    color: var(--visiv-info-fore-color) !important;
}

.toast-warning {
    background-color: var(--visiv-warning-back-color);
    color: var(--visiv-warning-fore-color) !important;
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 79, 93, 0.4); }
    70% { box-shadow: 0 0 0 30px rgba(255, 79, 93, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 79, 93, 0); }
}
BODY {
    overflow: hidden;
}
﻿
.k-state-selected {
    color: var(--visiv-theme-select-text-color) !important;
    background-color: var(--visiv-theme-select-back-color) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.k-button:focus,
.k-button.k-state-focused {
    color: var(--visiv-theme-focus-text-color) !important;
    background-color: var(--visiv-theme-focus-back-color) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.k-state-active {
    color: var(--visiv-theme-active-text-color) !important;
    background-color: var(--visiv-theme-active-back-color) !important;
    background-image: none !important;
    box-shadow: none !important;
}


.-pdjs-dialog-button {
    background-color: var(--visiv-theme-button-back-color);
    border-color: var(--visiv-theme-button-border-color);
    color: var(--visiv-theme-button-text-color);
}

.-pdjs-svg-spinner {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-svg-spinner > div {
    position: relative;
}

.-pdjs-svg-spinner > div:nth-child(2) {
    white-space: nowrap;
}

.-pdjs-svg-spinner svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: -pdjs-svg-spinner-rotate 2s linear infinite;
    animation: -pdjs-svg-spinner-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin: auto;
}

.-pdjs-svg-spinner svg > circle {
    stroke-dasharray: 150,200;
    stroke-dashoffset: -10;
    -webkit-animation: -pdjs-svg-spinner-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: -pdjs-svg-spinner-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes -pdjs-svg-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes -pdjs-svg-spinner-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

.-pdjs-grid-loading {
    background-color: var(--visiv-theme-base-3-back-color);
    border: 1px solid;
    border-color: var(--visiv-theme-base-3-border-color);
    padding: 10px;
}

.-pdjs-text-accent-color-1 {
    color: darkorange;
}

.filter-dialog {
    padding: 10px;
}

.filter-editor-name {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 308px;
}

.filter-editor-operator {
    display: inline-block;
    margin-bottom: 10px;
    width: 300px;
    padding: 4px;
    box-sizing: border-box;
}

.filter-editor-value {
    border: 1px solid;
    display: inline-block;
    margin-bottom: 10px;
    width: 300px;
    box-sizing: border-box;
}

.filter-editor-value[type=text] {
    height: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

.filter-editor-list {
    box-sizing: border-box;
    overflow: hidden;
}

.filter-editor-list-content {
    box-sizing: border-box;
    height: 250px;
    width: 300px;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: auto;
    margin-bottom: 10px;
}

.filter-editor-list-content .k-treeview {
    overflow: hidden;
    margin-top: 3px;
}

.filter-editor-list-content .k-item {
    padding-left: 10px;
}

.filter-editor-list-content .k-in {
    height: 18px !important;
}

.filter-editor-list-item {
    display: grid;
    grid-template-columns: max-content max-content;
    box-sizing: border-box;
}

.filter-editor-list-item input {
    margin-top: 5px;
    margin-right: 5px;
}


.-pdjs-header-box {
    font-weight: bold;
    padding: 5px;
    background: linear-gradient(180deg, #fff 0%,#ddd 100%);
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    min-height: 20px;
    line-height: 1.7;
}
.-pdjs-entity-types-explorer-model-folder {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-entity-types-explorer-model-folder > div {
    box-sizing: border-box;
}

.-pdjs-entity-types-explorer-model-folder > div[role=icon] {
    padding-top: 3px;
    padding-right: 5px;
}

.-pdjs-entity-types-explorer-model-folder > div[role=text] {
}
.-pdjs-hub-explorer-model {
    position: absolute;
    inset: 0;
    border: 0 none #DDDDDD;
    padding: 5px;
    background-color: #FFFFFF;
}

.-pdjs-hub-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-hub-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-process-explorer-model {
    position: absolute;
    inset: 0;
    padding: 5px;
}

.-pdjs-process-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-process-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-shared-ace-editor,
.-pdjs-shared-ace-editor > div[role=editor] {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-ui-controls-code-editor {
    position: absolute;
    inset: 0;
    overflow: auto;
    padding: 10px;
}

.-pdjs-shared-ui-controls-code-editor-line-error {
    color: var(--visiv-system-black);
    background-color: var(--visiv-system-red);
}

.-pdjs-shared-ui-controls-code-editor-auto-complete {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
    width: 500px;
    min-height: 25px;
    overflow: hidden;
    padding: 5px;
    white-space: normal;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=name] {
    font-weight: bold;
    font-size: 16px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=desc] {
    line-height: 1.5;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
    padding-left: 20px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] > div[role=name] {
    font-weight: bold;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=items] > div[role=attr] > div[role=desc] {
    font-style: italic;
}

.-pdjs-shared-ui-controls-code-editor-auto-complete > div[role=link] {

}
.-pdjs-shared-coding-code-editor-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-coding-code-editor-dialog > div {
    position: relative;
}

.-pdjs-shared-coding-code-editor-dialog > div:last-child {
    text-align: right;
}
.-pdjs-shared-coding-workspace {
    position: absolute;
    inset: 0;
}


.-pdjs-shared-coding-workspace-pane-body {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-coding-workspace-pane-body > div {
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-coding-workspace-pane-body.-pdjs-focused > div {
    position: relative;
    border: 1px solid var(--visiv-theme-select-border-color);
}

.-pdjs-shared-coding-workspace-pane-header {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-bottom: 0;
    background-color: var(--visiv-theme-base-2-back-color);
    box-sizing: border-box;
    line-height: 25px;
    padding-left: 5px;
}

.-pdjs-shared-coding-workspace-pane-header > div:first-child {
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.-pdjs-shared-coding-workspace-pane-header > div:last-child {
    font-size: 16px;
}

.-pdjs-shared-coding-workspace-pane-header > div:last-child > i {
    padding: 0 5px 0 5px;
    cursor: pointer;
}
.-pdjs-shared-colors-palette {
    display: grid;
    grid-gap: 3px;
    margin: 0 5px 5px 5px;
}

.-pdjs-shared-colors-palette-item {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item:hover {
    border-color: var(--visiv-theme-hover-border-color);
}

.-pdjs-shared-colors-palette-item.-pdjs-selected {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-shared-colors-palette-item-color {
    height: 15px;
    width: 15px;
}
.-pdjs-shared-icon-browser-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-icon-browser-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-icon-browser-dialog > div:first-child .-pd-masked-textbox {
    position: relative;
}

.-pdjs-shared-icon-browser-dialog > div:last-child {
    text-align: right;
}

.-pdjs-shared-icon-browser-dialog-grid-cell {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0.4em 0.6em;
    padding-left: 26px;
}

.-pdjs-shared-entity-browser-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    box-sizing: border-box;
}

.-pdjs-shared-entity-browser-dialog > div {
   position: relative;
   box-sizing: border-box;
}

.-pdjs-shared-entity-browser-dialog div[role=message] {
    padding-bottom: 10px;
    line-height: 1.5;
}

.-pdjs-shared-entity-browser-dialog > div[role=grid] {
    overflow: hidden;
}

.-pdjs-shared-entity-browser-dialog > div[role=buttons] {
    padding-top: 10px;
    text-align: right;
}
.-pdjs-fb-canvas-editor {
}

.-pdjs-fb-canvas-editor > div[role=canvas] {
    position: absolute;
    inset: 0;
    overflow: auto;
}
.-pdjs-fb-ancestors-editor {
    display: grid;
    grid-template-rows: repeat(auto-fit, 25px);
}

.-pdjs-fb-ancestors-editor > div {
    display: grid;
    grid-template-columns: 25px auto;
    line-height: 25px;
}

.-pdjs-fb-ancestors-editor > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-fb-ancestors-editor > div > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.-pdjs-fb-ancestors-editor > div > div:last-child {
    display: flex;
    align-items: center;
}
.-pdjs-fb-tags-editor {

}

.-pdjs-fb-tags-editor > div[role=grid] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-fb-ace-text-editor {
}

.-fb-ace-text-editor > div[role=editor] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-input-border-color);
}
.-fb-rich-text-editor {
}

.-fb-rich-text-editor div[role=container] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-base-2-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
}
.-fb-macro-template-editor {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-fb-macro-template-editor > div {
    position: relative;
}
.-pdjs-ace-editor {
}

.-pdjs-ace-editor div[role=mask] {
    padding: 3px 3px 0 3px;
}

.-pdjs-ace-editor div[role=mask] span {
    display: inline-block;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 5px 0 5px;
    border-radius: 3px;
}

.-pdjs-ace-editor div[role=mask] span:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-ace-editor div[role=mask] span[role=none] {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
}

.-pdjs-ace-editor div[role=mask] span[role=allow] {
    background-color: #cbf5c1;
    border-color: #4bba47;
}

.-pdjs-ace-editor div[role=mask] span[role=deny] {
    background-color: #f5c5c1;
    border-color: #e65247;
}

.-pdjs-ace-editor div[role=mask] span[role=partial] {
    background-color: #c1cdf5;
    border-color: #476fba;
}
.-fb-color-editor {
    position:relative;
    min-height:25px;
}

.-fb-colors-editor {
    position:relative;
    min-height:25px;
    display: grid;
    grid-template-columns: auto max-content;
    align-content: center;
}

.-fb-colors-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}
.-pdjs-fb-date-editor {
    position: relative;
}

.-pdjs-fb-date-editor .-pd-date-textbox {
    border-width: 0;
    height: 25px !important;
}

.-pdjs-fb-date-editor .-pd-date-textbox input[type=button] {
    height: 21px;
    width: 21px;
    top: 2px;
    right: 2px;
}

.-pdjs-fb-date-editor .-pd-date-textbox input[type=text] {
    height: 25px !important;
}

.-pdjs-fb-date-editor .-pd-date-textbox input.-pdjs-no-value {
    color: #AAAAAA;
    font-style: italic;
}
.-fb-decimal-editor {
    position: relative;
    min-height: 25px;
}

.-fb-decimal-editor > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 25px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 13px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0 none transparent;
}

.-fb-document-type-selector-editor {
}
.-fb-entity-type-selection-editor {
}
.-pdjs-shared-feature-editors-expression-editor {
    position: relative;
    height: 25px;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-shared-feature-editors-expression-editor-input {
    display: grid;
    height: 25px;
    width: 100%;
    grid-template-columns: auto max-content;
}

.-pdjs-shared-feature-editors-expression-editor-input > div {
    height: 25px;
 }

.-pdjs-shared-feature-editors-expression-editor-input input[type=text] {
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
    padding-top: 4px;
    padding-left: 5px;
}

.-pdjs-shared-feature-editors-expression-editor-input button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-pdjs-shared-feature-editors-expression-editor-dialog {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-shared-feature-editors-expression-editor-dialog > div[role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 34px;
}

.-pdjs-shared-feature-editors-expression-editor-dialog > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pdjs-shared-feature-editors-expression-editor-extender {
    display: grid;
    height: 25px;
    width: 100%;
    grid-template-columns: auto max-content max-content;
    box-sizing: border-box;
    position: relative;
}

.-pdjs-shared-feature-editors-expression-editor-extender > div:not(:first-child) {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-right: 5px;
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=label] {
    padding-left: 5px;
    border-left: 1px solid var(--visiv-theme-fb-input-border-color);
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=label] {
    color: var(--visiv-theme-fb-input-text-color);
}

.-pdjs-shared-feature-editors-expression-editor-extender > div[role=check] > input {
    margin-top: 6px;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text] {
    background-color:var(--visiv-theme-fb-input-back-color) !important;
    color:var(--visiv-theme-fb-input-text-color) !important;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text].-fb-grid-input-status-error {
    color: var(--visiv-system-red-light) !important;
}

.-pdjs-shared-feature-editors-expression-editor-extender 
.-pdjs-shared-feature-editors-expression-editor-input 
input[type=text].-fb-grid-input-status-ok {
    color: var(--visiv-system-green-light) !important;
}
.-pdjs-shared-feature-editors-expression-or-list-editor-input {
}

.-pdjs-shared-feature-editors-expression-or-list-editor-input > select {
    box-sizing: border-box;
    width: 100%;
    border: 0 none transparent;
    padding: 1px;
    height: 25px;
}
.-fb-format-editor {
    position: relative;
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    border: 0px none;
    padding-right: 21px;
    background-color: var(--visiv-theme-fb-input-back-color);
}

.-fb-format-editor > INPUT,
.-fb-format-editor > INPUT:focus {
    position: absolute;
    top: 0;
    left: 0;
    width: 152px;
    border: 0px none;
    line-height: 12px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: var(--visiv-theme-fb-input-back-color);
    font-size: 12px;
    height: 24px;
    box-sizing: border-box;
}

.-fb-format-editor > div {
    position: absolute;
    top: 0;
    right: 0;
    left: 153px;
    height: 24px !important;
    padding: 0;
    box-sizing: border-box;
    background-color: #dbffce;
    line-height: 20px;
    font-size: 14px;
    font-family: monospace;
    display: inline-block;
    cursor: default;
    padding: 2px 5px 2px 5px;
    text-align: center;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.-pdjs-fb-icon-editor {
    display: grid;
    grid-template-columns: 25px auto 25px;
}

.-pdjs-fb-icon-editor img {
    box-sizing: border-box;
    margin: 5px 3px 1px 4px;
    height: 16px;
    width: 16px;
}

.-pdjs-fb-icon-editor input {
    box-sizing: border-box;
    border: 0;
    height: 23px;
    width: 100%;
    padding-top: 4px;
}

.-pdjs-fb-icon-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-fb-identity-selection-editor {
}
.-fb-integer-editor {
    position: relative;
    min-height: 25px;
}

.-fb-integer-editor > input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 25px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 13px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0 none transparent;
}

.-fb-lde-selection-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-fb-lde-selection-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-fb-lde-selection-editor-dialog > div:last-child {
    text-align: right;
}

.-fb-lde-selection-editor {
}

.-pdjs-fb-list-view-editor {
}

.-pdjs-fb-list-view-editor .-pdjs-list-view {
    border-width: 0;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view > div[role=item] {
    border-bottom-width: 0;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view > div[role=item] > div[role=check] {
    padding-left: 5px;
    padding-right: 5px;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view-item {
    min-height: 25px;
}

.-pdjs-fb-list-view-editor .-pdjs-list-view-item > div[role=icon] {
    padding: 0;
}

.-pdjs-shared-masked-popup-editor {
    display: grid;
    grid-template-columns: max-content auto max-content;
    position: relative;
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox {
    position: relative;
}

.-pdjs-shared-masked-popup-editor > div[role=buttons] > div {
    display: grid;
    grid-template-columns: max-content max-content;
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.-pdjs-shared-masked-popup-editor img[role=image] {
    margin: 4px 0 0 4px;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
}

.-pdjs-shared-masked-popup-editor > div[data-controls] input {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
    line-height: 26px;
}

.-pdjs-shared-masked-popup-editor input:focus {
    outline: none;
}

.-pdjs-shared-masked-popup-editor input.-pdjs-no-value {
    font-style: italic;
    line-height: 26px;
}

.-pdjs-shared-masked-popup-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}

.-pdjs-shared-masked-popup-editor button[role=clear] {
    background-image: none !important;
    background-color: transparent !important;
    border: none;
    padding: 3px;
}

.-pdjs-shared-masked-popup-editor div[role=buttons] button > i {
    font-size: 16px;
}

.-pdjs-shared-masked-popup-editor button[role=popup] {
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox div[data-role=input-and-mask] {
    border: 0 none;
}

.-pdjs-shared-masked-popup-editor .-pd-masked-textbox div[data-role=input-and-mask] input {
    height: 25px !important;
}
.-fb-password-editor {
    position: relative;
    height: 25px;
    width: 100%;
    border-width: 0;
    box-sizing: border-box;
    margin: 0;
    border: 0 solid white !important;
}

.-fb-password-editor input {
    position: absolute;
    height: 25px !important;
    width: 100%;
    border-width: 0;
    box-sizing: border-box;
    padding: 0 0 0 5px !important;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    border: 0 solid white !important;
}
.-pdjs-fb-popup-editor {
    display: grid;
    grid-template-columns: max-content auto max-content;
}

.-pdjs-fb-popup-editor > div[role=buttons] > div {
    display: grid;
    grid-template-columns: max-content max-content;
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.-pdjs-fb-popup-editor img[role=image] {
    margin: 4px 0 0 4px;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
}

.-pdjs-fb-popup-editor input {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 25px;
    width: 100%;
}

.-pdjs-fb-popup-editor input:focus {
    outline: none;
}

.-pdjs-fb-popup-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
    font-size:16px;
}

.-pdjs-fb-popup-editor button[role=clear] {
    background-image: none !important;
    background-color: transparent !important;
    border: none;
    padding: 1px;
    font-size: 18px;
    margin-right: 0 !important;
}

.-pdjs-fb-popup-editor input[type=text].-fb-grid-input-status-error {
    color: var(--visiv-system-red-light) !important;
}

.-pdjs-fb-popup-editor input[type=text].-fb-grid-input-status-ok {
    color: var(--visiv-system-green-muted) !important;
}
.-fb-resource-selection-editor {
}

.-fb-resource-selection-editor > div:nth-child(2) > input {
    direction: rtl;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.-fb-resource-selection-editor > div:nth-child(2) > input.-pdjs-no-value {
    font-style: italic;
}
.-fb-rule-script-selector-editor {
}
.-fb-selection-list-editor {
}

.-fb-selection-list-editor .-pd-masked-textbox {
}

.-fb-selection-list-editor .-pd-masked-textbox div[data-role=input-and-mask] {
    border: none !important;
}

.-fb-selection-list-editor .-pd-masked-textbox div[data-role=input-and-mask] input {
    height: 25px !important;
}
.-fb-single-file-upload-editor {
}

.-fb-single-file-upload-editor .-pd-upload-input {
    height: 25px;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-progress {
    border: 1px solid transparent;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-progress .-pd-upload-input-label {
    padding-left: 5px;
    line-height: 25px;
}

.-fb-single-file-upload-editor .-pd-upload-input .-pd-upload-input-button {
    right: 1px;
    top: 1px;
    height: 23px;
    width: 23px;
}

.-fb-single-file-upload-editor .-pd-upload-input .moxie-shim {
    right: 1px !important;
    top: 1px !important;
    left: unset !important;
}
.-fb-string-editor {
    display: grid;
    grid-template-columns: auto;
}

.-fb-string-editor input {
    box-sizing: border-box;
    height: 25px;
    width: 100%;
    border: 0 none transparent;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-manage-system-variables-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-system-variables-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-system-variables-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-tag-editor {
}

.-pdjs-tag-editor div[role=mask] {
    padding: 2px;
}

.-pdjs-tag-editor div[role=mask] > span {
    display: inline-block;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 0 0 5px;
    border-radius: 3px;
    margin-bottom: 1px;
    user-select: none;
    cursor: pointer;
}

.-pdjs-tag-editor div[role=mask] > span:not(:last-child) {
    margin-right: 0;
}

.-pdjs-tag-editor div[role=mask] > span[role] {
    display: inline-grid;
    grid-template-columns: auto 20px;
}

.-pdjs-tag-editor div[role=mask] > span[role] > span:nth-child(2) {
    background-position: center center;
    background-repeat: no-repeat;
    filter: invert(50%);
    cursor: pointer;
}

.-pdjs-tag-editor div[role=mask] > span.a2 {
    background-color: #cbf5c1;
    border-color: #4bba47;
}

.-pdjs-tag-editor div[role=mask] > span.r2 {
    background-color: #fdf186;
    border-color: #d1ae48;
}

.-pdjs-tag-editor div[role=mask] > span.r1,
.-pdjs-tag-editor div[role=mask] > span.r0 {
    background-color: #f5c5c1;
    border-color: #e65247;
    cursor: pointer;
}
.-pdjs-tag-list-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-tag-list-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-tag-list-dialog > div[role=deck] {
    text-align: right;
}

.-fb-text-area-editor {
    display: grid;
    grid-template-columns: auto;
}

.-fb-text-area-editor > div > textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 0 none;
    resize: none;
    padding: 5px;
    line-height: 16px;
}
.-pdjs-fb-time-editor {
    position: relative;
}

.-pdjs-fb-time-editor select {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    border: 0 solid transparent;
    box-shadow: none;
    outline: none;
}

.-pdjs-fb-time-editor select:focus {
    outline: none;
}

.-pdjs-fb-time-editor .-pd-masked-textbox [data-role=input-and-mask] {
    border: 0 !important;
}

.-pdjs-fb-time-editor .-pd-masked-textbox input {
    height: 25px !important;
}

.-fb-view-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-fb-view-editor > div:nth-child(1) {
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-fb-view-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}

.feature-blend-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-rows: auto min-content;
}

.feature-blend-dialog > div {
    position: relative;
}

.feature-blend-dialog > div[role=buttons] {
    border-color: var(--visiv-theme-fb-group-border-color);
    border-style: solid;
    border-width: 1px 0 0 0;
    padding: 10px 10px 10px 10px;
}
.-fb-navigation-error-tooltip > div {
    font-size: 12px;
}

.-fb-navigation-error-tooltip > div:first-child {
    font-weight: bold;
    border-bottom: 1px solid darkred;
}

.-fb-navigation-error-tooltip > div:not(:first-child) {
    margin: 5px 0 0 0;
}

.-fb-grid-input-label-error-tooltip {
    font-size: 12px;
}

.-pdjs-maintenance-dialog {
    display: grid;
    grid-template-rows: max-content max-content max-content;
    grid-gap: 5px;
}

.-pdjs-maintenance-dialog-warning {
    font-weight:bold;
    color: var(--visiv-system-red);
}

.-pdjs-maintenance-toast {
    padding: 5px;
    text-align: center;
}

.-pd-maintenance-watermark {
    position: absolute;
    height: 50px;
    width: 50px;
    right: 5px;
    bottom: 5px;
    border: 5px solid var(--visiv-system-red);
    background-color: var(--visiv-system-white);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-width: 5px;
}

.-pd-maintenance-watermark img {
    height: 32px;
    width: 32px;
}

.-pdjs-shared-mce-editor {
}

.-pdjs-shared-mce-editor-body {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-shared-security-access-control {
    position: absolute;
    inset: 0;
    user-select: none;
}

.-pdjs-shared-security-access-control div[role=pane-1-content] {
    display: grid;
    grid-template-rows: auto max-content;
    height: 100%;
    width: 100%;
}

.-pdjs-shared-security-access-control div[role=pane-1-content] > div[role=toolbar] {
    position: relative;
    height: 30px;
    margin-top: 10px;
}

.-pdjs-shared-security-access-control div[role=ace] {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-access-control-toolbar {
    display: grid;
    height:100%;
    width: 100%;
    grid-gap: 10px;
}

.-pdjs-shared-security-access-control-ace {
    display: grid;
    grid-template-rows: 25px auto;
    height: 100%;
    width: 100%;
    position: relative;
}

.-pdjs-shared-security-access-control-ace > div[role=head] {
    position: relative;
    display: grid;
    grid-template-columns: auto max-content max-content;
    grid-gap: 10px;
}

.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(1) {
    font-weight: bold;
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}

.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(2) {
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}


.-pdjs-shared-security-access-control-ace > div[role=head] div:nth-child(3) select {
    width: 150px;
    box-sizing: border-box;
}

.-pdjs-shared-security-access-control-ace > div[role=grid] {
    position: relative;
}

.-pdjs-shared-security-access-control-ace-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-access-control-acl {
    display: grid;
    grid-template-rows: 25px auto;
    height: 100%;
    width: 100%;
    position: relative;
}

.-pdjs-shared-security-access-control-acl > div[role=head] {
    position: relative;
    font-weight: bold;
    line-height: 25px;
    color: var(--visiv-theme-base-3-text-color);
}

.-pdjs-shared-security-access-control-acl > div[role=grid] {
    position: relative;
}

.-pdjs-shared-security-access-control-acl-grid {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-ace-editor-dialog {
}

.-pdjs-ace-editor-dialog div[role=body] {
    position: absolute;
    top: 10px;
    bottom: 44px;
    left: 10px;
    right: 10px;
}

.-pdjs-ace-editor-dialog div[role=deck] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: right;
}

.-pdjs-ace-editor-dialog div[role=deck] button:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-ace-editor-dialog div[role=editor] {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-security-advanced-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-shared-security-advanced-dialog > div {
    position: relative;
}

.-pdjs-shared-security-advanced-dialog > div[role=message] {
    line-height: 1.5;
}

.-pdjs-shared-security-advanced-dialog > div[role=deck] {
    text-align: right;
}

.-pdjs-shared-security-advanced-dialog label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-security-advanced-dialog label:first-child {
    margin-bottom: 10px;
}
.-pdjs-effective-permissions {
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    grid-template-rows: max-content max-content auto 150px max-content;
}

.-pdjs-effective-permissions > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-effective-permissions > div[data-role=identity-selector-label] {
    padding-bottom: 10px;
}

.-pdjs-effective-permissions > div:last-child {
    padding-top: 10px;
}

.-pdjs-effective-permissions-grid {
    display: grid;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    grid-template-rows: max-content auto;
}

.-pdjs-effective-permissions-grid > div:nth-child(1) {
    line-height: 35px;
    font-weight: bold;
}

.-pdjs-effective-permissions-grid > div:nth-child(2) {
    overflow: hidden;
}

.-pdjs-effective-permissions-sources-grid {
    display: grid;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    grid-template-rows: max-content auto;
}

.-pdjs-effective-permissions-sources-grid > div:nth-child(1) {
    line-height: 35px;
    font-weight: bold;
}

.-pdjs-shared-security-identity-browser-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-security-identity-browser-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-security-identity-browser-dialog > div:last-child {
    text-align: right;
}
.-pdjs-shared-ui-controls-field-date {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-ui-controls-field-date:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox {
    height: 23px;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input:focus {
    outline-style: none;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input[type=text] {
    height: 23px !important;
}

.-pdjs-shared-ui-controls-field-date .-pd-date-textbox input[type=button] {
    top: 1px !important;
    height: 21px !important;
    width: 21px !important;
}
.-pdjs-shared-ui-controls-field-expression {
    
}

.-pdjs-shared-ui-controls-field-expression:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-shared-ui-controls-field-expression div[role=ace] {
   position:absolute;
   inset:0;
}


.-pdjs-shared-ui-field {
    position: relative;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-ui-field > div[role=label] {
    position: relative;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-shared-ui-field > div[role=control] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
    line-height: 26px;
}

.-pdjs-shared-ui-field.-pdjs-validation-errors [role=label] {
    padding-left: 20px;
    color: var(--visiv-error-fore-color);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.-pdjs-shared-ui-field.-pdjs-validation-errors [role=control] {
    padding-left: 20px;
    border: 1px solid var(--visiv-system-red);
    background-color: var(--visiv-system-red-muted);
}
.-pdjs-field-multi-select {
    position: relative;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: auto;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-in {
    height: 20px;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-in:hover {
    background-color: transparent !important;
    cursor: pointer;
}

.-pdjs-field-multi-select .-pdjs-field-multi-select-tree li.k-item .k-checkbox > input[type=checkbox] {
    margin-top: 5px;
}
.-pdjs-shared-ui-controls-field-numeric div[role=control] input {
    border: 0 none transparent;
    height: 22px;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.-pdjs-shared-ui-controls-field-numeric div[role=control] input::-webkit-outer-spin-button,
.-pdjs-shared-ui-controls-field-numeric div[role=control] input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.-pdjs-shared-ui-controls-field-numeric:focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-shared-ui-field.-pdjs-field-select {
    height: 50px;
}

.-pdjs-shared-ui-field.-pdjs-field-select > div[role=control] {
    border: 0 none transparent !important;
}

.-pdjs-shared-ui-field.-pdjs-field-select div[role=select-container] {
    border: 0 none transparent !important;
    height: 25px;
}

.-pdjs-shared-ui-field.-pdjs-field-select select {
    width: 100%;
    box-sizing: border-box;
    border: 0 none transparent;
    border: 1px solid var(--visiv-theme-input-border-color);
    padding: 3px;
}
.-pdjs-shared-ui-single-select-field {
    height: 50px;
}

.-pdjs-shared-ui-single-select-field button[data-role=handle] {
    top: 4px;
}
.-pdjs-shared-ui-field.-pdjs-field-tile {
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] {
    display: flex;
    justify-content: center;
    width: 60px;
    flex-wrap: wrap;
    border: 1px solid transparent;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile].-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border: 1px solid var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] > div:first-child {
    width: 100%;
    text-align: center;
    flex-basis: 100%;
}

.-pdjs-shared-ui-field.-pdjs-field-tile div[role=tiles] div[role=tile] > div:last-child {
    text-align: center;
    width: 100%;
    flex-basis: 100%;
}
.-pdjs-batch-field {

}

.-pdjs-batch-field > div[role=list] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 27px;
    left: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
    overflow-y: auto;
    user-select: none;
    background-color: var(--visiv-theme-input-back-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item] {
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled > div[role=item] {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled > div[role=item]:hover {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list].-pdjs-disabled .-pdjs-shared-ui-control-message,
.-pdjs-batch-field > div[role=list].-pdjs-disabled .-pdjs-shared-ui-control-message > div[role=message] {
    color: var(--visiv-theme-input-inactive-text-color) !important;
    background-color: var(--visiv-theme-input-inactive-back-color) !important;
}

.-pdjs-batch-field > div[role=list] > div[role=item][data-selected=true] {
    background-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-batch-field > div[role=list] > div[role=item] > input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: 5px;
    display: none;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > span {
    position: absolute;
    left: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > span:hover {
    right: 26px;
}

.-pdjs-batch-field > div[role=list] > div[role=item] > i {
    position: absolute;
    top: 3px;
    right: 3px;
    display: none;
    border: 1px solid var(--visiv-theme-input-border-color);
    font-size: 16px;
}

.-pdjs-batch-field > div[role=list]:not(.-pdjs-disabled) > div[role=item]:hover > i {
    display: block;
}

.-pdjs-batch-field > div[role=list] > div[role=item].-pdjs-batch-field-item-checkbox > input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
}


.-pdjs-batch-field > div[role=list] > div[role=item].-pdjs-batch-field-item-checkbox > span {
    left: 24px;
}


.-pdjs-batch-field > div[role=list] > div[role=message] {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.-pdjs-batch-field > div[role=list] > div[role=message] table {
    height: 100%;
    width: 100%;
}

.-pdjs-batch-field > div[role=list] > div[role=message] td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-batch-field > div[role=filter] {
    position: absolute;
    height: 24px;
    right: 75px;
    bottom: 0;
    left: 0;
    text-align: right;
    margin-top: 8px;
    vertical-align: bottom;
}

.-pdjs-batch-field > div[role=deck] {
    position: absolute;
    height: 26px;
    width: 85px;
    bottom: 0;
    right: 0;
    text-align: right;
    margin-top: 8px;
    vertical-align: bottom;
}

.-pdjs-batch-field > div[role=deck] > button[role=dialog] {
    position: absolute;
    top: 2px;
    right: 16px;
    vertical-align: bottom;
    height: 24px;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
}

.-pdjs-batch-field > div[role=deck] > button[role=popup] {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0;
    border-left-width: 0;
    width: 16px;
    height: 24px;
    box-sizing: border-box;
    vertical-align: bottom;
    cursor: pointer;
    outline: none;
}

.-pdjs-batch-field > div[role=deck] > button[role=popup]:hover {
    border-left-width: 1px;
}

-pdjs-batch-field-button > button:last-child {
    font-size: 16px;
}

.-pdjs-shared-ui-controls-command-button {
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border: 1px solid;
    border-color: var(--visiv-theme-button-border-color);
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--visiv-theme-button-text-color);
    font-size: 12px;
    display: inline-grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
    overflow-y: hidden;
    vertical-align: top;
}

.-pdjs-shared-ui-controls-command-button > div {
    overflow-y: hidden;
}

.-pdjs-shared-ui-controls-command-button:not([disabled]):active {
    background-color: var(--visiv-theme-active-back-color) !important;
    color: var(--visiv-theme-active-text-color) !important;
}

.-pdjs-shared-ui-controls-command-button[disabled]:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-active-back-color);
    border: 1px solid var(--visiv-theme-active-border-color);
}

.-pdjs-shared-ui-controls-command-button:not([disabled]):hover {
    color: var(--visiv-theme-hover-text-color);
    border-color: var(--visiv-theme-hover-border-color);
    background-color: var(--visiv-theme-hover-back-color);
    background-image: none !important;
}

.-pdjs-shared-ui-controls-command-button[checked] {
    background-color: var(--visiv-theme-select-text-color);
    border-color: var(--visiv-theme-select-text-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-controls-command-button > div:first-child > img {
    vertical-align: text-bottom;
    padding-top: 6px;
    margin: 0;
}

.-pdjs-shared-ui-controls-collapsible-panel {
    display: grid;
    margin-bottom: 5px;
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] {
    font-family: Ubuntu;
    font-size: 16px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] {
    display: grid;
    grid-template-columns: auto max-content;
}

.-pdjs-shared-ui-controls-collapsible-panel > div[role=title] > div[role=title-text] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    color: var(--visiv-theme-manage-action-pane-text-color);
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    color: var(--visiv-theme-manage-action-pane-text-color);
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button:hover {
    /*color: var(--visiv-theme-manage-action-pane-text-color);*/
}

.-pdjs-shared-ui-controls-collapsible-panel-collapse-button-icon {
    display: inline-block;
}
.-pdjs-shared-ui-controls-color-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: max-content auto max-content
}

.-pdjs-shared-ui-controls-color-editor > div[data-controls] {
    position: relative;
}

.-pdjs-shared-ui-controls-color-editor button {
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 2px !important;
    height: 21px !important;
    width: 21px !important;
}

.-fb-color-editor-input {

}

.-fb-color-editor-input.-pd-masked-textbox div[data-role=input-and-mask] {
    border-width: 0;
}

.-fb-color-editor-input.-pd-masked-textbox div[data-role=input-and-mask] input {
    border-width: 0;
    height: 25px
}

.-fb-color-editor-input.-is-valid-theme-color input {
    color: var(--visiv-system-green-muted) !important;
}

.-fb-color-editor-input.-is-watermark input {
    color: var(--visiv-system-grey-light) !important;
}
.-fb-color-editor-list {
    display: grid;
    grid-template-rows: auto max-content;
    width: 0;
    padding: 0;
    grid-gap: 0;
    box-sizing: border-box;
    background-color: var(--visiv-theme-fb-input-back-color);
}

.-fb-color-editor-list > div {
    position: relative;
}

.-fb-color-editor-list > div:last-child {
    padding: 5px;
}

.-fb-color-editor-list .-pd-masked-textbox {
    position: relative;
}

.-fb-color-editor-list .-pdjs-list-view {
    border-width: 0 0 1px 0;
}
.-pdjs-fb-color-editor-list-item {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    align-items: center;
    font-size: 12px;
}

.-pdjs-fb-color-editor-list-item div[role=swatch] {
    height: 19px;
    width: 19px;
    border: 1px solid var(--visiv-theme-fb-input-border-color);
    overflow: hidden;
    cursor: pointer;
    margin: 2px;
}

.-pdjs-fb-color-editor-list-item div[role=color] {
    height: 100%;
    width: 100%;
}

.-pdjs-fb-color-editor-list-item div[role=label] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.-fb-color-editor-swatch {
    height: 19px;
    width: 19px;
    border: 1px solid black;
    margin: 2px;
}

.-fb-color-editor-swatch > div[role=color] {
    height: 19px;
    width: 19px;
}

.-is-transparent {
    background-image:
        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
        linear-gradient(to right, black 50%, white 50%), 
        linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 10px 10px;
}

.-fb-swatch-error {
    background-image: repeating-linear-gradient( 45deg, var(--visiv-system-white), var(--visiv-system-white) 5px, var(--visiv-system-red-vibrant) 5px, var(--visiv-system-red-vibrant) 10px ) !important;
}

.-fb-color-editor-swatch-popup {
    height: 200px;
    width: 250px;
}

.-fb-color-editor-swatch-popup > div[role=picker] {
    border: 0 none;
}

.-fb-color-editor-swatch-popup .k-hsv-rectangle {
    border: 0 solid;
    height: 180px;
}
.-pdjs-shared-ui-controls-colors-dialog {
}

.-pdjs-shared-ui-controls-colors-dialog-content {
    height: 100%;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-content > div {
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs button {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}

.-pdjs-shared-ui-controls-colors-dialog-tabs button.-pdjs-selected {
    background-image: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-shared-ui-controls-colors-dialog-body {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-shared-ui-controls-colors-dialog-body > div {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-pick.k-flatcolorpicker {
    width: auto;
    box-sizing: border-box;
    border-width: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    overflow: hidden;
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-list-filter .-pd-masked-textbox  {
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-list-control {
    position: relative;
    overflow: hidden;
}
.-pdjs-shared-ui-controls-colors-dialog-custom-panel {
    overflow: hidden;
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel .k-flatcolorpicker {
    border-width: 0;
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel .k-flatcolorpicker .k-hue-slider {
    display: none;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=inputs] {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 10px;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=color] {
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)), 
        linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 20px 20px;
    position: relative;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=swatch] {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=values] {
    display: grid;
    align-content: start;
    justify-items: start;
}

.-pdjs-shared-ui-controls-colors-dialog-custom-panel div[role=field] > div:first-child {
    height: 25px;
    text-align: center;
}
.-pdjs-shared-ui-controls-colors-dialog-custom-panel-values {
    width: 100%;
}

.-pdjs-shared-colors-picker-values {
    display: grid;
    grid-template-columns: 120px auto;
    grid-gap: 10px;
}

.-pdjs-shared-colors-picker-values-color {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-color input,
.-pdjs-shared-colors-picker-values-color select {
    box-sizing: border-box;
    height: 22px;
    width: 100%;
}

.-pdjs-shared-colors-picker-values-color-swatch {
    background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)), 
        linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 20px 20px;
    border: 1px solid var(--visiv-theme-input-border-color);
    position: relative;
}

.-pdjs-shared-colors-picker-values-color-swatch-color {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-colors-picker-values-color-hex {
    text-align: center;
}

.-pdjs-shared-colors-picker-values-inputs {
    display: grid;
    grid-template-rows: max-content max-content max-content max-content;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-input {
    display: grid;
    grid-template-columns: 10px max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-colors-picker-values-input-label {
    line-height: 22px;
    cursor: default;
}

.-pdjs-shared-colors-picker-values-input-value input {
    box-sizing: border-box;
    width: 100%;
    height: 22px;
    line-height: 22px;
}

.-pdjs-shared-colors-picker-values-input-slide input {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-shared-ui-controls-theme-colors-list {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.-pdjs-combo-box {
    height: 24px;
}

.-pdjs-combo-box input[type=text] {
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-combo-box button[role=dialog] {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    right: 2px;
    padding: 0 !important;
}

.-pdjs-combo-box button[role=list] {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 2px;
    right: 2px;
    padding: 0 !important;
    outline: none;
    cursor: pointer;
}

.-pdjs-combo-box.-pdjs-disabled div[role=icon] {
    opacity: .5;
}
.-pdjs-combo-box-pop-up-item {
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.-pdjs-combo-box-pop-up-item.-pdjs-active {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}


.-pdjs-context-menu-item {
    display: grid;
    grid-template-columns: 5px 20px 5px auto max-content;
    align-items: center;
    height: 24px;
    font-size: 12px;
    cursor: pointer;
}

.-pdjs-context-menu-item-base.-pdjs-disabled > .-pdjs-context-menu-item {
    opacity: .4;
    cursor: default;
}

.-pdjs-context-menu-item-base.-pdjs-hidden {
    display: none;
}

.-pdjs-context-menu-item-base:not(.-pdjs-disabled) > .-pdjs-context-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-context-menu-item > div[role=icon] > img {
    vertical-align: middle;
}
.-pdjs-context-menu-separator {
    display: grid;
    grid-template-columns: 5px 20px 5px auto;
    align-items: center;
    height: 1px;
}

.-pdjs-context-menu-separator.-pdjs-hidden {
    display: none;
}

.-pdjs-context-menu-separator div[role=divider] {
    height: 1px;
    background-color: var(--visiv-theme-base-1-border-color);
}
.-pdjs-shared-ui-control-message {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    border-style: solid;
    border-color: var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    position: relative;
}

.-pdjs-shared-ui-control-message > div[role=message] {
    font-size: 13px;
    line-height: 1.5;
    background-color: transparent;
    cursor: default;
    text-align: center;
    color: var(--visiv-theme-input-text-color);
}
.-pd-date-textbox {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 24px;
}

.-pd-date-textbox > input[type=text] {
    border: 0 solid var(--visiv-theme-input-border-color) !important;
    background-color: var(--visiv-theme-input-back-color);
    height: 22px;
    line-height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
}

.-pd-date-textbox > input[type=button] {
    height: 20px;
    width: 20px !important;
    max-width: 20px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    box-sizing: border-box;
    padding: 0 !important;
}

.-pd-date-textbox.-pdjs-disabled {
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
}

.-pd-date-textbox.-pdjs-disabled input[type=text] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}
.-pdjs-control-popup-calendar .k-widget.k-calendar {
    width: 100%;
    height: 100%;
    border: 0 none;
}

.-pdjs-control-popup-calendar .k-widget.k-calendar .k-header .k-icon {
    background-image: none !important;
}

.-pdjs-control-popup-calendar .k-widget.k-calendar .k-header .k-icon i {
    font-size: 16px;
}
.-pdjs-list-view {
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
    overflow-y: auto;
    user-select: none;
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
    box-sizing: border-box;
}

.-pdjs-list-view > div[role=item] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    align-items: center;
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

.-pdjs-list-view > div[role=item] > div {
    position: relative;
}

.-pdjs-list-view > div[role=item] > div:nth-child(3) > img {
    padding-left: 5px;
    padding-right: 5px;
}

.-pdjs-list-view > div[role=item] > div[role=checkbox] > input {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

.-pdjs-list-view > div[role=item][data-selected=true] {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-list-view > div[role=template] {
    width: 100%;
}

.-pdjs-list-view > div[role=item]:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-list-view-item-base > div[role=remove] > i {
    font-size:16px;
    display: none !important;
    padding-right: 3px;
}

.-pdjs-list-view-item-base:hover > div[role=remove] > i {
    display: inline-block !important;
}

.-pdjs-list-view-item {
    display: grid;
    grid-template-columns: max-content auto;
    width: 100%;
    justify-items: flex-start;
    align-items: center;
    box-sizing: border-box;
    min-height: 30px;
    padding: 5px;
}

.-pdjs-list-view-item > div[role=icon] {
    padding: 0;
}

.-pdjs-list-view-item > div[role=icon] > img {
    vertical-align: middle;
}

.-pdjs-list-view-item > div[role=label] {
    padding: 0 0 0 5px;
    line-height: 1.5;
}

.-pdjs-list-view[data-minimal] > div[role=item]:last-child {
    border-bottom: 0 none transparent;
}

/* Feature Blend Style */

.-fb-grid-input-editor .-pdjs-list-view {
    background-color: var(--visiv-theme-fb-input-back-color);
    color: var(--visiv-theme-fb-input-text-color);
}
.-pd-masked-textbox {
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    height: 24px;
}

.-pd-masked-textbox div[data-role=input-and-mask] {
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 24px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pd-masked-textbox div[data-role=input-and-mask] input {
    border-width: 0 !important;
    background-color: var(--visiv-theme-input-back-color);
    height: 22px;
    line-height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    text-overflow: ellipsis;
    color: var(--visiv-theme-input-text-color);
}

.-pd-masked-textbox.-pdjs-disabled div[data-role=input-and-mask] {
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
}

.-pd-masked-textbox.-pdjs-disabled > div[data-role=input-and-mask] > input[type=text] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
}

.-pdjs-control-msl {
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px 5px 5px;
}

.-pdjs-disabled .-pdjs-control-msl {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border: 1px solid var(--visiv-theme-input-inactive-border-color);
    color: var(--visiv-theme-input-inactive-text-color);
}

.-pdjs-control-msl > [role=item] {
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    padding: 2px;
    border: 0 none;
    overflow: hidden;
    outline: none;
    outline-width: 0;
    text-overflow: ellipsis;
    display: block;
}

.-pdjs-control-msl > [role=item] > input {
    margin: -5px 0 0 0;
    vertical-align: text-top;
}

.-pdjs-control-msl > [role=item] > span {
    line-height: 22px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
    text-overflow: ellipsis;
    box-sizing: border-box;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 22px;
    display: inline-block;
    box-sizing: border-box;
}
.-pdjs-ui-panel-menu {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 350px;
    background-color: var(--visiv-theme-panel-back-color-resolved);
    border: 1px solid var(--visiv-theme-panel-border-color-resolved);
    border-width: 0 0 0 1px;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    z-index: 10000;
    box-shadow: var(--visiv-system-panel-shadow-left);
}

.-pdjs-ui-panel-menu > hr {
    border-color: var(--visiv-theme-panel-border-color-resolved);
}

.-pdjs-ui-panel-menu-title {
    font-family: Ubuntu;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 1px solid var(--visiv-theme-panel-border-color-resolved);
    color: var(--visiv-theme-base-1-text-color);
    border-width: 0 0 1px 0;
}

.-pdjs-ui-panel-menu-heading {
    font-family: Ubuntu;
    font-size: 16px;
    padding-bottom: 10px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-ui-panel-menu-label {
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: var(--visiv-theme-panel-text-color-resolved);
}

.-pdjs-ui-panel-menu-link {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.-pdjs-ui-panel-menu-link > a {
    font-size: 13px;
    text-decoration: none;
}

.-pdjs-ui-panel-menu-link > a:hover {
    text-decoration: underline;
}

.-pdjs-ui-panel-menu-separator {
    margin: 0 0 10px 0;
    border: 0 solid var(--visiv-theme-panel-border-color-resolved);
    border-top-width: 1px;
}

/* PANEL MENU INPUTS */

.-pdjs-ui-panel-menu .-pdjs-list-view,
.-pdjs-ui-panel-menu SELECT
{
    border-color: var(--visiv-theme-panel-input-border-color-resolved);
    background-color: var(--visiv-theme-panel-input-back-color-resolved);
    color: var(--visiv-theme-panel-input-text-color-resolved);
}

.-pdjs-ui-panel-menu .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-panel-input-border-color-resolved);
}

.-pdjs-ui-panel-menu-action {
    font-size: 13px;
    font-family: Ubuntu;
    display: block;
    padding: 10px 10px 10px 10px;
    color: var(--visiv-theme-base-1-text-color);
    text-decoration: none;
    margin: 0 0 5px 0;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    cursor: pointer;
}

.-pdjs-ui-panel-menu-action:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-ui-panel-menu-action div[role=label] {
    color: var(--visiv-theme-base-1-text-color);
    font-weight: bold;
    margin-bottom: 0;
    text-decoration: none;
}

.-pdjs-ui-panel-menu-action div[role=description] {
    color:  var(--visiv-theme-base-1-text-color);
    font-weight: normal;
    margin-top: 5px;
    text-decoration: none;
    line-height: 18px;
}

.-pdjs-pop-up-item {
    height: 24px;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 12px;
    background-color: var(--visiv-theme-base-1-back-color);
    background-position: 5px center;
    background-repeat: no-repeat;
    color: var(--visiv-theme-base-1-text-color);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
}

.-pdjs-pop-up-item.-pdjs-active {
    color: var(--visiv-theme-active-text-color);
    background-color: var(--visiv-theme-active-back-color);
}

.-pdjs-pop-up-item:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
}
.-pdjs-pup-txtbx {
    display: grid;
    grid-template-columns: auto 25px;
}

.-pdjs-pup-txtbx input {
    box-sizing: border-box;
    border: 0;
    height: 23px;
    width: 100%;
    line-height: 24px;
    padding-top: 4px;
    padding-left: 5px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    white-space: nowrap;
    user-select: unset;
}

.-pdjs-pup-txtbx input.-pdjs-no-value {
    font-style: italic;
}

.-pdjs-pup-txtbx button {
    padding: 0;
    margin: 3px 2px 2px 2px;
    height: 19px;
    width: 19px;
}

.-pdjs-pup-txtbx > div:nth-child(1) {
    direction: rtl;
}

.-pdjs-pup-txtbx > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}
.-pdjs-progress-bar {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    box-sizing: border-box;
}

.-pdjs-progress-bar > div[role=label] {
    position: absolute;
    inset: 0;
    text-align: left;
    font-size: 12px;
    padding-left: 5px;
    background-color: var(--visiv-theme-input-back-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-progress-bar > div[role=bar] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0%;
}

.-pdjs-rich-text-ace {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-rich-text-ace,
.-pdjs-rich-text-ace-body {
    position: absolute;
    inset: 0;
}

.-pdjs-rich-text-ace-body {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-toolbar {
    height: 36px;
    text-align: right;
    color: var(--visiv-theme-button-text-color);
    background-color: var(--visiv-theme-base-2-back-color);
    border: 0 solid var(--visiv-theme-base-2-border-color);
    border-bottom-width: 1px;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-toolbar button {
    color: var(--visiv-theme-button-text-color) !important;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-image: none;
    background-color: transparent;
    box-sizing: border-box;
    height: 26px;
    width: 26px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    padding: 0;
}

.-pdjs-rich-text-ace .-pdjs-rich-text-ace-editor {
    position: relative;
}
.-pdjs-rich-text-mce {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-rich-text-mce,
.-pdjs-rich-text-mce-body {
    position: absolute;
    inset: 0;
}
.-pdjs-shared-controls-rich-text-mce-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-shared-controls-rich-text-mce-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-shared-controls-rich-text-mce-dialog > div:last-child {
    text-align: right;
}

.-pdjs-rich-text {
    position: absolute;
    inset: 0;
    display: grid;
}
.-pdjs-tabstrip-menu {
    position: absolute;
    bottom: 0;
    width: 300px;
    right: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    border-left: 1px solid var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
    overflow-y: auto;
    box-shadow: var(--visiv-system-panel-shadow-left);
}

.-pdjs-tabstrip-overflow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--visiv-theme-base-2-text-color);
    font-size: 13px;
    border-left: 1px solid var(--visiv-theme-base-2-border-color);
    color: var(--visiv-theme-base-2-text-color);
    background-color: var(--visiv-theme-base-1-back-color);
    cursor: pointer;
}

.-pdjs-tabstrip-overflow:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-tabstrip-overflow-button {
    display: flex;
    box-sizing: border-box;
    padding: 0 5px 0 5px;

    > i {
        font-size: 16px;
    }
    
}
.-pdjs-tabstrip-menu-item {
    display: block;
    height: 32px;
    border: none;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
    line-height: 32px;
    padding: 0 10px 0 10px;
    cursor: pointer;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-tabstrip-menu-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    border-top-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-tabstrip-menu-item > div[role=grid] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-tabstrip-menu-item > div[role=grid] > div:first-child {
    display: flex;
    grid-template-columns: max-content auto;
    align-items: center;
}
.-pdjs-tabstrip-tab {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    background-color: var(--visiv-theme-tabstrip-back-color);
    border-color: var(--visiv-theme-tabstrip-border-color);
    color: var(--visiv-theme-tabstrip-text-color);
}

.-pdjs-tabstrip-tab div[role=grid] {
    display: grid;
    grid-template-columns: min-content auto;
}

.-pdjs-tabstrip-tab div[role=grid] img {
    margin-top: 7px;
    margin-right: 5px;
}

.-pdjs-tabstrip-tab.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-tabstrip-tab:not(.-pdjs-selected):not(.-pdjs-no-hover):hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-top-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-tabstrip-tab.-pdjs-dragging {
    display: none;
}
.-pdjs-tabstrip {
    margin-top: 0px;
    display: grid;
    grid-template-columns: max-content auto max-content max-content max-content max-content;
}

.-pdjs-tabstrip > div {
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
}

.-pdjs-tabstrip .-pdjs-tabstrip-tabs {
    vertical-align: top;
    white-space: nowrap;
    padding: 0;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    height: 35px;
    box-sizing: border-box;
    overflow: hidden;
}
.-pdjs-tabstrip-scroll-l,
.-pdjs-tabstrip-scroll-r {
    display: flex;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    font-size: 16px;
}

.-pdjs-tabstrip-scroll-button {
    border-radius: 50%;
    border: 1px solid var(--visiv-theme-base-2-border-color);
    margin: 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-tabstrip-scroll-l > .-pdjs-tabstrip-scroll-button > i {
    position: relative;
    left: -.5px;
    top: .5px;
}

.-pdjs-tabstrip-scroll-r > .-pdjs-tabstrip-scroll-button > i {
    position: relative;
    left: .5px;
    top: .5px;
}

.-pdjs-tabstrip-scroll-button:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
}
.-pdjs-shared-ui-controls-tag-editor-batch {
    position: relative;
    background-color: var(--visiv-theme-base-3-back-color);
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-base-3-border-color);
    padding: 5px;
    overflow: auto;
}

.-pdjs-tag-editor-batch-item {
    display: inline-grid;
    grid-template-columns: auto max-content;
    height: 18px;
    border: 1px solid;
    line-height: 18px;
    padding: 0 0 0 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.-pdjs-tag-editor-batch-item:not(:last-child) {
    margin-right: 5px;
}

.-pdjs-tag-editor-batch-item.a0 {
    background-color: #cbf5c1;
    border-color: #4bba47;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item.r2 {
    background-color: #fdf186;
    border-color: #d1ae48;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item.r1,
.-pdjs-tag-editor-batch-item.r0 {
    background-color: #f5c5c1;
    border-color: #e65247;
    color:  var(--visiv-system-black);
}

.-pdjs-tag-editor-batch-item > span[role=text] {
    user-select: none;
    cursor: pointer;
}

.-pdjs-tag-editor-batch-item > span[role=delete] > img {
    margin-top: 1px;
    filter: invert(50%);
    cursor: pointer;
}
.-pdjs-shared-ui-controls-toolbar {
    display: grid;
    grid-template-columns: auto max-content;
    height: 30px;
}

.-pdjs-shared-ui-controls-toolbar > div[role=items] {
    display: flex;
    gap: 0;
    overflow: hidden;
    white-space: normal;
    flex-wrap: wrap;
}

.-pdjs-shared-ui-controls-toolbar > div[role=overflow] > button {
    height: 30px;
    padding: 2px;
    margin: 0 0 0 0;
    background-image: none;
    border: 1px solid var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    color: var(--visiv-theme-button-text-color);
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 3px;
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar > div[role=items] > div[role=item] {
    white-space: nowrap;
    overflow: hidden;
}

.-pdjs-shared-ui-controls-toolbar-list {
    height: 30px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    border-radius: 0;
    border-width: 0;
    box-sizing: border-box;
    font-size: 12px;
    display: grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar-list > div {
    line-height: 30px;
    overflow-y: hidden;
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-shared-ui-controls-toolbar-list select {
    height: 24px;
}

.-pdjs-shared-ui-controls-toolbar-list > div:first-child {
    padding-right:5px;
}

.-pdjs-shared-ui-controls-toolbar-button {
    height: 30px;
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 12px;
    display: grid;
    grid-template-columns: max-content auto;
    align-content: center;
    user-select: none;
    overflow-y: hidden;
    border: 1px solid var(--visiv-theme-button-border-color);
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    color: var(--visiv-theme-button-text-color);
    align-items: center;
}

.-pdjs-shared-ui-controls-toolbar-button > div {
    overflow-y: hidden;
}

.-pdjs-shared-ui-controls-toolbar-menu-item {
    user-select: none;
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):active {
    background-color: var(--visiv-theme-active-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-active-back-color) 0%, var(--visiv-theme-active-back-color) 100%);
    border-color: var(--visiv-theme-active-border-color);
    color: var(--visiv-theme-active-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button[disabled]:hover {
    border: 1px solid;
    background: unset;
    background-color: var(--visiv-theme-button-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-button-back-color-gradient) 0%, var(--visiv-theme-button-back-color) 100%);
    border-color: var(--visiv-theme-button-border-color);
    color: var(--visiv-theme-button-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):hover {
    background-color: var(--visiv-theme-hover-back-color);
    background-image: none, linear-gradient(to bottom, var(--visiv-theme-hover-back-color) 0%, var(--visiv-theme-hover-back-color) 100%);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-shared-ui-controls-toolbar-button:not([disabled]):hover > div[role=icon] {
    animation: ring 4s .2s ease-in-out;
}

.-pdjs-shared-ui-controls-toolbar-button[checked] {
    background-image: none !important;
    background-color: var(--visiv-theme-select-back-color) !important;
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color) !important;
}

.-pdjs-shared-ui-controls-toolbar-button > div:first-child > img {
    vertical-align: text-bottom;
    margin: 0;
}

.-pdjs-shared-ui-controls-toolbar-menu .-pdjs-shared-ui-controls-toolbar-button {
    width: 100%;
    padding: 0 15px 0 15px !important;
    text-align: left;
}
.-pdjs-shared-ui-controls-toolbar-separator-v {
    padding: 5px 5px 5px 0;
    box-sizing: border-box;
    height: 100%;
}
.-pdjs-shared-ui-controls-toolbar-separator-v > div {
    box-sizing: border-box;
    height: 100%;
    width: 1px;
    background-color: var(--visiv-theme-base-1-border-color);
    font-size: 1px;
}

.-pdjs-shared-ui-controls-toolbar-separator-h {
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    width: 100%;
}
.-pdjs-shared-ui-controls-toolbar-separator-h > div {
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    background-color: var(--visiv-theme-base-1-border-color);
    font-size: 1px;
}

.-pd-upload-input {
    position: relative;
    height: 22px;
}

.-pd-upload-input >
.-pd-upload-input-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 27px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-label {
    position: absolute;
    inset: 0;
    padding-left: 5px;
    line-height: 22px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--visiv-theme-input-text-color);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-scale {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: var(--visiv-system-green-vibrant);
    box-sizing: border-box;
    overflow: hidden;
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-scale-label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    vertical-align: top;
    padding-left: 5px;
    line-height: 22px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    color: var(--visiv-system-black);
}

.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--visiv-theme-input-back-color);
}

.-pd-upload-input >
.-pd-upload-input-button {
    vertical-align: top;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    padding: 0;
}

/* Feature Blend Style */

.-fb-grid-input-editor
.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-label {
    color: var(--visiv-theme-fb-input-text-color);
}


.-fb-grid-input-editor
.-pd-upload-input >
.-pd-upload-input-progress >
.-pd-upload-input-background {
    background-color: var(--visiv-theme-fb-input-back-color);
}
.-pdjs-shared-conflict-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content max-content;
    grid-gap: 10px;
    padding: 10px;
}

.-pdjs-shared-conflict-dialog > div {
    position: relative;
}

.-pdjs-shared-conflict-dialog > div[role=conflict] {
    font-size: 15px;
    line-height: 20px;
}

.-pdjs-shared-conflict-dialog div[role=header] span[role=src],
.-pdjs-shared-conflict-dialog div[role=header] span[role=dst] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-shared-conflict-dialog div[role=repeat] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-shared-conflict-dialog .-pdjs-list-view-item {
    padding: 10px;
}

-pdjs-shared-conflict-dialog .-pdjs-list-view-item > div[role=icon] {
}

.-pdjs-shared-conflict-dialog .-pdjs-list-view-item > div[role=label] {
    font-size: 15px;
}
.-pdjs-shared-upload-dialog {
    position:absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap:10px;
}

.-pdjs-shared-upload-dialog > div {
    position: relative;
}


.-pdjs-shared-upload-dialog > div[role=list] > div:first-child {
    position: absolute;
    inset: 0;
}

.-pdjs-shared-upload-dialog > div[role=deck] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}
.-pdjs-shared-dialogs-upload-file-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-shared-dialogs-upload-file-dialog > div {
    position: relative;
}

.-pdjs-shared-dialogs-upload-file-dialog > div[role=buttons] {
    text-align: right;
}

/* List */

.-pdjs-shared-upload-list {}

/* List Item */

.-pdjs-shared-upload-list-item {
    display: block;
    line-height: 18px !important;
}

.-pdjs-shared-upload-list-item > div > div[role=contents] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    grid-gap: 5px;
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
}

.-pdjs-shared-upload-list-item > div > div[role=contents] > div:nth-child(3) {
    padding-left: 5px;
    padding-right: 0;
}

.-pdjs-shared-upload-list-item div[role=label-progress] {
    display: grid;
    grid-template-rows: auto max-content;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-shared-upload-list-item div[role=label-progress] > div:first-child {
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

.-pdjs-shared-upload-list-item div[role=label-progress] > div:last-child {
    padding-bottom: 5px;
}

.-pdjs-shared-upload-list-item div[role=status] > div {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    padding-right: 5px;
}

.-pdjs-shared-upload-list-item div[role=status] img {
    margin-top: -5px;
}
.-pdjs-view-filter-operator {
}

.-pdjs-view-filter-operator select {
    height: 25px;
}

.-pdjs-view-filter-value :focus-within div[role=control] {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.-pdjs-view-filter-value input:focus {
    outline-style: none;
}

.-pdjs-view-filter-value input[disabled],
.-pdjs-view-filter-value select[disabled] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
    opacity: 1;
}
.-pdjs-view-filter-value-date {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 8px;
}

.-pdjs-view-filter-value-date > div {
    position: relative;
}

.-pdjs-view-filter-value-date select {
    width: 100%;
    box-sizing: border-box;
    border: 0 none transparent;
    border: 1px solid var(--visiv-theme-input-border-color);
    padding: 3px;
    height: 25px;
}

.-pdjs-view-filter-value-list {
}

.-pdjs-view-filter-value-list  {

}

.-pdjs-view-filter-value-string input[disabled] {
    color: var(--visiv-theme-input-inactive-text-color);
    background-color: var(--visiv-theme-input-inactive-back-color);
    opacity: 1;
}
.-pdjs-view-filter-components {
    display: grid;
    grid-gap: 10px;
}

.-pdjs-filter-editor-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-filter-editor-dialog-content {
    position: relative;
}

.-pdjs-filter-editor-dialog-buttons {
    position: relative;
    text-align: right;
}
.-pdjs-view-document-type-anchors-editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-document-type-anchors-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    overflow: auto;
}

.-pdjs-view-document-type-anchors-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-doc-type-anchors-feature {
    position: absolute;
    inset: 10px;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter],
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=finder],
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-doc-type-anchors-feature > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}
.-pdjs-view-doc-type-anchors-finder > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.-pdjs-view-entity-type-anchors-editor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-entity-type-anchors-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    overflow: auto;
}

.-pdjs-view-entity-type-anchors-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.-pdjs-view-ent-type-anchors-feature {
    position: absolute;
    inset: 10px;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter],
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=finder],
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-ent-type-anchors-feature > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}
.-pdjs-view-ent-type-anchors-finder > div[role=toolbar] {
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    overflow: auto;
    text-align: right;
}

.-pdjs-view-ent-type-anchors-finder > div[role=content] {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}


.-pdjs-view-columns-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter],
.-pdjs-view-columns-dialog > div[role=content] div[role=finder],
.-pdjs-view-columns-dialog > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-columns-dialog > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}

.-pdjs-view-columns-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-columns-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}

.-pdjs-view-columns-editor {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-editor div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
}

.-pdjs-view-columns-editor div[role=content] {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    bottom: 0;
}

.-pdjs-view-columns-editor-grid {
    position: absolute;
    inset: 0;
}
.-pdjs-grid-text-editor input {
    height: 25px;
    line-height: 22px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 5px;
    outline: none;
}

.-pdjs-grid-text-editor [role=label] {
    padding-left: 5px;
}

.k-state-selected .-pdjs-grid-text-editor .-pdjs-label-name-changed[role=label] {
    font-weight: bold;
    font-style: italic;
    color: var(--visiv-theme-select-text-color);
}

tr:not(.k-state-selected) .-pdjs-grid-text-editor .-pdjs-label-name-changed[role=label] {
    font-weight: bold;
    font-style: italic;
    color: var(--visiv-system-orange);
}

.-pdjs-view-columns-finder {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 24px;
}

.-pdjs-view-columns-finder div[role=content] {
    position: absolute;
    top: 34px;
    right: 0;
    left: 0;
    bottom: 0;
}

.-pdjs-view-columns-finder-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-columns-finder-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-columns-finder-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}
.-pdjs-view-columns-finder-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-view-columns-finder-dialog-toolbar {
    display: block;
}

.-pdjs-view-columns-finder-dialog-toolbar[depths=true] {
    display: grid;
    grid-template-columns: auto 5px 200px;
}

.-pdjs-view-columns-finder-dialog-toolbar > div {
    position: relative;
}

.-pdjs-view-columns-finder-dialog-toolbar > div[role=anchors] > select {
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding-right: 10px;
}
.-pdjs-finder-settings > div[role=content] > div[role=checkbox-header] {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label {
    display: grid;
    grid-template-columns: 20px min-content auto;
    font-size: 12px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label > div:nth-child(2) {
    padding-top: 1px;
}

.-pdjs-finder-settings > div[role=content] > div[role=checkbox] > label > div:nth-child(3) {
    padding-left: 5px;
}
.-pdjs-view-constraints-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot {
    display: grid;
    grid-template-columns: 5px max-content auto !important;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top > .k-checkbox,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid > .k-checkbox,
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot > .k-checkbox {
    padding-right: 0px;
}

.-pdjs-view-constraints-tree > .k-group > .k-item > .k-top > .k-checkbox > input[type=checkbox],
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-mid > .k-checkbox > input[type=checkbox],
.-pdjs-view-constraints-tree > .k-group > .k-item > .k-bot > .k-checkbox > input[type=checkbox] {
    display: block;
}

.-pdjs-view-constraints-tree .k-item {
    padding-left: 0;
}

.-pdjs-view-constraints-tree .k-item .k-checkbox{
    padding-top: 3px;
}

.-pdjs-view-constraints-tree .k-item .k-in {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    height: 30px !important;
}

.-pdjs-view-constraints-tree .k-state-selected > .-pdjs-view-filter-tree-constraint span[role] {
    color: #FFFFFF !important;
}

.-pdjs-view-constraints-tree .k-item.-pdjs-disabled div:not(.k-state-selected) span {
    color: #CCCCCC;
}

.-pdjs-view-constraints-tree .k-item > .k-top,
.-pdjs-view-constraints-tree .k-item > .k-mid,
.-pdjs-view-constraints-tree .k-item > .k-bot {
    display: grid;
    /* grid-template-columns is also set in code */
    grid-template-columns: 25px min-content auto;
}

.-pdjs-view-constraints-tree .k-item > .k-top > .k-checkbox,
.-pdjs-view-constraints-tree .k-item > .k-mid > .k-checkbox,
.-pdjs-view-constraints-tree .k-item > .k-bot > .k-checkbox {
    padding-top: 6px;
    padding-right: 5px;
}

.-pdjs-view-constraints-tree .k-item > .k-top:hover,
.-pdjs-view-constraints-tree .k-item > .k-mid:hover,
.-pdjs-view-constraints-tree .k-item > .k-bot:hover {
     background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-view-constraints-tree .k-item > .k-top:hover .-pdjs-view-filter-tree-constraint span,
.-pdjs-view-constraints-tree .k-item > .k-mid:hover .-pdjs-view-filter-tree-constraint span,
.-pdjs-view-constraints-tree .k-item > .k-bot:hover .-pdjs-view-filter-tree-constraint span {
     color: var(--visiv-theme-hover-text-color) !important;
}

.-pdjs-view-constraints-tree .k-item > .k-top > .k-icon,
.-pdjs-view-constraints-tree .k-item > .k-mid > .k-icon,
.-pdjs-view-constraints-tree .k-item > .k-bot > .k-icon {
    padding-left: 25px;
    height: 0;
}


.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint {
    display: grid;
    grid-template-columns: auto 30px;
    height: 30px;
    box-sizing: border-box;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint span[role=action] {
     color: var(--visiv-system-orange);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=text] {
    padding-left: 5px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] {
    position: relative;
    padding: 5px;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] > span:nth-child(1) {
    display: inline-block;
    position: absolute;
    top: 5px;
    left:5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint > span[role=color] > span:nth-child(2) {
    position: absolute;
    top: 15px;
    left: 5px;
    height: 10px;
    width: 20px;
    border-radius: 50%;
    border-radius: 0 0 10rem 10rem;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-condition {
    text-decoration: none;
    font-weight: bold;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=scalar] {
    color: var(--visiv-system-red-muted);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=name] {
    color: var(--visiv-system-blue);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=operator] {
    color: var(--visiv-system-green);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=operator][state=op-0] {
    color: var(--visiv-system-red);
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=value] {
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter span[role=value][is-auto] {
    color: var(--visiv-system-purple) !important;
    background-color: var(--visiv-system-purple-light);
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-constraint span[role=condition] {
    color: darkorange;
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter[state=not-set] {
}

.-pdjs-view-constraints-tree .-pdjs-view-filter-tree-filter[state=not-set] span[role=operator] {
    color: var(--visiv-system-grey-dark) !important;
    background-color: var(--visiv-system-grey-muted);
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
}



.-pdjs-view-filter-editor {
    display: grid;
    position: relative;
}

.-pdjs-view-filter-editor > div {
    position: relative;
}
.-pdjs-view-filters-dialog {
    position: absolute;
    inset: 0;
}

.-pdjs-view-filters-dialog > div[role=content] {
    position: absolute;
    top: 0;
    bottom: 36px;
    left: 0;
    right: 0;
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter],
.-pdjs-view-filters-dialog > div[role=content] div[role=finder],
.-pdjs-view-filters-dialog > div[role=content] div[role=editor] {
    position: absolute;
    inset: 0;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-splitbar {
    background: transparent;
    border: 0;
}

.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-splitbar,
.-pdjs-view-filters-dialog > div[role=content] div[role=splitter] .k-ghost-splitbar {
    height: 10px;
}

.-pdjs-view-filters-dialog > div[role=buttons] {
    position: absolute;
    bottom: 0;
    height: 26px;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto auto;
}

.-pdjs-view-filters-dialog > div[role=buttons] > div:nth-child(2) {
    text-align: right;
}

.-pdjs-view-filters-editor > div[role=toolbar] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
}

.-pdjs-view-filters-editor > div[role=content] {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] {
    display: grid;
    grid-template-columns: max-content max-content;
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] > div[data-checkbox] > input {
    margin-top: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=condition] > div:not(:last-child) {
    padding-right: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div {
    white-space: nowrap;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div:not(:last-child) {
    padding-right: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-checkbox] > input {
    margin-top: 5px;
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-operator] {
    color: var(--visiv-system-blue);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-operator] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-verse] {
    color: var(--visiv-system-orange);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-verse] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor > div[role=content] div[role=filter] > div[data-operator=notset] {
    color: var(--visiv-system-red);
}

.-pdjs-view-filters-editor > div[role=content] .k-state-selected > div[role=filter] > div[data-operator=notset] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-view-filters-editor-drag-clue {
    display: grid;
    grid-template-columns: max-content max-content;
    background-color: var(--visiv-theme-base-2-back-color);
    border-color: var(--visiv-theme-base-2-border-color);
    padding: 4px;
    border-radius: 0;
    font-size: 12px;
}

.-pdjs-view-filters-editor-drag-clue > span:first-child {
    padding-top: 1px;
}
.-pdjs-application-bar {
    height: 40px;
    display: grid;
    grid-template-columns: min-content auto min-content;
    background-color: var(--visiv-theme-application-bar-back-color);
    color: var(--visiv-theme-application-bar-text-color);
}

.-pdjs-application-bar > div:nth-child(2) {
    line-height: 40px;
    font-family: Ubuntu;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
}

.-pdjs-application-bar > div:nth-child(3) {
    text-align: right;
    white-space: nowrap;
}
.-pdjs-shared-task-status-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 0;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
}

.-pdjs-shared-task-status-dialog > div {
    position: relative;
}

.-pdjs-shared-task-status-dialog > div:not(:last-child) {
    padding-bottom: 10px;
}

.-pdjs-shared-task-status-dialog > div:nth-child(3) {
    padding-bottom: 0;
}

.-pdjs-shared-task-status-dialog div[role=marquee] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
    width: 100%;
    height: 16px;
}

.-pdjs-shared-task-status-dialog div[role=marquee] > div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.-pdjs-shared-task-status-dialog div[role=log] {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
    overflow: auto;
    padding: 10px;
    bottom: 10px;
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level] {
    line-height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level] > div:first-child {
    color: var(--visiv-theme-base-2-text-color);
}

.-visiv-theme-light .-pdjs-shared-task-status-dialog div[role=log] > div[data-level=warning] {
    color: var(--visiv-system-blue);
}

.-visiv-theme-dark .-pdjs-shared-task-status-dialog div[role=log] > div[data-level=warning] {
    color: var(--visiv-system-cyan);
}

.-pdjs-shared-task-status-dialog div[role=log] > div[data-level=error] {
    color: var(--visiv-system-red);
}

.-pdjs-shared-task-status-dialog div[role=deck] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-shared-task-status-dialog div[role=deck] > div[role=deck-l] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    box-sizing: border-box;
    font-family: 'IcoFont';
    font-size: 16px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[toggled=false] {
    font-size: 20px;
    padding-left: 1.5px;
    padding-top: 1px;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[toggled=true] {
    font-size: 20px;
    padding-left: 1.5px;
    padding-top: 0;
}

.-pdjs-shared-task-status-dialog div[role=deck-l] button[role=clipboard] {
    font-size: 14px;
    padding-left: 5px;
}

.-pdjs-shared-task-status-dialog div[role=deck-r] {
    text-align: right;
}

.-pdjs-tooltip-content {
    display: grid;
    grid-template-rows: auto auto;
    font-size: 12px;
    line-height: 1.5;
}

.-pdjs-tooltip-content > div:nth-child(1) {
    font-weight: bold;
}
.-pdjs-element-actual-error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: var(--visiv-theme-input-border-color);
    border-style: solid;
    border-width: 1px;
    background-image: repeating-linear-gradient(45deg, 
        var(--visiv-theme-base-3-back-color), 
        var(--visiv-theme-base-3-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 30px);
}

.-pdjs-element-actual-error > table {
    box-sizing: border-box;
    border-collapse: collapse;
}

.-pdjs-element-actual-error > table td {
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding:0;
}

.-pdjs-element-actual-error > table td > div {
    display: inline-block;
    font-size: 20px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
}

.-pdjs-form-submit-pending .-pdjs-canvas-form-field-animation-target {
    background: linear-gradient(271deg, var(--visiv-theme-canvas-form-action-submit-back-color), var(--visiv-theme-canvas-form-action-submit-back-color-gradient), var(--visiv-theme-canvas-form-action-submit-back-color));
    background-size: 600% 600%;
    animation: -pd-form-submit-animaton 1.5s ease infinite;
}
@keyframes -pd-form-submit-animaton {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.-pdjs-form-submit-error .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-theme-input-back-color);
    animation: -pd-form-submit-error-animaton 1.5s ease;
}
@keyframes -pd-form-submit-error-animaton {
    0% {
        background-color: var(--visiv-theme-canvas-form-action-error-back-color);
        color: var(--visiv-system-black);
    }
    70% {
        background-color: var(--visiv-theme-canvas-form-action-error-back-color);
        color: var(--visiv-system-black);
    }
    100% {
        background-color: var(--visiv-theme-input-back-color);
        color: var(--visiv-system-black);
    }
}

.-pdjs-form-submit-success .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-theme-input-back-color);
    animation: -pd-form-submit-success-animaton 1.5s ease;
}
@keyframes -pd-form-submit-success-animaton {
    0% {
        background-color: var(--visiv-theme-canvas-form-action-success-back-color);
        color: var(--visiv-system-black);
    }
    70% {
        background-color: var(--visiv-theme-canvas-form-action-success-back-color);
        color: var(--visiv-system-black);
    }
    100% {
        background-color: var(--visiv-theme-input-back-color);
        color: var(--visiv-system-black);
    }
}
.-pdjs-canvas-chart-anchor-selection-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto 26px;
    grid-row-gap: 10px;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=content] {
    position: relative;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=content] > div {
    position: relative;
}
.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-1] {
    text-align: right;
}

.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-2] {
    box-sizing: border-box;
}

.-pdjs-canvas-chart-anchor-selection-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-canvas-chart-anchor-selection-dialog div[role=row-1] .-pd-masked-textbox {
    display: inline-block;
}
.-pdjs-canvas-chart-anchors-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-anchors-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-anchors-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-anchors-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-anchors-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canavas-design-charts-anchors-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-anchors-message > div[role=message] {
}
.-pdjs-canvas-chart-categories-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
}

.-pdjs-canvas-chart-categories-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-categories-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-categories-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-categories-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-chart-editor-field {
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-chart-editor-field-scalar-fn {
    color: var(--visiv-system-red-muted);
}

.-pdjs-chart-editor-field-aggregate-fn {
    color: var(--visiv-system-cyan-muted);
}

.k-state-selected [class^="-pdjs-chart-editor-field"],
.k-state-selected [class*=" -pdjs-chart-editor-field"] {
}

tr[role=row]:hover [class^="-pdjs-chart-editor-field"],
tr[role=row]:hover [class*=" -pdjs-chart-editor-field"] {
    color: var(--visiv-theme-hover-text-color) !important;                                                                     
}

.k-state-selected [class^="-pdjs-chart-editor-field"],
.k-state-selected [class*=" -pdjs-chart-editor-field"] {
    color: var(--visiv-theme-select-text-color) !important;                                                             
}
.-pdjs-canvas-chart-filters-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
}

.-pdjs-canvas-chart-filters-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-filters-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-filters-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-filters-editor > div[role=tree] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canvas-chart-filters-editor .-pdjs-view-filter-editor-filter-node {
}

.-pdjs-canvas-chart-filters-editor .-pdjs-view-filter-editor-filter-node > span {
    line-height: 12px;
}
.-pdjs-canvas-chart-documents-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-documents-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-documents-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-documents-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-documents-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}

.-pdjs-canavas-design-charts-documents-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-documents-message > div[role=message] {
}
.-pdjs-canvas-chart-field-found-in-editor {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-canvas-chart-field-found-in-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-field-found-in-editor > div[role=grid] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canvas-chart-legend-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-legend-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-legend-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-legend-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-legend-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canvas-chart-overview-editor {
    display: grid;
    grid-template-rows: auto;
}

.-pdjs-canvas-chart-overview-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-overview-editor > div[role=content] {
    position: relative;
    padding-bottom: 10px;
}


.-pdjs-canvas-chart-overview-editor > div[role=content] .-pdjs-shared-ui-field:not(:first-child) {
    margin-top:10px;
}
.-pdjs-canvas-chart-values-editor {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-canvas-chart-values-editor > div {
    overflow: hidden
}

.-pdjs-canvas-chart-values-editor > div[role=text] {
    position: relative;
    padding-bottom: 10px;
    line-height: 20px;
}

.-pdjs-canvas-chart-values-editor > div[role=toolbar] {
    position: relative;
    padding-bottom: 10px;
}

.-pdjs-canvas-chart-values-editor > div[role=list] {
    position: relative;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: hidden;
}
.-pdjs-canavas-design-charts-field-message {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-design-charts-field-message > div[role=message] {
}
.-pdjs-canvas-chart-field-selection-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto 26px;
    grid-row-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=content] {
    position: relative;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=content] > div {
    position: relative;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-1-content] {
    display: grid;
    grid-template-columns: auto 200px;
    grid-template-rows: max-content max-content;
    width: 100%;
    box-sizing: border-box;
    grid-gap: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-1-content] select {
    padding: 2px 0 2px 0;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-2-content] {
    position: relative;
    inset: 0;
    display: grid;
    grid-template-columns: auto 200px;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-canvas-chart-field-selection-dialog div[role=row-2-content] > div:first-child {
    padding-top: 10px;
}

.-pdjs-canvas-chart-field-selection-dialog > div[role=buttons] {
    text-align: right;
}


.-pdjs-canvas-chart-field-selection-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-external-files-dialog {
    display: grid;
    position: absolute;
    inset: 0;
    grid-gap: 10px;
    grid-template-rows: max-content auto max-content;
}

.-pdjs-canvas-external-files-dialog > div:first-child {
    line-height: 1.5;
}

.-pdjs-canvas-external-files-dialog > div {
    position: relative;
}

.-pdjs-canvas-external-files-dialog > div:nth-child(2) > textarea {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.-pdjs-canvas-external-files-dialog > div:last-child {
    text-align: right;
}

.-pdjs-canvas-dynamics-assignment-dialog-body {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-design-variable-list {
    position: absolute;
    inset: 0;
}

.-pdjs-dynamics-editor {
    position: relative;
    height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-pdjs-dynamics-editor > div {
    position: relative;
}

.-pdjs-dynamics-editor > div:last-child {
    text-align: right;
}

.-pdjs-dynamics-editor select {
    box-sizing: border-box;
    border: 0;
    width: 100%;
    height: 25px;
    font-size: 12px;
    outline: none;
}

.-pdjs-dynamics-editor select:focus {
    outline: none;
}

.-pdjs-dynamics-editor input[role=text] {
    border: 0 !important;
    height: 23px !important;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-dynamics-editor .-pdjs-dynamics-variable {
    color: var(--visiv-system-green-light) !important;
}

.-pdjs-dynamics-editor .-pdjs-dynamics-variable-invalid {
    color: var(--visiv-system-red) !important;
}

.-visiv-theme-dark .-pdjs-dynamics-editor .-pdjs-dynamics-variable-invalid {
    color: var(--visiv-system-red-light) !important;
}

.-pdjs-dynamics-editor-toggle {
    height: 21px;
    width: 21px;
    box-sizing: border-box;
    border: none;
    margin: 2px;
    padding: 0;
    border: 1px solid white;
    font-family: "IcoFont";
    font-size: 12px;
    color: var(--visiv-theme-button-text-color);
    border-color: var(--visiv-theme-button-text-color);
}

.-pdjs-dynamics-editor-toggle.-fb-selected {
    background: none;
    color: var(--visiv-system-black);
    background-color: var(--visiv-system-green-muted);
}

.-pdjs-dynamics-editor-toggle.-fb-selected:hover {
    background: none;
    color: var(--visiv-system-black) !important;
    background-color: var(--visiv-system-green-muted) !important;
}

.-pdjs-dynamics-editor-toggle:before {
    content: "\ec04";
}

.-pdjs-dynamics-editor-btn-add {
    height: 21px;
    width: 21px;
    margin: 2px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
    border: 1px solid white;
    font-family: "IcoFont";
    font-size: 12px;
    color: var(--visiv-theme-button-text-color);
    background-color: var(--visiv-theme-button-back-color);
    border-color: var(--visiv-theme-button-text-color);
}

.-pdjs-dynamics-editor-btn-add:hover {
    color: var(--visiv-theme-hover-text-color);
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-text-color);
}

.-pdjs-dynamics-editor-btn-add:before {
    content: "\efc2";
}




.-fb-grid-input-variable {
    display: grid;
    grid-template-columns: auto max-content;
    height: 23px;
}

.-fb-grid-input-variable div:first-child {
    position: relative;
}

.-fb-grid-input-variable-value {
    height: 25px !important;
    width: 100%;
    box-sizing: border-box;
    border-width: 0 !important;
    padding-left: 5px !important;
}

.-fb-grid-input-variable-clear {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 0;
    height: 100%;
    width: 23px;
    box-sizing: border-box;
    background: none;
    border: none;
    padding: 0;
    max-height: 23px;
    font-family: "IcoFont";
    font-size: 18px;
    color: var(--visiv-theme-button-text-color);
    line-height: 24px;
}

.-fb-grid-input-variable-clear:before {
    content: "\eee4";
}

.-fb-grid-input-variable-set {
    height: 100%;
    width: 23px;
    margin: 1px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
}

.-fb-grid-input-variable-set {
    height: 100%;
    width: 23px;
    margin: 1px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    max-height: 23px;
}



.-pdjs-canvas-variables-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-variables-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-canvas-variables-dialog .-pdjs-canvas-design-variable-list {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.-pdjs-canvas-variables-dialog > div:last-child {
    text-align: right;
}

.-canvasjs-statusbar [role=dimensions] > span:nth-child(1),
.-canvasjs-statusbar [role=dimensions] > span:nth-child(2) {
    color: var(--visiv-system-red-muted) !important;
}

.-canvasjs-statusbar [role=dimensions] > span:nth-child(3),
.-canvasjs-statusbar [role=dimensions] > span:nth-child(4) {
    color: var(--visiv-system-blue-muted) !important;
}

.-canvasjs-statusbar [role=selections] > span {
    color: var(--visiv-system-green) !important
}

.-pdjs-statusbar-errors {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
}

.-pdjs-statusbar-errors > div[role=label] {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 5px 0 26px;
    background-position: 5px center;
    background-repeat: no-repeat;
    white-space: nowrap;
    font-size: 12px;
    cursor: pointer;
}

.-pdjs-statusbar-errors-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    outline: var(--visiv-theme-base-1-border-color) solid 1px;
}

.-pdjs-statusbar-errors-list > div[role=title] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height:30px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-application-bar-back-color);
}

.-pdjs-statusbar-errors-list div[role=title-label] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
    box-sizing: border-box;
    color: var(--visiv-theme-application-bar-text-color);
    line-height: 20px;
    font-size: 13px;
    font-family: Arial;
    padding: 5px;
}

.-pdjs-statusbar-errors-list div[role=title-close] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.-pdjs-statusbar-errors-list > div[role=items] {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.-pdjs-statusbar-errors-list-item {
    padding: 5px;
    webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 34px;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-statusbar-errors-list-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-statusbar-errors-list-item > div[role=title] {
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}
.-pdjs-statusbar-theme {
    display: grid;
    grid-template-columns: 50px max-content;
    position: absolute;
    top: 2px;
    left: 355px;
    justify-content: center;
    align-items: center;
    border-color: var(--visiv-theme-base-1-border-color);
    border-style: solid;
    border-width: 0 1px 0 1px;
    padding: 0 10px 0 10px;
}
.-pdjs-canvas-design-toolbox-batch-field-action-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=grid] {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    justify-content: center;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=grid] button {
    height: 100%;
    width: 150px;
    box-sizing: border-box;
}

.-pdjs-canvas-design-toolbox-batch-field-action-dialog > div[data-role=deck] {
    text-align: right;
    position: relative;
}

.-pdjs-form-field-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-form-field-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-form-field-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-element-design-error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    background-image: repeating-linear-gradient(45deg, 
        var(--visiv-theme-base-3-back-color), 
        var(--visiv-theme-base-3-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 15px, 
        var(--visiv-theme-base-2-back-color) 30px);
}

.-pdjs-element-design-error > table {
    height: 100%;
    width: 100%;
}

.-pdjs-element-design-error > table td {
    text-align: center;
    vertical-align: middle;
}

.-pdjs-element-design-error > table td > div {
    display: inline-block;
    font-size: 20px;
    font-family: Arial;
    color: var(--visiv-theme-input-text-color);
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
}
.-pdjs-canvas-button {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-button > button {
    height: 100%;
    width: 100%;
    grid-template-columns: auto min-content minmax(min-content, max-content) auto;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    align-items: center;
}

.-pdjs-canvas-button > button img {
    vertical-align: middle;
}
.-pdjs-text-element {
}

.-pdjs-text-element div[role=content] {
    color: var(--visiv-theme-base-1-text-color);
    line-height: 1.3;
}

.-pdjs-text-element div[role=content] p,
.-pdjs-text-element div[role=content] p:only-child {
    margin-top: 2px;
    margin-bottom: 2px;
}

.-pdjs-text-element div[role=content] li {
    line-height: 1.2;
}

.-pdjs-text-element div[role=content] li:last-child {
    margin-bottom: 0;
}
.-pdjs-canvas-shared-entity-parent-field > div[role=control] > a {
    color: var(--visiv-theme-input-text-color)
}

.-pdjs-canvas-shared-entity-parent-field.-pdjs-disabled > div[role=control] > a {
    color: var(--visiv-theme-input-inactive-text-color)
}
.-pdjs-entity-process-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 5px;
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-entity-process-field > div {
    position: relative;
    height: 24px;
    width: 100%;
    box-sizing: border-box;
    border-width: 1px;
    margin-bottom: 5px;
}

.-pdjs-entity-process-field > div:last-of-type {
    margin-bottom: 0;
}

.-pdjs-entity-process-field > div > div:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    bottom: 0;
    line-height: 20px;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    padding-left: 5px;
}

.-pdjs-entity-process-field > div > div:last-child {
    position: absolute;
    top: 0;
    left: 80px;
    right: 0;
    bottom: 0;
    line-height: 24px;
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    border-width: 0 0 0 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 26px;
    background-position: 5px center;
    background-repeat: no-repeat;
    font-style: italic;
}

.-pdjs-entity-process-field-assignment {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute !important;
    inset: 0;
    height: 100% !important;
    background-color: var(--visiv-theme-input-back-color);
}
.-pdjs-canvas-shared-entity-process-field-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-canvas-shared-entity-process-field-dialog > div {
    position: relative;
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] {
    display: grid;
    grid-template-rows: max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] > div[role=tree-label] {
    position: relative;
    height: 26px;
    line-height: 26px;
    color: var(--visiv-required-text-color);
}

.-pdjs-canvas-shared-entity-process-field-dialog div[role=tree-field] > div[role=tree-input] {
    position: relative;
}

.-pdjs-canvas-shared-entity-process-field-dialog > div[role=buttons] {
    text-align: right;
    overflow: hidden;
} 
div.k-treeview.-pdjs-canvas-entity-process-tree {
    border: 1px solid var(--visiv-theme-input-border-color);
    position: absolute;
    background-color: var(--visiv-theme-input-back-color);
    overflow: auto;
    inset: 0;
}

.-pdjs-canvas-entity-process-tree > div[role=tree] {
    font-size: 12px;
    padding: 5px 5px 5px 0px;
    box-sizing: border-box;
    position: relative;
}

.-pdjs-canvas-entity-process-tree > div[role=tree] .k-in {
    border-radius: 0 !important;
    padding: 3px 5px 3px 5px;
    line-height: 18px;
}
.-pdjs-canvas-boolean-field {
}

.-pdjs-canvas-boolean-field > [role=control] > label {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-boolean-field > [role=control] > label > input {
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
}

.-pdjs-canvas-boolean-field > [role=control] > label > [role=input-label] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    line-height: 24px;
    white-space: nowrap;
    margin-left: 20px;
}

.-pdjs-canvas-boolean-field.-pdjs-disabled > [role=control] > label {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border-color: var(--visiv-theme-input-inactive-border-color);
    color: var(--visiv-theme-input-inactive-text-color);
}

.-pdjs-canvas-boolean-field > div[role=control] :focus-within {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-control-msl:focus-within {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-canvas-ssl-field button[role]:focus {
    outline-color: var(--visiv-theme-focus-border-color);
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}
.-pdjs-canvas-string-field {
}

.-pdjs-canvas-string-field > div[role=control] {
    position: absolute;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
}

.-pdjs-canvas-string-field > div[role=control] > input {
    border: 0 none transparent;
    height: 22px;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: var(--visiv-theme-input-text-color);
    background-color: transparent;
}

.-pdjs-canvas-string-field > div[role=control] > textarea {
    height: 100%;
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    border: 0 none transparent;
    color: var(--visiv-theme-input-text-color);
    background-color: transparent;
}

.-pdjs-canvas-string-field.-pdjs-disabled > div[role=control] {
    background-color: var(--visiv-theme-input-inactive-back-color);
    border-color: var(--visiv-theme-input-inactive-border-color);
}

.-pdjs-canvas-string-field.-pdjs-disabled > div[role=control] > :is(input, textarea) {
    color: var(--visiv-theme-input-inactive-text-color);
}
.-pdjs-user-field-combo-box-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-user-field-combo-box-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-user-field-combo-box-dialog > div:last-child {
    text-align: right;
}
.-pdjs-canvas-form-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.-pdjs-canvas-form-field > div[role=label] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-canvas-form-field > div[role=deck] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
}

.-pdjs-canvas-form-field > div[role=control] {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 26px;
}

.-canvasjs-design .-canvasjs-element div[role=tab-index] {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 18px;
    width: 25px;
    background-color: var(--visiv-system-yellow-muted);
    border: 0 solid;
    color: var(--visiv-system-black);
    border-radius: 20%;
    line-height: 20px;
    text-align: center;
}

.-pdjs-canvas-form-field .-pd-form-field-deck {
    position: absolute;
    right:0;
    top:0;
    width: 50px;
    text-align: right;
}

.-pdjs-canvas-form-field .-pd-form-field-deck .-pd-form-field-deck-item {
    display: inline-block;
    height: 20px;
    width: 18px;
    box-sizing: border-box;
    vertical-align: top;
}

.-pdjs-validation-errors .-pdjs-canvas-form-field [role=label] {
    padding-left: 20px;
    color: var(--visiv-error-fore-color) !important;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.-pdjs-canvas-form-field.-pdjs-canvas-disabled > div[role=label] {
    opacity: .7;
}

.-pdjs-canvas-form-field.-pdjs-canvas-disabled > input {
    border-color: var(--visiv-theme-input-inactive-border-color);
}

.-pdjs-validation-errors .-pdjs-canvas-form-field-animation-target {
    background-color: var(--visiv-system-red-light) !important;
    color: var(--visiv-system-black) !important;
}

.-pdjs-canvas-form-button {
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-form-button > button {
    height: 100%;
    width: 100%;
    grid-template-columns: auto min-content minmax(min-content, max-content) auto;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    align-items: center;
}

.-pdjs-canvas-form-button > button img {
    vertical-align: middle;
}
.-pdjs-canvas-process-decisions {
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-decisions div[role=decisions] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-decisions div[role=decision-id] {
    box-sizing: border-box;
    line-height: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-decisions div[role=decision-label] {
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-decisions div[role=decision-action] {
    text-decoration: underline;
    cursor: pointer;
}


.-pdjs-canvas-process-state {
    box-sizing: border-box;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-state div[role=header] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: var(--visiv-theme-base-2-back-color);
    border-bottom: 1px solid var(--visiv-theme-base-2-border-color);
}

.-pdjs-canvas-process-state div[role=head] div[role=header]:not(:last-child) {
    border-right: 1px solid var(--visiv-theme-base-2-border-color);
}

.-pdjs-canvas-process-state div[role=content] {
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    white-space: nowrap;
    background-position: 5px center;
    background-repeat: no-repeat;
}

.-pdjs-canvas-process-state div[role=content]:not(:last-child) {
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-state div[role=body] div[role=content]:not(:last-child) {
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 0;
}

.-pdjs-canvas-process-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-input-back-color);
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    color: var(--visiv-theme-input-text-color);
}

.-pdjs-canvas-process-view div[role=grid] {
    display: grid;
    grid-row-gap: 0;
    grid-auto-flow: row;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=keys] {
    grid-column-start: auto;
    grid-column-end: span 1;
    height: 100%;
    overflow: hidden;
    display: grid;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    grid-column-gap: 0;
    grid-row-gap: 0;
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=key] {
    background-color: var(--visiv-theme-input-back-color);
    font-weight: bold;
    font-size: 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    padding: 5px;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-canvas-process-view div[role=key] > div {
    display: block;
    text-align: center;
    width: 100%;
    text-align: center;
}

.-pdjs-canvas-process-view div[role=key] > label {
    display: block;
    text-align: center;
    width: 100%;
}

.-pdjs-canvas-process-view div[role=key-filler] {
    height: 100%;
    width: 100%;
    background-color: var(--visiv-theme-input-back-color);
    border-top: 1px solid var(--visiv-theme-input-border-color);
    border-bottom: 1px solid var(--visiv-theme-input-border-color);
    box-sizing: border-box;
}

.-pdjs-canvas-process-view div[role=stage-column] {
    background-color: var(--visiv-theme-input-back-color);
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: grid;
    border: 0 none;
}

.-pdjs-canvas-process-view div[role=stage-column-filler] {
    height: 100%;
    width: 100%;
    border-bottom-width: 0;
    background-color: var(--visiv-theme-input-back-color);
    box-sizing: border-box;
    border: 0 none;
}

.-pdjs-canvas-process-view div[role=stages] {
    position: relative;
    grid-template-columns: 120px 120px 120px 120px 120px 1fr;
    grid-column-start: auto;
    grid-column-end: span 1;
    grid-column-gap: 0;
    height: 100%;
    overflow: hidden;
    display: grid;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    box-sizing: border-box;
}

.-pdjs-canvas-process-view-nav {
    
}

.-pdjs-canvas-process-view-nav div img {
    opacity: 1;
    cursor: pointer;
}

.-pdjs-canvas-process-view-nav :nth-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        height: 0;
        left: 0;
        display: flex;
        align-content: center;
        justify-content: center;
    }

.-pdjs-canvas-process-view-nav :nth-child(1) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self: self-start;
}

.-pdjs-canvas-process-view-nav :nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(2) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self: flex-end;
}

.-pdjs-canvas-process-view-nav :nth-child(3) {
    position: absolute;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(3) > img {
    position: relative;
    height: 24px;
    width: 24px;
    align-self:flex-end;
}

.-pdjs-canvas-process-view-nav :nth-child(4) {
    position: absolute;
    top: 0;
    width: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.-pdjs-canvas-process-view-nav :nth-child(4) > img {
    position: relative;
    height: 24px;
    width: 24px;
}

.-pdjs-canvas-process-view div[role=stage] {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
    line-height: 1.5;
    cursor: pointer;
}

.-pdjs-canvas-process-view div[role=stage] > label {
    display: block;
    text-align: center;
    width: 100%;
    user-select: none;
    cursor: pointer;
}

.-pdjs-canvas-process-view div[role=stage].selected {
    border: 3px solid #007acc;
    background-color: #c9def5;
}

.-pdjs-canvas-process-view div[role=stage-filler] {
    background-color: var(--visiv-theme-input-back-color);
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px solid var(--visiv-theme-input-border-color);
    border-left: 1px solid var(--visiv-theme-input-border-color);
    border-bottom-width: 0;
}

.-pdjs-canvas-process-view div[role=decision-map] {
    position: absolute;
    top: 5px;
    right: 5px;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    text-align: center;
    line-height: 18px;
    color: #000000;
}

.-pdjs-canvas-process-view-map-tooltip > div[role=decision-map] {
    display: inline-block;
    height: 20px;
    width: 20px;
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    text-align: center;
    line-height: 18px;
}

.-pdjs-canvas-process-view-map-tooltip > div[role=decision-map]:not(:first-child) {
    margin-left: 5px;
}
    
.-pdjs-canvas-shared-element-bar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 25px;
    box-sizing: border-box;
    line-height: 25px;
    background-color: transparent;
    padding-top: 5px;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-canvas-shared-element-bar > span[role=refresh] {
    padding-left: 10px;
    color: var(--visiv-theme-link-text-color, var(--visiv-theme-select-back-color));
    text-decoration: underline;
    cursor: pointer;
}
.-pdjs-canavas-element-menu {
    position: absolute;
    height: 16px;
    width: 16px;
    box-sizing: border-box;
    background-color: transparent;
    padding-top: 5px;
    cursor: pointer;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-canavas-element-menu > i {
    font-size: 16px;
}

.-pdjs-element-menu-item:hover {
    display: grid;
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    grid-template-columns: 26px auto;
}

.-pdjs-element-menu-item-action {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    height: 25px;
    padding: 5px 0 5px 0;
    font-size: 12px;
    font-family: Arial;
    border-width: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-element-menu-item-action:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-element-menu-item-action > div[role=icon] {
    padding-left: 5px;
}

.-pdjs-canavas-element-menu-item-board {
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-canavas-element-menu-item-last-updated {
    padding: 10px;
    text-align: center;
}

.-pdjs-fb-action-dialog {
    overflow: hidden;
}

.-pdjs-fb-action-dialog > div[data-role=content] {
    position: absolute;
    inset: 0 0 36px 0;
    overflow: hidden;
}

.-pdjs-fb-action-dialog div[data-role=splitter] {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog > div[data-role=deck] {
    position: absolute;
    height: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: right;
}
.-pdjs-fb-action-dialog-action-editor,
.-pdjs-fb-action-dialog-action-editor > .--pdjs-feature-blend-editor {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog-action-editor .-fb-layout-content {
    inset: 0;
    background-color: transparent;
}

.-pdjs-fb-action-dialog-action-editor .-fb-layout-group {
    position: absolute;
    inset: 0;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid {
    grid-template-rows: auto max-content;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid-header {
    display: none;
}

.-pdjs-fb-action-dialog-action-editor .-fb-grid-content {
    top: 0;
}

.-pdjs-fb-action-dialog-action-list {
}

.-pdjs-fb-action-dialog-action-list > select {
    box-sizing: border-box;
    width: 100%;
}


.-pdjs-fb-action-dialog-plugin-content {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-fb-action-dialog-plugin-content > div {
    position: relative;
}

.-pdjs-fb-action-dialog-plugins-list {
    position: absolute;
    inset: 0;
    border: 0 solid transparent;
    padding: 5px;
    background-color: var(--visiv-theme-input-back-color);
    padding: 0;
}

.-pdjs-fb-action-dialog-plugins-list .-pdjs-list-view {
    position: absolute;
    inset: 0;
} 
.-pdjs-manage-active-directory-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-data-load-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-data-load-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-load-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-load {
}
.-pdjs-data-load-new-job-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-data-load-new-job-dialog > div[role=content] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    line-height: 1.5;
}

.-pdjs-data-load-new-job-dialog > div[role=content] > label input {
    margin-top: 2px;
}

.-pdjs-data-load-new-job-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-data-load-new-job-dialog > div[role=buttons] button {
    margin-left: 6px;
}
.-pdjs-manage-data-model-columns-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-model-columns-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-data-model-columns-grid > div > span[role=table-name] {
    color: var(--visiv-theme-select-back-color);
}
.-fb-lde-selection-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-fb-lde-selection-editor-dialog > div {
    position: relative;
    overflow: hidden;
}

.-fb-lde-selection-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-selection-lists-list-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-selection-lists-list-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-selection-lists-list-item-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-selection-lists-list-item-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-selection-lists-list-item-grid > div > span[role=list-name] {
    color: var(--visiv-theme-select-back-color);
}
.-pdjs-manage-selection-lists-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-selection-lists {
}

.-pdjs-manage-data-model-tables-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-data-model-tables-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-model-search {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-gap: 5px;
}

.-pdjs-manage-data-model-search > div {
    position: relative;
}

.-pdjs-manage-data-model-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-data-model-search > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-data-model-search-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-data-model-search-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-data-model-search-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-data-model-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-data-model {
}

.-pdjs-restrict-assignement-to-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-restrict-assignement-to-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-restrict-assignement-to-dialog > div:first-child {
    line-height: 1.5;
}

.-pdjs-restrict-assignement-to-dialog > div[role=multi-select] {
    padding: 6px 10px 10px 10px;
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
    overflow: auto;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] {
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    display: block;
    height: 22px;
    cursor: pointer;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > input {
    position: absolute;
    top: 5px;
    left: 0;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > div[role=item-label] {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    height: 22px;
    line-height: 24px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    box-sizing: border-box;
    padding-left: 25px;
}

.-pdjs-restrict-assignement-to-dialog label[role=item] > div[role=item-label]:hover {
    background-color: var(--visiv-theme-hover-back-color);
}

.-pdjs-restrict-assignement-to-dialog > div:last-child {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
}

.-pdjs-restrict-assignement-to-dialog div[role=button-dock-l] {
    text-align: left;
    overflow: hidden;
}

.-pdjs-restrict-assignement-to-dialog div[role=button-dock-r] {
    text-align: right;
    overflow: hidden;
}
.-pdjs-manage-document-types-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-document-types-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-document-types-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-document-types {
}

.-fb-restrict-assignment-editor {
    display: grid;
    height: 100%;
    min-height: 70px;
    grid-template-columns: auto 25px;
}

.-fb-restrict-assignment-editor div[role=list] {
    padding-left: 5px;
    box-sizing: border-box;
    border: 0;
    height: 100%;
    width: 100%;
    line-height: 25px;
    overflow-y: scroll;
}

.-fb-restrict-assignment-editor div[role=list] div[role=list-item] {
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
}

.-fb-restrict-assignment-editor div[role=list] div[role=list-item-w-icon] {
    height: 24px;
    line-height: 24px;
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 4px center;
}

.-fb-restrict-assignment-editor div:nth-child(2) {
    padding: 2px;
}

.-fb-restrict-assignment-editor input[type=button] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
.-pdjs-manage-entity-management-change-tags-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-management-change-tags-dialog > div {
    position: relative;
}

.-pdjs-manage-entity-management-change-tags-dialog > div[role=editor] {
    overflow: hidden;
}

.-pdjs-manage-entity-management-change-tags-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-entities-actions {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-entities-grid {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entities-grid > div:nth-child(2) {
    overflow: hidden;
}

.-pdjs-manage-entities-list {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entities-list .-pdjs-manage-module-section-body {
    padding: 0;
}

.-pdjs-manage-entities-list .-pdjs-list-view {
    border-width: 0;
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-entities-list .-pdjs-list-view .-pdjs-list-view-item-base {
    border-color: var(--visiv-theme-manage-module-border-color);
}
.-pdjs-manage-entities {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-entity-type-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-entity-type-explorer-model-node > div {
    box-sizing: border-box;
}

.-pdjs-manage-entity-type-explorer-model-node > div[role=icon] {
    padding-top: 3px;
    padding-right: 5px;
}

.-pdjs-manage-entity-type-explorer-model-node > div[role=text] {
}

.-pdjs-manage-entity-type-explorer-model-node[disabled] {
    opacity: .5;
}

.-pdjs-manage-entity-type-explorer-model-node[tabbed] > div[role=text] {
    text-decoration: underline;
}
/* Module */

.-pdjs-manage-module-entity-type {
    position: absolute;
    inset: 10px;
}

/* Explorer */

.-pdjs-manage-module-entity-type-explorer {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-explorer > div {
    position: relative;
}

/* Editor */

.-pdjs-manage-module-entity-type-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-editor > div {
    position: relative;
}

.-pdjs-manage-module-entity-type-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

/* Actions */

.-pdjs-manage-module-entity-type-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-fb-canvas-editor {
    position: relative;
    min-height: 25px;
    display: grid;
    grid-template-columns: auto max-content;
}

.-fb-canvas-editor > div:nth-child(1) {
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-fb-canvas-editor button {
    padding: 0;
    margin: 2px;
    height: 19px;
    width: 19px;
    font-size: 16px;
}
.-pdjs-manage-module-entity-type-explorer-model-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-entity-type-explorer-model-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    padding-top: 10px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-module-entity-type-explorer-model-tree div:nth-child(1) {
    padding-top: 2px;
    padding-right: 5px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint {
    display: grid;
    grid-template-columns: max-content auto;
    height: 20px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint > span {
    display: inline-block;
    line-height: 20px;
}

.-pdjs-manage-module-entity-type-explorer-model-tree-drag-hint > span:nth-child(1) {
    background-position: center center;
}
.-pdjs-manage-entity-types-relationships-child-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-child-list > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-child-list > div:first-child {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships-child-list div[role=buttons] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-entity-types-relationships-child-list div[role=buttons] button {
    align-content: flex-start;
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-child-list .-pdjs-manage-module-section-title > span[role=target-name] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-entity-types-relationships-child-list > div[role=list] {
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-parent-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-parent-list > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-parent-list > div:first-child {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships-parent-list div[role=buttons] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-entity-types-relationships-parent-list div[role=buttons] button {
    align-content: flex-start;
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-parent-list .-pdjs-manage-module-section-title > span[role=target-name] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-entity-types-relationships-parent-list > div[role=list] {
    overflow: hidden;
}
.-pdjs-manage-entity-types-relationships-tree {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-types-relationships-tree > div:nth-child(2) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    overflow: hidden;
    position: relative;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid {
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid .k-grid-content {
    height: auto !important;
}

.-pdjs-manage-entity-types-relationships-tree .k-grid .k-grid-content td[role=gridcell]:first-child {
    position: relative;
}

.-pdjs-manage-entity-types-relationships-tree div[role=name-cell] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    width: 100%;
    white-space: nowrap;
}

.-pdjs-manage-entity-types-relationships-tree label[role=name-text] {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 0.6em;
    position: relative;
    line-height: 20px;
    box-sizing: border-box;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: min-content;
    margin: 5px 0 0 0;
}

.-pdjs-manage-entity-types-relationships-tree label[role=name-text].-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    position: absolute;
    inset: 0;
    border-color: inherit. initial, none, ;
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item] {
    border-color: var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-base-1-text-color);
}
.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item]:active {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list .-pdjs-list-view > div[role=item][data-selected=true] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships-types-list > div[role=grid] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    inset: 0 !important;
    padding: 10px !important;
    height: 100%;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog > div[role=grid] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships-available-types-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-entity-types-relationships {
}

.-pdjs-manage-entity-types-relationships div[role=targets] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-column-gap: 10px;
    box-sizing: border-box;
    overflow: hidden;
    inset: 0;
}

.-pdjs-manage-entity-types-relationships div[role=buttons] {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.-pdjs-manage-entity-types-relationships div[data-id=pane-4] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships div[role=children] {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships div[role=children] > div {
    overflow: hidden;
}

.-pdjs-manage-entity-types-relationships div[role=children-header] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-relationships div[role=children-header] span[role=name] {
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-entity-types-relationships div[role=buttons-wrapper] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}
    

.-pdjs-manage-entity-type-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-type-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-entity-type-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-expression-assignment-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-expression-assignment-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-expression-assignment-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-expression-assignment-explorer-model {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-expression-assignment-explorer-model > div[role=tree] {
    display: grid !important;
    grid-template-rows: max-content auto;
}

.-pdjs-manage-expression-assignment-explorer-model > div[role=tree] > .k-grid-content {
    height: 100% !important;
}
.-pdjs-manage-entity-types-relationships-dialog {

}

.-pdjs-manage-entity-types-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-entity-types-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-entity-types-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-entity-types {
}

.-pdjs-manage-event-log-clear-log-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
}

.-pdjs-manage-event-log-clear-log-dialog select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-event-log-clear-log-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-event-log-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-event-log-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-event-log-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-event-log {
}

.-pdjs-manage-expressions-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-expressions-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-expressions-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-expressions {
}
.-fb-form-usage-editor {

}

.-fb-form-usage-editor div[role=container] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
}
.-fb-search-group-usage-editor {
}

.-fb-search-group-usage-editor div[role=container] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
}
.-pdjs-manage-jobs-custom-schedule-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=text] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=toolbar] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-jobs-custom-schedule-dialog > div[role=buttons] > button {
    margin-left: 5px;
}
.-pdjs-manage-jobs-custom-schedules-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}
 
.-pdjs-manage-jobs-custom-schedules-dialog > div {
    position: relative;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=text] {
    line-height: 1.5;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-jobs-custom-schedules-dialog > div[role=buttons] > button {
    margin-left: 5px;
}
.-pdjs-manage-jobs-custom-schedules-grid {
    position: absolute;
    inset: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.-pdjs-manage-jobs-preview-schedules-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-jobs-preview-schedules-dialog > div {
    position: relative;
}

.-pdjs-manage-jobs-preview-schedules-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-jobs-schedule-editor {
    position: relative;
}

.-pdjs-manage-jobs-schedule-editor > div {
    font-size: 12px;
    line-height: 25px;
}

.-pdjs-manage-jobs-schedule-editor > div:nth-child(2) {
    font-weight: bold;
}

.-pdjs-manage-jobs-schedule-editor select {
    box-sizing: border-box;
    border: 0;
    width: 100%;
    height: 25px;
    font-size: 12px;
    outline: none;
}

.-pdjs-manage-jobs-schedule-editor select:focus {
    outline: none;
}

.-pdjs-manage-jobs-schedule-editor .-pd-masked-textbox [data-role=input-and-mask] {
    border: 0 !important;
}

.-pdjs-manage-jobs-schedule-editor .-pd-masked-textbox input {
    height: 25px !important;
}

.-pdjs-manage-jobs-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-jobs-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-jobs-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-jobs {
}
.-pdjs-manage-jobs-clear-log-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Arial;
}

.-pdjs-manage-jobs-clear-log-dialog select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-jobs-clear-log-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-jobs-log-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-jobs-log-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-licenses-apply-license-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-licenses-apply-license-dialog > div {
    position: relative;
}

.-pdjs-manage-licenses-apply-license-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-licenses-properties-editor {

}
.-pdjs-manage-licenses-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-licenses-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-licenses-grid > div {
    position: relative;
    overflow: hidden;
}
.-pd-license-manager {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pd-license-manager div[data-id=toolbar] {
    position: absolute;
    height: 30px;
    top: 10px;
    left: 10px;
    right: 10px;
}

.-pd-license-manager div[data-id=grid] {
    position: absolute;
    top: 50px;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

.-pd-apply-license-dialog {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pd-apply-license-dialog div[data-role=title] {
    margin-bottom: 5px;
    font-size: 12px;
}

.-pd-apply-license-dialog .-pd-dialog-button-deck {
    text-align: right;
}

.-pd-apply-license-dialog .-pd-dialog-button-deck button {
    margin-left: 5px;
}
.-pdjs-manage-licensing-status {
    background-color: var(--visiv-theme-input-back-color);
    border-color: var(--visiv-theme-input-border-color);
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.-pdjs-manage-licensing-status div[role=text][level=Error] {
    color: var(--visiv-system-red);
}

.-pdjs-manage-licensing-status div[role=text]:not([level=Error]) {
    color: var(--visiv-system-green-muted);
}

.-pdjs-manage-licensing-status div[role=date] {
    
}

.-pdjs-license-key-dialog {
    display: grid;
    grid-gap: 10px;
}

.-pdjs-license-key-dialog > div {
    position: relative;
}

.-pdjs-license-key-dialog > div:last-child {
    text-align: right;
}

.-pdjs-license-key-dialog textarea {
    padding: 5px;
    line-height: 1.5;
}
.-pdjs-test-email-settings-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-test-email-settings-dialog > div:nth-child(1) {
    line-height: 1.5;
}

.-pdjs-test-email-settings-dialog > div:nth-child(3) {
    text-align: right;
}

.-pdjs-test-email-settings-dialog > button {
    margin-left: 5px;
}
.-pdjs-manage-mail-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-mail-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-mail-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-mail {
}

.-pdjs-manage-maintenance-billboard {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 5px;
}

.-pdjs-manage-maintenance-billboard-icon {
    font-size: 50px;
}

.-pdjs-manage-maintenance-billboard-text {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 5px;
    justify-items: center;
}

.-pdjs-manage-maintenance-billboard-text-label {
    font-size: 15px;
}

.-pdjs-manage-maintenance-billboard-text-timer {
    color: var(--visiv-theme-base-1-text-color);
    text-align: center;
    line-height: 1.5;
}

.-pdjs-manage-maintenance-stopped {
    color: var(--visiv-system-green);
    border: 1px solid var(--visiv-system-green);
}

.-pdjs-manage-maintenance-started {
    color: var(--visiv-system-red);
    border: 1px solid var(--visiv-system-red);
}

.-pdjs-manage-maintenance-scheduled {
    color: var(--visiv-system-orange-vibrant);
    border: 1px solid var(--visiv-system-orange-vibrant);
}

.-visiv-theme-dark .-pdjs-manage-maintenance-stopped {
    color: var(--visiv-system-green-vibrant);
    border: 1px solid var(--visiv-system-green-vibrant);
}

.-visiv-theme-dark .-pdjs-manage-maintenance-started {
    color: var(--visiv-system-red-vibrant);
    border: 1px solid var(--visiv-system-red-vibrant);
}

.-visiv-theme-dark .-pdjs-manage-maintenance-scheduled {
    color: var(--visiv-system-yellow-vibrant);
    border: 1px solid var(--visiv-system-yellow-vibrant);
}
.-pdjs-manage-maintenance-scheduler-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-scheduler-dialog > div:nth-child(2) {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content auto;
    grid-gap: 5px;
    align-items: center;
}

.-pdjs-manage-maintenance-scheduler-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-maintenance-message {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-maintenance-message > div[role=body] {
    overflow: auto;
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-maintenance-message > div[role=deck] {
    /*text-align: center;*/
}

.-pdjs-manage-maintenance-message > div[role=deck] > button:not(:last-child) {
    margin-right: 5px;
}
/*
================================
= MODULE
================================
*/

.-pd-maintenance-mode {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
}

/*
================================
= STATUS AND SCHEDULER CONTROL
================================
*/

.-pd-maintenance-mode .maintenance-status {
    position:absolute;
    top:10px;
    left:10px;
    height:115px;
    width:300px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] {
    position:absolute;
    top:0;
    left:0;
    height:70px;
    width:100%;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-icon] {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    bottom:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-color: var(--visiv-system-white);
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] {
    position:absolute;
    top:0;
    left:60px;
    right:0;
    bottom:0;
    text-align:center;
    padding:10px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] > div[data-id=status-text-label] {
    font-weight: bold;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=status] > div[data-id=status-text] > div[data-id=status-text-timer] {
    margin-top:0;
    font-size:12px;
    padding: 0;
    line-height: 18px;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=button-deck] {
    position:absolute;
    top:70px;
    left:0;
    height:35px;
    width:100%;
    border:0 solid transparent;
    text-align:center;
    box-sizing:border-box;
    padding:5px;
}

.-pd-maintenance-mode .maintenance-status > div[data-id=button-deck] > button {
    font-size:12px;
    height:30px;
    width:120px;
    box-sizing:border-box;
    margin: 0 5px 0 5px;
}

/* No Maintenance */

.-pd-maintenance-mode .maintenance-status.no-maintenance {
    border: 5px solid var(--visiv-system-green-vibrant);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=status] > div[data-id=status-icon] {
    border-right: 1px solid var(--visiv-system-green-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/checkbox.png);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-green);
}

.-pd-maintenance-mode .maintenance-status.no-maintenance > div[data-id=button-deck] {
    background-color: var(--visiv-system-green-vibrant);
}

/* Scheduled */

.-pd-maintenance-mode .maintenance-status.scheduled {
    border: 5px solid var(--visiv-system-yellow-vibrant);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=status] > div[data-id=status-icon] {
    border-right:1px solid var(--visiv-system-yellow-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/calendar_clock.png);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-yellow);
}

.-pd-maintenance-mode .maintenance-status.scheduled > div[data-id=button-deck] {
    background-color: var(--visiv-system-yellow-vibrant);
}

/* In Maintenance */

.-pd-maintenance-mode .maintenance-status.in-maintenance {
    border: 5px solid var(--visiv-system-red-vibrant);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=status] > div[data-id=status-icon] {
    border-right: 1px solid var(--visiv-system-red-vibrant);
    background-image: url(../Areas/Shared/Assets/Internal/Icons/32x32/construction_barrier.png);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=status] > div[data-id=status-text] {
    background-color: var(--visiv-system-red);
}

.-pd-maintenance-mode .maintenance-status.in-maintenance > div[data-id=button-deck] {
    background-color: var(--visiv-system-red-vibrant);
}

/*
================================
= USERS CONTROL
================================
*/

.-pd-maintenance-mode .maintenance-users {
    position:absolute;
    top:135px;
    left:10px;
    width: 300px;
    bottom: 10px;
    box-sizing:border-box;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-title] {
    position:absolute;
    top:0;
    left:0;
    height:30px;
    width:300px;
    border-bottom-width:0;
    box-sizing:border-box;
    color: var(--visiv-theme-base-1-text-color);
    line-height: 30px;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-list] {
    position:absolute;
    top:30px;
    left:0;
    bottom:40px;
    width:300px;
    box-sizing:border-box;
    overflow: hidden;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-grid] {
    border: 0;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-button-deck] {
    position:absolute;
    height:30px;
    left:0;
    bottom:0;
    width:300px;
    box-sizing:border-box;
    text-align: center;
}

.-pd-maintenance-mode .maintenance-users [data-id=users-button-deck] > button {
    width:120px;
    box-sizing:border-box;
    font-size:12px;
    margin: 0 5px 0 5px;
    height: 30px;
}

.-pd-maintenance-mode [data-id=message-title] {
    color: var(--visiv-theme-base-1-text-color);
    line-height: 30px;
}

.-pd-maintenance-mode [data-id=message] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pd-maintenance-mode [data-id=editable-text] {
    color: var(--visiv-theme-base-1-text-color);
}

/*
================================
= SCHEDULER DIALOG
================================
*/


.-pd-maintenance-mode-scheduler-dialog {
    position: absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    overflow: hidden;
    padding:10px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options]{
    position: absolute;
    top: 0;
    bottom: 34px;
    left: 0;
    right: 0;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div {
    margin-bottom:10px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label {
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
    display: block;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > input[type=radio] {
    margin-right: 6px;
    vertical-align: top;
    display: inline-block;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > div {
    display: inline-block;
    white-space:normal;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > label > div > span {
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div > div {
    box-sizing: border-box;
    width:100%;
    white-space: nowrap;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=maintenance-schedule-options] > div[data-id=maintenance-cancel]{
    width:100%;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=button-deck]{
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pd-maintenance-mode-scheduler-dialog > div[data-id=button-deck] > button:first-child {
    margin-right:10px;
}
.-pdjs-manage-maintenance-status {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-status > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-maintenance-status > div:last-child {
    text-align: center;
}

.-pdjs-manage-maintenance-status > div:last-child > button {
    min-width: 80px;
}

.-pdjs-manage-maintenance-status > div:last-child > button:not(:last-child) {
    margin-right: 5px;
}
.-pdjs-manage-maintenance-users-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-maintenance-users-grid > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-maintenance-users-grid > div[role=title] {
    line-height: 1.5;
    color: var(--visiv-theme-base-1-text-color);
}
.-pdjs-manage-overview-module-header {
    display: grid;
    grid-template-columns: max-content max-content auto 200px;
    grid-gap: 5px;
}

.-pdjs-manage-overview-module-header > div {
    position: relative;
}

.-pdjs-manage-overview-module-header > div[role=button] div i {
    font-size: 16px;
}

.-pdjs-manage-overview-module-header > div[role=button] > button.-pdjs-selected {
    background-image: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-overview-module-list-grid {
    display: grid;
    grid-template-rows: auto 100px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-overview-module-list-grid > div {
    position: relative;
    overflow-y: auto;
    padding: 10px;
}

.-pdjs-manage-overview-module-list-grid > div[role=foot] {
    line-height: 1.5;
}

.-pdjs-manage-overview-module-list-grid > div:last-child {
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}

.-pdjs-manage-overview {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-overview > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-overview > div[role=body] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-overview-module-header > div[role=button] > button {
    height: 100%;
}
.-pdjs-manage-overview-tile-grid-tile {
    display: inline-block;
    height: 100px;
    width: 100px;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    background-color: var(--visiv-theme-base-1-back-color);
}

.-pdjs-manage-overview-tile-grid-tile > div[role=box] {
    display: grid;
    grid-template-rows: max-content auto;
    box-sizing: border-box;
    justify-items: center;
    align-items: center;
    text-align: center;
    grid-gap: 5px;
}

.-pdjs-manage-overview-tile-grid-tile:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border-color: var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-manage-overview-tile-grid-tile:focus {
    background-color: var(--visiv-theme-focus-back-color);
    border-color: var(--visiv-theme-focus-border-color);
    color: var(--visiv-theme-focus-text-color);
}

.-pdjs-manage-overview-tile-grid-tile:active {
    background-color: var(--visiv-theme-active-back-color);
    border-color: var(--visiv-theme-active-border-color);
    color: var(--visiv-theme-active-text-color);
}

.-pdjs-manage-overview-tile-grid-tile.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-overview-module-tile-notifiction {
    position: absolute;
    height: 24px;
    width: 24px;
    top: -6px;
    right: -6px;
    font-size: 24px;
}
.-pdjs-manage-overview-module-tile-grid {
    display: grid;
    grid-template-rows: auto 100px;
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-manage-pane-back-color);
    color: var(--visiv-theme-manage-pane-text-color);
}

.-pdjs-manage-overview-module-tile-grid > div {
    position: relative;
    overflow-y: auto;
    padding: 10px;
}

.-pdjs-manage-overview-module-tile-grid > div[role=foot] {
    line-height: 1.5;
}

.-pdjs-manage-overview-module-tile-grid > div:last-child {
    border-top: 1px solid var(--visiv-theme-manage-pane-border-color);
    background-color: var(--visiv-theme-base-2-back-color);
    color: var(--visiv-theme-base-2-text-color);
}
.-pdjs-manage-overview-module-tile-grid-group {
    display: grid;
    grid-template-rows: max-content auto;
}

.-pdjs-manage-overview-module-tile-grid-group > div {
    position: relative;
    margin-bottom: 10px;
}

.-pdjs-manage-overview-module-tile-grid-group > div:first-child {
    font-size: 16px;
    font-weight: bold;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-overview-module-tile-grid-group > div:last-child {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.-pdjs-manage-plugins-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-plugins-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-plugins-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-plugins {
}
.-pdjs-manage-process-status-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-rows: max-content max-content auto max-content;
}

.-pdjs-manage-process-status-dialog > div {
    position: relative;
}

.-pdjs-manage-process-status-dialog > div:first-child {
    line-height: 1.4;
}

.-pdjs-manage-process-status-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-process-status-grid {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-status-grid > div[role=grid] {
    position: absolute;
    inset: 0;
}
.-pdjs-manage-process-decision-stage-editor {
    position: relative;
}

.-pdjs-manage-process-decision-stage-editor div[data-role=input-and-mask] {
    border: 0 solid transparent !important;
    height: 25px !important;
}

.-pdjs-manage-process-decision-stage-editor div[data-role=input-and-mask] > input {
    border: 0 solid transparent !important;
    height: 25px !important;
} 
.-pdjs-manage-process-decision-status-editor {
    position: relative;
}

.-pdjs-manage-process-decision-status-editor div[data-role=input-and-mask] {
    border: 0 solid transparent !important;
    height: 25px !important;
}

.-pdjs-manage-process-decision-status-editor div[data-role=input-and-mask] > input {
    border: 0 solid transparent !important;
    height: 25px !important;
} 
.-pdjs-manage-process-decision-status-editor-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-process-decision-status-editor-dialog > div {
    position: relative;
}

.-pdjs-manage-process-decision-status-editor-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-process-decision-vibility-input {
}

.-pdjs-manage-process-decision-vibility-input > select {
    box-sizing: border-box;
    width: 100%;
    border: 0 none transparent;
    padding: 1px;
    height: 25px;
}

.-pdjs-manage-process-hidden-folders-editor {
    position: absolute;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-process-hidden-folders-editor > div {
    position: relative;
}

.-pdjs-manage-process-hidden-folders-editor > div[role=text] {
    line-height: 1.5em;
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-process-hidden-folders-editor > div[role=tree] {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    color: var(--visiv-theme-input-text-color);
}
.-pdjs-manage-process-hidden-folders-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-hidden-folders-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    top: 5px;
}

.-pdjs-manage-process-hidden-folders-tree .k-icon {
    margin-bottom: 3px;
}

.-pdjs-manage-process-hidden-folders-tree .k-checkbox {
    padding-top: 5px;
}

.-pdjs-manage-process-hidden-folders-tree .k-checkbox > input {
    padding-top: 4px;
}

/* Module */

.-pdjs-manage-module-process {
    position: absolute;
    inset: 10px;
}

/* Explorer */

.-pdjs-manage-module-process-explorer {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-process-explorer > div {
    position: relative;
}

/* Editor */

.-pdjs-manage-module-process-editor {
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-process-editor > div {
    position: relative;
}

.-pdjs-manage-module-process-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

/* Actions */

.-pdjs-manage-module-process-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-process-tree {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-process-tree > div[role=tree] {
    position: absolute;
    inset: 0;
    padding-top: 10px;
}

.-pdjs-manage-process-node {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-manage-process-node div:nth-child(1) {
    padding-top: 4px;
    padding-right: 5px;
}

.-pdjs-manage-process-node div:nth-child(2) {
    padding-top: 1px;
}

.-pdjs-manage-process-tree-drag-hint {
    display: grid;
    grid-template-columns: max-content auto;
    height: 20px;
}

.-pdjs-manage-process-tree-drag-hint > span {
    display: inline-block;
    line-height: 20px;
}

.-pdjs-manage-process-tree-drag-hint > span:nth-child(1) {
    background-position: center center;
}
.-pdjs-manage-module-processes--actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-processes-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-module-processes-grid > div[role=grid] {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-module-processes {
}

.-pdjs-manage-recycle-bin-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-recycle-bin-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-recycle-bin-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-recycle-bin {
}
.-pdjs-manage-report-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-report-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-report-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-reports-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
-pdjs-manage-reports-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

-pdjs-manage-reports-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-reports {
}

.-pdjs-manage-resources-editor {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources-editor > div {
    position: relative;
}

.-pdjs-manage-resources-editor > div:nth-child(2) {
    border: 1px solid var(--visiv-theme-base-2-border-color);
}
.-pdjs-manage-resources-browser {
    position: absolute;
    inset: 0; 
}

.-pdjs-manage-resources-browser > div[role=grid] {
    position: absolute;
    inset: 0;
    overflow: auto;
}

.-pdjs-manage-resources-explorer {
    position: absolute;
    inset: 0;
    border: 1px solid var(--visiv-theme-manage-module-border-color);
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-resources-explorer > div[role=tree] {
    position: absolute;
    inset: 0;
    padding: 5px;
}

.-pdjs-manage-resources-explorer-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}
    
.-pdjs-manage-resources-explorer-node > div:first-child {
    padding-top: 4px;
}
.-pdjs-manage-resources-input {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources-input > div {
    position: relative;
}

.-pdjs-manage-resources-input > div[role=label] {
    font-weight: bold;
    line-height: 26px;
}

.-pdjs-manage-resources-input > div[role=input] {
    width: 100%;
    line-height: 26px;
}

.-pdjs-manage-resources-input > div[role=input] > input {
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 0 5px 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.-pdjs-manage-resources-location {
    display: grid;
    grid-template-columns: max-content max-content auto;
    grid-gap: 3px;
}

.-pdjs-manage-resources-location .-location-btn {
    display: flex;
    box-sizing: border-box;
    border: 1px solid var(--visiv-theme-button-border-color);
    border-radius: 50%;
    background-color: var(--visiv-theme-button-back-color);
    height: 28px;
    width: 28px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}

.-pdjs-manage-resources-location .-location-btn-back > i {
    width: 20px;
}

.-pdjs-manage-resources-location .-location-btn-next > i {
    width: 18px;
}

.-pdjs-manage-resources-location .-location-btn[disabled] {
    opacity: .5;
}

.-pdjs-manage-resources-location .-location-btn:not([disabled]):hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-box {
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    display: flex;
}

.-pdjs-manage-resources-location .-location-box-root {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    overflow: hidden;
    height: 28px;
    line-height: 24px;
}

.-pdjs-manage-resources-location .-location-root-item {
    display: grid;
    grid-template-columns: auto max-content;
    height: 28px;
    margin: 1px;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.-pdjs-manage-resources-location .-location-root-item div:first-child {
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
}

.-pdjs-manage-resources-location .-location-path-item:not(:last-child) > div:first-child:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-root-item > div:first-child > img {
    margin: 3px 5px 0 5px;
}

.-pdjs-manage-resources-location .-location-root-item > div:last-child {
    line-height: 25px;
}

.-pdjs-manage-resources-location .-location-box {
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
}

.-pdjs-manage-resources-location .-location-box-path {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
    overflow: hidden;
    height: 28px;
    line-height: 24px;
    width: 100%;
}

.-pdjs-manage-resources-location .-location-path-item {
    display: inline-grid;
    grid-template-columns: auto max-content;
    height: 28px;
    margin: 1px 0 1px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child {
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child:hover {
    background-color: var(--visiv-theme-hover-back-color);
    border: 1px solid var(--visiv-theme-hover-border-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: pointer;
}

.-pdjs-manage-resources-location .-location-path-item > div:first-child {
    padding: 0 5px 0 5px;
}

.-pdjs-manage-resources-location .-location-path-item > div:last-child {
    line-height: 25px;
}

.-pdjs-manage-resources-location .-location-path-item:last-child {
    font-weight: bold;
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-resources-location .-location-path-item:last-child > div:last-child {
    overflow: hidden;
}

.-pdjs-manage-resources-location .-location-path-item:last-child > div:last-child > i {
    display: none;
}
.-pdjs-manage-resources-conflict-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content max-content;
    grid-gap: 10px;
}

.-pdjs-manage-resources-conflict-dialog > div {
    position: relative;
}

.-pdjs-manage-resources-conflict-dialog > div[role=conflict] {
    font-size: 15px;
    line-height: 20px;
}

.-pdjs-manage-resources-conflict-dialog div[role=header] span[role=src],
.-pdjs-manage-resources-conflict-dialog div[role=header] span[role=dst] {
    color: var(--visiv-theme-select-back-color);
}

.-pdjs-manage-resources-conflict-dialog div[role=repeat] > label {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item {
    padding: 10px;
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item > div[role=icon] {
}

.-pdjs-manage-resources-conflict-dialog .-pdjs-list-view-item > div[role=label] {
    font-size: 15px;
}
.-pdjs-manage-resources-new-file-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-resources-new-file-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-resources-new-file-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-resources-selection-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.-pdjs-manage-resources-selection-dialog > div {
    position: relative;
}

.-pdjs-manage-resources-selection-dialog > div[role=actions] {
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-resources-selection-dialog > div[role=content] > div.-pd-minimal-splitter {
    height: 100%;
    box-sizing: border-box;
}

.-pdjs-manage-resources-selection-dialog > div[role=selection] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-selection-dialog > div[role=selection] input {
    height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    line-height: 17px;
}

.-pdjs-manage-resources-selection-dialog > div[role=deck] {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    width: 100%;
}

.-pdjs-manage-resources-selection-dialog > div[role=deck] > div[role=buttons] {
    text-align: right;
    white-space: nowrap;
}
.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-resources {
    position: absolute;
    inset: 10px;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-resources > div {
    position: relative;
}

.-pdjs-manage-resources-drag-helper {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    min-width: 150px;
}

.-pdjs-manage-resources-drag-helper > div {
    padding: 5px;
    line-height: 20px;
}

.-pdjs-manage-resources-drag-helper > div[role=target] {
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pdjs-manage-resources-drag-helper > div[role=action] {
    background-color: var(--visiv-theme-hover-back-color);
    border-top: 1px solid var(--visiv-theme-base-1-border-color);
    color: var(--visiv-theme-hover-text-color);
}
.-pdjs-manage-rules-editor-history {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-history > div {
    position: relative;
}

.-pdjs-manage-rules-editor-history > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-editor-script-info textarea {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 5px;
}

.-pdjs-manage-rules-editor-script-tags {
    display: grid;
    grid-template-rows: 110px auto;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-script-tags > div {
    position: relative;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] {
    border: 1px solid var(--visiv-theme-input-border-color);
    background-color: var(--visiv-theme-input-back-color);
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] .-visiv-rule-script-tag {
    display: inline-grid !important;
    margin: 0 5px 5px 0;
    display: grid;
    grid-template-columns: auto max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-editor-script-tags > div[role=tags] .-visiv-rule-script-tag > div:last-child > i {
    cursor: pointer;
}

.-pdjs-manage-rules-editor-script-tags > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-editor-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(1), 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(2), 
.-pdjs-manage-rules-editor-actions .-pdjs-ui-panel-menu-heading:nth-child(3) {
    padding-bottom: 5px;
}
.-pdjs-manage-rules-editor {
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-rules-editor > div {
    position: relative;
}

.-pdjs-manage-rules-editor div[data-role=content] {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-editor div[data-role=content] > div {
    position: relative;
}
.-pdjs-manage-rules-tags-change-tags-dialog {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div {
    position: relative;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div[role=editor] {
    overflow: hidden;
}

.-pdjs-manage-rules-tags-change-tags-dialog > div[role=buttons] {
    text-align: right;
}
[class^="-visiv-rule-script-tag-"], 
[class*=" -visiv-rule-script-tag-"] {
    display: inline;
    padding: 2px;
    border-radius: 24px;
    padding: 2px 8px;
    border-width: 1px;
    border-style: solid;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 11px;
}

.-visiv-theme-light [class^="-visiv-rule-script-tag-"],
.-visiv-theme-light [class*=" -visiv-rule-script-tag-"] {
    --lightness-threshold: 0.65;
    --background-alpha: 1;
    --border-alpha: 1;
    --perceived-lightness: calc( ((var(--tag-r) * 0.2126) + (var(--tag-g) * 0.7152) + (var(--tag-b) * 0.0722)) / 255 );
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
    border-width: 1px;
    color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
    background: rgba(var(--tag-r), var(--tag-g), var(--tag-b), var(--background-alpha));
    border-color: hsl(from var(--tag-color) h s l / 1);
}

.-visiv-theme-dark [class^="-visiv-rule-script-tag-"],
.-visiv-theme-dark [class*=" -visiv-rule-script-tag-"] {
    --lightness-threshold: 1;
    --background-alpha: 0.20;
    --border-alpha: 0.3;
    --border-threshold: 0.96;
    --perceived-lightness: calc( ((var(--tag-r) * 0.2126) + (var(--tag-g) * 0.7152) + (var(--tag-b) * 0.0722)) / 255 );
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
    --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 10) * var(--lightness-switch));
    --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
    color: hsl(from var(--tag-color) h calc(s * 1%) calc((l + var(--lighten-by)) * 1%));
    background: rgba(var(--tag-r), var(--tag-g), var(--tag-b), var(--background-alpha));
    border-color: hsl(from var(--tag-color) h s calc((l + var(--lighten-by)) * 1%));
}

tr[role=row].k-state-selected [class^="-visiv-rule-script-tag-"],
tr[role=row].k-state-selected [class*=" -visiv-rule-script-tag-"] {
    --highlight-color: var(--visiv-theme-select-text-color);
    border-color: var(--highlight-color);
    color: var(--highlight-color);
    background-color: hsl(from var(--highlight-color) h s l / .3);
}

tr[role=row]:hover [class^="-visiv-rule-script-tag-"],
tr[role=row]:hover [class*=" -visiv-rule-script-tag-"] {
    --highlight-color: var(--visiv-theme-hover-text-color);
    border-color: var(--highlight-color);
    color: var(--highlight-color);
    background-color: hsl(from var(--highlight-color) h s l / .3);
}
.-pdjs-manage-rules-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-tags-actions  .-pdjs-ui-panel-menu-heading:first-child {
    margin-top: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-rules-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-rules-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-rules-script-references {
    display: grid;
    grid-template-rows: max-content;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-rules-script-references > div {
    position: relative;
}


.-pdjs-manage-rules-script-references > div[role=buttons] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    position: relative;
}

.-pdjs-manage-rules-script-references > div[role=buttons] button {
    display: grid;
    box-sizing: border-box;
    height: 25px;
    width: 100%;
    align-content: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}

.-pdjs-manage-rules-script-references > div[role=buttons] button.-pdjs-selected {
    background: none;
    background-color: var(--visiv-theme-select-back-color);
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}
.-pdjs-manage-rules-script-search {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-gap: 5px;
}

.-pdjs-manage-rules-script-search > div {
    position: relative;
}

.-pdjs-manage-rules-script-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-rules-script-search .-pdjs-shared-ui-field > div[role=label] {
    padding-left: 3px;
}

.-pdjs-manage-rules-script-search .-pdjs-shared-ui-field.-pdjs-validation-errors > div[role=label] {
    padding-left: 20px !important;
}

.-pdjs-manage-rules-script-search > div:last-child {
    position: relative;
    text-align: right;
}

.-pdjs-manage-rules-script-select-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-script-select-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-rules-script-select-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-rules-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-rules-actions .-pdjs-ui-panel-menu-heading:nth-child(1),
.-pdjs-manage-rules-actions .-pdjs-ui-panel-menu-heading:nth-child(2) {
    padding-bottom: 5px;
}
.-pdjs-manage-rules-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-rules-grid > div {
    position: relative;
    overflow: hidden;
}


.-fb-group-membership-editor {
    position: relative;
    height: 100%;
}

.-fb-group-membership-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-group-membership-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}

.-pdjs-manage-security-groups-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-security-groups-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-security-groups-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-security-groups {
}

.-pdjs-manage-users-logins-chart {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-users-logins-chart > div[role=menu] {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
}

.-pdjs-manage-users-logins-chart > div[role=menu] select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-users-logins-chart > div[role=chart] {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}
.-pdjs-manage-security-users-batch-edit-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=description] {
    line-height: 1.5;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 10px;
    align-items: center;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] > div[role=group] {
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: 10px;
    align-items: center;
}

.-pdjs-manage-security-users-batch-edit-dialog > div[role=content] > div[role=group] > select {
    box-sizing: border-box;
    width: 100%;
}

.-pdjs-manage-security-users-batch-edit-dialog > div:last-child {
    text-align: right;
}
.-fb-user-membership-editor {
    position: relative;
    height: 100%;
}

.-fb-user-membership-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-user-membership-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}
.-pdjs-manage-security-users-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-security-users-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-security-users-grid > div {
    position: relative;
    overflow: hidden;
}
-pdjs-manage-security-users {
}

.-pdjs-manage-upload-zip-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-upload-zip-dialog > div {
    position: relative;
}

.-pdjs-manage-upload-zip-dialog > div[role=buttons] {
    text-align: right;
}
.-pd-ace-editor {
    display: grid;
    position: relative;
    height: 100%;
    width: 100%;
    grid-template-rows: 25px auto;
}

.-pdjs-manage-settings-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-settings-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-settings-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-settings {
}
.-pdjs-manage-system-variables-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-system-variables-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-system-variables-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-data-load {
}
.-pdjs-manage-tags-expressions-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-manage-tags-expressions-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-expressions-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-tag-pattern-dialog {
    display: grid;
    grid-template-rows: auto 24px;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-tag-pattern-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-tag-pattern-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-tags-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-tags-selection-dialog > div:last-child {
    text-align: right;
}
.-pdjs-manage-tags-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-tags-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-tags-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-tags {
}
.-pdjs-manage-themes-custom-color-editor-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-themes-custom-color-editor-dialog > div {
    position: relative;
}

.-pdjs-manage-themes-custom-color-editor-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-custom-colors-dialog {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-custom-colors-dialog > div {
    position: relative;
}

.-pdjs-manage-themes-custom-colors-dialog > div[role=head] {
    line-height: 1.5;
}

.-pdjs-manage-themes-custom-colors-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-custom-colors-grid {
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-custom-colors-grid-swatch {
    position: relative;
    left: -3px;
    height: 20px;
    width: 20px;
    background-image:
        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
        linear-gradient(to right, black 50%, white 50%), 
        linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 10px 10px;
    /* TODO: convert to theme color */
    border: 1px solid #666666;
}

.-pdjs-manage-themes-custom-colors-grid-swatch > div {
    height:20px;
    width:20px;
}

.-pdjs-manage-themes-custom-import-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-themes-custom-import-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-list-item {
    display: grid;
    grid-template-columns: max-content auto max-content;
    height: 30px;
    align-items: center;
    grid-gap: 5px;
    cursor: pointer;
}

.-pdjs-manage-themes-list-item div[role=swatches] {
    display: grid;
    grid-template-columns: 10px 10px;
    grid-gap: 3px;
    height: 20px;
    margin-left: 5px;
}

.-pdjs-manage-themes-list-item > div[role=marker] {
    font-size: 16px;
    align-items: center;
    justify-content: center;
}

.-pdjs-manage-themes-list-item > div[role=marker] > i {
    margin-right: 5px;
}

.-pdjs-manage-themes-list-item:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
}

.-pdjs-manage-themes-list-item[data-selected=true] {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-manage-themes-list-item  div[role=swatch] {
    width: 20px;
    height: 20px;
}
.-pdjs-manage-themes-duplicate-theme-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
}

.-pdjs-manage-themes-duplicate-theme-dialog > div {
    position: relative;
}
    
.-pdjs-manage-themes-duplicate-theme-dialog > div[role=heading] {
    line-height: 1.5;
}

.-pdjs-manage-themes-duplicate-theme-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-import-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
}

.-pdjs-manage-themes-import-dialog > div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-themes-update-colors-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-themes-update-colors-dialog > div[role=editor] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--visiv-theme-input-border-color);
}

.-pdjs-manage-themes-update-colors-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-manage-themes-actions {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}
.-pdjs-manage-module-themes-editor {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-module-themes-editor > div {
    position: relative;
}

.-pdjs-manage-module-themes-editor > div:nth-child(3) {
    border: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-themes-list {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    padding: 0;
}

.-pdjs-manage-themes-list .-pdjs-manage-module-section-body {
    padding: 0;
}

.-pdjs-manage-themes-list .-pdjs-list-view {
    border-width: 0;
    background-color: var(--visiv-theme-manage-nav-pane-back-color);
    color: var(--visiv-theme-manage-nav-pane-text-color);
}

.-pdjs-manage-themes-list  .-pdjs-list-view .-pdjs-list-view-item-base {
    border-color: var(--visiv-theme-manage-module-border-color);
}
.-pdjs-manage-themes {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-manage-themes > div {
    position: relative;
}
.-pdjs-manage-views-built-in-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-views-built-in-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-built-in-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-built-in {
}

.-pdjs-manage-views-built-in-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-built-in-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-built-in-viewer {
}

.-pdjs-manage-views-insights-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}
.-pdjs-manage-views-insights-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-insights-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-insights {
}

.-pdjs-manage-views-insights-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-insights-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-insights-viewer {
}

.-pdjs-manage-reset-views-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: relative;
    padding: 10px !important;
    box-sizing: border-box;
}

.-pdjs-manage-reset-views-dialog > div[role=content] {
    display: grid;
    grid-template-rows: max-content max-content 1fr;
    grid-gap: 10px;
    position: relative;
}

.-pdjs-manage-reset-views-dialog > div[role=content] > div,
.-pdjs-manage-reset-views-dialog > div[role=content] > label {
    display: grid;
    grid-template-columns: 25px auto;
    grid-gap: 10px;
    position: relative;
}

.-pdjs-manage-reset-views-dialog > div[role=content] > label > div:first-child {
    text-align: center;
}

.-pdjs-manage-reset-views-dialog div[role=users] {
    position: relative;
}

.-pdjs-manage-reset-views-dialog div[role=buttons] {
    text-align: right;
}
.-pdjs-manage-views-publisher-actions {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-publisher-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-publisher-grid > div {
    position: relative;
    overflow: hidden;
}


.-pdjs-manage-search-item-selection-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-search-item-selection-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-manage-search-item-selection-dialog > div:last-child {
    text-align: right;
}

.-pdjs-manage-views-search-groups-dialog-groups {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(2) {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-groups > div:nth-child(3) {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
}

.-pdjs-manage-views-search-groups-dialog {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
}

.-pdjs-manage-views-search-groups-dialog > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 34px;
}

.-pdjs-manage-views-search-groups-dialog > div:nth-child(2) {
    position: absolute;
    height: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.-pdjs-manage-views-search-groups-dialog .-pd-minimal-splitter {
    height:100%;
}
.-pdjs-manage-views-search-groups-dialog-items {
    position: absolute;
    inset: 0;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(2) {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 30px;
}

.-pdjs-manage-views-search-groups-dialog-items > div:nth-child(3) {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
}

.-pdjs-canvas-shared-view-designer-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-canvas-shared-view-designer-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-canvas-shared-view-designer-dialog > div:last-child {
    text-align: right;
}
.-fb-view-design-editor {
    position: absolute;
    inset: 0;
}

.-fb-view-design-editor div[role=menu] {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    border-width: 0px;
    overflow: hidden;
}

.-fb-view-design-editor div[role=grid] {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
}
.-pdjs-manage-views-viewer-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
}

.-pdjs-manage-views-viewer-grid > div {
    position: relative;
    overflow: hidden;
}
.-pdjs-manage-views-viewer {
}

.-pdjs-application-bar-manage-search {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px;
    background-color: var(--visiv-theme-application-bar-back-color-light);
}

.-pdjs-application-bar-manage-search .-pd-masked-textbox {
    position: relative;
}

.-pdjs-application-bar-manage-search div[data-role=input-and-mask] {
    border-color: var(--visiv-theme-application-bar-input-border-color);
}
.-pdjs-manage-user-panel {
    display: grid;
    grid-template-rows: auto max-content;
    padding: 0;
    overflow: hidden;
}

.-pdjs-manage-user-panel > div {
    padding: 20px;
}

.-pdjs-manage-user-panel > div:first-child {
    overflow-y: auto;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-area {
    display: grid;
    grid-template-rows: max-content max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-area > div {
    overflow: hidden;
    position: relative;
}

.-pdjs-manage-area-content {
    background-color: var(--visiv-theme-manage-module-back-color);
}
.-pdjs-manage-area .-pdjs-manage-area-tabstrip .-pdjs-tabstrip {
    height: 31px;
}

.-pdjs-manage-area .-pdjs-manage-area-tabstrip .-pdjs-tabstrip-tabs {
    height: unset;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
}

.ui-draggable-dragging {
    top: 100px;
}
.-pdjs-manage-area-tabstrip-menu {
    display: grid;
    grid-template-rows: max-content auto;
    z-index: 10;
}

.-pdjs-manage-area-tabstrip-menu > div {
    position: relative;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] {
    display: grid;
    grid-template-rows: max-content auto;
    position: absolute;
    inset: 0;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=toolbar] {
    display:grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=items] {
    position: relative;
    overflow-y: auto;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] > div[role=toolbar] .-pd-masked-textbox {
    position: relative;
}

.-pdjs-manage-area-tabstrip-menu > div[role=root] div[role=sort] > button {
    display: inline-flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 16px;
}

.-pdjs-manage-area-tabstrip-menu div[role=sort] > button.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    background-image: none;
    border-color: var(--visiv-theme-select-border-color);
    color: var(--visiv-theme-select-text-color);
}
.-pdjs-manage-area-menu-item {
    display: block;
    margin: 0;
    padding: 0 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-manage-area-menu-item.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-manage-area-menu-item > div[role=grid] {
    display: grid;
    grid-template-columns: max-content auto max-content;
    align-items: baseline;
    grid-gap: 0;
}

.-pdjs-manage-area-menu-item div[role=indicator] {
    position: relative;
    height: 8px;
    width: 8px;
    background-color: var(--visiv-system-red-vibrant);
    border-radius: 50%;
    cursor: default;
    margin-right: 5px;
}

.-pdjs-manage-area-menu-item div[role=close] > i {
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-menu-item:hover div[role=close] > i,
.-pdjs-manage-area-menu-item.-pdjs-selected div[role=close] > i {
    opacity: .6;
    visibility: visible;
}

.-pdjs-manage-area-tab {
    position: relative;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    border: 0;
    border-bottom: 0;
    line-height: 27px;
    padding: 0 5px 0 5px;
    cursor: pointer;
    margin: 0;
    margin-top: 5px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-tabstrip-back-color);
    color: var(--visiv-theme-tabstrip-text-color);
    max-width: 250px;
}

.-pdjs-manage-area-tab.-pdjs-hidden {
    display: none;
}

.-pdjs-manage-area-tab.-pdjs-selected {
    height: 25px;
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
    cursor: default;
}

.-pdjs-manage-area-tab > div[role=grid] {
    display: grid;
    grid-template-columns: max-content max-content auto max-content max-content;
    align-items: baseline;
    grid-gap: 0;
}

.-pdjs-manage-area-tab div[role=indicator] {
    position: relative;
    height: 8px;
    width: 8px;
    background-color: var(--visiv-system-red-vibrant);
    border-radius: 50%;
    cursor: default;
    margin-right: 5px;
}

.-pdjs-manage-area-tab div[role=menu] > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-tab div[role=label] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.-pdjs-manage-area-tab.-pdjs-pinned div[role=pin] > i {
    top: 0;
    visibility: visible;
    transform: rotate(27deg);
    opacity: .7;
}

.-pdjs-manage-area-tab div[role=pin] > i {
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
    transform: rotate(120deg);
    display: inline-block;
}

.-pdjs-manage-area-tab div[role=close] > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    opacity: .3;
    visibility: hidden;
}

.-pdjs-manage-area-tab:hover div[role=menu] > i,
.-pdjs-manage-area-tab:hover div[role=pin] > i,
.-pdjs-manage-area-tab:hover div[role=close] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=menu] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=pin] > i,
.-pdjs-manage-area-tab.-pdjs-selected div[role=close] > i {
    opacity: .6;
    visibility: visible;
}

.-pdjs-manage-area-tab div[role=menu]:hover > i,
.-pdjs-manage-area-tab div[role=pin]:hover > i,
.-pdjs-manage-area-tab div[role=close]:hover > i {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}


.-pdjs-manage-area-tab .-pdjs-svg-spinner {
    display: inline-grid;
    overflow: hidden;
    height: 25px;
    vertical-align: top;
}

.-pdjs-manage-area-tab .-pdjs-svg-spinner svg {
    position: relative;
    top: 2px;
}

.-pdjs-manage-area-tab-drag {
    position: relative;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    border: 0;
    border-bottom: 0;
    line-height: 27px;
    padding: 0 5px 0 5px;
    cursor: pointer;
    margin: 0;
    margin-top: 5px;
    box-sizing: border-box;
    background-color: var(--visiv-theme-hover-back-color);
    border-top-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    text-align: center;
}

.-pdjs-manage-area-tab-drag.-pdjs-selected {
    background-color: var(--visiv-theme-select-back-color);
    border-top-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-hub-explorer-content-list-page {
    display: grid;
    grid-template-rows: max-content auto;
    grid-gap: 10px;
    position: absolute;
    inset: 10px;
}

.-pdjs-hub-explorer-content-list-page > div {
    position: relative;
}

.-pdjs-hub-explorer-content-list-page > div[role=grid] {
    overflow: hidden;
}
/* CONTENT */

.-pdjs-explorer-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    position: relative;
    grid-template-rows: min-content min-content min-content auto;
}

.-pdjs-explorer-content > div {
    position: relative;
}

/* CONTENT HEADER */

.-pdjs-explorer-content-header {
    display: grid;
    height: 40px;
    width: 100%;
    background-color: var(--visiv-theme-explorer-content-title-back-color);
    border-bottom: 1px solid var(--visiv-theme-explorer-content-border-color);
    color: var(--visiv-theme-explorer-content-title-text-color);
    grid-template-columns: min-content max-content auto max-content;
}

.-pdjs-explorer-content-header > div:nth-child(1):has(img) {
    align-content: center;
    padding: 3px 10px 3px 10px;
}

.-pdjs-explorer-content-header > div:nth-child(1):not(:has(img)) {
    align-content: center;
    padding: 3px 0 3px 10px;
}

.-pdjs-explorer-content-header > div:nth-child(2) {
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}

.-pdjs-explorer-content-header > div:nth-child(3) {
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    line-height: 24px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-pdjs-explorer-content-header > div:nth-child(3) > span {
    margin: 8px 0 8px 0;
    display: inline-block;
    height: 24px;
    border-left: 1px solid var(--visiv-theme-explorer-content-title-text-color);
    padding-left: 10px;
}

.-pdjs-explorer-content-header > div:nth-child(4) {
    display: flex;
    align-items: center;
    padding: 10px;
}

/* CONTENT TABS */

.-pdjs-explorer-content-tabs .-pdjs-tabstrip {
    margin-top: 0px;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs {
    vertical-align: top;
    white-space: nowrap;
    padding: 0;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    height: 40px;
    box-sizing: border-box;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab {
    vertical-align: top;
    display: inline-block;
    height: 40px;
    border-top: 0 solid;
    border-left: 0 solid;
    border-right: 0 solid;
    border-bottom: 1px solid var(--visiv-theme-tabstrip-border-color);
    line-height: 40px;
    padding: 0 15px 0 15px;
    cursor: pointer;
    color: var(--visiv-theme-tabstrip-text-color);
    margin: 0;
    box-sizing: border-box;
    margin-right: 0;
    background-color: transparent;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab:first-child,
.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab.-pdjs-selected:first-child {
    border-left-width: 0;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab div[role=grid] {
    display: grid;
    grid-template-columns: min-content auto;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab div[role=grid] img {
    margin-top: 11px;
    margin-right: 5px;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab.-pdjs-selected {
    background-color: var(--visiv-theme-base-1-back-color);
    border-color: var(--visiv-theme-select-back-color);
    border-width: 0 0 4px 0;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    border-bottom-style: solid;
    color: var(--visiv-theme-base-1-text-color);
    cursor: default;
}

.-pdjs-explorer-content-tabs .-pdjs-tabstrip .-pdjs-tabstrip-tabs .-pdjs-tabstrip-tab:not(.-pdjs-selected):hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    border-bottom-width: 4px;
}

.-pdjs-context-page-button {
    font-size: 16px;
    cursor: pointer;
    border: 2px solid var(--visiv-theme-base-2-border-color);
    border-radius: 50%;
    padding: 2px;
    height: 23px;
    width: 23px;
    display: flex;
    align-items:center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.-pdjs-context-menu-item-header {
    height: 30px;
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    font-size: 12px;
    background-color: var(--visiv-theme-base-2-back-color);
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color)
}

.-pdjs-hub-designable-list-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

.-pdjs-hub-designable-list-dialog > div:first-child {
    overflow: auto;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-color: var(--visiv-theme-base-1-border-color);
}

.-pdjs-hub-designable-list-dialog > div:last-child {
    text-align: right;
    padding: 0;
    box-sizing: border-box;
    box-sizing: border-box;
}

.-pdjs-file-control {
    height: 62px;
    position: relative;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    margin: 5px;
}

.-pdjs-file-control > div[role=check] {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    line-height: 50px;
    width: 36px;
    text-align: center;
}

.-pdjs-file-control > div[role=label] > div[role=name] {
    height: 22px;
    line-height: 23px;
    position: absolute;
    top: 6px;
    left: 36px;
    right: 110px;
    border: 0 solid;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-pdjs-file-control > div[role=label] > div[role=size] {
    height: 22px;
    line-height: 23px;
    position: absolute;
    top: 6px;
    width: 80px;
    right: 70px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.-pdjs-file-control > div[role=label] > div[role=type] {
    position: absolute;
    top: 27px;
    left: 36px;
    right: 70px;
    height: 22px;
    border: 0 solid;
    line-height: 24px;
    font-size: 12px;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0;
    text-decoration: underline;
    color: var(--visiv-theme-link-text-color);
    cursor: pointer;
    display: inline-block;
}

.-pdjs-file-control > div[role=label] > div[role=status] {
    position: absolute;
    top: 27px;
    right: 70px;
    width: 100px;
    height: 20px;
    line-height: 24px;
    font-size: 12px;
    font-family: arial;
    text-align: right;
}

.-pdjs-file-control > div[role=percent] {
    position: absolute;
    height: 22px;
    right: 1px;
    bottom: 3px;
    width: 70px;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    line-height: 22px;
}

.-pdjs-file-control > div[role=action] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 3px;
    width: 70px;
    background-color: var(--visiv-theme-base-1-back-color);
    vertical-align: central;
    text-align: center;
}

.-pdjs-file-control > div[role=icon] {
    position: absolute;
    top: 6px;
    right: 1px;
    width: 70px;
    height: 22px;
    background-color: var(--visiv-theme-base-1-back-color);
    vertical-align: central;
    text-align: center;
}

.-pdjs-file-control > div[role=edit] {
    position: absolute;
    height: 22px;
    width: 70px;
    right: 0;
    bottom: 3px;
    text-align: center;
}

.-pdjs-file-control > div[role=edit] > button {
    width: 50px;
    max-width: 50px !important;
    min-width: 50px !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.-pdjs-file-control > div[role=progress] {
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background-color: var(--visiv-theme-base-1-back-color);
}

.-pdjs-file-control > div[role=progress] > div[role=bar] {
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background-color: var(--visiv-system-green-vibrant);
}

.-pdjs-file-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pdjs-file-container div[data-role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}

.-pdjs-hub-explorer-file-form-dialog {
    display: grid;
    grid-template-rows: auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-form-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-hub-explorer-file-form-dialog > div:last-child {
    border-color: var(--visiv-theme-base-3-border-color);
    border-style solid;
    border-width: 1px 0 0 0;
    text-align: right;
    padding: 0 10px 10px 10px;
}
.-pdjs-hub-explorer-file-folder-file-move-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div {
    position: relative;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=header] {
    line-height: 1.7;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=content] {
    background-color: var(--visiv-theme-input-back-color);
    border: 1px solid var(--visiv-theme-input-border-color);
    overflow: auto;
}

.-pdjs-hub-explorer-file-folder-file-move-dialog > div[role=buttons] {
    text-align: right;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog > div[role=header] {
    line-height: 1.7;
}

.-pdjs-hub-explorer-file-folder-file-replace-dialog > div[role=buttons]{
    text-align: right;
}
.-pdjs-upload-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.-pdjs-upload-control div[data-role=grid] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.-pdjs-hub-explorer-file-upload-dialog {
    display: grid;
    grid-template-rows: max-content auto max-content;
    grid-gap: 10px;
    position: absolute;
    inset: 0;
}

.-pdjs-hub-explorer-file-upload-dialog > div {
    position: relative;
    overflow: hidden;
}

.-pdjs-hub-explorer-file-upload-dialog > div:last-child {
    display: grid;
    grid-template-columns: auto 225px;
    text-align: right;
}

/* EXPLORER PANES */

.-pd-explorer {
    position: absolute;
    inset: 0;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
}

.-pd-explorer-pane-nav {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 1px 0 0;
}

.-pd-explorer-pane-content {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 0 0 0;
}

/* EXPLORER NAV */

.-pdjs-hub-explorer-nav {
    display: grid;
    grid-template-rows: max-content auto;
    height: 100%;
}

.-pdjs-hub-explorer-nav > div:nth-child(1) {
    line-height: 40px;
    color: var(--visiv-theme-explorer-nav-title-text-color);
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--visiv-theme-explorer-nav-border-color);
    background-color: var(--visiv-theme-explorer-nav-title-back-color);
}

.-pdjs-hub-explorer-nav > div:nth-child(2) {
    padding: 15px 0 0 0;
    position: relative;
    background-color: var(--visiv-theme-explorer-nav-body-back-color);
}

/* EXPLORER TREE */

.-pdjs-hub-explorer-model {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 5px;
    background-color: var(--visiv-theme-base-2-back-color);
}

.-pdjs-hub-explorer-model-node {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 5px;
    margin: 0 3px 0 3px;
}

.-pdjs-hub-explorer-model-node > div:first-child {
    padding-top: 4px;
}

.-pdjs-hub-explorer-model-node.-not-file-folder > div {
    opacity: .4;
}

/* EXPLORER SPLITTER */

.-pd-explorer .k-splitter .k-ghost-splitbar-horizontal,
.-pd-explorer .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 0;
    border-width: 0 0;
    background-repeat: repeat-y;
    background-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitter .k-ghost-splitbar-horizontal {
    width: 5px;
    background-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitter .k-splitbar-horizontal-hover,
.-pd-explorer .k-splitter .k-splitbar-horizontal-hover {
    background-color: var(--visiv-branding-base-color);
    border-color: var(--visiv-branding-base-color);
}

.-pd-explorer .k-splitbar-horizontal .k-resize-handle {
    position: absolute;
    top: 0;
    bottom:0;
    width: 5px;
    height: 100%;
    background-color: transparent;
    z-index: 10002;
    background-image: none;
    opacity: 1;
}

.-pd-explorer .k-splitbar-horizontal .k-resize-handle:hover {
    background-color: var(--visiv-branding-base-color);
    opacity: .5;
}
.-pdjs-home-page {
    height: 100%;
    width: 100%;
    color: var(--visiv-theme-base-1-text-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    background-color: var(--visiv-theme-base-1-back-color);
    overflow: auto;
}

.-pdjs-home-page-frame {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    height: 100%;
    width: 100%;
}
.-pdjs-hub-search-bar {
    display: grid;
    grid-template-columns: auto auto max-content minmax(auto, 300px);
    grid-gap: 5px;
}

.-pdjs-hub-search-bar > div[role=control] {
    display: grid;
    grid-template-columns: minmax(auto, 400px) max-content;
    box-sizing: border-box;
    text-align: center;
}
        
.-pdjs-hub-search-bar > div[role=control] input {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding-left: 10px;
}

.-pdjs-hub-search-bar > div[role=control] button {
    box-sizing: border-box;
    height: 30px;
    width: 100px;
}

.-pdjs-hub-search-bar div[role=label] {
    line-height: 30px;
    font-size: 16px;
    padding-right: 10px;
}

.-pdjs-hub-search-bar select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
}

.-pdjs-hub-search-header {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    margin-top: 20px;
}

.-pdjs-hub-search-header div[role=label] {
    font-weight: bold;
    font-size: 24px;
    text-overflow: ellipsis;
}

.-pdjs-hub-search-header div[role=filter-label] {
    line-height: 30px;
    font-size: 16px;
    padding-right: 10px;
}

.-pdjs-hub-search-header select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
}

.-pdjs-global-search {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    overflow-y: auto;
}

.-pdjs-hub-search-page {
    display: flex;
    position: relative;
    inset: 0;
    justify-content: center;
    padding: 0 20px 0 20px;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.-pdjs-hub-search-page > div[role=body] {
    display: grid;
    grid-template-rows: 0 max-content max-content auto max-content 0;
    width: 100%;
    min-height: 100%;
    max-width: 1200px;
    grid-gap: 20px;
    padding: 0 20px 0 20px;
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-width: 0 1px 0 1px;
    color: var(--visiv-theme-base-1-text-color);
    overflow-x: hidden;
}

.-pdjs-hub-search-page > div[role=body] > div[role=content] {
    overflow-y: auto;
    background-color: var(--visiv-theme-base-1-back-color);
    border: 1px solid var(--visiv-theme-base-1-border-color);
    padding: 20px;
}
.-pdjs-hub-search-pager {
    display: grid;
    flex-direction: column;
    grid-template-columns: repeat(9, min-content);
    grid-column-gap: 10px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: center;
}

.-pdjs-hub-search-pager > div,
.-pdjs-hub-search-pager > a {
    font-size: 20px;
    text-decoration: none;
}

.-pdjs-hub-search-pager > div {
    padding-top: 15px;
}

.-pdjs-hub-search-pager > .pager-button {
    border: 1px solid var(--visiv-theme-base-1-border-color);
    border-radius: 5px;
    padding: 8px 7px 0 7px;
    background-color: var(--visiv-theme-base-1-back-color);
    color: var(--visiv-theme-base-1-text-color);
    cursor: pointer;
    min-width: 30px;
    min-height: 30px;
}

.-pdjs-hub-search-pager > .pager-button:hover {
    color: var(--visiv-theme-hover-text-color);
    border-color: var(--visiv-theme-hover-border-color);
    cursor: pointer;
}

.-pdjs-hub-search-pager > .pager-button.selected {
    background-color: var(--visiv-theme-select-back-color);
    color: var(--visiv-theme-select-text-color);
}

.-pdjs-hub-search-pager > .pager-button.selected:hover {
    background-color: var(--visiv-theme-hover-back-color);
    color: var(--visiv-theme-hover-text-color);
    cursor: default;
}

.-pdjs-hub-search-pager i.icofont-arrow-right,
.-pdjs-hub-search-pager i.icofont-arrow-left {
    font-size: 22px;
}
.-pdjs-hub-search-result {
    display: grid;
    grid-template-columns: max-content auto;
}

.-pdjs-hub-search-result:not(:last-child) {
    margin-bottom: 30px;
}

.-pdjs-hub-search-result div[role=icon] {
    padding-right: 10px;
}

.-pdjs-hub-search-result div[role=text] {
    display: grid;
    grid-template-rows: max-content max-content;
}

.-pdjs-hub-search-result div[role=title] {
    font-size: 20px;
    padding-bottom: 5px;
}

.-pdjs-hub-search-result div[role=title] > a {
    text-decoration: none;
}

.-pdjs-hub-search-result div[role=title] > a:hover {
    text-decoration: underline;
}
.-pdjs-hub-viewpage {
    position: absolute;
    inset: 0;
    border-width: 0;
}

.-pdjs-hub-viewpage > div {
    padding: 10px 10px 0 10px;
}

.-pdjs-hub-viewpage > div:nth-child(1),
.-pdjs-hub-viewpage > div:nth-child(2) {
    padding: 0;
}

.-pdjs-hub-viewpage > div:nth-child(3),
.-pdjs-hub-viewpage > div:nth-child(4) {
    padding: 10px 10px 0 10px;
}


.-pdjs-hub-viewpage > div:nth-child(4) > div[role=grid] {
    position: absolute;
    inset: 10px;
}
.-pdjs-application-bar {
    background-color: var(--visiv-theme-application-bar-back-color);
    color: var(--visiv-theme-application-bar-text-color);
}

.-pdjs-application-bar-item {
    border: 0;
}

button.-pdjs-application-bar-item {
    vertical-align: top;
    background-color: transparent;
}

button.-pdjs-application-bar-item:focus {
    outline: 1px;
} 

.-pdjs-application-bar-user-item {
    background-color: var(--visiv-theme-application-bar-back-color-dark);
}

.-pdjs-hub-recent-entities {
}

.--pdjs-application-bar-global-search {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px;
    background-color: var(--visiv-theme-application-bar-back-color-light);
}

.--pdjs-application-bar-global-search .-pd-masked-textbox {
    position: relative;
}

.--pdjs-application-bar-global-search .-pd-masked-textbox button {
    background-color: var(--visiv-theme-application-bar-input-back-color) !important;
    color: var(--visiv-theme-application-bar-input-text-color) !important;
    background-image: none !important;
}

.--pdjs-application-bar-global-search div[data-role=input-and-mask],
.--pdjs-application-bar-global-search div[data-role=input-and-mask] input {
    background-color: var(--visiv-theme-application-bar-input-back-color) !important;
    border-color: var(--visiv-theme-application-bar-input-border-color) !important;
    color: var(--visiv-theme-application-bar-input-text-color) !important;
}

.-pdjs-hub-user-panel {
    display: grid;
    grid-template-rows: auto max-content;
    padding: 0;
    overflow: hidden;
}

.-pdjs-hub-user-panel > div {
    padding: 20px;
}

.-pdjs-hub-user-panel > div:first-child {
    overflow-y: auto;
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}
