﻿/*
Styling overrides to make dukc header green, to give an appearance similar to keelcheck.
This is used for static systems in the DUKC to help distinguish them from their full fledged DUKC cousins.
*/
/*Keel Check Styling*/
/*Dukc Lite Styling*/
/* Sandpit/Support/Dev styling */
/* bootstrap colors */
/* MIXINS */
.selected-option {
  background: #0a16f1;
  color: #ffffff;
  border-color: #0a16f1;
}
.navbar-nav > li:last-child {
  border-right: 1px solid #4d5cfb;
}
.navbar-default {
  background-color: #4d5cfb;
  border-color: #4d5cfb;
}
.navbar-default .navbar-collapse {
  border-color: #4d5cfb;
}
.navbar-default .navbar-toggle {
  background-color: #4d5cfb;
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:hover {
  background-color: #4d5cfb;
  border-color: #ffffff;
}
.navbar-default .navbar-header ul li > a:hover {
  background-color: #a8b5e0;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
  background-color: #0a16f1;
}
.navbar-default .navbar-nav > li,
.navbar-default .navbar-header > li {
  border-left: 1px solid #4d5cfb;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-header > li > a:hover {
  background-color: #a8b5e0;
  color: #ffffff;
}
.navbar-default .navbar-nav > li.caret-dropdown-toggle,
.navbar-default .navbar-header > li.caret-dropdown-toggle {
  border-left: 0;
}
.navbar-default .navbar-nav > li.caret-dropdown-toggle > a,
.navbar-default .navbar-header > li.caret-dropdown-toggle > a {
  color: #ffffff;
  padding: 10px;
}
.navbar-default .navbar-nav ul li.active a,
.navbar-default .navbar-header ul li.active a,
.navbar-default .navbar-nav ul li.active a:hover,
.navbar-default .navbar-header ul li.active a:hover {
  background: #0a16f1;
}
.navbar-default .navbar-nav ul #displayhome > a:hover,
.navbar-default .navbar-header ul #displayhome > a:hover {
  background: #a8b5e0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-header > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-header > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-header > .active > a:focus {
  background: #0a16f1;
  color: #ffffff;
  border-color: #0a16f1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-header > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-header > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-header > .open > a:hover {
  background-color: #a8b5e0;
  color: #ffffff;
}
.dropdown-menu {
  background-color: #ffffff;
  z-index: 2000;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #0a16f1;
  color: #ffffff;
}