:root {
    --custom-blue: #00a3e5;
    --custom-red: #e5231b;
}

@font-face {
    font-family: "NeueHaasGrotesk";
    src: url("/assets/fonts/NeueHaasGroteskTextW05-55Rm.ttf");
}

html.popup body {
    background-image: none!important;
}

#ef-login-index div.ef-block-footer {
    background-color: white;
}

#forgot-passwd{
 color: black !important;
  text-decoration: underline;
}
.ef-question-panel>.panel-heading{
  background-color: #009e3d;
}

body{
  font-family: 'NeueHaasGrotesk';
  background-color: white !important;
}
.avatar-special-img:not(#avatar),
.img-thumbnail {
    background-color:#009e3d !important;
}
#ef-navbar .container ul.nav.navbar-nav #communication a.dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.dropdown-menu {
  background-color: #e5231b !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a {
  background-color: #E5231B !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li:hover {
  background-color: #E5231B !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover{
  background-color: #E5231B !important;
  opacity: 0.75 !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li.divider:hover {
  background-color: #2A3542 !important;
}
#ef-navbar{
  background-color:#00a3e5 !important;
}
#ef-navbar form.navbar-form {
  padding: 11px 0px;
}
#userNavBar {
  padding-top: 11px;
}
div.breadcrumb-x {
   background-color:#00a3e5 !important;
}
.footer{
  background-color:#00a3e5 !important;
}
.inner-footer a{
  background-color:#00a3e5 !important;
}
.iconData:hover{
  background-color:#fdea00 !important;
}
#ef-navbar form.navbar-form input[type="text"] {
    font-size: 16px;
     font-family: 'NeueHaasGrotesk';
}

#ef-search-bar::-webkit-input-placeholder { /* Edge */
 font-style: normal !important;
  color: white !important;
}
#ef-search-bar:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-style: normal !important;
  color: white !important;
}
#ef-search-bar::placeholder {
  font-style: normal !important;
  color: white !important;
}

#ef-login-index{
  width: 350px;
  margin-top: 130px;
}



    input#ef-search-bar {
        background-color: rgba(0, 158, 61,0.9) !important;
        color: white !important;
    }
 input#ef-search-bar::placeholder {
    color: white !important;
 }

    .searchDivRight {
        display: none!important;
    }

    #searchDiv {
        padding-right: 0!important;
    }

#ef-navbar .container .navbar-header {
    flex-basis: 100%;
}

#ef-navbar .container .navbar-header .ef-navbar-logo {
    padding: 0px;
    margin: 0px;
    display: block;
    height: 100%;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img{
  max-height: 200px !important;
  max-width: 107px !important; 
  padding: 0px !important;
}

.breadcrumb-x ol.ef-breadcrumb {
  padding-left: 132px;
}

.breadcrumb-x .ef-breadcrumb li a {
    color: #fff;
}

.label-success{
 background-color:  #B5A198!important;f
}

.btn{
 background-color: #fdea00 !important;
  border-color: #fdea00 !important;
  color: black !important;
}



html body:not(.ef-user-signed-in)
{
  background-image:url('/assets/images/wa/wa_bg.jpg'); 
  background-size:cover;
  background-attachment:fixed;
  background-position:center center;
  background-repeat:no-repeat;
  height:auto;
  min-height:100%; 
}

.footer {  
   position: fixed;
  z-index: 15;
    bottom: 0;
    width: 100%;
   height: 60px;
  background-color: #69554C;
}

.login-footer {
display: flex;
 height: auto;
 justify-content: space-between;
}

.inner-footer {
display: flex;
 justify-content: flex-end;
align-items: center;
 height: 100%!important;
 color: white!important;
}

 .inner-footer a {
    background-color:#69554C;
  color: white!important;
   text-transform: uppercase;
 }
 .inner-footer p {
  margin: 0!important;
 }

.inner-footer * {
padding: 1vw;
}

/* Buttons */
.btn-danger {
    background-color: var(--custom-red);
}

.btn-primary:hover {
    background-color: var(--custom-blue);
}

