:root {
  --color-font-primary:  #1F1F1F;
  --color-blue-dark: #003e86;
  --color-blue: #97C0E3;
  --color-blue-light-grey: #f2f5f8; 
  --color-blue-light: #CCDFF1;
  --color-red: #BD1220;
  --color-orange: #EF7C00;
  --color-green: #6FA535;

  /* Anchors */
  --anchor-color: var(--color-blue-dark);
  /* Buttons */
  --button-primary-background-color: #fff;
  --button-primary-background-color-active: var(--color-blue-dark);
  --button-primary-border-color: var(--color-blue-dark);
  --button-primary-color: var(--color-blue-dark);
  --button-default-background-color: var(--color-blue);
  --button-default-background-color-active: #fff;
  --button-default-border-color: var(--color-blue);
  --button-default-color: #fff;
  /* Header */
  --header-background-color: var(--color-blue-light-grey);
  /* Header - Search input */
  --search-background-color: rgba(0,0,0,.05);
  /* Header - Navbar alphatar */
  --alphatar-background-color: var(--color-blue-dark);
  --alphatar-font-color: #fff;
  /* Header - Navbar dropdown */
  --navbar-dropdown-background-color: #fff; 
  --navbar-dropdown-background-color-hover: var(--color-blue-light-grey);
  --navbar-dropdown-color: var(--color-font-primary);
  --navbar-dropdown-icon-color: rgba(0,0,0,.9);
  /* Course */
  --progressbar-background-color: var(--color-blue-dark);
  /* Course - Grid */
  --course-grid-title-color: var(--color-font-primary);
  --course-grid-card-background-color: #fff;
  /* Course - List */
  --course-list-category-background-color: transparent;
  --course-list-lower-category-background-color: transparent;
  --course-list-category-color: var(--color-font-primary);
  /* Course - Rating */
  --course-rating-color: var(--color-font-primary);
  --course-rating-star-color: var(--color-blue-dark);
  /* Admin - Component tiles */
  --tiles-background-color: var(--color-blue-light-grey);
  /* Admin - Navigation sliders */
  --navigation-slider-color: var(--color-blue-dark);
  /* Admin - Panels */
  --colored-info-color: var(--color-blue);
  --course-stats-background-color: transparent;
  --dashboard-panel-background-color: transparent;
  --dashboard-panel-border-color: var(--color-blue-light);
  /* Admin - Nav pills */
  --navpill-background-color: var(--color-blue-dark);
  --navpill-font-color: #fff;
  /* Admin - Chart */
  --chart-color-primary: var(--color-blue-dark);
  --chart-color-secondary: var(--color-blue-light);
}

/**
 * Fonts
*/
@font-face {
  font-family: "HandelGothicHevertBold";
  src: url("/assets/fonts/HandelGothicHevert-Bold.ttf") format("truetype");
}

/* @font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansPlain.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
} */

@font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansLight.otf") format("opentype");
  /* font-weight: 300; */
  font-weight: 400;
}

@font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansLight.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansSemiBold.otf") format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansSemiBold.otf") format("opentype");
  font-weight: 700;
}

@font-face {
  font-family: "TheSans";
  src: url("/assets/fonts/thesans/TheSansSemiBold.otf") format("opentype");
  font-weight: 800;
}

/**
 * General settings
*/
html,
body {
    font-family: 'TheSans', sans-serif;
    /* background-image: linear-gradient(var(--color-blue), var(--color-blue-light), #fff); */
    background-color: #d4dee6 !important;
    color: var(--color-font-primary);
}

hr {
    border-color: rgba(0,0,0,.05);
}

/**
 * Anchors 
*/
a:not(.fa), 
a:not(.fa):link, 
a:not(.fa):visited,
a:active,
.btn-link,
.btn-link:focus {
    color: var(--anchor-color);
}

a.link, 
a.link:visited, 
a.link:link,
.ef-anchor-like, 
a.ef-toggle-hidden-section,
.link.ef-session-link,
#ef-login-index div.ef-block-content form div.row #forgot-passwd,
#ef-login-index div.ef-block-footer span.sign-slogan a {
    color: var(--anchor-color) !important;
}

