html {
  height: 100%
}
body {
  height: 100%;
  background-color: #f2f2f2;
}

  /*
  Old blue: #0066FF;
  New blue: #3097d1;

  Old header bk: #B01F23;
  New header bk: #3097d1;
  Old header text: #cccc99;
  New header text: #353535;

   */

a {
  color: #3097d1;
}
a:hover {
  color:#003689;
}
h2 {
  font-size: 1.5rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
h3 {
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
.bg-primary {
  background-color: #3097d1 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #3097d1 !important; }
.navbar-dark {
  font-family: 'Roboto', sans-serif;
}
.navbar-dark .navbar-brand {
  color: #353535;
  font-weight: 800;}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #ffffff; }
.navbar-dark .navbar-brand.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-nav .nav-link {
  color: #353535;
  font-weight: 800;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff;
  font-weight: 800;
}
.safety-topics {
  background: #ffcc33;
  border-radius: 16px;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.dropdown-menu {
  background-color: #3097d1;
  margin-top: -0.5rem;
  border: 0;
}
.dropdown-item {
  color: #cccc99;
  font-weight: 800;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #ffffff;
  font-weight: 800;
  background-color: #3097d1;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  font-weight: 800;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.container-body {
  background-color: #f2f2f2;
  padding-bottom: 8rem;
}
.container-login {
  height: 100%;
  background-color: #f2f2f2;
}
.footer {
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  padding-top: 1rem;
  font-family: 'Roboto', sans-serif;
}
.footer-login {
  bottom: 0;
  position: absolute;
  width: 100%;
}
footer ul li {
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.card-header {
  background-color: #666666;
  color: #ffffff;
  text-transform: uppercase;
}
.card-header-light {
  background-color: #cccccc;
  color: #333333;
}
.card-profile .card-header {
  height: 3rem;
}
.card-profile-img {
  background-color: #ffffff;
  border:1px solid #ddd;
  margin-top: -3rem;
  margin-bottom: 1rem;
  max-width: 250px;
  min-height: 250px;
  /*min-width: 150px;*/
  padding: .25rem;
  height: auto;
}

.card-header-faqs {
  text-transform: none;
  background-color: #f1f1f1;
  color: #000000;
  font-weight: 100;
}
.card-header-faqs:hover {
  text-transform: none;
  background-color: #3097d1;
  color: #ffffff;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem
}

.bd-callout h4 {
  margin-top: 0;
  margin-bottom: .25rem
}

.bd-callout p:last-child {
  margin-bottom: 0
}
.bd-callout code {
  border-radius: .25rem
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout-info {
  border-left-color: #5bc0de
}

.bd-callout-info h4 {
  color: #5bc0de
}
.bd-callout-warning {
  border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
  color: #f0ad4e
}

.bd-callout-danger {
  border-left-color: #d9534f
}

.bd-callout-danger h4 {
  color: #d9534f
}
.sub-card-body {
  padding-bottom: 0;
}
.sop-certification-question {
  font-weight: 600;
  line-height: 1.8rem;
}
.whos-new-img {
  max-width: 100px;
  min-width: 100px;
}
.app-login-container {
  max-width: 600px;
  margin-top: inherit;
}
.btn {
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.btn-primary {
  background-color: #3097d1;
  border-color: #3097d1;
  color: #ffffff;
  cursor: pointer;
}
.btn-primary:hover
, .btn-primary:active
, .btn-primary:active
, .btn-primary:focus {
  background-color: #003689;
  border-color: #003689;
  box-shadow: none;
  outline: 0 none;
  color: #ffffff;
}
.btn-secondary {
  background-color: #ffffff;
  border-color: #f1f1f1;
  color: #3097d1;
  cursor: pointer;
}
.btn-secondary:hover
, .btn-secondary:active
, .btn-secondary:active
, .btn-secondary:focus {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  box-shadow: none;
  outline: 0 none;
  color: #003689;
}
.btn-borderless {
  text-align: left;
  padding-left: 0;
}
.btn-link {
  color: #3097d1;
  text-transform: none;
}
.link-inverse {
  color: #ffffff;
}
.link-inverse:hover {
  color: #cccccc;
  text-decoration: none;
}
.list-group-item-links {
  padding: 0 0 1rem 0;
  border: 0;
}
.list-link {
  font-family: 'Roboto', sans-serif;
}
.link-active {
  color: #990000!important;
}
.text-heading {
  color: #666666;
  text-transform: uppercase;
}

.event-birthday {
  color: #60c400;
}
.event-anniversary {
  color: #08a6c3;
}
.event-today {
  color: #e76c90;
}

.grow {
  right: auto;
}

.alert-danger {
  color: #990000;
  border-color: #990000;
}
.alert-warning {
  border-color: #f0ad4e;
}
.bg-danger {
  background-color: #990000 !important;
}
.close-danger {
  color: #990000;
  padding-left: 1rem;
  cursor: pointer;
}
.border-danger {
  border: 2px solid #990000;
}
.border-bottom {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.bb-1 {
  border-bottom: 1px solid;
}

.border-gray {
  border-color: #cccccc;
}
.text-danger {
  color: #990000 !important;
}
.text-helper {
  font-size: 0.9rem;
  font-weight: 600;
}
.close-btn {
  padding-left: 1rem;
  cursor: pointer;
}
.form-instructions {
  color: #666666;
}
label {
  font-weight: 600;
}
.form-check-label {
  font-weight: 300;
}
.input-group-addon {
  border: 0;
  background-color: inherit;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #ffffff;
}
.gj-cursor-pointer {
  color: #000000 !important;
  font-weight: 600 !important;
}
.gj-icon {
  color: #3097d1;
}
.gj-calendar-bootstrap table tr th div {
  color: #999999;
}
.selected, .selected div{
  background-color: #3097d1 !important;
}
.disabled div {
  color: #dddddd !important;
}

.btn.disabled, .btn:disabled  {
  opacity: .25 !important;
}

.shaded {
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-right: 15px;
}

#dataGrid th
, #dataGrid td
, #dataGrid input
, #dataGrid input
, #dataGrid select {
  font-size: 0.8rem;
  min-width: 5rem;
}

#dataGrid input[type="number"]
, #dataGrid input[type="text"]
, #dataGrid select {
  font-size: 0.8rem;
  min-width: 5rem;
  background-color: inherit;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}
#accordion .row {
  cursor: pointer;
}

#columns .card {
  display: block;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* keep at bottom */
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
.uneditable-input{
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"],
.uneditable-input:focus {
  border-color: #3097d1;
  outline: 0 none;
}

/*
border-color: rgba(102, 102, 51, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 102, 51, 0.6);
  */