body {
  background-color: #283340;
  border-radius: 0px;
  background-image: url("https://elearning.rosenbauer.com/template_rosenbauer/2017-eleaning_oktober.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.95;
  background-size: cover;
}

/* Dashboard */
#widgetGrid .widget a[href*='/MagnificentCatalog'],
#widgetGrid .widget a[href*='/courses'],
#widgetGrid .widget a[href*='/curriculums'],
#widgetGrid .widget a[href*='/SessionManagement/p/customSessions'],
#widgetGrid .widget a[href*='/users'],
#widgetGrid .widget a[href*='/MatrixReport'],
#widgetGrid .widget a[href*='/SupervisorCalendar'] {
  display: flex;
  flex-direction: column-reverse;
}


#widgetGrid .widget a[href*='/MagnificentCatalog'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/courses'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/curriculums'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/SessionManagement/p/customSessions'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/users'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/MatrixReport'] > .widgetHeadingWrapper,
#widgetGrid .widget a[href*='/SupervisorCalendar'] > .widgetHeadingWrapper {
  margin: 0 auto;
}

#widgetGrid .widget .LinkWidgetSize1 {
  justify-content: center;
}

.btn.btn-primary.ef-switch-account-dashboard {
  background-position: center;
}

.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="student"] {
  background-image: url('/assets/images/dashboard-account-learner.png') !important;
}

.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="administrator"] {
  background-image: url('/assets/images/dashboard-account-supervisor.png') !important;
}

.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="instructor"]{
  background-image: url('/assets/images/dashboard-account-trainer.png') !important;
}
.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="supervisor"]{
  background-image: url('/assets/images/dashboard-account-supervisor.png') !important;
}

.ef-completed-button,
.label-ef-completed {
  background-color: #69b908;
}

.ef-unit-tree .active-content,
.ef-unit-tree .active-content {
  background: #fff;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active {
  color: #ffd220;
}

#ef-navigation .fa,
#ef-language-select>button>span,
.user-preferences .caret {
  color: black;
}

#ef-search-bar::placeholder,
#ef-navbar form.navbar-form input[type="text"] {
  color: white !important;
}

#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form.ef-active #searchDiv {
  background-color: white;
}

.searchDivRight {
  display: none;
}

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

#communication span {
  color: grey;
}

.ef-breadcrumb a:link,
.ef-breadcrumb a:visited {
  color: #ffffff;
}

.searchDivCenter {
  color: #ffffff;
}

html {

  height: 100%
}

html.popup,
html.popup body {
  background-color: #ffffff !important;
  background-image: none;
}



.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
  color: rgba(246, 168, 0, 1);
}

div.ef-block table.iconTable td.iconData:hover {
  background-color: #f0f1f4;
  border-radius: 0px;
  /* border-style: solid; */
}

.btn-default:hover {

  background-color: rgb(246, 168, 0);
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
  color: #000000;
  background-color: #313b48;
  border-color: #adadad;
}

.ef-dashboard-header .ef-course-rating-options i {
  color: #fbcb00;
}

.colored-info {
  color: #f0a607;
}

div.alert.alert-warning {
  background-color: #ef1616;
}

.ef-custom-block {
  background-color: rgba(234, 160, 3, 1);
  color: #ffffff;
  margin-top: -5px !important;
}




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

.themes-row {
  border-radius: 0px;
}

div.ef-block {
  border-radius: 0px;
}

.btn {
  border-radius: 0px;
}

.breadcrumb a {
  color: #ffffff;
}

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

/*Box Titles*/
div.block .title {
  background: #FFF;
  border: 4px solid #ccc;
  border-bottom: 0px;
  position: relative;
  top: 8px;
}

/*Box Content*/
div.block .content {
  border: 4px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  /*shadow*/
  border-radius: 8px;
}

/*Handle in a different way blocks within a block*/
div.block div.block .content {
  border: 0px;
}

/*Hide top left radious when then block has a Header*/
div.block .blockHeader~.content {
  border-top-left-radius: 0px;
}

