@import 'node_modules/@eo-sdk/core/main.css';
@import 'node_modules/@angular/cdk/overlay-prebuilt.css';
@import 'node_modules/@ag-grid-community/styles/ag-grid.css';
@import 'node_modules/@ag-grid-community/styles/ag-theme-balham.css';
@import 'node_modules/@carbon/charts/styles.css';
:root {
  --color-accent-tone: #fff;
  --main-background: #e5e5e5;
  --main-background-light: #eeeeee;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-primary: #484f54;
  --color-primary-2: #6d7276;
  --color-primary-3: #919598;
  --color-primary-4: #b6b9bb;
  --color-primary-rgb: 72, 79, 84;
  --color-accent-rgb: 196, 34, 122;
  --color-accent: #c4227a;
  --color-accent-light: #cf4a92;
  --color-accent-darker: #e08cba;
  --color-error: #ed5564;
  --color-success: #9abd1e;
  --color-light-gray: #919598;
  --color-warning: #f39200;
  --color-favorite: #ffc107;
  --color-dirty-background: #ebf7d2;
  --color-dirty-font: #8fad1c;
  --panel-background: #fff;
  --panel-background-grey: #f4f4f4;
  --panel-background-lightgrey: #fafafa;
  --panel-header-border-bottom-color: rgba(0, 0, 0, 0.12);
  --panel-divider-color: var(--panel-header-border-bottom-color);
  --list-item-hover-background: #eee;
  --list-item-selected-background: #f5f5f5;
  --list-item-border-color: rgba(0, 0, 0, 0.12);
  --text-color-body: rgba(0, 0, 0, 0.87);
  --text-color-caption: rgba(0, 0, 0, 0.54);
  --text-color-hint: rgba(0, 0, 0, 0.26);
  --text-color-accent: var(--color-accent);
  --state-green: #8bc34a;
  --state-orange: #ffc107;
  --state-purple: #9c27b0;
  --font-hint: 11px;
  --font-caption: 12px;
  --font-body: 13px;
  --font-subhead: 15px;
  --font-title: 20px;
  --font-headline: 24px;
  --font-display: 34px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --app-pane-padding: 16px;
  --app-bar-height: 64px;
  --app-pane-header-height: 140px;
  --app-split-pane-divider-size: var(--app-pane-padding);
  --app-default-transition-duration: 200ms;
  --eo-tab-nav-height: 30px;
  --eo-chips-background-color: rgba(0, 0, 0, 0.06);
  --eo-chips-border-color: rgba(0, 0, 0, 0.1);
  --eo-chips-text-color: var(--text-color-body);
  --item-focus-background-color: var(--list-item-hover-background);
  --split-gutter-size-zero-background-color: var(--color-primary-3);
}

.dark {
  --main-background: #e5e5e5;
  --main-background-light: #eeeeee;
  --panel-background: var(--color-primary);
  --panel-background-grey: rgb(55, 55, 55);
  --panel-background-lightgrey: rgb(58, 58, 58);
  --panel-header-border-bottom-color: rgba(0, 0, 0, 0.12);
  --list-item-hover-background: #eee;
  --list-item-selected-background: #f5f5f5;
  --list-item-border-color: rgba(255, 255, 255, 0.2);
  --text-color-body: #fff;
  --text-color-caption: rgba(255, 255, 255, 0.75);
  --text-color-hint: rgba(255, 255, 255, 0.5);
  --eo-chips-background-color: rgba(255, 255, 255, 0.1);
  --eo-chips-border-color: var(--text-color-hint);
  --eo-chips-text-color: var(--text-color-body);
}

