.primarycolor {
  color: #26835B !important;
}

.secondarycolor {
  color: #6D6E71 !important;
}

.redcolor {
  color: #ba000d !important;
}

.glyphicon-star {
  color: #ba000d;
  font-size: 8px;
  vertical-align: text-top;
}

.glyphicon-th {
  font-size: 20px;
  top: 3px;
}

.large-icons-exclamation-sign {
  font-size: 25px;
  color: #ba000d;
  padding-left: 20px;
  top: 5px;
}

@media (max-width: 1375px) {
  .glyphicon-th {
    padding-top: 0;
  }
}
.glyphicon-alert {
  display: none;
}

.glyphicon-alert:nth-of-type(1) {
  display: block;
}

.glyph-right {
  font-size: 25px;
  color: #26835B;
  padding-left: 20px;
  top: 5px;
}

.glyph-orange {
  font-size: 25px;
  color: #ff6300;
  padding-left: 20px;
  top: 5px;
}

.ok-circle {
  font-size: 60px;
  padding-right: 10px;
  color: #26835B;
  display: table-cell;
  vertical-align: middle;
}

.header {
  background: #fff none repeat scroll 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46);
  z-index: 100;
}

.loginHeader {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 100px;
}

.sso {
  color: #6D6E71 !important;
  font-style: italic;
  font-size: 14px;
  font-weight: 200;
}

.loginHeader .logo {
  background-image: url(../images/interface/company-logo.svg);
  background-repeat: no-repeat;
  background-position: 15px 25px;
  height: 70px;
  background-size: 165px auto;
  margin-left: 15px !important;
  padding-top: 25px;
}

.navbar-brand_cell_login {
  height: 100px;
  margin-left: 0px !important;
  padding-top: 18px;
}

.clientTitle {
  background-color: #C1C2C4;
  padding: 10px 5px 5px 25px;
  min-height: 63px;
}

.clientTitleNoPadding {
  background-color: #C1C2C4;
  padding: 0 0 0 15px;
  min-height: 63px;
}

.clientName {
  font-size: 30px;
  color: #000000;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -0.7px;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1030px) {
  .clientTitleNoPadding {
    padding: 0;
  }
  .clientName {
    display: none;
  }
}
.sectionHeader {
  font-size: 35px !important;
  color: #000000;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: -0.7px;
  margin: 0;
  line-height: 1.1;
  padding: 10px 0;
  font-weight: bold;
}

.footerHeader {
  font-size: 30px !important;
  color: #fff !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -0.7px;
  margin: 0;
  line-height: 1.1;
  padding: 0 0 10px;
  font-weight: bold;
}

.breadcrumb {
  font-size: 30px !important;
  color: #26835B;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  text-align: left;
  display: block;
  white-space: normal;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0;
}

.clientSite {
  font-size: 30px;
  color: #26835B;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.7px;
  padding: 0;
  margin: 0;
}

.header-float {
  padding-top: 150px;
}

.header-float-self {
  padding-top: 150px;
}

.header-float-profile {
  padding-top: 0px;
}

@media screen and (max-width: 1645px) and (min-width: 1020px) {
  .header-float {
    padding-top: 230px;
  }
}
@media screen and (max-width: 767px) {
  .header-float {
    padding-top: 180px;
  }
}
@media (max-width: 1620px) and (min-width: 1030px) {
  .header-float-profile {
    padding-top: 110px;
  }
}
.loginContainer {
  padding: 0;
}