/*Consistency with toolbars*/
div.block .toolbar {
  border: 4px solid #ccc;
  border-bottom: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Hide radious on box after a toolbar*/
div.block .toolbar~.content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 0px;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
div.breadcrumb-x {
  background-color: #283340;
  border-color: #283340;
}
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn.btn-primary {
  background-color: #f6a800;
  border-color: #f6a800;
}
div.breadcrumb-x {
  background-color: #283340;
  border-color: #283340;
}
#ef-navbar {
  background-color: #ffffff;
  border-color: #ffffff;
}
#ef-navbar .container ul.nav.navbar-nav>li>a:hover,
#ef-navbar .container ul.nav.navbar-nav>li>a:active {
  color: #e1101c;
}
#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle {
  color: #283340;
}
#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form input[type='text'],
#ef-navbar form.navbar-form span.search-handle {
  border-color: #283340;
  background-color: #fdfeff;
  border-radius: 0px;
}
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0);
  border: #283340;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px;
}
.btn.btn-primary:not(.active) {
  background-color: #f6a800;
  border-color: #f6a800;
}
.btn.btn-primary:not(.active):hover {
  background-color: #283340;
  border-color: #283340;
}
#ef-navbar .container ul.nav.navbar-nav>li a.dropdown-toggle .img-thumbnail {
  color: #ffffff;
  background-color: #283340 !important;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #313b48;
}
.label {
  border-radius: 0px;
}
.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link {
  color: #283340 !important;
}
*.progress,
*.progress .progress-bar {
  border-radius: 0px;
  border-color: #69b908;
}
.ef-dashboard-header .ef-main-action-button .btn-success.btn {
  background-color: #69b908;
  border-color: #69b908;
}
*.progress .progress-bar-success.progress-bar {
  background-color: #69b908;
}
div.ef-my-courses-grid.ef-my-courses div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status div.ef-my-courses-progress-bar {
  border-radius: 0px;
}
.ef-dashboard-header .ef-course-rating {
  color: #ff0000;
}
.ef-unit-tree .active-content {
  background: white;
}
.panel-info>.panel-heading {
  color: #ffffff;
  background-color: #283340;
  border-color: #283340;
  border-radius: 0px;
}
.panel-info {
  border-color: #283340;
  border-radius: 0px;
}
.panel-default {
  border-radius: 0px;
}
#ef-toggle-fullscreen {
  color: #ff0000;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0px;
}
.dropdown-menu {
  border-radius: 0px;
}
.select2-container--below.select2-container--open.select2-container--default .select2-selection--single,
.select2-container--below.select2-container--open.select2-container--default .select2-selection--multiple {
  border-radius: 0px;
}
div.ef-catalog-filters form .select2,
div.ef-catalog-filters form .select2-container,
div.ef-catalog-filters form .select2-selection {
  border-radius: 0px;
}
.ef-block {
  background-color: #ffffff;
}
/* Login */
#ef-login-index div.ef-block-footer {
  background-color: rgba(234, 160, 3, 1);
  border-width: 0px;
}
#ef-login-index div.ef-block-content form div.row #forgot-passwd {
  color: #283340;
}
#ef-login-index div.ef-block-footer span.sign-slogan a {
  color: #ffffff;
}
#ef-login-index .two-column-login {
  display: flex;
  flex-wrap: wrap;
}
#ef-login-index .two-column-login>div {
  width: 100%;
}
#ef-login-index .two-column-login>div:last-of-type {
  margin: 20px 0 0;
}
div.ef-block {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  border-color: #283340;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 51, 64, 0.6);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(40, 51, 64, 0.6);
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 51, 64, 0.6);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(40, 51, 64, 0.6);
}
.selectize-input focus {
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 51, 64, 0.6);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(40, 51, 64, 0.6);
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #2995d1;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head:hover {
  background-color: #f6a800;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #b9babb;
}
.ef-my-courses ul li .ef-my-courses-progress-bar {
  border-radius: 0px;
}
.selectize-control.multi .selectize-input>div {
  background: #2995d1 !important;
}
.ef-my-courses ul li.ef-my-courses-category>div.ef-entry-head span.ef-entry-name {
  font-size: 16px;
}
.ef-my-courses ul li.ef-my-courses-category>div.ef-entry-head .ef-expand-collapse-handle {
  color: #283340;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #ffffff;
}
.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 span.ef-entry-name a.ef-entry-link {
  color: #283340;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #ccc;
}
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
  color: #df9b06;
}
.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: #df9b06;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head:hover {
  background-color: #d0d0d0;
}
.panel-primary {
  border-color: #ffffff;
  border-radius: 0px;
}
.panel-primary>.panel-heading {
  color: #fff;
  background-color: #eba203;
  border-color: #eba203;
  border-radius: 0px;
  font-weight: bold;
  font-size: 16px;
}
div.modal div.modal-dialog div.modal-content div.modal-header {
  padding: 14px 15px;
  background-color: #eba203;
  border-bottom: 1px solid ##eba203;
}
#ef-navbar .container ul.nav.navbar-nav>li>a:hover,
#ef-navbar .container ul.nav.navbar-nav>li>a:active {
  color: #e09b06;
}
#ef-navbar .container ul.nav.navbar-nav>li>a,
#ef-navbar .container ul.nav.navbar-nav>li>a:visited {
  color: #283340;
}
#ef-navbar .container ul.nav.navbar-nav>li>a:hover,
#ef-navbar .container ul.nav.navbar-nav>li>a:active {
  color: #e09b06 !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover {
  background-color: #eba203;
  color: #f4f5f5;
}
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
  border-width: 0px;
}
#ef-navbar .container ul.nav.navbar-nav>li a.dropdown-toggle .img-thumbnail:hover {
  background-color: #e19d06 !important;
  border-color: #e19d06 !important;
  box-shadow: 0px 0px 2px 1px rgba(20, 20, 20, 0.2);
}
a.msg:hover {
  background-color: #df9b06 !important;
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header:hover {
  color: #ffffff !important;
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg footer:hover {
  color: #ffffff !important;
}
li.show-all:hover {
  background-color: #df9b06 !important;
}
#ef-login-index div.ef-block-footer span.sign-slogan a {
  color: #e09b06;
  text-decoration: underline;
}
#ef-login-index div.ef-block-footer span.sign-slogan {
  font-size: 20px;
}
#ef-login-index div.ef-block-footer span.sign-slogan a {
  font-size: 20px;
  color: #ffffff;
}
#ef-login-index div.ef-block-footer span.sign-slogan a:hover {
  font-size: 20px;
  color: #283340;
}
#ef-navbar .container .navbar-header .ef-navbar-branch-name {
  display: none;
}
a.link.more-less-link {
  color: #d70715 !important;
  font-size: 20px;
  text-transform: uppercase;
}
.label-ef-starts-at {
  background-color: #64acd5;
}
.searchDivRight {
  background-color: #313b48 !important;
}
#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form input[type='text'],
#ef-navbar form.navbar-form span.search-handle {
  background-color: #313b48;
}
.ef-active>.input-group>.searchDivRight {
  background-color: gainsboro !important;
}
/* Course */
#ef-description-short,
.ef-course-description .description-shortened {
  display: none !important;
}
.ef-course-description #ef-description-full {
  display: block !important;
}
#ef-description .view-more-btn,
#ef-description .more-less-link {
  display: none !important;
}
html.new-ui-html:root{--c-brand-primary:#ffffff;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;}