:root {
  /** Main/General **/
  --main-font: Product Sans;
  --headline-font: 'Fira Sans', sans-serif;
  --fontawesome: "Font Awesome 6 Pro";
  --fontawesome-brands: "Font Awesome 6 Brands";
  --headline-font-bold: 'Fira Sans, Bold';
  --text-size: 12px;
  --headings-txt-size: 13px;
  --title-text-size: 20px;
  --highlight-color: #0cb4c5;
  --highlight-bg-color: #002569;
  --main-theme-color: #002569;
  --theme-bg-color: #fff;
  --subheader-bg-color: #f8f9fa;
  --hyperlink-color: #0075EA;
  --main-txt-color: #191919;
  --help-txt-color: #a7adb4;
  --label-txt-color: #758792;
  --box-shadow: 0px 0px 1px 1px #dcdcdc;
  --shadow-color: #dcdcdc;
  --strong-shadow-color: rgb(0 37 105 / 23%);
  --inset-box-shadow: inset 0px 0px 4px 1px rgb(221 236 237);
  --highlighted-box-shadow: 0px 0px 6px 0px var(--strong-shadow-color);
  --border-radius: 2px;
  --border-color: #dee2e6;
  --container-bg-color: #fff;
  --container-border-color: #d1dce7;
  --scrollbar-bg-color: #b7c2cd;
  --scrollbar-color: #758792;
  --fadein-bg-color: rgb(30 54 89 / 42%);
  --yellow: #FFCE07;
  /** Fields (input, select, textaea..) **/
  --field-color: #0cb4c5;
  --field-bg-color: #0cb4c5;
  --field-padding: 3px 8px;
  --field-focus-outline-color: #0cb4c5;
  --select-arrow-down: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 48 48' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb%2812,180,197%29' d='M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z'/%3E%3Cpath d='M0-.75h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
  --select-arrow-up: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 48 48' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb%2812,180,197%29' d='M14.83 30.83l9.17-9.17 9.17 9.17 2.83-2.83-12-12-12 12z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
  --placeholder-color: #6c757d;
  /** Buttons **/
  --btn-color: #002569;
  --btn-bg-color: #fff;
  --btn-padding: 3px 8px;
  --main-icon-color: #0cb4c5;
  --faded-icon-color: #a6b3c2;
  --error-outline-color: #c71111;
  --warning-outline-color: #c71111;
  --hover-outline-color: #c71111;
  /** System Messages **/
  --attention-color: #c71111;
  --attention-bg-color: #c71111;
  --success-color: #24d424;
  --success-bg-color: #24d424;
  --warning-color: #fd6619;
  --warning-bg-color: #fd6619;
  /** Tables **/
  --row-text-color: #f5f8fd;
  --row-help-text-color: #f5f8fd;
  --row-border-color: #dee2e6;
  --row-hover-bg-color: #f5f8fd;
  --selectedrow-bg-color: #f5f8fd;
  --selectedrow-text-color: #f5f8fd;
  --selectedrow-help-txt-color: #f5f8fd;
  --selectedrow-border-color: #f5f8fd;
  --listview-thead-txt-color: #fff;
  --listview-thead-bg-color: #002569;
  --listview-thead-icon-color: #0cb4c5;
  --new-row-bg-color: #59C14C26;
  --deleted-row-bg-color: #C7111126;
  /** Navigation Menu **/
  --menu-headline-color: #002569;
  --menu-headline-active-bg-color: #002569;
  --menu-link-color: #fff;
  --menu-icon-btn-color: #fff;
  --menu-userbox-bg-color: #fff;
  --menu-bookmark-btn-color: #FFCE07;
  --menu-select-lang-bg-color: #e9ecef;
  /** Deashboard Widgets **/
  --devices-widget-border-color: rgba(216, 106, 10, 0.04);
  --devices-widget-color: rgb(216, 106, 10);
  --apps-widget-border-color: rgba(21, 17, 202, 0.04);
  --apps-widget-color: rgba(21, 17, 202, 1);
  --ip-widget-border-color: rgba(4, 210, 69, 0.04);
  --ip-widget-color: rgba(4, 210, 69, 1);
  --datacenter-widget-border-color: rgba(170, 4, 210, 0.04);
  --datacenter-widget-color: rgba(170, 4, 210, 1);
  --system-widget-border-color: rgba(4, 161, 210, 0.04);
  --system-widget-color: rgba(4, 161, 210, 1);
  /** Inverse UI (light on dark) **/
  --inverse-bg-color: #002569;
  --inverse-txt-color: #fff;
  --inverse-highlight-color: var(--highlight-color);
  --inverse-border-color: #fff;
  --inverse-bg-gardient-color: #fff;
  /** Uniques/Oneoffs **/
  --app-logo-url: url(../../graphics/base_images/nav_logo.png);
  --pagefadout-bg-color: rgba(0, 28, 90, 0.42);
  --gardient-banner-bg-icon: #fff;
  --gardient-theme-bg-color: linear-gradient(180deg, #e9eaef 0%, white 48%) no-repeat;
  --loginpage-bg: linear-gradient(180deg, #ffffff 0%, #e5e4e9 48%) no-repeat;
  --login-sidebar-bg: url(/static/graphics/base_images/sidebar-bg.png);
  --diagram-outline-color: #c2c2c2;
  --selected-btn-bg-color: #091f47;
  /** Diagrams **/
  --diagram-highlight-color: #0cb4c5;
  --diagram-appfocus: #f8feff;
  --border-semi-transparent: #dee2e670;
}