.login_box {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  margin-bottom: 15px;
}
.login_box p {
  color: #26835B;
}
.login_box label {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.loginBody {
  background-color: rgba(0, 0, 0, 0.8);
  padding-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .loginBody {
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-bottom: 35px;
  }
}
#loginBox {
  position: relative;
  overflow: hidden;
  background-image: url("../images/interface/image_1.jpg");
  background-position: top;
  background-size: cover;
  min-height: 400px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.footer {
  text-align: right;
  background-color: #000000;
  color: #e8e7f0;
  font-size: 0.8875em;
  padding-top: 5px;
  padding-bottom: 5px;
}

#footer {
  background: #353434;
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 300;
  bottom: -30px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
#footer.show {
  height: 170px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.touchFooter {
  font-size: 10px;
  padding-top: 10px;
  text-align: center;
  color: #b0b0b0;
}

.pagefooter {
  min-height: 250px;
  background-color: #6D6E71;
  color: #fff;
  padding: 50px 20px 20px;
}
.pagefooter .glyphicon {
  color: #fff;
  font-size: 20px;
}
.pagefooter span {
  /*display: table-cell;
  vertical-align: middle*/
  color: rgba(255, 255, 255, 0.6);
}
.pagefooter a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.pagefooter a:link, .pagefooter a:visited {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.pagefooter a:hover {
  color: #fff;
  text-decoration: none;
}

.adminfooter {
  min-height: 220px;
  background-color: #6D6E71;
  color: #fff;
  padding: 50px 20px 20px;
}
.adminfooter .glyphicon {
  color: #fff;
  font-size: 20px;
}
.adminfooter span {
  /*display: table-cell;
  vertical-align: middle*/
}
.adminfooter a {
  color: #fff;
  text-decoration: none;
}
.adminfooter a:link, .adminfooter a:visited {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.adminfooter a:hover {
  color: #fff;
  text-decoration: none;
}
.adminfooter .logo {
  height: 44px;
  text-align: right;
}
.adminfooter .version {
  text-align: right;
  font-size: 16px;
}

.cell-powered {
  text-align: right;
  top: -16px;
}
.cell-powered p {
  margin-top: 10px;
}

@media screen and (max-width: 1200px) {
  .cell-powered {
    text-align: left;
    margin-top: 40px;
  }
}
.container {
  background-color: #fff;
  margin-top: 0;
  width: 100%;
}

.container-fluid {
  min-height: calc(100vh - 250px);
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.container-fluid-portal {
  min-height: calc(100vh - 250px);
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .container {
    margin-top: 0;
    width: 100%;
  }
}
.panel-success .panel-heading {
  color: #52ad11 !important;
  background-color: #daf9c4 !important;
  border-color: #daf9c4 !important;
}

.panel-primary .panel-heading {
  color: #fff;
  background-color: #26835B;
  border-color: #26835B;
}

#searchpanel {
  border-radius: 0;
  /* border: 1px solid $gray; */
  background-color: #fff;
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 10px;
  position: relative;
  text-align: left;
  width: 100%;
  /* box-shadow: 0 6px 18px -4px #777; */
  overflow: visible;
}

#searchpaneloptions {
  border-radius: 0;
  /* border: 1px solid $gray; */
  background-color: #fff;
  color: #1d428a;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 10px;
  min-height: 185px;
  position: relative;
  text-align: left;
  width: 100%;
  box-shadow: 0 6px 18px -4px #777;
  margin-bottom: 10px;
  overflow: visible;
}
#searchpaneloptions button {
  width: 100%;
  margin: 2px 0;
}

.panel-header h2 {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
  padding-bottom: 27px;
  padding-top: 25px;
  text-align: left;
}

.induction-panel {
  border-radius: 0;
  border-color: #2f3639;
  min-height: 280px;
  cursor: pointer;
  background-color: #0067a0;
  color: #fff;
}

.induction-panel-overlay {
  background: none repeat scroll 0 0 #fff;
  opacity: 0.95;
  bottom: 0;
  left: 0;
  right: 30px;
  min-height: 120px;
  color: #000000;
  position: relative;
  padding: 5px 15px 0;
}

.panel-title {
  vertical-align: center;
}

.leftpanel-header h2, .rightpanel-header h2 {
  font-size: 20px;
  padding-bottom: 0;
  padding-top: 5px;
  text-align: center;
  color: #a03900;
  margin-bottom: 5px;
}

.leftpanel-header h5, .rightpanel-header h5 {
  font-family: "Roboto Condensed", sans-serif;
}

#searchpanel-footer-text {
  border-radius: 0;
  background-color: #fff;
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  min-height: 185px;
  position: relative;
  text-align: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: visible;
}

.searchpanel-footer-text-title {
  color: #fff;
  text-transform: uppercase;
}

.panel-primary {
  border: none;
  box-shadow: none;
}

.sitePanel, .userPanel {
  padding-top: 30px;
  padding-bottom: 30px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: none;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .sitePanel, .userPanel {
    padding-top: 0;
  }
  #searchpanel {
    border-radius: 0;
    /* border: 1px solid $black; */
    background-color: #fff;
    color: #1d428a;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 10px;
    min-height: 185px;
    position: relative;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    overflow: visible;
  }
  #searchpaneloptions {
    border-radius: 0;
    border: 1px solid #6D6E71;
    background-color: #fff;
    color: #1d428a;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 10px;
    min-height: auto;
    position: relative;
    text-align: left;
    width: 100%;
    box-shadow: 0 6px 18px -4px #777;
    margin-bottom: 10px;
    overflow: visible;
  }
  #searchpaneloptions button {
    width: 50px;
    margin: 0 5px;
  }
  .panel-header h2 {
    font-size: 18px;
    padding-bottom: 15px;
  }
}
.modal-header {
  background-color: #fff;
  color: #fff;
  padding: 10px 15px;
  border-bottom: none;
}

.modal-content {
  border-radius: 0;
}

.modal-title {
  text-align: left;
  font-size: 30px !important;
  color: #26835B;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -0.7px;
  margin: 0;
  line-height: 1.1;
  padding: 10px 0;
}

.modal-body {
  background-color: #fff;
  font-size: 16px;
}
.modal-body label {
  display: block;
  text-align: left;
  font-size: 16px;
  color: #000000;
}
.modal-body .td-label, .modal-body .th-label {
  text-align: left;
  font-size: 16px;
  background-color: #000000;
  color: #fff;
}

.modal-xlg {
  width: 95%;
}

.modal-th-sub {
  background-color: #000000;
  color: #fff;
}

.modal-body caption {
  text-align: left;
  font-size: 16px;
  background-color: #6D6E71;
  color: #fff;
  text-transform: uppercase;
}

.navbar {
  border: 0;
  margin: 0;
  border-radius: 0;
  min-height: unset;
}

.navbar-brand {
  margin: 0;
}

.navbar-brand_cell {
  float: unset;
  height: 120px;
  margin-left: 0 !important;
  line-height: 10px;
}

.navbar-default {
  background-color: transparent !important;
}

.navbar-nav {
  margin: 0;
  width: 100%;
  border: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
}

.navbar-collapse .navbar-nav {
  background-color: transparent;
}
.navbar-collapse .navbar-nav .dropdown {
  text-align: left;
  min-height: 60px;
}
.navbar-collapse .navbar-nav .open a {
  color: #000000 !important;
  padding-bottom: 15px;
}
.navbar-collapse .navbar-nav .open a:hover {
  background-color: #26835B;
  color: #fff !important;
}
.navbar-collapse .navbar-nav .open a:focus {
  background-color: #f8f9fa;
  color: #26835B !important;
}
.navbar-collapse .navbar-nav .active a {
  color: #26835B !important;
  background-color: transparent;
  padding-top: 17px;
  text-decoration: underline;
  font-weight: bold;
}
.navbar-collapse .navbar-nav .active a:hover, .navbar-collapse .navbar-nav .active a:focus {
  color: #26835B;
  background-color: transparent;
}
.navbar-collapse .navbar-nav li a {
  color: #000000;
  padding-top: 17px;
  padding-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
}
.navbar-collapse .navbar-nav li a:hover, .navbar-collapse .navbar-nav li a:focus {
  color: #26835B;
  background-color: transparent;
}