/* mixin definition ; sets margin/gap for all child elements */
/* mixin definition ; sets LTR and RTL within the same style call */
/* mixin definition ; sets LTR and RTL within the same style call */
.ag-theme-balham, .ag-theme-balham .ag-header {
  font-family: eoRoboto, sans-serif;
}
.ag-theme-balham .ag-root, .ag-theme-balham .ag-header .ag-root {
  border: none;
}
.ag-theme-balham .ag-row-selected, .ag-theme-balham .ag-header .ag-row-selected {
  background: var(--list-item-selected-background);
  border-color: var(--list-item-border-color);
}
.ag-theme-balham .ag-icon, .ag-theme-balham .ag-header .ag-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  opacity: 0.87;
}
.ag-theme-balham .ag-icon-menu, .ag-theme-balham .ag-header .ag-icon-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ag-theme-balham .ag-icon-menu:before, .ag-theme-balham .ag-header .ag-icon-menu:before {
  opacity: 0;
}
.ag-theme-balham .ag-icon-filter, .ag-theme-balham .ag-header .ag-icon-filter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M3 2h18v2h-.08L15 9.92v12.99l-6-6v-7L3.09 4H3V2m8 14.08l2 2V9h.09l5-5H5.92l5 5H11v7.08z%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ag-theme-balham .ag-icon-filter:before, .ag-theme-balham .ag-header .ag-icon-filter:before {
  opacity: 0;
}
.ag-theme-balham .ag-icon-asc, .ag-theme-balham .ag-header .ag-icon-asc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ag-theme-balham .ag-icon-asc:before, .ag-theme-balham .ag-header .ag-icon-asc:before {
  opacity: 0;
}
.ag-theme-balham .ag-icon-desc, .ag-theme-balham .ag-header .ag-icon-desc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z%22%2F%3E%3C%2Fsvg%3E") !important;
}
.ag-theme-balham .ag-icon-desc:before, .ag-theme-balham .ag-header .ag-icon-desc:before {
  opacity: 0;
}
.ag-theme-balham .ag-icon-checkbox-checked:empty, .ag-theme-balham .ag-header .ag-icon-checkbox-checked:empty {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMEgyYTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnpNNyAxNEwyIDlsMS40MS0xLjQxTDcgMTEuMTdsNy41OS03LjU5TDE2IDVsLTkgOXoiIGZpbGw9IiMzMzMiLz48L3N2Zz4=);
}
.ag-theme-balham .ag-icon-checkbox-checked:empty:before, .ag-theme-balham .ag-header .ag-icon-checkbox-checked:empty:before {
  opacity: 0;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cdk-overlay-pane yvc-overlay {
  width: 100%;
}
.cdk-overlay-pane yvc-overlay .yvc-modal-content {
  border: 0;
}

yvc-tabs > header {
  --yvc-tab-nav-button-margin: 1px;
}
yvc-tabs > header > .scroll-x nav > a {
  padding: calc(var(--app-pane-padding) / 4) !important;
}

yvc-chips-list ul.chips li.chip {
  background: var(--eo-chips-background-color);
  border: 1px solid var(--eo-chips-border-color);
  border-radius: 2px;
  color: var(--eo-chips-text-color);
  margin: 2px 2px 0 0;
  display: flex;
  align-items: center;
}

yvc-autocomplete-options .org-item {
  display: flex;
  align-items: center;
}

/* mixin definition ; sets margin/gap for all child elements */
/* mixin definition ; sets LTR and RTL within the same style call */
/* mixin definition ; sets LTR and RTL within the same style call */
.dark button:not(.primary):not(.secondary) {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark button:not(.primary) {
  color: rgba(255, 255, 255, 0.75) !important;
}
.dark button.secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark eo-form-input .description,
.dark .form-field .description {
  color: rgba(255, 255, 255, 0.8);
}
.dark .form-field .ui-inputtext,
.dark input {
  color: var(--color-white);
}
.dark .form-field.disabled {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark .form-field button.ui-button {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
}
.dark .ui-chkbox .ui-chkbox-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.4);
  color: rgb(255, 255, 255);
}
.dark .ui-inputtext {
  background-color: rgba(255, 255, 255, 0);
  color: var(--color-white);
}
.dark ul.ui-autocomplete-multiple-container li.ui-autocomplete-token,
.dark .ui-chips li.ui-chips-token {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: var(--color-white);
}
.dark ul.ui-autocomplete-multiple-container li.ui-autocomplete-token .fa,
.dark .ui-chips li.ui-chips-token .fa {
  font-size: 11px;
}

eo-form-input yvc-chips-list {
  width: 100%;
}
eo-form-input .yvc-form-element[aria-disabled=true] {
  background-color: transparent;
}

.form-element-range yvc-dropdown {
  background-color: var(--panel-divider-color);
  min-width: min-content;
  border: 0;
  cursor: pointer;
}
.form-element-range yvc-dropdown yvc-icon {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-ms-clear {
  display: none;
}

button.spinner {
  padding-right: 2em;
  position: relative;
}
button.spinner::after {
  content: " ";
  position: absolute;
  margin: auto;
  top: calc(50% - 0.5em);
  right: 0.5em;
  width: 1em;
  height: 1em;
  display: inline-block;
  background: center center no-repeat;
  background-size: cover;
  animation: button-spin 1s infinite;
  box-sizing: border-box;
  border-width: 0.17em;
  border-color: currentColor currentColor currentColor transparent;
  border-radius: 50%;
  border-style: solid;
}
@keyframes button-spin {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  to {
    transform: rotate(360deg);
  }
}

button,
a.button {
  text-decoration: none;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.06);
  color: var(--text-color-caption);
  padding: calc(var(--app-pane-padding) / 2) var(--app-pane-padding);
  cursor: pointer;
  transition: all var(--app-default-transition-duration) ease-in-out;
  -webkit-transition: all var(--app-default-transition-duration) ease-in-out;
  -moz-transition: all var(--app-default-transition-duration) ease-in-out;
  -o-transition: all var(--app-default-transition-duration) ease-in-out;
}
button:not([disabled]):not(.active):hover,
a.button:not([disabled]):not(.active):hover {
  border: 1px solid var(--color-primary-3);
  color: var(--text-color-caption);
  background: rgba(0, 0, 0, 0.1);
}
button:not(.primary):focus,
a.button:not(.primary):focus {
  border-radius: 2px;
  border-color: var(--color-primary-3);
  box-shadow: inset 0 0px 0 1px var(--color-white);
}
button.primary,
a.button.primary {
  color: var(--color-white);
  background: var(--color-accent);
}
button.primary:not([disabled]):hover,
a.button.primary:not([disabled]):hover {
  background: var(--color-accent-darker);
  color: var(--color-white);
}
button.primary:not([disabled]):focus,
a.button.primary:not([disabled]):focus {
  border-radius: 2px;
  box-shadow: inset 0 0px 0 1px var(--color-white);
}
button.primary:active,
a.button.primary:active {
  transform: translateY(1px);
}
button.primary:not([disabled]):hover,
a.button.primary:not([disabled]):hover {
  opacity: 0.8;
}
button.primary.grey,
a.button.primary.grey {
  background: var(--color-primary-3);
}
button.primary.grey:not([disabled]):hover,
a.button.primary.grey:not([disabled]):hover {
  background: var(--color-light-gray);
}
button.primary.grey:not([disabled]):focus,
a.button.primary.grey:not([disabled]):focus {
  border-radius: 2px;
  border-color: var(--color-primary-3);
  box-shadow: inset 0 0px 0 1px var(--color-white);
}
button.primary.grey:active,
a.button.primary.grey:active {
  transform: translateY(1px);
}
button.primary[disabled],
a.button.primary[disabled] {
  opacity: 0.5;
  cursor: default;
}
button.secondary,
a.button.secondary {
  background-color: transparent;
}
button.secondary:not([disabled]):hover,
a.button.secondary:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.06);
}
button.secondary:focus,
a.button.secondary:focus {
  border-radius: 2px;
  border-color: transparent;
  box-shadow: inset 0 0px 0 1px var(--color-primary-3);
}
button.secondary:active,
a.button.secondary:active {
  transform: translateY(1px);
}
button[disabled],
a.button[disabled] {
  opacity: 0.5;
  cursor: default;
}