a:hover,
.btn-link:hover,
a.link:hover, 
.ef-anchor-like:hover {
  text-decoration: underline;
    /* border-bottom: 2px solid var(--anchor-color); */
}

/**
 * Buttons 
 * 
 * - btn-primary
 * - btn-default
*/

.btn,
button,
button:focus,
.btn.btn-primary,
.btn.btn-default:not(.note-btn) {
    outline: none !important;
    box-shadow: none;
    border-radius: 0;
}

.media-body-content .btn.btn-danger,
.media.ef-post-body .btn.btn-default,
.media.ef-discussion-message .btn.btn-default,
.btn-info,
.btn-success,
.btn.btn-primary,
a.btn.btn-primary,
.btn-danger,
.btn-warning {
    background-color: var(--button-primary-background-color) !important;
    color: var(--button-primary-color) !important;
    text-transform: none !important;
    padding: 6px 25px;
    border: 2px solid var(--button-primary-border-color) !important;
    font-size: 14px;
    font-weight: bold;
}

.media-body-content .btn.btn-danger:hover,
.media.ef-post-body .btn.btn-default:hover,
.media.ef-discussion-message .btn.btn-default:hover,
.btn-info:hover,
.btn.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-primary:not(.note-btn).active,
.btn-primary:not(.note-btn).focus,
.btn.btn-primary:not(.note-btn):hover {
    background-color: var(--button-primary-background-color-active) !important;
    color: #fff !important;
    text-transform: none !important;
    padding: 6px 25px;
    border: 2px solid var(--button-primary-border-color) !important;
    font-size: 14px;
    font-weight: bold;
}

.btn.btn-default:not(.note-btn) {
    background-color: var(--button-default-background-color) !important;
    color: var(--button-default-color) !important;
    text-transform: none !important;
    padding: 6px 25px;
    border: 2px solid var(--button-default-border-color) !important;
    font-size: 14px;
    font-weight: bold;
}

.btn-default:not(.note-btn).active,
.btn-default:not(.note-btn).focus,
.btn.btn-default:not(.note-btn):hover {
    background-color: var(--color-blue-dark) !important;
    color: var(--button-default-color) !important;
    font-weight: bold;
    border: 2px solid var(--color-blue-dark) !important;
}

.ef-grid-clear-filter .btn-default {
  padding: 1px 5px;
}

/* Toggle buttons */
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.ef-dashboard-header .ef-dashboard-content .btn-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}

/**
* Header
*/
#ef-navbar {
  background-color: var(--header-background-color) !important;
}

#ef-navbar > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ef-navbar > .container::before,
#ef-navbar > .container::after {
  display: none;
}

#ef-navbar .container .navbar-collapse {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #ef-navbar .container ul.nav.navbar-nav {
      top: 0 !important;
  }
  .navbar-inverse .navbar-collapse {
      border: 0 !important;
  }
}

/**
 * Header - Breadcrumb 
 * 
 * - Remove padding, box-shadow
*/
.breadcrumb-x ol.breadcrumb,
.breadcrumb-x .container .ef-breadcrumb {
    padding-left: 0 !important;
}

div.breadcrumb-x {
    box-shadow: none;
    background-color: var(--color-blue-light-grey) !important;
}

@media(min-width: 768px) {
    .breadcrumb-x .container .ef-breadcrumb {
        padding-left: 5px;
    }
}

/* Hotline */
div.breadcrumb-x .hotline-button {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  font-weight: bold;
  padding-top: 8px;
}

div.breadcrumb-x .hotline-button .fa-phone:before {
  font-size: 20px;
}

