/* Imposting Google Font Source Sans Pro*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
/* Adding general rules*/
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  background-color: var(--app-main-background-color) !important;
}
/* General Color Variables - variables adapted from bright br color theme*/
:root {
  --primary-action: #f66a21;
  --primary-action-hover: #f69343;
  --primary-action-active: #f69343;
  --content-background: #ffffff;
  --app-main-background-color: #f5f5f5;
  --font-primary-color: #000000;
  --font-secondary-color: #a3a3a3;
  --font-tertiary-color: #737373;
  --side-menu-main-background-color: #f5f5f5;
  --side-menu-background-color: #ffffff;

  --c-brand-primary: #f66a21;
  --c-brand-secondary: #75bacc;
  --c-site-primary: #ffffff;
  --c-site-secondary: #dddddd;
  --c-brand-success: #6fae18;
  --c-brand-danger: #f95551;
  --c-brand-warning: #f69343;
  --c-brand-info: #0d8094;
  --c-light: #ffffff;
  --c-dark: #000000;
  --c-gray: #dddddd;
  --c-gray-dark: #273444;
  --c-gray-light: #eeeeee;
  --border-radius: 0px;

  /* Connect colors */
  --mango-flame-pea-400: #f69343;
  --mango-flame-pea-500: #f66a21;
  --neutral-new-0: #ffffff;
  --neutral-new-100: #f5f5f5;
  --neutral-new-200: #e5e5e5;
  --yellow-sun-400: #facc15;
}
/* links */
a:link {
  color: var(--font-primary-color);
}
a:hover {
  color: var(--primary-action);
  text-decoration: underline;
}
a:focus {
  outline: none;
}

ul.dropdown-menu {
  letter-spacing: 0;
}
.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link {
  color: var(--mango-flame-pea-500) !important;
  font-weight: 600;
}

.ef-anchor-like,
a.link:hover,
a.link:focus {
  color: var(--mango-flame-pea-400) !important;
}

td.iconData.iconElement:hover {
  background-color: var(--primary-action-hover) !important;
}
.btn-link {
  font-weight: 400;
  color: var(--primary-action);
}
.btn-link:hover {
  color: var(--primary-action);
}
.btn-link:focus {
  color: var(--primary-action);
}
/* Content Block */
/* Admin Area*/
.colored-info {
  color: var(--font-primary-color);
}
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
  color: var(--primary-action);
}
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)::after {
  border-bottom: 0.2em solid var(--primary-action);
}
/* Customer Area*/
div.ef-block {
  border: 0px none;
  border-radius: 0px;
  background-color: var(--content-background);
  padding: 0px;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.07);
  box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.07);
}
.panel {
  margin-bottom: 20px;
  background-color: var(--content-background);
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.07);
  box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.07);
}
/* Navigation */
#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > button {
  color: var(--font-primary-color);
}
.dropdown-item {
  color: var(--font-primary-color);
}
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded='true'] {
  background-color: var(--app-main-background-color);
  border-color: var(--app-main-background-color);
}
#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 {
  color: var(--font-primary-color);
  background-color: var(--neutral-new-0);
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
  background-color: var(--neutral-new-200);
}
.new_ui-bullhorn {
  color: var(--font-primary-color) !important;
  background-color: var(--neutral-new-0);
}
.new_ui-bullhorn button.btn.dropdown-item:hover {
  background-color: var(--neutral-new-100);
}
.new_ui-bullhorn button {
  color: var(--font-primary-color) !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
  background-color: var(--neutral-new-100);
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li:hover > a,
#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:active,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:visited,
#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,
#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 button.dropdown-item,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li .dropdown-text,
.ef-dashboard-header .ef-course-rating {
  color: var(--font-primary-color);
}
.ef-my-courses-controls .ef-my-courses-toggle-view.active {
  color: var(--mango-flame-pea-500);
}
.ef-my-courses-controls .menu-toggle:focus {
  outline-style: none;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
  background-color: var(--neutral-new-200);
  color: var(--font-tertiary-color);
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
  background-color: var(--neutral-new-100);
  color: var(--font-tertiary-color);
}
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle {
  text-transform: none;
  color: var(--font-tertiary-color);
}
.sortedTable tr.oddRowColor {
  background-color: var(--neutral-new-100);
}
.nav-pills.nav-stacked {
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: var(--side-menu-background-color);
  border-right: 0px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: var(--side-menu-main-background-color);
  color: var(--font-primary-color);
  border-left: 2px solid var(--primary-action);
  border-right: 0px;
}
/* Styling Primary Button */
.btn {
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 0px;
  font-weight: 600;
}
/*Main button color*/
.btn.btn-primary,
.btn.btn-primary.btn-sm,
.btn.btn-success.btn-lg.btn-block {
  background-color: var(--mango-flame-pea-500);
  border-color: var(--mango-flame-pea-500);
  color: var(--neutral-new-0);
  text-transform: none;
}
.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover {
  background-color: var(--mango-flame-pea-400);
  border-color: var(--mango-flame-pea-400);
}
/*Main button hover color*/
.btn.btn-primary:hover {
  background-color: var(--primary-action-hover);
  border-color: var(--primary-action-hover);
}
.btn.btn-primary:active {
  background-color: var(--primary-action-active);
  border-color: var(--primary-action-active);
}
/* dropdown button adds*/
.btn-group > a.btn-primary {
  border-right: 1px solid var(--primary-action);
}
.btn-group > .btn-primary.dropdown-toggle {
  border-left: 1px solid var(--primary-action);
  padding-left: 1rem;
  padding-right: 1rem;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary-action-active) !important;
  border: 1px solid var(--primary-action-active) !important;
}