.form-field > * {
  flex: 1 1 auto;
}
.form-field .description {
  color: var(--text-color-caption);
}
.form-field.disabled .fe-wrapper {
  padding: calc(var(--app-pane-padding) / 8);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.06) !important;
}
.form-field .ui-state-disabled {
  opacity: 0.8;
}
.form-field .ui-widget:disabled {
  opacity: 1;
  resize: vertical;
}
.form-field button.ui-button {
  background: rgba(0, 0, 0, 0.08);
  border: 0;
  border-radius: 2px;
  color: var(--text-color-caption);
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.form-field button.ui-button:enabled:active, .form-field button.ui-button:enabled:focus {
  border: 0;
  background: var(--color-accent);
  color: var(--color-white);
}
.form-field button.ui-button.ui-spinner-button:enabled:hover, .form-field button.ui-button:enabled:active, .form-field button.ui-button:enabled:hover {
  border: 0;
  background: var(--color-accent);
  color: var(--color-white);
}
.form-field button.ui-button .fa {
  color: currentColor !important;
}
.form-field button.ui-button eo-icon {
  width: 16px;
  height: 16px;
  margin: auto;
}
.form-field input {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  color: var(--text-color-body);
  display: flex;
  align-items: center;
}

ul.chips > li.chip {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.54);
  margin: 2px 2px 0 0;
  display: flex;
  align-items: center;
}