.dropdown.open > .dropdown-toggle {
  background-color: transparent !important;
}

.returnBtns {
  float: right !important;
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-top: 12px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-image: none;
  border-radius: 0;
  background-color: #C1C2C4;
  border: 1px solid #C1C2C4;
  box-shadow: none;
  color: #000000;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
  min-height: 60px;
}
.navbar-toggle:hover {
  background-color: #26835B !important;
  color: #fff;
}

.navmenu ul li a {
  color: #fff;
}

.navbar-nav {
  margin: 0;
}

.disabled > a {
  color: #000000 !important;
}
.disabled > a:hover {
  color: #000000 !important;
}

.dropdown-menu {
  background-color: #fff !important;
  border: 1px solid #C1C2C4;
  border-top: 2px solid #26835B;
  box-shadow: none;
  min-width: 300px;
  padding: 0 0 0px;
  border-radius: 0px;
}
.dropdown-menu li a {
  color: #fff !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  color: #000000 !important;
}

.dropdown a {
  line-height: 30px !important;
  text-transform: uppercase;
  font-size: 14px;
}

.dropdown-menu > li > a {
  padding: 5px 30px 0 30px !important;
}

.logout {
  margin-top: -5px;
}
.logout a {
  color: #000000;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
}
.logout a:hover, .logout a:focus {
  color: #26835B;
  background-color: transparent;
}

.mobileText {
  display: none;
}

.mobileIcon {
  display: inline;
}

.navbar-quickmenu {
  display: none;
}

@media (max-width: 1030px) {
  .navbar-collapse .navbar-nav .open a:hover, .navbar-collapse .navbar-nav .open a:focus {
    background-color: #f8f9fa;
    color: #26835B !important;
  }
  .logout {
    margin-top: -8px;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
    padding-left: 20px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in, .collapsing {
    display: block !important;
    background-color: #fff;
    border-bottom: 1px solid #C1C2C4;
  }
  .returnBtns {
    float: left !important;
  }
  .returnBtns > a > span {
    display: none;
  }
  .mobileText {
    display: inline;
  }
  .mobileIcon {
    display: none;
  }
  .navbar-quickmenu {
    position: relative;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    padding-top: 10px;
    background-image: none;
    border-radius: 0;
    display: block;
    background-color: #C1C2C4;
    border: 1px solid #ddd;
    box-shadow: none;
    line-height: 20px;
    font-size: 14px;
  }
  .navbar-quickmenu .icon-bar {
    color: #000000;
    background-color: #000000;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 4px;
  }
  .navbar-quickmenu .icon-bar:hover {
    color: #fff;
  }
  .navbar-quickmenu:hover {
    background-color: #26835B !important;
    color: #fff;
  }
  .navbar-quickmenu:hover > .icon-bar {
    background-color: #fff;
  }
}
.nav-second-buttons {
  font-size: 20px;
  position: fixed;
  top: 10%;
  background-color: transparent !important;
}
.nav-second-buttons li a {
  padding: 10px;
  margin: 2px;
  border: 1px solid #C1C2C4;
  background-color: rgba(151, 151, 151, 0.2) !important;
}
.nav-second-buttons li a:hover {
  background-color: #000000 !important;
  color: #fff !important;
}

.nav-pills > li, .nav-pills > li + li {
  margin-left: 0;
  margin-right: 2px;
  margin-bottom: 2px;
}

.nav-pills {
  padding-bottom: 10px;
}

.nav-pills > li > a {
  border-radius: 0;
  color: #fff;
  background-color: #6D6E71;
  padding-left: 15px;
  padding-top: 5px;
  margin: 0;
}
.nav-pills > li > a > .glyphicon {
  color: #fff;
}
.nav-pills > li > a:focus, .nav-pills > li > a:hover {
  color: #fff;
  background-color: rgb(83.9594594595, 84.7297297297, 87.0405405405);
}
.nav-pills > li.active > a {
  color: #fff;
  background-color: #6D6E71;
}
.nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: rgb(83.9594594595, 84.7297297297, 87.0405405405);
}

@media (max-width: 1030px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-collapse.in {
  overflow-y: auto !important;
}

.nav-tabs .navbar-floatright:not(.active) a {
  color: #ddd;
}
.nav-tabs .navbar-floatright:not(.active) a:hover, .nav-tabs .navbar-floatright:not(.active) a:focus {
  color: #26835B;
}

.navbar-floatright {
  float: right !important;
}

.btn {
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  padding: 4px 8px;
  font-weight: normal;
}
.btn.focus, .btn:hover {
  outline: 0;
}

.btn-default {
  background-color: #C1C2C4;
  border: 1px solid #C1C2C4;
  color: #000000;
  box-shadow: none;
}
.btn-default:hover, .btn-default:focus {
  background-color: #26835B !important;
  border: 1px solid #26835B;
  color: #fff;
}

.btn-locked, .btn-online {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  box-shadow: none;
  cursor: default;
  font-weight: normal;
}
.btn-locked:hover, .btn-locked:focus, .btn-online:hover, .btn-online:focus {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  color: #000000;
  box-shadow: none;
}

.btn-spacing {
  margin-right: 10px;
}

.btn-primary {
  background-color: #C1C2C4;
  border: 1px solid #C1C2C4;
  color: #000000;
  box-shadow: none;
  padding: 10px;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #6D6E71 !important;
  border: 1px solid #6D6E71;
  color: #fff;
}
.btn-primary > .glyphicon {
  margin-right: 5px;
}

.btn-secondary {
  background-color: #26835B;
  border: 1px solid #26835B;
  color: #fff;
  box-shadow: none;
  padding: 10px;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385) !important;
  border: 1px solid rgb(26.5325443787, 91.4674556213, 63.5384615385);
  color: #fff;
}
.btn-secondary > .glyphicon {
  margin-right: 5px;
}

