/* Niederhauser Consulting minimal branding for osTicket 1.18.4 staff panel. */
:root {
  --nc-staff-navy: #17273d;
  --nc-staff-blue: #4f72ff;
  --nc-staff-blue-hover: #3458e7;
  --nc-staff-border: #dbe3ef;
}
#header {
  background: #fff;
  border-bottom-color: var(--nc-staff-border);
}
#header #logo img,
#logo img {
  width: 360px;
  max-width: 56vw;
  height: 82px;
  object-fit: contain;
  object-position: left center;
}
div#header a {
  color: var(--nc-staff-blue);
}
#nav {
  border-color: var(--nc-staff-border);
}
#nav li.active,
#nav li.inactive:hover {
  border-color: var(--nc-staff-border);
}
#nav li.active {
  border-top-color: var(--nc-staff-blue);
  color: var(--nc-staff-navy);
}
#nav li.active a,
#nav li.inactive:hover > a {
  color: var(--nc-staff-navy);
}
#sub_nav {
  border-color: var(--nc-staff-border);
}
#sub_nav a.active,
#sub_nav li.active > a,
#sub_nav li.child.active > a {
  color: var(--nc-staff-blue);
}
h1, h2, h3, .headline {
  color: var(--nc-staff-navy);
}
button, input[type="submit"], input[type="button"], .button, .btn {
  border-color: var(--nc-staff-blue);
}

#loginBody #loginBox #logo img {
  width: 340px;
  max-width: 86%;
  height: 92px;
  object-fit: contain;
}
#loginBody #login-message {
  color: var(--nc-staff-navy);
}
#loginBody input:focus {
  border-color: var(--nc-staff-blue);
  box-shadow: 0 0 0 3px rgb(79 114 255 / 20%);
  outline: none;
}
#loginBody .button,
#loginBody button[type="submit"] {
  background: var(--nc-staff-blue);
  border-color: var(--nc-staff-blue);
  color: #fff;
}
#loginBody .button:hover,
#loginBody button[type="submit"]:hover {
  background: var(--nc-staff-blue-hover);
  border-color: var(--nc-staff-blue-hover);
}

#loginBody #brickwall,
#loginBody #background {
  background-image: linear-gradient(rgb(23 39 61 / 28%), rgb(23 39 61 / 28%)), url("../images/nc-staff-login-background.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}