.fieldset {
  margin: calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);
  padding: calc(var(--app-pane-padding) / 4);
  background: rgba(0, 0, 0, 0.025);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.dark .fieldset {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.fieldset .legend {
  margin-bottom: calc(var(--app-pane-padding) / 2);
}
.fieldset .legend > span {
  display: inline-block;
  font-size: var(--font-hint);
  border-radius: 2px;
  color: var(--color-white);
  background-color: rgba(0, 0, 0, 0.22);
  padding: calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4);
}

.empty .ui-dropdown-trigger {
  opacity: 0.3;
}

/* mixin definition ; sets margin/gap for all child elements */
/* mixin definition ; sets LTR and RTL within the same style call */
/* mixin definition ; sets LTR and RTL within the same style call */
*[hidden] {
  display: none !important;
}

*::selection {
  background: rgba(var(--color-accent-rgb), 0.3);
}

.dark *::selection {
  background: rgba(var(--color-white-rgb), 0.2);
}

.eo-dialog empty {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: var(--text-color-caption);
}

.backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  display: none;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: eoFadeIn calc(var(--app-default-transition-duration) * 2);
}

.eo-login .ui-dropdown .ui-inputtext {
  cursor: text;
  padding: calc(var(--app-pane-padding) * 0.75) calc(var(--app-pane-padding) / 2);
}
.eo-login .ui-dropdown .ui-dropdown-item .option-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
[dir=ltr] .eo-login .ui-dropdown .ui-dropdown-item .option-row {
  padding-right: calc(var(--app-pane-padding) / 2);
}
[dir=rtl] .eo-login .ui-dropdown .ui-dropdown-item .option-row {
  padding-left: calc(var(--app-pane-padding) / 2);
}
.eo-login .ui-dropdown .ui-dropdown-item .option-row > div {
  flex: 1 1 auto;
  padding: calc(var(--app-pane-padding) / 2);
}
.eo-login .ui-dropdown .ui-dropdown-item .option-row eo-icon {
  flex: 0 0 auto;
}
.eo-login .ui-dropdown .ui-dropdown-item .option-row eo-icon:hover {
  background: rgba(0, 0, 0, 0.2);
}

.ui-overlaypanel {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.26);
}

button.toggle {
  background: rgba(0, 0, 0, 0.1);
  color: var(--text-color-caption);
  border-radius: 2px;
  padding: 0.5em 1em;
  cursor: pointer;
}
button.toggle.active {
  background: var(--color-accent);
  color: var(--color-white);
  cursor: default;
}
button.toggle:not(.active).dark {
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-white);
}

textarea:-ms-input-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder,
input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
  font-style: italic;
  font-size: var(--font-caption);
}
.dark textarea:-ms-input-placeholder, .dark textarea::-moz-placeholder, .dark textarea::-webkit-input-placeholder,
.dark input:-ms-input-placeholder,
.dark input::-moz-placeholder,
.dark input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