.btn-delete-large {
  background-color: #ba000d;
  color: #fff;
  box-shadow: none;
  padding: 10px;
}
.btn-delete-large:hover, .btn-delete-large:focus {
  background-color: rgb(135, 0, 9.435483871);
  color: #fff;
}
.btn-delete-large > .glyphicon {
  margin-right: 5px;
}

.btn-tertiary {
  background-color: #C1C2C4;
  border: 1px solid #C1C2C4;
  color: #000000;
  padding: 10px;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  background-color: #6D6E71;
  border: 1px solid #6D6E71;
  color: #fff;
}

.btn-quaternary {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  padding: 10px;
}
.btn-quaternary:hover, .btn-quaternary:focus {
  background-color: #26835B;
  border: 1px solid #26835B;
  color: #fff;
}

.btn-small {
  border-radius: 0;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  padding: 7px;
  max-height: 35px;
  min-width: 35px;
  font-weight: normal;
}
.btn-small.focus, .btn-small:hover {
  outline: 0;
}

.btn-na {
  background-color: #ba000d;
  border: 1px solid #ba000d;
  color: #fff;
  padding: 7px;
  min-width: 35px;
  min-height: 35px;
  max-height: 35px;
  font-weight: normal;
}
.btn-na:hover, .btn-na:focus {
  background-color: rgb(135, 0, 9.435483871);
  border: 1px solid rgb(135, 0, 9.435483871);
  color: #fff;
}

.btn-nodocs {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  padding: 7px;
  min-width: 35px;
  min-height: 35px;
  max-height: 35px;
}
.btn-nodocs:hover, .btn-nodocs:focus {
  color: #000000;
}

.btn-help {
  background-color: #5d7975;
  border-color: #5d7975;
  color: #fff;
  white-space: unset;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:focus-visible {
  background-color: #ba000d;
  padding-top: 7px;
  cursor: default;
  min-width: 35px;
  min-height: 35px;
}

.btn-delete {
  background-color: #ba000d;
  border: 1px solid #ba000d;
  color: #fff;
  padding-top: 5px;
  margin-top: 2px;
  min-width: 35px;
  min-height: 35px;
}
.btn-delete:hover, .btn-delete:focus {
  background-color: rgb(135, 0, 9.435483871);
  border: 1px solid rgb(135, 0, 9.435483871);
  color: #fff;
}

.btn-add {
  background-color: #26835B;
  color: #fff;
  padding-top: 7px;
  margin-top: 2px;
  min-width: 35px;
  min-height: 35px;
}
.btn-add:hover, .btn-add:focus {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385);
  color: #fff;
}

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:focus-visible {
  background-color: #26835B;
  padding-top: 7px;
  cursor: default;
  min-width: 35px;
  min-height: 35px;
}

.btn-approve {
  background-color: #26835B;
  color: #fff;
  padding-top: 7px;
  min-width: 35px;
  min-height: 35px;
}
.btn-approve:hover, .btn-approve:focus {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385);
  color: #fff;
}
.btn-approve > .glyphicon {
  margin-right: 5px;
}

.btn-success-large {
  background-color: #26835B;
  color: #fff;
  box-shadow: none;
  padding: 10px;
}
.btn-success-large:hover, .btn-success-large:focus {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385);
  color: #fff;
}
.btn-success-large > .glyphicon {
  margin-right: 5px;
}

.btn-certificate, .btn-certificate:hover, .btn-certificate:focus, .btn-certificate:focus-visible {
  cursor: pointer;
}

.btn-back {
  background-color: #5d7975;
  border-color: #5d7975;
  color: #fff;
  white-space: unset;
  float: left;
}

.btn-induction-status-complete {
  background-color: #52ad11;
  color: #fff;
}
.btn-induction-status-complete:hover, .btn-induction-status-complete:focus {
  background-color: #a4d65e;
  color: #fff;
}

.btn-induction-status-incomplete {
  background-color: #0067a0;
  color: #fff;
}
.btn-induction-status-incomplete:hover, .btn-induction-status-incomplete:focus {
  background-color: #0067a0;
  color: #fff;
}

.btn-inductionName {
  width: auto !important;
}

.searchBtn {
  background-color: #000000 !important;
  color: #fff;
}
.searchBtn span {
  color: #fff;
}
.searchBtn:hover, .searchBtn:focus {
  background-color: #000000 !important;
  color: #fff;
}

.importBtn {
  background-color: #a03900;
  color: #fff;
}

.exportExcelBtn {
  background-color: #000000 !important;
  color: #fff;
}
.exportExcelBtn span {
  color: #fff;
}
.exportExcelBtn:hover, .exportExcelBtn:focus {
  background-color: #000000 !important;
  color: #fff;
}

.addBtn {
  background-color: #000000 !important;
  color: #fff;
}
.addBtn span {
  color: #fff;
}

.returnBtn, .btn-inductionReturn {
  border-radius: 0;
  background-color: #FFCC00;
  border-color: #FFCC00;
  color: #000000;
}
.returnBtn:hover, .returnBtn:focus, .btn-inductionReturn:hover, .btn-inductionReturn:focus {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #000000;
}

