:root {
    /* element colors */
    --main-bg-color: #111921;
    --main-font-color: #b1b1b1;
    --negative-font-color: #fff;
    --filler-color: #0bb1f1;
    --control-border-color: #495057;
    --control-background-disabled: #9ba0a62e;
    --control-background-readonly: #9ba0a62e;
    --control-color-readonly: #fff;
    --control-append-label: #414346; /* #4b4d51;*/
    --page-header-color: #020107; /*#343a40;*/
    --panel-header-color: #020107;
    --panel-border-color: #495057;
    --panel-shadow-color: rgb(0 0 0 / 25%);
    --modal-shadow-color: rgb(255 255 255 / 10%);
    --grid-alternate-color: #4b4d51;
    --grid-header-color: #282d31;
    --grid-border-color: #1f252b; /* #08090a;*/
    --menu-border-color: #08090a;
    --menu-item-hover: #4b4d51;
    --menu-item-active: #2f4865;
    --submenu-background-color: #495057;
    --submenu-item-hover: #1a82a7;
    --topbar-background-color: rgba(36,41,47);
    --topbar-highlight-color: rgba(54,61,68);
    --topbar-font-color: #fff;
    --topbar-devider-color: #a8aaad;
    --topbar-border-color: #343a40;
    --alternate-input-background: #495057;
    --alternate-input-color: #fff;
    --alternate-input-border: #696262;
    --alternate-input-placeholder: #aeaeae;
    --placeholder-highlight: #ff8d20;
    --selected-row-color: #3a4654; /*#3c4c6a;*/
    --tab-active-color: #fff;
    --tab-border-color: #427eaa;
    --tab-border-hover: #696262;
    --tab-disabled-color: #a8aaad;
    --button-disabled-color: #495057;
    --link-hover-color: #87898b;
    --label-font-color: #aeaeae;
    --loading-bg-color: #495057;
    --scrollbar-background: #1d2024;
    --scrollbar-thumb-color: #4b4d51;
    --scrollbar-arrow-color: #4b4d51;
    --viewer-pdf-toolbar-background-color: rgb(50, 54, 57);
    --pin-background-color: rgb(71 77 84);
    --notes-pinned-background: #3a4654;
    --alpha-btn-background: #343a40;
    --alpha-btn-foreground: #0bb1f1;
    --default-btn-border: #363b40;
    --shadow-color: rgb(188 216 237 / 50%);
    --text-highlight: #ff6a00;
    --row-highlight: #48a0df12;
    --row-highlight-alt: #48a0df12;
    --input-dark-background: #343a40;
    --input-dark-text: #fff;
    --input-dark-border: #495057;
    --panel-warning-bg: #343a40;
    --panel-warning-border: #f2c308;
    --panel-warning-text: #f2c308;
    --panel-declined-bg: #343a40;
    --panel-declined-border: #ff3f31;
    --panel-declined-text: #ff3f31;
    --panel-approved-bg: #343a40;
    --panel-approved-border: #08931a;
    --panel-approved-text: #08931a;
    /* calendar colors */
    --calendar-weekday-background: #4b4d51;
    --calendar-today-border: #fff;
    --calendar-active-color: #fff;
    --calendar-other-day-color: #696262;
    --calendar-hover-background: #696262;
    --calendar-hover-color: #fff;
    /* named colors */
    --bts-light-blue: #2872a8; /*#427eaa; rgb(68 13 149);*/
    --bts-blue: #0bb1f1;
    --bts-purple: #9975ff;
    --bts-deep-purple: #9975ff;
    --bts-pink: #ff1f9d;
    --bts-red: #fd6b6ba8; /*  #cb4949;*/
    --bts-dark-red: #b61508; /* #ff3f31; #cb4949;*/
    --bts-yellow: #f2c308;
    --bts-peach: #aeaeae;
    --bts-aqua: #0bb1f1;
    --bts-green: #08931a;
    --bts-green-bright: #05c71e;
    --bts-orange: #ff6a00;
}