/**
 * Header - Navbar alphatar  
*/
.avatar-special-img:not(#avatar),
.img-thumbnail {
    background-color: var(--alphatar-background-color) !important;
    box-shadow: none !important;
}

.img-placeholder.alphatar .img-thumbnail:not(img):after {
    color: var(--alphatar-font-color) !important;
}

.user-preferences div.img-placeholder.navi div.img-overlay div.img-thumbnail:after {
  line-height: 30px !important;
}

/* 
 * Header - Navbar Dropdown
*/

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: var(--navbar-dropdown-background-color) !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: var(--navbar-dropdown-background-color-hover);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li *.dropdown-text,
#ef-navbar .container ul.nav.navbar-nav > li.open > button, 
#ef-navbar .container ul.nav.navbar-nav > li.open > button:hover {
    color: var(--navbar-dropdown-color);
}

#ef-navbar .container ul.nav.navbar-nav > li > a, 
#ef-navbar .container ul.nav.navbar-nav > li > button {
    color: var(--navbar-dropdown-icon-color);
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item > span.label,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav > li > a:active {
    color: var(--color-font-primary);
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li a[href^='#'] {
  border-radius: 0;
  display: flex;
  align-items: center;
}

#ef-navbar .container ul.nav.navbar-nav li a {
  margin: 8px 0 0;
}

#ef-navigation > li > a,
#ef-navigation > li > a:hover {
  color: var(--color-blue-dark) !important;
  display: flex;
  align-items: center;
}

#nav-gamification-points .fa {
  color: var(--color-blue-dark);
}


/* Divider */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    background-color: var(--navbar-dropdown-background-color-hover);
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    color: var(--navbar-dropdown-background-color-hover);
    border: 0;
}

/* Icons */
.fa-heart {
  background: transparent url('/assets/images/heart.svg') no-repeat center center;
}

.fa-comments-o {
  background: transparent url('/assets/images/notifications.svg') no-repeat center center;
}

.fa-bell-o {
  background: transparent url('/assets/images/bell.svg') no-repeat center center;
}

.fa-bell-o,
.fa-heart,
.fa-comments-o {
  background-size: contain;
  width: 20px;
  height: 20px;
}

.fa-bell-o:before,
.fa-heart:before,
.fa-comments-o:before {
  content: '';
}

/**
 * Label, Icons
 * 
 * - Label background color
 * - Course unit passed
*/

.ef-label-tags a, 
.ef-label-tags a:hover, 
.ef-label-tags a:link, 
.ef-label-tags a:active, 
.ef-label-tags a:visited {
    color: #fff !important;
}

.label-ef-starts-at   { background-color: var(--color-blue-dark); }
.label-ef-pending     { background-color: var(--color-blue-dark); }
.label-ef-expired     { background-color: var(--color-blue-dark); }
.label-ef-depends     { background-color: var(--color-blue-dark); }
.label-ef-ends-at     { background-color: var(--color-blue-dark); }
.label-ef-ended-at    { background-color: var(--color-blue-dark); }
.label-ef-started     { background-color: var(--color-blue-dark); }
.label-ef-finished    { background-color: var(--color-blue-dark); }
.label-ef-completed   { background-color: var(--color-blue-dark); }
.label-ef-failed      { background-color: var(--color-blue-dark); }
.label-ef-cancelled   { background-color: var(--color-blue-dark); }
.label-ef-expires     { background-color: var(--color-blue-dark); }
.label-ef-roster      { background-color: var(--color-blue-dark); }
.label-ef-curriculum  { background-color: var(--color-blue-dark); }
.label-ef-test        { background-color: var(--color-blue-dark); }
.label-success        { background-color: var(--color-blue-dark); }

.alert.alert-warning {
    background-color: var(--color-blue-dark) !important;
}

.alert.alert-warning a {
    color: #fff !important;
}

.ef-new-feature-alert,
.alert-info {
    color: #fff;
    background-color: var(--color-blue-dark) !important;
    border-color: var(--color-blue-dark) !important;
}

.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a {
    color: #fff !important;
}

.alert-warning hr,
.alert-info hr {
  border-top-color: #fff;
}

/**
 * Course - Grid
 * 
 * - Title
 * - Card background
*/