.btn-induction {
  border-radius: 0;
  border-color: #000000;
  min-height: 250px;
  cursor: pointer;
  background-color: #000000;
  color: #fff;
}
.btn-induction:hover, .btn-induction:focus {
  cursor: pointer;
  border-color: #000000;
}

.action_btn {
  width: 100% !important;
}

.btn-link {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  box-shadow: none;
  padding: 7px;
  min-width: 35px;
  min-height: 35px;
  font-weight: normal;
}
.btn-link:hover, .btn-link:focus {
  background-color: #26835B !important;
  border: 1px solid #26835B;
  text-decoration: none;
  color: #fff;
}

.btn-warning {
  background-color: #ff6300;
  color: #fff;
  padding-top: 7px;
  min-width: 35px;
  min-height: 35px;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #ff6300;
  color: #fff;
  padding-top: 7px;
}

.btn-danger span, .btn-na span, .btn-warning span {
  font-size: 16px;
}

.btn-visitor {
  min-width: 90px;
  background-color: #0060e1;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.8px;
  font-size: 16px;
  box-shadow: 0 6px 18px -4px #777;
  border: 1px solid #6D6E71;
  padding: 5px;
}

.access-btn {
  background-color: #C1C2C4;
  color: #000000;
  padding: 7px;
  cursor: default;
  font-weight: normal;
}
.access-btn:hover, .access-btn :focus {
  background-color: #C1C2C4;
  color: #000000;
}

.btn-table-header {
  background-color: transparent;
  max-width: 150px;
  color: #fff;
  white-space: normal;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  text-align: left;
}
.btn-table-header:hover {
  color: #fff !important;
  text-decoration: underline;
}

.bump100 {
  margin-right: 10px !important;
}

@media screen and (max-width: 767px) {
  .goTo100 {
    width: 100%;
  }
  .goTo100Bump {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .bump100 {
    margin-right: 0px !important;
  }
  .selection-btn {
    width: 100%;
  }
  .btn-table-header {
    background-color: #5d7975;
    max-width: 150px;
    color: #fff;
    white-space: normal;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-align: left;
  }
  .searchBtnFooter {
    background-color: #26835B;
    border: 1px solid #26835B;
    color: #fff;
    box-shadow: none;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100% !important;
    text-align: center;
  }
  .searchBtnFooter:hover {
    background-color: #6D6E71 !important;
    color: #fff;
  }
  .searchBtnFooter:hover > .glyphicon {
    color: #fff;
  }
  .searchBtnFooter > .glyphicon {
    color: #fff;
    margin-right: 5px;
  }
  .mainSearchButton {
    float: none;
  }
  .btn-inductionName {
    width: 100% !important;
  }
  .btn-inductionName span {
    font-size: 22px;
    white-space: initial;
  }
  .btn-table-header {
    background-color: transparent;
    width: auto;
    color: #fff;
    white-space: normal;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
  }
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
  background-color: #26835B;
  color: #fff;
  border: 1px solid #26835B;
}
.btn-default.active:hover, .btn-default.active:focus, .btn-default:active:hover, .btn-default:active:focus, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus {
  background-color: #6D6E71 !important;
  border: 1px solid #6D6E71;
  color: #fff;
}

.form-gutter {
  margin-right: 1.2%;
}

.form-group {
  margin-bottom: 5px;
}

.form-control {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  width: 100%;
  box-shadow: none;
  transition: none;
}
.form-control:focus {
  box-shadow: none;
  border: 1px solid #ccc;
  transition: none;
}

input, select, textarea {
  font-size: 16px !important;
  background-color: #fff !important;
  font-family: "Roboto Condensed", sans-serif;
}

.input-group-addon {
  font-size: 16px;
  white-space: unset;
  text-align: right;
  color: #000000;
  background: #e8e7f0;
}

.bump {
  margin-right: 10px !important;
}

.spacing {
  padding: 10px;
}

.add-space {
  margin-top: 5px;
  margin-bottom: 20px;
}

.responses-spacing {
  margin-right: 10px;
  margin-bottom: 10px;
}

.mainSearchButton {
  float: left;
}

.searchArea {
  padding-right: 0;
  padding-top: 10px;
}

.search-buttons {
  margin-top: 20px;
  margin-bottom: 20px;
}

.searchLabel {
  display: block;
  text-align: left;
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  margin: 7px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .searchButtons .btn {
    margin: 10px;
  }
  .searchLabel {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #000000;
    margin: 7px;
    text-transform: uppercase;
    letter-spacing: -0.8px;
  }
  .search-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
}
.table-condensed > tbody > tr > td {
  text-align: left;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}
.table-condensed > thead > tr > th {
  text-align: left !important;
}

.actions-column {
  white-space: nowrap;
}

thead {
  background-color: transparent;
}

.tableTitle {
  max-width: 100px;
  border: none;
  background: 0 0;
}

.table-condensed > thead > tr > th {
  background-color: #6D6E71;
  color: #6D6E71;
  font-size: 16px;
  vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgb(232.1983471074, 232.5661157025, 233.3016528926);
}

@media screen and (max-width: 767px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 20px;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  table td::before {
    content: attr(data-label) "";
    float: left;
    text-transform: uppercase;
    padding-right: 5px;
    color: #000000;
    font-size: 14px;
  }
  table td:last-child {
    border-bottom: 0;
  }
  .table-condensed > tbody > tr > td {
    text-align: right !important;
  }
  .table-responsive {
    border: 0 !important;
  }
  .table-responsive td {
    text-align: right !important;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    padding-left: 10px !important;
    border: 0;
    border-top: 1px solid #e8e7f0;
    white-space: normal !important;
    font-weight: 700;
  }
  .table-responsive tr {
    border: 1px solid #C1C2C4;
  }
  .specialTdCell::before {
    content: attr(data-label) " " !important;
    float: left;
  }
}
.dectable {
  margin-top: 30px;
  background-color: #fff;
  width: 100%;
  border: 1px solid #000000;
}
.dectable th {
  background-color: #666;
  color: #fff;
  text-align: center;
}
.dectable td {
  background-color: #fff;
  color: #000000;
  line-height: 16px;
  padding-left: 5px;
}
.dectable tr {
  border-bottom: 1px dashed grey;
}
.dectable tr:hover td {
  background-color: #fffe92 !important;
}

.decitem {
  text-align: left;
  width: 60%;
  font-size: 14px;
}

.decResponse {
  text-align: center;
}
.decResponse input[type=radio] {
  display: none;
}
.decResponse label {
  display: inline-block;
  background-color: #ddd;
  padding-left: 40px;
  padding-right: 40px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  cursor: pointer;
  margin: 4px 15px;
  border: 1px dashed #666;
  border-radius: 30px;
  color: #000000;
}
.decResponse input[type=radio]:checked + label {
  background-color: #2f3639;
  color: #fff;
}

.prevDecLink {
  padding-bottom: 10px;
  color: #00f;
  text-decoration: underline;
  display: inline-block;
}

.prevDecHeading {
  color: #00f;
  text-decoration: underline;
}

.profileImage {
  text-align: center !important;
}

.selection-text {
  display: block;
  font-size: 16px;
  height: 75px;
  overflow-wrap: normal;
  padding-bottom: 20px;
  text-align: left;
}

.selection-bg {
  font-size: 90px;
  padding: 0;
  color: #000000;
}

.selection-text {
  display: block;
  font-size: 22px;
  height: 75px;
  overflow-wrap: normal;
  padding-bottom: 20px;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
}

.selection-footer {
  background-color: #fff;
  border-top: 1px dashed #ddd;
  padding: 10px 15px;
}

.selectionHeader {
  color: #000000;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.selection-btn {
  margin: 0;
  border: 1px solid #26835B;
  background-color: #26835B;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  min-height: 190px;
  box-sizing: border-box;
  text-align: left;
  padding: 10px 5px 0 10px;
  white-space: normal;
}
.selection-btn:hover {
  color: #fff;
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385);
}
.selection-btn span {
  color: #fff;
  font-size: inherit;
}
.selection-btn .selection-text {
  height: 40px;
  font-size: 25px;
}
.selection-btn .selection-bg {
  font-size: 90px;
  padding: 10px;
  opacity: 0.1;
  color: #fff;
}

