@eo-sdk/client 10.7.0-rc.5 → 11.0.0-beta.1

package/styles.css

@@ -1,8 +1,8 @@
-@import url(node_modules/@eo-sdk/core/main.css);
-@import url(node_modules/@angular/cdk/overlay-prebuilt.css);
-@import url(node_modules/@ag-grid-community/core/dist/styles/ag-grid.css);
-@import url(node_modules/@ag-grid-community/core/dist/styles/ag-theme-balham.css);
-@import url(/node_modules/@carbon/charts/styles.css);
+@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;
@@ -63,7 +63,8 @@
   --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); }
+  --split-gutter-size-zero-background-color: var(--color-primary-3);
+}
 
 .dark {
   --main-background: #e5e5e5;
@@ -80,59 +81,79 @@
   --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); }
+  --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: .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; }
+  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; }
+  padding: 0;
+}
 
 .cdk-overlay-pane yvc-overlay {
-  width: 100%; }
-  .cdk-overlay-pane yvc-overlay .yvc-modal-content {
-    border: 0; }
+  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-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);
@@ -141,112 +162,127 @@ yvc-chips-list ul.chips li.chip {
   color: var(--eo-chips-text-color);
   margin: 2px 2px 0 0;
   display: flex;
-  align-items: center; }
+  align-items: center;
+}
 
 yvc-autocomplete-options .org-item {
   display: flex;
-  align-items: center; }
+  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; }
-
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
 .dark button:not(.primary) {
-  color: rgba(255, 255, 255, 0.75) !important; }
-
+  color: rgba(255, 255, 255, 0.75) !important;
+}
 .dark button.secondary:hover {
-  background-color: rgba(255, 255, 255, 0.1); }
-
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .dark eo-form-input .description,
 .dark .form-field .description {
-  color: rgba(255, 255, 255, 0.8); }
-
+  color: rgba(255, 255, 255, 0.8);
+}
 .dark .form-field .ui-inputtext,
 .dark input {
-  color: var(--color-white); }
-
+  color: var(--color-white);
+}
 .dark .form-field.disabled {
-  background-color: rgba(255, 255, 255, 0.1); }
-
+  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); }
-
+  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: white; }
-
+  color: rgb(255, 255, 255);
+}
 .dark .ui-inputtext {
   background-color: rgba(255, 255, 255, 0);
-  color: var(--color-white); }
-
+  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; }
+  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%; }
-
+  width: 100%;
+}
 eo-form-input .yvc-form-element[aria-disabled=true] {
-  background-color: transparent; }
+  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; }
+  cursor: pointer;
+}
+.form-element-range yvc-dropdown yvc-icon {
+  display: none;
+}
 
-input[type="number"] {
-  -moz-appearance: textfield; }
+input[type=number] {
+  -moz-appearance: textfield;
+}
 
-input[type="number"]::-webkit-outer-spin-button,
-input[type="number"]::-webkit-inner-spin-button {
+input[type=number]::-webkit-outer-spin-button,
+input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
-  margin: 0; }
+  margin: 0;
+}
 
 input::-ms-clear {
-  display: none; }
+  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; }
-
+  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); }
+    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); }
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
   to {
-    transform: rotate(360deg); } }
+    transform: rotate(360deg);
+  }
+}
 
 button,
 a.button {
@@ -259,91 +295,109 @@ a.button {
   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; }
+  -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; }
-
+  flex: 1 1 auto;
+}
 .form-field .description {
-  color: var(--text-color-caption); }
-
+  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; }
-
+  border-color: rgba(0, 0, 0, 0.06) !important;
+}
 .form-field .ui-state-disabled {
-  opacity: 0.8; }
-
+  opacity: 0.8;
+}
 .form-field .ui-widget:disabled {
   opacity: 1;
-  resize: vertical; }
-
+  resize: vertical;
+}
 .form-field button.ui-button {
   background: rgba(0, 0, 0, 0.08);
   border: 0;
@@ -351,29 +405,34 @@ a.button {
   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; }
-
+  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; }
+  align-items: center;
+}
 
 ul.chips > li.chip {
   background: rgba(0, 0, 0, 0.06);
@@ -382,47 +441,57 @@ ul.chips > li.chip {
   color: rgba(0, 0, 0, 0.54);
   margin: 2px 2px 0 0;
   display: flex;
-  align-items: center; }
+  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); }
+  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; }
+  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; }
+  display: none !important;
+}
 
 *::selection {
-  background: rgba(var(--color-accent-rgb), 0.3); }
+  background: rgba(var(--color-accent-rgb), 0.3);
+}
 
 .dark *::selection {
-  background: rgba(var(--color-white-rgb), 0.2); }
+  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); }
+  color: var(--text-color-caption);
+}
 
 .backdrop {
   background: rgba(0, 0, 0, 0.5);
@@ -435,44 +504,55 @@ ul.chips > li.chip {
   right: 0;
   top: 0;
   bottom: 0;
-  animation: eoFadeIn calc(var(--app-default-transition-duration) * 2); }
+  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); }
-
+  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); }
+  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); }
+  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); }
+  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,
@@ -480,12 +560,14 @@ 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; }
+  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;
@@ -496,16 +578,20 @@ input::-webkit-input-placeholder {
   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; }