.chip {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 3px;
  color: var(--text-color-caption);
  margin: 1px 0;
}
[dir=ltr] .chip {
  margin-right: 2px;
}
[dir=rtl] .chip {
  margin-left: 2px;
}
.chip .type-icon {
  opacity: 0.4;
  height: 18px;
  width: 18px;
  vertical-align: text-bottom;
}

a.link {
  display: inline-block;
  opacity: 0.5;
  transition: all var(--app-default-transition-duration) ease-in-out;
  -webkit-transition: all var(--app-default-transition-duration) ease-in-out;
  -moz-transition: all var(--app-default-transition-duration) ease-in-out;
  -o-transition: all var(--app-default-transition-duration) ease-in-out;
}
a.link svg.ref-icon {
  height: 18px;
  fill: currentColor;
  vertical-align: bottom;
}
a.link:hover {
  opacity: 1;
  color: var(--color-accent);
}

svg.checkbox {
  fill: var(--text-color-caption);
  vertical-align: bottom;
}
svg.checkbox .background {
  fill: rgba(0, 0, 0, 0.1);
}

.flex-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
}

.flex-col, .eo-body, .eospp {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.eospp {
  -webkit-animation: eoFadeIn var(--app-default-transition-duration);
  animation: eoFadeIn var(--app-default-transition-duration);
}

.eo-head {
  position: relative;
  height: var(--app-pane-header-height);
  box-sizing: border-box;
  padding: var(--app-pane-padding) var(--app-pane-padding) 0 var(--app-pane-padding);
  display: flex;
  flex: none;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.eo-head.eo-head-tabs {
  height: calc(var(--app-pane-header-height) - var(--eo-tab-nav-height));
  background-color: var(--color-white);
}
.eo-head .eo-header {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  color: var(--text-color-caption);
}
.eo-head .eo-header .eo-header-icon {
  padding: calc(var(--app-pane-padding) / 4) 0;
}
.eo-head .eo-header .eo-header-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  padding-right: var(--app-pane-padding);
  padding-left: var(--app-pane-padding);
  user-select: none;
}
.eo-head .eo-header .eo-header-info .eo-header-title {
  display: inline-block;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: calc(var(--app-pane-padding) / 4) 0;
  font-size: var(--font-title);
  font-weight: normal;
  line-height: 1.1em;
  margin: 0;
}
.eo-head .eo-header .eo-header-info .eo-header-subtitle {
  display: inline-block;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-subhead);
  font-weight: normal;
  line-height: 2em;
  height: 2em;
  margin: 0;
}
.eo-head .eo-header .eo-header-info .eo-header-subtitle__label {
  padding-right: 5px;
  text-overflow: ellipsis;
}
.eo-head .eo-header .eo-header-actions {
  display: flex;
  flex: none;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}