.selection-btn:hover .selection-text, .selection-btn:hover .selection-bg {
  color: #fff;
}

.selection-text {
  text-align: left;
  font-size: 18px;
  display: block;
  padding-bottom: 20px;
  height: 75px;
  word-wrap: normal;
  letter-spacing: -0.8px;
  font-weight: 700;
  line-height: 24px;
}

.selection-bg {
  font-size: 90px;
  padding: 0;
}

.selection_box {
  background-color: #fff;
  padding: 5px 25px;
  margin-bottom: 15px;
  text-align: center;
}
.selection_box > .sectionHeader {
  margin-bottom: 20px;
}
.selection_box h1 {
  color: #000000;
  margin-top: 0;
}

.password_box {
  background-color: #fff;
  padding: 5px 25px;
  margin-bottom: 15px;
  text-align: left;
}
.password_box > .sectionHeader {
  margin-bottom: 20px;
}
.password_box h1 {
  color: #000000;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .selection_box h2 {
    font-size: 18px;
    font-weight: 400;
  }
  .selection-btn span {
    color: #fff;
    font-size: inherit;
  }
}
.docCount {
  float: left;
  position: absolute;
  bottom: 10px;
  padding: 0px 0px 0 15px;
  font-size: 17px !important;
  color: #7db59d !important;
}

.company-location-name {
  font-size: 17px !important;
  color: #7db59d !important;
}

.datepicker.dropdown-menu {
  color: #fff;
}

.datepicker th {
  color: #fff !important;
  text-align: center !important;
}

.bootstrap-datetimepicker-widget {
  color: #fff !important;
  overflow: visible;
  display: block;
  font-size: 18px;
  text-align: center;
}

