:root {
  --sidebar-background-color: #111;
  --sidebar-submenu-background-color: #5b5b5b;
  --sidebar-submenu-border-color: #77afb0;

  --sidebar-menu-item-hover-background-color: #9fc8ca;
  --sidebar-menu-item-active-background-color: #77afb0; /*mainColor*/
  --sidebar-menu-item-active-background-color-darken-5: #6AA2A3;
  --sidebar-menu-item-active-background-color-darken-20: #447C7D;
  --sidebar-menu-item-active-text-color: #111;
  --sidebar-menu-item-active-icon-color: #111;
  --sidebar-menu-item-text-color: white;
  --sidebar-menu-item-icon-color: white;

  --context-menu-background-color: white;
  --context-menu-icon-color: black;
  --context-menu-text-color: black;
  --context-menu-active-icon-color: #111;
  --context-menu-active-text-color: #111;

  --header-background-color: #111;
  --header-accent-color: #77afb0; /*secondColor*/
  --header-accent-color-darken-5: #6AA2A3;
  --header-accent-color-darken-20: #447C7D;
  --header-profile-text-color: white;

  --editor-header-background-color: #4E4E4E;
  --editor-header-text-color: white;

  --main-content-background-color: #eee;

  --login-input-field-icon-color: #51575D;
  --login-input-field-text-color: #51575D;
  --login-input-field-background-color: white;
  --login-button-background-color: #343a40;
  --login-button-background-color-hover: #01070D;
  --login-button-text-color: white;
  --login-remember-me-text-color: #343a40;

  --select-option-selected-color: white;


  --dx-datagrid-text-active-color: #111;
  --dx-datagrid-background-active-color: #77afb0;

  --collapsed-size-height: 34px;
  --collapsed-size-width: 200px;
  --collapsed-logo-src: url(/assets/images/logo/logo_compact_rayventory.png) no-repeat;

  --expanded-size-height: 34px;
  --expanded-size-width: 200px;
  --expanded-logo-src: url(/assets/images/logo/logo_white_fullwidth_rayventory.png) no-repeat;

  --login-logo-src: url(/assets/images/logo/logo_white_fullwidth_rayventory.png) no-repeat;
  --login-logo-size-height: 100px;
  --login-logo-size-width: 85%;

  --login-background: url(/assets/images/background/background_rayventory.jpg);
  --fontPack-primary: "Segoe UI", "sans-serif";
  --fontPack-secondary: "Source Sans Pro", "Segoe UI", "sans-serif";
}