:root {
  --first-color: #192634;
  --datagrid-buttons: linear-gradient(
    to right bottom,
    #203142,
    #1d2d3c,
    #1a2836,
    #182431,
    #15202b
  );

  --ray-menu-background-color: linear-gradient(
    to right bottom,
    #203142,
    #1d2d3c,
    #1a2836,
    #182431,
    #15202b
  );
  --sidebar-submenu-background-color: linear-gradient(
    to bottom,
    #263b4d,
    #233748
  );
  --sidebar-submenu-border-color: white;
  --sidebar-menu-item-hover-text-color: white;
  --sidebar-menu-item-hover-background-color: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  --sidebar-menu-item-hover-background-color: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  --sidebar-menu-item-active-background-color: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  --sidebar-menu-item-active-background-color-darken-5: #263b4d;
  --sidebar-menu-item-active-background-color-darken-20: #233748;
  --sidebar-menu-item-active-text-color: white;
  --sidebar-menu-item-active-icon-color: white;
  --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;

  --ray-header-background-color: white;

  --header-font-color: black;
  --header-accent-color: #1a2836; /*secondColor*/
  --header-accent-color-darken-5: #182431;
  --header-accent-color-darken-20: #15202b;

  --editor-header-background-color: #1a2836;

  --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: white;
  --dx-datagrid-background-active-color: #51575d;

  --collapsed-size-height: 30px;
  --collapsed-size-width: 220px;
  --collapsed-logo-src: url(/assets/images/logo/logo_raynetone_datahub.png)
    no-repeat;

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

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

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