.bootstrap-datetimepicker-widget {
  width: 250px !important;
  z-index: 99999;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget table,
.bootstrap-datetimepicker-widget table thead,
.bootstrap-datetimepicker-widget table tbody {
  font-family: "Roboto Condensed", sans-serif !important;
  background-color: #C1C2C4 !important;
  color: #404040 !important;
}

.bootstrap-datetimepicker-widget .table-condensed thead,
.bootstrap-datetimepicker-widget .table-condensed thead tr th {
  color: #000000 !important;
  background: #C1C2C4;
  font-size: 14px;
}

.bootstrap-datetimepicker-widget .table-condensed thead tr th,
.bootstrap-datetimepicker-widget .table-condensed tbody tr td {
  text-align: center !important;
  vertical-align: middle !important;
}

.bootstrap-datetimepicker-widget .table-condensed tbody tr td a {
  color: #000000 !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #26835B;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: none;
}

@font-face {
  font-family: roboto, sans-serif;
}
.languageFlag {
  display: inline-block;
  max-width: 50px;
  border: none;
  padding: 5px;
}

.language_btn, .search-btn {
  float: right;
}

.Selfregistration_box h2, .login_box h2, .newuser_box h2, .passwordreminder_box h2, .selection h2, .support_box h2 {
  font-size: 24px;
  text-transform: uppercase;
}

.headingClass {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}

label {
  margin-top: 10px;
  text-transform: uppercase;
}

.fixedValue {
  color: #000000;
  font-weight: 400;
  margin: 7px;
}

.hrwlResponse {
  display: table;
  border: 1px solid #C1C2C4;
}

.hrwlResponse input[type=checkbox] {
  display: none;
}
.hrwlResponse label {
  display: inline-block;
  background-color: #ddd;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  cursor: pointer;
  margin: 4px 10px 0 0;
  border: 1px solid #666;
  border-radius: 30px;
  color: #000000;
  height: 30px;
  width: 30px;
}
.hrwlResponse input[type=checkbox]:checked + label {
  background-color: #26835B;
  color: #fff;
}

.uploadLabel {
  color: #000000 !important;
  padding: 10px 0;
  letter-spacing: 1.2px;
  font-weight: 900 !important;
}

body {
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  width: 100%;
  letter-spacing: 0;
  min-height: 100vh;
  position: absolute;
}

body, html {
  height: 100%;
}

h1, h2, h3 {
  margin-bottom: 20px;
  margin-top: 20px;
  text-transform: none;
  font-family: "Roboto Condensed", sans-serif;
}

.admin-body {
  padding-top: 170px;
}

.portal-body {
  margin-top: 160px;
}

.welcome-image {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mandatory {
  color: #000000;
  font-size: 20px;
}

.clr {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 15px;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.front-image {
  position: absolute;
  top: -325px;
  left: 0;
}

.title_area {
  display: table;
  position: relative;
  margin-left: 0;
  padding-left: 20px;
  height: 330px;
  background-color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
}

.title {
  display: table-cell;
  vertical-align: middle;
}

.title_main {
  background-color: #000000;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
}

.title_sub {
  background-color: unset;
  color: #000000;
  font-size: 30px;
  padding-top: 10px;
  text-transform: uppercase;
}

.boxshadow::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  width: 70%;
  left: 15%;
  height: 100px;
  bottom: 0;
}

.newuser_box {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  margin-bottom: 15px;
  margin-top: 0px;
}
.newuser_box h2 {
  color: #000000;
  font-weight: 400;
  font-size: 24px;
  background-color: unset;
}
.newuser_box p {
  color: #000000;
}

.support_box {
  background-color: transparent;
}
.support_box a {
  color: #000000;
}
.support_box p {
  color: rgba(255, 255, 255, 0.6);
}
.support_box strong {
  color: rgba(255, 255, 255, 0.6);
}
.support_box h2 {
  color: #FFCC00;
  font-weight: 400;
  font-size: 24px;
  background-color: unset;
}

.Selfregistration_box {
  background-color: #fff;
  padding: 15px 25px;
  margin-bottom: 15px;
}
.Selfregistration_box label {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
}
.Selfregistration_box h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 400;
  text-align: left;
}

.passwordreminder_box {
  background-color: transparent;
}
.passwordreminder_box label {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
}
.passwordreminder_box p {
  color: #000000;
}

.Selfregistration_box p, .login_box p, .newuser_box p, .passwordreminder_box p, .support_box p {
  font-size: 16px;
}

.passwordreminder_box h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 400;
  text-align: left;
}

.function-option {
  padding-bottom: 20px;
}

.induction-selection {
  max-width: 400px;
}
.induction-selection > .cell-panel > .panel-body {
  min-height: 240px;
  background-color: #C1C2C4;
}
.induction-selection .panel-footer {
  height: 65px;
}

.induction-title {
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
}

.induction-completed {
  background-color: #26835B;
  color: #fff;
  border-radius: 0;
}

.induction-incomplete {
  background-color: #6D6E71;
  color: #fff;
  border-radius: 0;
}

.induction-expired {
  background-color: #ba000d;
  color: #fff;
  border-radius: 0;
}

.cell-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-flow: row wrap;
}

.transparent {
  opacity: 0;
}

header {
  background: #fff none repeat scroll 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46);
  z-index: 100;
  padding-left: 35px;
}

.alert-danger {
  padding: 10px;
  font-size: 16px;
  border-radius: 0;
}

.alert-success {
  padding: 0;
  font-size: 16px;
}

.alert-style {
  display: inline-flex;
  margin-bottom: 5px !important;
}
.alert-style > .glyphicon-alert {
  margin-left: 5px;
  margin-right: 5px;
}

.alert-style {
  padding-left: 5px;
}

.glyphicon-alert {
  padding-left: 0px;
}

.alert-style, .glyphicon-alert {
  color: #ba000d;
  font-size: 16px;
}
.alert-style > .glyphicon, .glyphicon-alert > .glyphicon {
  padding-right: 5px;
}

.pagination {
  padding-right: 10px;
  padding-left: 10px;
}

.documentTable {
  background-color: #fff;
  font-size: 14px;
}

.cell-panel, .portalLeft, .portalRight {
  background-color: #fff;
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  padding: 10px;
  min-height: 185px;
  position: relative;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  overflow: visible;
  font-size: 16px;
}

.emphasiseUsername {
  color: #000000;
}

.helper-text {
  font-size: 10.6666666667px;
  padding-left: 10px;
  font-weight: 400;
}