+  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;
@@ -513,38 +599,46 @@ a.link {
   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); }
+  -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); }
+  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; }
+  min-width: 0;
+}
 
-.flex-col, .eospp, .eo-body {
+.flex-col, .eo-body, .eospp {
   display: flex;
   flex: 1;
   flex-direction: column;
   min-height: 0;
-  min-width: 0; }
+  min-width: 0;
+}
 
 .eospp {
   -webkit-animation: eoFadeIn var(--app-default-transition-duration);
-  animation: eoFadeIn var(--app-default-transition-duration); }
+  animation: eoFadeIn var(--app-default-transition-duration);
+}
 
 .eo-head {
   position: relative;
@@ -555,387 +649,468 @@ svg.checkbox {
   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); }
+  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); }
+  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; }
+  overflow: hidden;
+}
 
 .ui-widget {
-  font-family: "eoRoboto", sans-serif; }
+  font-family: "eoRoboto", sans-serif;
+}
 
 .ui-widget-content {
-  background: transparent; }
+  background: transparent;
+}
 
 .ui-overlaypanel {
-  border: 0; }
+  border: 0;
+}
 
 .ui-dialog {
-  border: 0; }
+  border: 0;
+}
 
 @keyframes eoFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translateY(-30px);
-    transform: translateY(-30px); }
+    transform: translateY(-30px);
+  }
   to {
     opacity: 1;
     -webkit-transform: translateY(0);
-    transform: translateY(0); } }
-
+    transform: translateY(0);
+  }
+}
 @keyframes eoFadeInUp {
   from {
     opacity: 0;
     -webkit-transform: translateY(30px);
-    transform: translateY(30px); }
+    transform: translateY(30px);
+  }
   to {
     opacity: 1;
     -webkit-transform: translateY(0);
-    transform: translateY(0); } }
-
+    transform: translateY(0);
+  }
+}
 @keyframes eoFadeIn {
   from {
-    opacity: 0; }
+    opacity: 0;
+  }
   to {
-    opacity: 1; } }
-
+    opacity: 1;
+  }
+}
 @keyframes eoFadeInLeft {
   from {
     opacity: 0;
-    transform: translateX(-30px); }
+    transform: translateX(-30px);
+  }
   to {
     opacity: 1;
-    transform: translateY(0); } }
-
+    transform: translateY(0);
+  }
+}
 @keyframes eoFadeInRight {
   from {
     opacity: 0;
-    transform: translateX(30px); }
+    transform: translateX(30px);
+  }
   to {
     opacity: 1;
-    transform: translateY(0); } }
-
+    transform: translateY(0);
+  }
+}
 .eo-timeline.single .timeline-entry .marker:after {
-  display: none; }
-
+  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); }
+  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); }
+  background-color: var(--panel-background-grey);
+}
 
-section[role="tabpanel"] {
+section[role=tabpanel] {
   height: 100%;
-  overflow: auto !important; }
+  overflow: auto !important;
+}
 
 .eo-references {
-  height: 100%; }
+  height: 100%;
+}
 
 yvc-tabs > header > .scroll-x {
-  justify-content: flex-end; }
+  justify-content: flex-end;
+}
 
 yvc-split-tabs yvc-split-view {
-  height: 100%; }
+  height: 100%;
+}
 
 .yvc-autocomplete yvc-typeahead-input {
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .yvc-typeahead-input input {
-  width: 100%; }
+  width: 100%;
+}
 
 #toast-container.toast-bottom-right {
   right: calc(var(--app-pane-padding) / 2);
-  bottom: calc(var(--app-pane-padding) / 2 - 6px); }
-
+  bottom: calc(var(--app-pane-padding) / 2 - 6px);
+}
 #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); }
+  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';
+  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-style: normal;
+}
 @font-face {
-  font-family: 'eoRoboto';
+  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-style: normal;
+}
 @font-face {
-  font-family: 'eoRoboto';
+  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-style: normal;
+}
 @font-face {
-  font-family: 'eoRoboto';
+  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; }
-
+  font-style: normal;
+}
 body, input, textarea {
   font-family: eoRoboto, sans-serif;
-  font-size: var(--font-body); }
+  font-size: var(--font-body);
+}
 
 :focus {
-  outline: 0; }
+  outline: 0;
+}
 
 ::-webkit-scrollbar {
   height: 10px;
-  width: 10px; }
+  width: 10px;
+}
 
 ::-webkit-scrollbar-track {
-  background-color: transparent; }
+  background-color: transparent;
+}
 
 ::-webkit-scrollbar-thumb {
-  background-color: #ddd; }
+  background-color: #ddd;
+}
 
 ::-webkit-scrollbar-button {
   height: 0;
-  width: 0; }
+  width: 0;
+}
 
 ::-webkit-scrollbar-corner {
-  background-color: transparent; }
+  background-color: transparent;
+}
 
 .dark ::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, 0.2); }
+  background-color: rgba(255, 255, 255, 0.2);
+}