.ef-card-entries .ef-card .ef-card-wrap {
  border-radius: 2px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
  color: var(--course-grid-title-color);
  font-weight: bold;
  font-size: 14px;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
  background-color: var(--course-grid-card-background-color);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
  color: var(--color-blue-dark);
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 0;
}

/**
 * Course - Detail
*/

.ef-dashboard .ef-dashboard-header .row > .col-sm-9 {
  padding-left: 15px;
}

.ef-dashboard-header .ef-main-action-button .btn {
  font-size: inherit;
  vertical-align: text-bottom;
  font-size: 14px !important;
}

.ef-dashboard-header .ef-category-name {
  color: var(--color-blue-dark);
  font-weight: bold;
  font-size: 14px;
}

.ef-dashboard-header .ef-course-name {
  color: var(--course-grid-title-color);
  font-weight: bold;
  font-size: 20px;
}

#ef-description * {
  font-size: 14px !important;
}

.ef-unit-tree .active-content {
  background: var(--color-orange);
}

.ef-main-action-button .btn {
  border-color: var(--color-orange) !important;
  color: var(--color-orange) !important;
  background-color: #fff !important;
}

.ef-main-action-button .btn:hover {
  border-color: var(--color-orange) !important;
  color: #fff !important;
  background-color: var(--color-orange) !important;
}

.ef-dashboard-header .content-title-style {
  font-size: 20px;
}

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry,
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd) {
    background-color: var(--color-blue-light-grey) !important;
}

.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 {
  color: var(--color-blue-dark) !important;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
  color: var(--color-green) !important;
}

.ef-unit-tree ul.ef-courses-list .ef-expand-collapse-handle {
  color: var(--color-blue-dark);
}

/**
 * Course
 *
 * - Course toggle
 * - Progressbar
*/

.ef-my-courses-controls .ef-my-courses-toggle-view.active {
  color: var(--color-blue-dark);
}

.progress {
  background-color: rgba(0,0,0,.05) !important;
}

*.progress .progress-bar.progress-bar-success {
  background-color: var(--progressbar-background-color);
  box-shadow: none;
}



/* Banner */

#ef-index-page > div:nth-child(3) > div:nth-child(1) {
 background: white;
  padding: 16px;
}

.radio-group-wrapper{
 width: 250px !important; 
}

/* Seats available */

body:not(.ef-user-signed-in) img:not([style])
{
    /*width: 100%;
    min-width: 100%;*/
  width:273px !important;
  height:182px !important;
  margin:auto;
  margin-top:25px;
}

.label.label-ef-starts-at, .label.label-ef-completed, .label.label-ef-ended-at {
 margin-top: 37px!important; 
}

body:not(.ef-user-signed-in) .ef-card-entries .ef-card .ef-card-wrap div.thumbnail img {
	width: auto !important;
}

/* div.ef-block table.iconTable td.iconData:hover {
    cursor: pointer;
    background:#f2f5f8;
    border-radius: 3px;
} */

nav#custom-index-navbar div.navbar {
	margin: 0;
}

#footer .pull-left .link {
	margin-right: 8px;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
  overflow: inherit;
}

/* ul#ef-navigation > li > a {
  color: #003e86 !important;
} */

div#content-title-row > div.content-title-style > div.text-right-responsive > span > a.ef-handle-label.ef-handle.btn.btn-default.btn-sm {
	display: none;
}

 div#content-title-row > div.content-title-style > div.vcenter {
  padding-bottom: 7px; 
 }

.custom-location {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #454545;
  margin: auto 10px 10px auto;
  height: 25px;
  line-height: 25px;
  
}

/* #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
	background: lightgrey;
  color: black !important;
}

#ef-navbar .dropdown-menu {
    background: white !important;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
  background: white;

}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a.dropdown-item {
	color: #444;
} */

#new-no-content {
 width: 200px;
  height: auto;
}

/*     LEANER ROW ENTRY HEAD      */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
 background-color: #003e86!important; 
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover, a.ef-toggle-hidden-section, ul.customTabs > li.active > a, .ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
 color: #003e86!important; 
}