.emphasiseBlink {
  animation: blinker 1s linear infinite;
  color: #000000;
  text-decoration: none;
}
.emphasiseBlink.focus, .emphasiseBlink:hover {
  text-decoration: none;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.profilePicPlaceholder {
  border: none;
  width: 100%;
  max-width: 200px;
  height: auto;
  cursor: no-drop;
}

.accessLevel {
  min-height: 90px;
  font-size: 16px;
  text-transform: uppercase;
}

.pendingRequest {
  color: #a03900;
}

.completeRequest {
  color: #52ad11;
}

.incompleteRequest {
  color: #ba000d;
}

@media screen and (max-width: 992px) {
  .breadcrumb {
    color: #000000;
    background-color: transparent;
    font-size: 23px;
    border-radius: 0;
    border: 0;
    text-align: left;
    display: block;
    white-space: normal;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    min-height: unset;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .header {
    background: #fff none repeat scroll 0 0;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46);
    z-index: 100;
  }
  .accessLevel {
    min-height: unset;
    font-size: 14px;
  }
  .portal-body {
    margin-top: 70px !important;
  }
  .admin-body {
    padding-top: 170px;
  }
  input, select, textarea {
    font-size: 16px !important;
  }
  .title_sub {
    font-size: 20px;
  }
  .title_main {
    font-size: 26px;
  }
  .title_area {
    height: 200px;
  }
  .Selfregistration_box h2, .login_box h2, .newuser_box h2, .passwordreminder_box h2, .selection h2 {
    font-size: 24px;
  }
  .support_box h2 {
    font-size: 20px;
  }
  .Selfregistration_box p, .login_box p, .newuser_box p, .passwordreminder_box p, .support_box p {
    font-size: 16px;
  }
  .input-group-addon {
    font-size: 10px;
    white-space: unset;
    text-align: right;
  }
  .contentWindow {
    padding: 0;
  }
  .header {
    background: #fff none repeat scroll 0 0;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.46);
    z-index: 100;
    padding-left: 35px;
  }
  .alert-danger {
    padding: 10px;
    font-size: 16px;
    border-radius: 0;
    line-height: 20px;
  }
  .alert-success {
    padding: 0;
    font-size: 16px;
    border: 0;
    line-height: 20px;
  }
  .login_box {
    min-height: unset;
  }
  .loginBackground {
    background-image: none;
  }
  .portalLeft .form-group, .portalRight .form-group {
    padding: 0;
  }
  .profilePicPlaceholder {
    border: none;
    width: 100%;
    max-width: 200px;
    height: auto;
    cursor: no-drop;
  }
}
.alert-danger-heading {
  background-color: #d00;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -0.8px;
  padding: 0;
  border: 0;
  border-radius: 0;
}

#errorHeading {
  background-color: red;
}

#errorHeading p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: -0.6px;
}

.thumb-overlay {
  font-size: 16px;
  font-weight: 400;
}

.scheduleInput {
  text-align: center;
}
.scheduleInput input[type=checkbox] {
  display: none;
}
.scheduleInput label {
  display: inline-block;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  cursor: pointer;
  margin: 4px 15px;
  border: 1px dashed #000000;
  color: #000000;
}
.scheduleInput input[type=checkbox]:checked + label {
  background-color: #26835B;
  color: #fff;
}

.site-history {
  background-color: #26835B;
  color: #fff;
}

.site-history-header {
  width: 100%;
  font-size: 14px;
  border-style: 2px dashed #C1C2C4;
  margin-top: 30px;
}
.site-history-header > caption {
  padding-left: 10px;
}

.user-access {
  margin-top: 30px;
  border: 1px dashed #ba000d;
  background-color: #fff;
}

.user-access-title-red {
  font-size: 18px;
  margin-top: 10px;
  color: #ba000d;
}

.user-access-title-green {
  font-size: 18px;
  margin-top: 10px;
  color: #26835B;
}

#roleDiv > div:nth-child(n+3), #waDiv > div:nth-child(n+3) {
  margin-top: 10px;
}

.warning-note {
  padding-top: 10px;
  color: #ba000d;
  font-weight: 400;
}

.force-white {
  color: #fff;
}

.carousel-control {
  display: none;
}

.noPadding {
  padding: 0;
}

.noBottomPadding {
  padding-bottom: 0;
}

.tenBottomPadding {
  padding-bottom: 10px;
}

.noLeftPadding {
  padding-left: 0;
}

.guidanceNotes {
  margin-top: 15px;
  animation: fadeIn linear 0.5s;
  -webkit-animation: fadeIn linear 0.5s;
  -moz-animation: fadeIn linear 0.5s;
  -o-animation: fadeIn linear 0.5s;
  -ms-animation: fadeIn linear 0.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.IPASS {
  top: 40px;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #6D6E71;
  letter-spacing: 1px;
}

@media screen and (max-width: 500px) {
  .IPASS {
    display: none;
  }
}
.alertLink {
  color: #a94442;
  text-decoration: underline;
}

.alertLink:hover {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
  text-decoration: underline;
}

.docPill > .docExpired {
  background-color: #ba000d !important;
}

.docPill > .docExpired:hover {
  background-color: rgb(135, 0, 9.435483871) !important;
}

.docPill.active > .docExpired {
  background-color: rgb(135, 0, 9.435483871) !important;
}

.docPill > .docApproved {
  background-color: #26835B !important;
}

.docPill > .docApproved:hover {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385) !important;
}

.docPill.active > .docApproved {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385) !important;
}

.docPill > .docPending {
  background-color: #ff6300 !important;
}

.docPill > .docPending:hover {
  background-color: rgb(204, 79.2, 0) !important;
}

.docPill.active > .docPending {
  background-color: rgb(204, 79.2, 0) !important;
}

.vaccination-status div {
  border-radius: 0;
  color: #fff;
  background-color: rgb(135, 0, 9.435483871);
  width: 230px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin: 0;
}
.vaccination-status div > .glyphicon {
  color: #fff;
}

.vaccination-status.active div {
  background-color: rgb(26.5325443787, 91.4674556213, 63.5384615385);
}

.vaccination-status.inactive div {
  background-color: rgb(83.9594594595, 84.7297297297, 87.0405405405);
}

.documentation-area {
  border: 1px dashed black;
  padding: 20px;
}

/*# sourceMappingURL=style.css.map */