.eo-head .eo-header .eo-header-actions eo-icon {
  padding: calc(var(--app-pane-padding) / 4);
}
.eo-head .header-info {
  flex: 1 1 auto;
  overflow: hidden;
  display: block;
  order: 1;
  color: var(--text-color-caption);
}
.eo-head .header-info .status {
  position: absolute;
  right: var(--app-pane-padding);
  bottom: calc(var(--app-pane-padding) / 2);
  display: flex;
  flex-flow: row nowrap;
}
.eo-head .header-info .status eo-icon.state,
.eo-head .header-info .status span {
  flex: 0 0 auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 2px;
}
.eo-head .header-info .status span.label {
  display: inline-block;
  font-size: var(--font-caption);
  padding: 3px 5px;
  line-height: 1em;
  color: var(--text-color-caption);
}
.eo-head .header-info .status span.label.finalized {
  background: var(--color-accent);
  color: var(--color-white);
}
.eo-head .header-info .status eo-icon.state {
  background: var(--color-primary);
  padding: 0 2px;
  fill: var(--color-white);
  width: calc(var(--font-caption) + 6px);
  height: calc(var(--font-caption) + 6px);
}
.eo-head .header-title,
.eo-head .header-sub-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.eo-head .header-title {
  font-size: var(--font-title);
  flex: 1 1 auto;
  order: 1;
  padding-bottom: 0.25em;
}
.eo-head .header-sub-title {
  font-size: var(--font-caption);
  color: var(--text-color-caption);
  flex: 1 1 auto;
  order: 2;
}
.eo-head .actions {
  order: 2;
  flex: 0 0 auto;
  padding: 0;
}
.eo-head .actions eo-icon {
  color: var(--text-color-caption);
  transition: all var(--app-default-transition-duration) ease-in-out;
  -webkit-transition: all var(--app-default-transition-duration) ease-in-out;
  -moz-transition: all var(--app-default-transition-duration) ease-in-out;
  -o-transition: all var(--app-default-transition-duration) ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.eo-head .actions eo-icon:not(.disabled):hover {
  background: rgba(0, 0, 0, 0.06);
}
.eo-head .actions .menu {
  cursor: pointer;
}
.eo-head .actions span.btn {
  transition: all var(--app-default-transition-duration) ease-in-out;
  -webkit-transition: all var(--app-default-transition-duration) ease-in-out;
  -moz-transition: all var(--app-default-transition-duration) ease-in-out;
  -o-transition: all var(--app-default-transition-duration) ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: var(--main-background);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  margin-left: 3px;
}
.eo-head .actions span.btn svg {
  fill: var(--text-color-caption);
}
.eo-head .actions span.btn:hover {
  background-color: var(--color-accent);
}
.eo-head .actions span.btn:hover svg {
  fill: var(--color-white);
}
.eo-head .metaActions {
  bottom: 0;
  font-size: var(--font-caption);
  left: 0;
  position: absolute;
  right: 0;
}
.eo-head .metaActions .btn {
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
}
.eo-head .metaActions .btn.open {
  background-color: var(--color-accent);
  color: var(--color-white);
}
.eo-head .metaActions .text {
  color: var(--text-color-caption);
}

.eo-body {
  overflow-y: auto;
  position: relative;
}
.eo-body .ui-tabview.ui-tabview-top > .ui-tabview-nav {
  border-color: var(--panel-header-border-bottom-color);
}

.no-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.ui-widget {
  font-family: "eoRoboto", sans-serif;
}

.ui-widget-content {
  background: transparent;
}

.ui-overlaypanel {
  border: 0;
}

.ui-dialog {
  border: 0;
}

@keyframes eoFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes eoFadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes eoFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes eoFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes eoFadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.eo-timeline.single .timeline-entry .marker:after {
  display: none;
}
.eo-timeline .timeline-entry {
  display: flex;
  flex-flow: row;
  flex: 0 0 auto;
}
.eo-timeline .timeline-entry:first-child .marker:after {
  height: 50%;
  top: auto;
}
.eo-timeline .timeline-entry:last-child .marker:after {
  height: 50%;
  bottom: auto;
}
.eo-timeline .timeline-entry .when {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  align-self: center;
  flex: 0 0 auto;
  min-width: 70px;
}
.eo-timeline .timeline-entry .when .date {
  color: var(--text-color-body);
}
.eo-timeline .timeline-entry .when .time {
  font-size: var(--font-caption);
}
.eo-timeline .timeline-entry .marker {
  width: calc(var(--app-pane-padding) * 2);
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 var(--app-pane-padding);
}
.eo-timeline .timeline-entry .marker:before {
  content: "";
  width: var(--app-pane-padding);
  height: var(--app-pane-padding);
  border-radius: 50%;
  background-color: var(--color-white);
  border: 2px solid var(--text-color-hint);
  z-index: 1;
}
.eo-timeline .timeline-entry .marker:after {
  content: "";
  position: absolute;
  width: calc(var(--app-pane-padding) - 1px);
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 2px solid rgba(var(--color-black-rgb), 0.26);
}
.eo-timeline .timeline-entry .what {
  background-color: var(--color-white);
  border-radius: 2px;
  padding: calc(var(--app-pane-padding) / 2);
  margin: calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) 0 0;
}
.eo-timeline .timeline-entry .what .title {
  color: var(--text-color-body);
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(var(--app-pane-padding) / 2);
}
.eo-timeline .timeline-entry .what .description {
  margin-bottom: calc(var(--app-pane-padding) / 2);
}
.eo-timeline .timeline-entry .what .meta {
  color: var(--text-color-caption);
  margin-bottom: calc(var(--app-pane-padding) / 2);
}