html.popup body {
	background-image: none!important;  
}
/* 
body:not(.ef-user-signed-in) #ef-navbar .container .navbar-header .ef-navbar-logo img{
      max-width: 200%!important;
    max-height: 200%!important;
  width: auto!important;
  height: 160%!important;
}

body #ef-navbar .container .navbar-header .ef-navbar-logo img {
 width: auto!important; 
} */

body:not(.ef-user-signed-in) li.active > a {
  display: none!important;
}

#intro-text-begin {
 margin-top: 35px; 
}

body:not(.ef-user-signed-in) .col-md-9 .ef-block-content {
 padding-top:  25px;
}

#intro-header {
 font-size: 30px!important; 
}

#forgot-passwd, .ef-saml-login, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a {
  color:  #003e86!important; 
}

/* body.ef-user-signed-in
{
  background-color:#d4dee6;
} */

/* #ef-navbar .container .navbar-header .ef-navbar-logo img {
    width: 100%!important;
  	-webkit-width: 50%!important;
    height: 100%!important;
    padding: 0px;
} */

/* #ef-navbar
{
   background-color: rgba(255,255,255,0.7);
  height:69px;
} */

/* .breadcrumb-x {
   background-color: rgba(255,255,255,0.7);
} */

/* body.ef-user-signed-in #ef-navbar
{
  background-color:#d4dee6;
} */

/* #ef-navbar .container,
#ef-navbar .container .navbar-collapse
{
  background:none;
}

#ef-navbar .container .navbar-header
{
  padding-top:10px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo
{
  max-width:160px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img
{
  width:160px;
  height:49px;
  padding:0px;
} */

#ef-navbar form.navbar-form > div.form-group > div.input-group
{
  box-shadow:none;
}


#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form span.search-handle,
#ef-navbar form.navbar-form.ef-active .selectize-input,
#ef-navbar form.navbar-form.ef-active span.search-handle,
#ef-navbar form.navbar-form input[type='text']
{
  background-color:#ffffff;
  border:none;
}

/* #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle
{
  background:none;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover
{
  color:#002c71;
}

#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail
{
  background-color:#002c71 !important;
} */

/* div.breadcrumb-x
{
  background-color:rgba(255, 255, 255, 0.3);
  box-shadow:none;
} */

/* body.ef-user-signed-in div.breadcrumb-x
{
  background-color:#d4dee6;
  margin-bottom:15px;
} */

/* div.breadcrumb-x ol.breadcrumb li a
{
  color:#002c71;
} */

div.breadcrumb-x ol.breadcrumb li.active a
{
  font-size:inherit;
}

.breadcrumb > li + li::before
{
  content:">";
  color:#002c71;
}