/* Quiz Page */
.panel-primary > .panel-heading {
  color: #fff;
  background-color: var(--primary-action);
  border-color: var(--primary-action);
}
.panel-title {
  color: #fff;
}

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

#ef-navbar form.navbar-form #searchDiv {
  background-color: #fff;
}

aside.alert.alert-warning {
  background-color: var(--mango-flame-pea-400);
}

div.ef-block table.iconTable td.iconData:hover {
  border-radius: 0;
}

td.iconData.iconElement:hover {
  background-color: var(--side-menu-main-background-color) !important;
}
.form-control:focus,
.selectize-input.focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: var(--mango-flame-pea-500);
  border-radius: 0;
}

.form-control {
  border-radius: 0;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover,
#ef-navbar .container ul.nav.navbar-nav > li > button:hover,
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
.ef-unit-tree .ef-entry-head span.ef-entry-name a:hover {
  color: var(--mango-flame-pea-500);
}

.ef-unit-tree .fa {
  color: #536084;
  display: none;
}

.ef-unit-tree .ef-unit-link:hover {
  color: var(--mango-flame-pea-500);
}

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

.label,
ul.customTabs > li,
ul.customTabs > li.active > a,
ul.customTabs > li > a:hover {
  color: var(--mango-flame-pea-500);
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
}

div.ef-tags span.label{
  color: var(--neutral-new-0);
}

ul.customTabs .slider {
  background-color: var(--mango-flame-pea-500);
}

/* Courses List / Page  */

.ef-my-courses ul li.ef-my-courses-category>ul>li:nth-child(2n+2) {
    background-color: #fff;
}
.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-curriculum>div.ef-entry-head {
    background-color: var(--neutral-new-100) !important;
}

.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-category>div.ef-entry-head {
    background-color: var(--neutral-new-100);
}
.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-category>div.ef-entry-head:hover {
    background-color: var(--neutral-new-200);
}

.ef-my-courses ul li.ef-my-courses-category>div.ef-entry-head span.ef-entry-name {
    font-size: 1.6rem;
    color: var(--font-primary-color);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active,
.ef-dashboard-header .ef-course-rating-options .ef-course-rating-stars .fa-star {
  color: var(--yellow-sun-400);
}

.label-ef-curriculum,
.label-ef-completed,
.label-ef-depends {
  background-color: var(--neutral-new-200);
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
div.ef-block,
div.dashboard-panel div.panel-body {
  background-color: #ffffff;
}
div.breadcrumb-x {
  background-color: #ffffff;
  border-color: #ffffff;
}