.yvc-md-panel {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--panel-background-grey);
}

section[role=tabpanel] {
  height: 100%;
  overflow: auto !important;
}

.eo-references {
  height: 100%;
}

yvc-tabs > header > .scroll-x {
  justify-content: flex-end;
}

yvc-split-tabs yvc-split-view {
  height: 100%;
}

.yvc-autocomplete yvc-typeahead-input {
  box-sizing: border-box;
}

.yvc-typeahead-input input {
  width: 100%;
}

#toast-container.toast-bottom-right {
  right: calc(var(--app-pane-padding) / 2);
  bottom: calc(var(--app-pane-padding) * 3.5);
}
#toast-container .ngx-toastr {
  animation: eoFadeInUp 500ms;
  margin: 0 0 calc(var(--app-pane-padding) / 2) 0;
  box-shadow: none;
}
#toast-container .ngx-toastr.toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDRUZDQjIyNzgxNTExRTc5NzRBODJDODk0NjUwOEIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDRUZDQjIzNzgxNTExRTc5NzRBODJDODk0NjUwOEIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNFRkNCMjA3ODE1MTFFNzk3NEE4MkM4OTQ2NTA4QjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNFRkNCMjE3ODE1MTFFNzk3NEE4MkM4OTQ2NTA4QjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O7GCSAAABJklEQVR42tRWQQ6CMBC0HnrqQU+c/AV/4GZ8AwfeQOJbOPkHXuEbeAB68cqlbmVqltIqQkriJpOa7u4MbLeLQmu9iWnbTWR7CwghRiBThIJQE1qCBlrsGZ8K5PZmSuQrE+3lhLv+biYm9+T3vK4A/ZaECyNoCGdCSkiAFHsNizM5coqAJe8IJU/yPKVETGdFPgqgLJb8OPUgTSwTyb0CBMVqXgaIrO08vpKdifIJFKzmcoaAZGdSWF5+D05YK2qzLlCNPfBwHcipHK7BG7RQT+deKnSXBteoRNaSDwTBEsGfsJhRiaLPohvWwwK+g8M1ELhizRYIZA5X/DZd76JNGRWGGBA/j4pVht0q4zr6B8cJUuiImo0SOwpq+FQg9wXx9/8qngIMAJK4HCJJ5zxGAAAAAElFTkSuQmCC");
  background-color: var(--color-primary-3);
}
#toast-container .ngx-toastr.toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyNkE2QzM2NzgxNTExRTc4NzUxQkRGNUMyNTYxMkU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyNkE2QzM3NzgxNTExRTc4NzUxQkRGNUMyNTYxMkU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzI2QTZDMzQ3ODE1MTFFNzg3NTFCREY1QzI1NjEyRTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzI2QTZDMzU3ODE1MTFFNzg3NTFCREY1QzI1NjEyRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SC8pQAAAA/ElEQVR42tRWQQqDMBA0PXjKoUW89xE+xHOPHvxYP+DJV/iInmOLFXpPZzFIMNGkbQx0YEA2uzshWUeZlDLZE4dkZ8wCjDGDAAdrsAUFKBWFitEaX6mdQEdkOybEKvAu3aCcylI/9V0K4DkFr/JzUE3qI/BN81lkU0Ady6+odAGm7Z4u9AZmG0NxBkdw2Mh5qLzXckwvjuaEERPydORkqpfxHpQBx7+0CRQBBQqbQB5QII9vFUDvkT9IP3fsbQJdwI13NoHGo5Dm++SR1ximBHIPczuqGpf58WhWEdfsotj17h+cRRJdVg22oNCaChWjNb5Sa9j1f/5VvAUYAP5g6KaK4+v2AAAAAElFTkSuQmCC");
  background-color: var(--color-error);
}
#toast-container .ngx-toastr.toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI3QjVDOTRDNzgxNTExRTdCQzQyRUFFREM3MkQyODBFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI3QjVDOTRENzgxNTExRTdCQzQyRUFFREM3MkQyODBFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjdCNUM5NEE3ODE1MTFFN0JDNDJFQUVEQzcyRDI4MEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjdCNUM5NEI3ODE1MTFFN0JDNDJFQUVEQzcyRDI4MEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MncpyAAAAxklEQVR42mL6//8/Ay0xEwONAd0tCAfiN0D8n0z8BmoGHDCCwgkJgBQIU+jot0AsgssHwlQIFWFaxMFdWkbyZiDWAuJOWlgAMjyEkZHxF04VaBmDFLAJiNmgZnSgycHNxGfBIzINJ8qC6UDMDjWIVMOJtgCUR9jQLCHGcKKDCN0SYg0n2gJ0S4g1nCQL4JaQYDiKBSxEpPUMqOEfgVQ5qRkFvbD7T6Wig3HA6oO3VDDzLT4Lsim05C3UDJxxMPTrZKoDgAADAHmdtFL1VnAuAAAAAElFTkSuQmCC");
  background-color: var(--color-success);
}
#toast-container .ngx-toastr.toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3MDRGMjZDNzgxNTExRTc5QTVFRUMwRTVCNzdFQ0I4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3MDRGMjZENzgxNTExRTc5QTVFRUMwRTVCNzdFQ0I4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzcwNEYyNkE3ODE1MTFFNzlBNUVFQzBFNUI3N0VDQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzcwNEYyNkI3ODE1MTFFNzlBNUVFQzBFNUI3N0VDQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5IOtrLAAABAUlEQVR42mL8//8/Ay0BEwOtASk+AKoNB2GSzCbWAqA6TiB+BMQPQWxaWNDwHwHqqWoBUI0cEH9DsgDElqWmBSv+Y4LlVLEAKG/7HzewocgCoBwTEJ/DYwFIjokSC1L/EwYpZFkAFOcH4ldohskDsQCa2EuQWnIs6MXiWgGoHDroIckCoJg6EP8iwQKQWjVSLNiGI7xxWQACW4myAMj3/E8+8MRrAZDNCsQ3KbDgBsgMZAvQ03AuEKvhyTsKQCyIR14diHOwFtdAWgyIPxJwIb44gIEPILMwgghIz/pPPTATxQIgNgTif1S0AGSWAbIFh/5TH4DMZGAc8pU+zS0ACDAAdvOwZPPEHhwAAAAASUVORK5CYII=");
  background-color: var(--color-warning);
}

@font-face {
  font-family: "eoRoboto";
  src: url("assets/_default/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot");
  src: url("assets/_default/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/_default/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff") format("woff"), url("assets/_default/fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf") format("truetype"), url("assets/_default/fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "eoRoboto";
  src: url("assets/_default/fonts/roboto_light_macroman/Roboto-Light-webfont.eot");
  src: url("assets/_default/fonts/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("assets/_default/fonts/roboto_light_macroman/Roboto-Light-webfont.woff") format("woff"), url("assets/_default/fonts/roboto_light_macroman/Roboto-Light-webfont.ttf") format("truetype"), url("assets/_default/fonts/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "eoRoboto";
  src: url("assets/_default/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot");
  src: url("assets/_default/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("assets/_default/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff") format("woff"), url("assets/_default/fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf") format("truetype"), url("assets/_default/fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "eoRoboto";
  src: url("assets/_default/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot");
  src: url("assets/_default/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("assets/_default/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff") format("woff"), url("assets/_default/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf") format("truetype"), url("assets/_default/fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
}
body, input, textarea {
  font-family: eoRoboto, sans-serif;
  font-size: var(--font-body);
}

:focus {
  outline: 0;
}

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #ddd;
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

.dark ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}