.one-column-login .btn-primary {
    width: 35%;
}

/* Forms */
.form-control, .btn-primary {
    border-radius: 0!important;
}

/* Graphs */
[fill="#009688"]
{
    fill: var(--custom-red);
}

[fill="#67b7dc"]
{
    fill: var(--custom-blue);
}

[stroke="#009688"]{
    stroke:var(--custom-red);
}

[stroke="#67b7dc"]
{
    stroke: var(--custom-blue);
}

/* Icon data */
div.ef-block table.iconTable td.iconData:hover {
    background-color: #D7DCE1;
}

/* Labels */
.label-ef-starts-at   { background-color: #f5834c; }
.label-ef-pending     { background-color: #3b87e6; }
.label-ef-expired     { background-color: #656565; }
.label-ef-depends     { background-color: #3c3f9e; }
.label-ef-ends-at     { background-color: #d53b05; }
.label-ef-ended-at    { background-color: #d53b05; }
.label-ef-started     { background-color: #dddddd; }
.label-ef-finished    { background-color: #660d83; }
.label-ef-completed   { background-color: #69b908; }
.label-ef-failed      { background-color: #d53b05; }
.label-ef-cancelled   { background-color: #d53b05; }
.label-ef-expires     { background-color: #656565; }
.label-ef-roster      { background-color: #69b908; }
.label-ef-curriculum  { background-color: #7e54e7; }
.label-ef-test        { background-color: #656565; }

.ef-unit-tree .ef-unit-link.passed, 
.ef-unit-tree .ef-unit-link.passed:hover, 
.ef-unit-tree .ef-unit-link.passed:link, 
.ef-unit-tree .ef-unit-link.passed:active, 
.ef-unit-tree .ef-unit-link.passed:visited,
.success, .passed, .completed {
    color: #32ab41 !important;
}

/* Links */
ul.customTabs > li.active > a {
    color: var(--custom-red)!important;
}

.dashboard-panel a.link,   .dashboard-panel a.link:link,   .dashboard-panel a.link:hover,   .dashboard-panel a.link:visited {
    color: black!important;
}

.ef-dashboard-header .ef-course-rating {
    color: black;
}

.colored-info, #ef-login-index div.ef-block-footer span.sign-slogan a {
    color: var(--custom-red)!important;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
    color: var(--custom-red)!important;
}

.ef-entry-link:hover, .ef-text-editable.ef-unit-link.no-underline:hover   {
    color: var(--custom-red) !important;
}

.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link,
a.ef-toggle-hidden-section,
.more-less-link {
    color: var(--custom-red)!important;
}

/* Courses */
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
    color: var(--custom-red);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: var(--custom-blue);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head > div > span{
    color: white!important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: var(--custom-blue);
}

button.transparent-btn.ef-block-handle.ef-my-courses-toggle-view.active {
    color: var(--custom-red);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    font-size: 1em !important;
}

/* Dropdown */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a,#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content div.no-results{
    color: white!important;
}

#ef-navbar .container ul.nav.navbar-nav > li > a {
    color: white;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover {
    color: white!important;
    background-color: var(--custom-blue);
}

.dropdown-menu > li:hover {
    background-color: var(--custom-blue) !important;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:active {
    background-color: var(--custom-blue);
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
    background-color: var(--custom-blue);
    color: white;
}

#ef-navbar .container ul.nav.navbar-nav #communication a.dropdown-toggle + ul.dropdown-menu {
    background-color: var(--custom-blue);
    color: white;
}


#ef-navbar .container ul.nav.navbar-nav .user-preferences a.dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu {
    background-color: var(--custom-blue);
    color: white;
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: none!important;
}


#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu::after {
    height: 0!important;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu li ul {
    padding: 0!important;
}


#ef-navbar .container ul.nav.navbar-nav > li.user-preferences > a{
    height: 47px;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
div.breadcrumb-x{background-color:#NANNANNAN;border-color:#NANNANNAN;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#69554C;border-color:#69554C;}