/* .nav-pills > li.active > a,
.nav-pills > li.active > a:hover
{
  background-color:#002c71;
}

#slider,
#sliderNested
{
  display:none !important;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)::after
{
  display:none;
} */

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active
{
  color:#002c71;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category
{
  margin-top:0px;
  margin-bottom:0px;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head:hover
{
  background-color:#d4dee6;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head:hover
{
  background-color:#d4dee6 !important;
  color:#ffffff;
}

.ef-my-courses ul li .ef-expand-collapse-handle
{
  color:#ffffff;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(n+1) div.ef-entry-head:hover,
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) div.ef-entry-head:hover
{
  background:#ffffff;
}

.ef-my-courses .ef-entry-curriculum-member
{
  color:#d4dee6;
}

a:hover
{
  text-decoration:none;
}

.btn.btn-primary:not(.active),
.btn.btn-primary:not(.active):hover,
.btn.btn-primary:not(.active):focus
{
  background-color:#f78831;
  border-color:#f89c4c #d5762b #d5762b #f89c4c;
}

div.ef-plain.ef-entry-tags{
  position:absolute;
  bottom: 25px;
}

.label.label-ef-starts-at, .label.label-ef-completed, .label.label-ef-ended-at{
 margin-top:0px !important;
}

/**
 * Course - Test
 * 
 * - Panel Heading
 * - Indicator
*/

.panel-primary > .panel-heading {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.ef-question-indicator .ef-question-indicator-current {
  background-color: var(--color-blue-dark) !important;
  border: 2px solid transparent !important;
  color: #fff !important;
}

.ef-question-indicator .ef-question-indicator-done {
  background-color: var(--color-blue-dark) !important;
  border: 2px solid transparent !important;
  color: #fff !important;
  opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
  background-color: #fff !important;
  border: 2px solid transparent !important;
}

/**
 * Calendar 
*/
.fc-col-header-cell,
th.fc-timegrid-axis {
  background-color: var(--color-blue-dark);
}

.fc-daygrid-event-dot {
  border-color: #fff !important;
}

.fc-event,
.fc-v-event,
.fc-h-event {
  background: var(--color-blue-dark) !important;
  background-color: var(--color-blue-dark) !important;
  border-color: var(--color-blue-dark) !important;
}

a.fc-event {
  color: #fff !important;
}

.fc-theme-standard td.fc-day-today {
  background-color: rgba(0,0,0,.1) !important;
}

/* Form */
.form-control {
  border-radius: 0;
}

/**
 * Tables 
*/
table:not(.iconTable),
table th  {
    background: rgba(255,255,255,.8);
}

.sortedTable tr.oddRowColor {
    background-color: rgba(0,0,0,.02);
}

.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover {
    background: rgba(0,0,0,.05);
}

/* Landing Page */
.section-sessions article.course.session h4,
.section-courses article.course.catalog h4 {
    max-height: 65px;
    line-height: 120%;
}

/**
 * Admin - Component tiles 
*/
div.ef-block table.iconTable td.iconData:hover {
    background-color: var(--tiles-background-color);
}

/** 
 * Admin - Navigation sliders 
*/
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after {
    border-color: var(--navigation-slider-color);
}

#slider,
ul.customTabs .slider,
#sliderNested {
    background: var(--navigation-slider-color);
}

div.tabs-ruler hr,
div.tabs-ruler-special > hr {
    display: none;
}

ul.customTabs > li.active > a,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
    color: var(--navigation-slider-color);
}

.tabulizedList a:hover,
.nav.customTabs a:hover {
  text-decoration: none !important;
}

/** 
 * Admin - Panels
 * 
 * - Course stats
 * - Preview-Box Mini
 * - Dashboard Panel
*/
.colored-info {
  color: var(--colored-info-color);
}

.panel {
  box-shadow: none;
  border-radius: 0;
}

.ef-dashboard-header .ef-preview-box-course-stats {
  background: var(--course-stats-background-color);
  padding: 15px;
}

.ef-preview-box-mini {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-header,
.ef-preview-box-mini .ef-info-header {
  margin-top: 0;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-text,
.ef-preview-box-mini .ef-info-text {
  margin-top: 5px;
}

.dashboard-panel .panel,
.dashboard-panel .panel-body {
  background-color: var(--dashboard-panel-background-color) !important;
}

.dashboard-panel .panel-default,
.ef-preview-box,
.ef-preview-box-mini,
.ef-preview-box-course-stats {
  border-color: var(--dashboard-panel-border-color);
}

/**
 * Admin - Nav pills 
*/
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    background-color: var(--navpill-background-color);
    color: var(--navpill-font-color) !important;
}

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    background-color: var(--navpill-background-color);
    color: var(--navpill-font-color) !important;
}

.nav-pills.nav-stacked {
    background-color: rgba(0,0,0,.05);
    border-right: 0;
}

/**
 * Admin - Charts
*/
[fill='#67b7dc'] {
  fill: var(--chart-color-primary) !important;
}

[stroke='#67b7dc'] {
  stroke: var(--chart-color-primary) !important;
}

[fill='#009688'] {
  fill: var(--chart-color-secondary) !important;
}

[stroke='#009688'] {
  stroke: var(--chart-color-secondary) !important;
}
  
 #ef-search-bar {
  	z-index: 0 !important;
  }
  
  .searchDivRight {
  background-color: white;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#003E86;border-color:#003E86;}