/* Whitelabel stylesheet */
/* Auto-generated by Storgrid Whitelabel interface. Do not update manually or you may lose your changes. */
/* UPLOAD LOGO */
/* Replacing the existing Storgrid logo with another logo through css */
/* is done by setting width and padding-left to the dimensions of the new logo */
/* This will push the storgrid logo out of view and display the new logo */
/* If the logo exceeds a height of 40 pixels, it will be resized to fit within the 40px height */
.logo-sg {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url('images/noris_Logo_100803-transparent_RGB-600dpi.png') no-repeat;
  /* source: upload control */
  background-size: contain;
  height: 40px;
  /* Do not change this, otherwise the logo will not fit in the bar */
  width: 200px;
  /* Width of new image, although height will limit the width automatically */
  padding-left: 200px;
  /* Equal to width of new image, this pushes the Storgrid logo out of the way */
  /* for width and padding-left, calculate width based on original size in relation to the fixed height of 40px */
  /* another option is to process uploaded logo with image processor, to scale it down while retaining aspect ratio */
  /* width and padding-left need to be set to the same value */
}
.login .logo-sg {
  background-position: center;
  /* fix for when width is not calculated */
  height: 40px;
  /* source: loginlogoheight */
}
/* TOP BAR */
/* BACKGROUND COLOR */
/* This also changes the top bar color of popup windows */
.navbar,
.modal-header {
  background-color: #ebedef;
  /* source: color1 */
}
/* TEXT COLOR */
/* This also changes the title color of popup windows */
#secmenu-trigger,
.modal-title,
.modal-header,
.modal-header button,
.search-box + label .search-icon {
  color: #375d68;
  /* source: color2 */
}
/* DROPSHADOW TOP BAR */
/* when UNCHECKED, add this style to override default shadow */
/* when CHECKED, remove this style */
.navbar {
  /* source: switch001 / unchecked */
}
/* ACTION BAR */
/* BACKGROUND COLOR */
.actionbar {
  background-color: #375d68;
  /* source: color3 */
}
/* CHANGE ACTION BAR TEXT COLOR */
.actionbar-title a.crumb,
.actionbar-title span.crumb {
  color: #ebedef;
  /* source: color4 */
}
/* CHANGE BUTTON ICON COLOR */
.actionbar .btn svg path,
.actionbar .btn svg polygon {
  fill: #375d68;
  /* source: color16 */
}
/* DROPSHADOW ACTION BAR */
/* when UNCHECKED, add this style to override default shadow */
/* when CHECKED, remove this style */
.actionbar {
  /* source: switch002 / unchecked */
}
/* LEFT MENU */
/* BACKGROUND COLOR */
.sidebar {
  background: #ebedef;
  /* source: color5 */
}
/* MENU ITEM COLOR */
.sidebar .nav-item .nav-link:not(.active),
.sidebar h4 {
  color: #000000;
  /* source: color6 */
}
.sidebar-links div,
.sidebar-links a {
  color: #000000;
  /* source: color6 */
}
/* MENU ITEM COLOR - SELECTED */
.nav-link.active {
  color: #ca4f18;
  /* source: color7 */
}
/* MENU ITEM BACKGROUND - MOUSEOVER */
/* when CHECKED, add this style to make menu mouseover have dark background */
/* when UNCHECKED, remove this style to have default light background */
.nav li .nav-link:not(.active):hover,
.nav li .nav-link:not(.active):focus {
  /* source: switch004 / checked */
}
/* ICON COLOR */
.nav-link svg {
  fill: #375d68;
  /* source: color8 */
}
/* ICON COLOR - SELECTED */
.nav-link.active path,
.nav-link.active ellipse,
.nav-link.active polygon,
.nav-link.active rect,
.nav-link.active circle {
  fill: #ca4f18;
  /* source: color9 */
}
/* LOG IN PAGE */
/* BOX BACKGROUND COLOR / BORDER */
.login {
  background-color: #ffffff;
  /* source: color14 */
}
.login .content {
  color: #ebedef;
  /* source: color15 */
  background-color: #375d68;
  /* source: color10 */
  border-radius: 15px;
  /* source: radius1 */
  border-width: 0px;
  /* source: width1 */
  border-color: #ffffff;
  /* source: color11 */
  /* always add border-style: solid;, when width is set > 0 */
}
.login a {
  color: #375d68;
  /* source: color17 */
}
/* DROPSHADOW */
/* when UNCHECKED, add this style to override default shadow */
/* when CHECKED, remove this style */
.login .content {
  /* source: switch003 / unchecked */