:root {
  --color-font-primary: #000;
  --color-primary:  #fed417;
  --color-ui-background:  rgba(0,0,0,.05);
}

@font-face {
  font-family: 'Open Sans';
  src: url('/assets/fonts/opensans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Trade Gothic';
  src: url('/assets/fonts/tradegothic/TradeGothicLTPro.woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Trade Gothic';
  src: url('/assets/fonts/tradegothic/TradeGothicLTProBold.woff2');
  font-weight: 700;
}

#ef-navbar .container #ef-logo {
  margin-top: 55px;
  max-width: 140px;
}

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

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

#ef-navigation .dropdown-toggle .fa {
  color: white;
}

#ef-repeat-course-modal a {
  width: initial;
  display: inline-block;
  font-size: 14px;
}

.cc-compliance {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  border: 2px solid white;
  border-radius: 3px;
}

.breadcrumb.pull-right.ef-breadcrumb-handle.col-lg-8 {
  width: 33.333333333%;
}

.cc-btn:hover {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  border: 2px solid white;
  border-radius: 3px;
  background-color: rgb(254, 212, 23) !important;
  color: white !important;
}

.cc-window {
  font-family: 'Open Sans', sans-serif !important;
}

#ef-navbar form.navbar-form input[type="text"] {
  background-color: rgba(122, 122, 122, 0.4);
}

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


.ef-content-area {
  color: #000000;
}

.ef-question-panel .panel-title {
  color: #000;
}

.ef-content-area .btn-default:hover {
  color: #fff !important;
  font-weight: 700;
}

.ef-content-area .btn-default {
  background-color: var(--color-primary) !important;
  font-weight: 700;
}

body:not(.ef-user-signed-in) {
  overflow-x: hidden;
  background-attachment: fixed;
  position: relative;
  background-size: cover;
  margin: 0px;
}

body:not(.ef-user-signed-in)>.container {
  overflow-x: hidden;
}


body:not(.ef-user-signed-in) .breadcrumb-x {
  background: rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

body:not(.ef-user-signed-in) .breadcrumb-x li {
  display: none !important;
}

.searchDivRight {
  display: none;
}

span.search-handle.input-group-addon {
  background-color: #25303D !important;
}

.popup #backgroundDiv {
  background-image: none !important;
  display: none !important;
}

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

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

#register_button {
  margin-left: 10px;

}

.ef-block-footer {
  display: none;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: var(--color-primary) !important;

}

.ef-my-courses-category div {
  color: #000000 !important;
}

#ef-toggle-fullscreen {
  color: #ffffff;
  background-color: var(--color-primary);
}

html {
  height: 100%;
}


body {
  color: #000000;
  font-family: 'Open Sans', sans-serif !important;
}

/* .help-block {
  color: #000000 !important;
} */

body #ef-navbar .container ul.nav.navbar-nav>li>a {
  color: #ffffff !important;
}

.editLink:hover {
  color: #000000;
}

#ef-navbar .container ul.nav.navbar-nav>li>a .fa:hover {
  color: var(--color-primary) !important;
}

#ef-navbar .container ul.nav.navbar-nav>li>a .fa {
  color: #ffffff !important;
}

.btn.btn-default:hover {
  color: var(--color-primary);
}

html.popup body {
  background-image: none;
  background: #ffffff;
}

html body {
  /*background-color:#F5F5F5 !important;*/
  background-image: url('/assets/images/bauakademie/ba_background.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  height: auto;
  min-height: 100%;
  font-family: 'Open Sans', sans-serif !important;

}



#ef-search-bar {
  border-color: #000000 !important;
}

body #ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form span.search-handle {
  border-color: #f2f2f2 !important;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
  border-color: #ffffff !important;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
  border-color: #ffffff !important;
}

.ef-dashboard-icon-label {
  color: #000000 !important;
}

.ef-interval.btn.btn-default.btn-sm.active,
.btn.btn-default.btn-sm.ef-daterange.active {
  border-width: 0px !important;
}

.btn {
  border-width: 0px;
}

.btn.btn-default:hover {
  background-color: #232323;
}

#backgroundDiv {
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  z-index: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow-x: hidden;
}

html body,
body #ef-navbar {
  background-color: #ffffff;
}

div.ef-block table.iconTable td.iconData:hover {
  background-color: rgba(254, 212, 23, 0.6) !important;
}


body a:hover,
body a.link:hover,
body a.link:hover:hover,
body .ef-anchor-like:hover {
  text-decoration: none;

}

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

body #ef-navbar form.navbar-form .selectize-input,
body #ef-navbar form.navbar-form span.search-handle,
body #ef-navbar form.navbar-form.ef-active .selectize-input,
body #ef-navbar form.navbar-form.ef-active span.search-handle {
  background-color: #f9f9f9;

}

body #ef-navbar form.navbar-form .selectize-input,
body #ef-navbar form.navbar-form span.search-handle,
body #ef-navbar form.navbar-form.ef-active .selectize-input,
body #ef-navbar form.navbar-form.ef-active span.search-handle,
body #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content,
body .btn.btn-primary {
  border-color: var(--color-primary);
}

body #ef-navbar .container ul.nav.navbar-nav>li {
  float: left;
}

body #ef-navbar .container ul.nav.navbar-nav>li>a,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .nav-pills>li.active>a,
body .nav-pills>li.active>a:hover,
body .nav-pills>li.active>a:focus,
body .ef-unit-tree .ef-tooltip-toggle,
body .btn.btn-primary {
  color: #434343;
}

body #ef-navbar .container ul.nav.navbar-nav>li>a:hover,
body #ef-navbar .container ul.nav.navbar-nav>li>a:visited,
body #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover,
body #ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa::after,
body ul.customTabs>li.active>a,
body ul.tabulizedList>li.tabulizedElement.selected>a:not(:first-child),
body .ef-my-courses .ef-block-header a.ef-block-handle:hover,
body .ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active,
body .ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
body .ef-my-courses .ef-my-courses-handle-action:hover,
body .ef-my-courses .ef-my-courses-handle-action:focus,
body .ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
body #ef-login-index div.ef-block-content form div.row #forgot-passwd,
body .ef-dashboard-header .more-link,
body .ef-dashboard-header .less-link {
  color: #000000;
}

body #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover {
  background: none;
}

body #ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle+ul.dropdown-menu,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a~ul.dropdown-menu,
body #ef-navbar .container ul.nav.navbar-nav>li.user-preferences ul.dropdown-menu::after,
body .nav-pills>li>a:hover,
body .nav-pills>li>a:focus,
body .nav-pills>li.active>a,
body .nav-pills>li.active>a:hover,
body .nav-pills>li.active>a:focus {
  background: #ffffff;
}

body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider,
body .dropdown-menu>li>a:hover,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body div.ef-block table.iconTable td.iconData:hover,
body .btn.btn-primary {
  background-color: #f0f0f0;
}

body #ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa,
body .ef-my-courses .ef-block-header a.ef-block-handle {
  color: #f0f0f0;
}

body .img-thumbnail {
  background-color: var(--color-primary) !important;
}

body div.breadcrumb-x ol.breadcrumb li.active a {
  font-weight: normal;
  font-size: 15px;
}

body .breadcrumb>li+li::before {
  content: "/";
}

body ul.tabulizedList>li.tabulizedElement.selected>a:not(:first-child)::after {
  border-color: var(--color-primary);
}

body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body #catalog_back_btn:hover,
body #catalog_back_btn:focus body #slider,
body #sliderNested {
  background: #000000;
  border-width: 2px !important;
}

body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-success:hover,
body #catalog_back_btn:hover,
body #catalog_back_btn:focus {
  border-color: #ffffff !important;
  border-width: 2px !important;
  color: #ffffff !important;

}

.btn-primary,
.btn-success,
#catalog_back_btn {
  background-color: var(--color-primary) !important;
  border-width: 2px !important;
  border-color: var(--color-primary);
  color: #000 !important;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;

}

.btn-default {
  background-color: var(--color-primary) !important;
  border-width: 2px !important;
  border-color: var(--color-primary);
  color: #000 !important;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-group>.btn-primary.dropdown-toggle {
  border-left: 0px !important;
}



.ef-entry-name a,
.fa {
  color: #000000;
}

div.breadcrumb-x ol.ef-breadcrumb li a {
  color: var(--color-primary) !important;
}



.help-block a,
.help-block a:hover,
.ef-my-courses-category div,
.ef-my-courses-category div .fa-angle-right,
.fa-power-off {
  color: var(--color-primary);
}

.label-success {
  background-color: var(--color-primary);
}

.ef-breadcrumb .active a {
  font-weight: bold !important;
  color: var(--color-primary) !important
}

.dropdown-item:hover {
  background: rgba(254, 212, 23, 0.05) !important;
}


.fa-download:hover {
  background-color: #eeeeee;
  color: var(--color-primary);
}

div.breadcrumb-x,
#ef-navbar {
  background-color: #000000 !important;
}

.fa {
  color: #000000;
}

.ef-entry-head,
.ef-entry-head:hover {
  background-color: #eee !important;
}

#ef-navigation {
  color: #ffffff !important;
}

.ef-my-courses-category ul .ef-entry-head {
  background-color: #fff !important;
}

.panel-success {
  border-color: #eee;
}

.panel-heading {
  color: var(--color-primary) !important;
  background-color: #eee !important;
  border-color: var(--color-primary) !important;
}

.ef-switch-account .fa {
  color: #f0f0f0 !important;
}

.ef-interval.btn.btn-default.btn-sm,
.btn.btn-default.btn-sm.ef-daterange {
  background-color: #eee !important;
  color: #666 !important;
}

.ef-interval.btn.btn-default.btn-sm.active,
.btn.btn-default.btn-sm.ef-daterange.active {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary);
}

.navbar-header#ef-logo,
.navbar-header#ef-logo a,
.navbar-header#ef-logo img {
  min-width: 80px;
}



.btn.active {
  background-color: var(--color-primary);
  border-color: white;
  border-width: 2px !important;
}

.navbar-brand.ef-navbar-branch-name {
  display: none;
}

.label {
  color: white !important
}

.label-ef-roster {
  background-color: #ffc72c;
}

@media(min-width:992px) {
  .col-md-12 {
    float: none !important;
  }
}

.container {
  position: relative;
}

.blockStyling {
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 5px;
  padding-top: 7px;
}

.ef-user-controls>.btn-flex {
  display: none;
}

.ef-panel-clock,
.ef-panel-history {
  display: none;
}

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

/* Authentication */
html:not(.popup) body:not(.ef-user-signed-in) {
  background: transparent url('/assets/images/bauakademie/bg-2.jpg') no-repeat center center;
  background-size: cover;
}

.ef-block#ef-login-index,
.ef-block.ef-signup-index,
#ef-index-page .ef-block {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  max-width: 400px;
  margin: 0 auto;
  font-family: 'Trade Gothic', sans-serif;
}

#forgot-passwd {
  color: var(--color-font-primary);
  text-decoration: underline;
  font-size: 13px !important;
}

#signup_register_personal_form .form-group,
#initiate_password_form .form-group {
    display: flex;
    flex-direction: column;
}

#signup_register_personal_form .form-group > div,
#signup_register_personal_form .form-group > label,
#initiate_password_form .form-group > div,
#initiate_password_form .form-group > label {
    width: auto;
    text-align: left;
    max-width: initial;
}

#signup_register_personal_form .form-group > label,
#initiate_password_form .form-group > label {
    margin-bottom: 5px;
}

.authentication-header .logo {
  padding: 30px;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.authentication-header .logo img {
  max-width: 120px;
}

.authentication-header .logo p {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

.authentication-header > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
}

.authentication-header > ul li {
  flex-basis: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  padding: 0 0 15px 0;
}

.authentication-header > ul li.active {
  border-color: #000;
}

#initiate_password_form [name="submit"],
#signup_register_personal_form [name="submit_register"] {
  text-transform: none;
  margin: 0 0 0 -30px;
  border: 0;
  width: calc(100% + 60px);
  border-radius: 0;
  padding: 20px 15px;
  font-size: 14px;
}

#login_form [name="submit_login"] {
  text-transform: none;
  margin: 15px 0 0 -15px;
  border: 0;
  width: calc(100% + 30px);
  border-radius: 0;
  padding: 20px 15px;
  font-size: 14px;
}

#login_form .checkbox label {
  line-height: 25px;
}

form#initiate_password_form, 
#ef-login-index div.ef-block-content form {
  padding-bottom: 0;
  overflow: hidden;
}

form#signup_register_personal_form {
  padding-bottom: 0;
}

/* Fix: Remove nbsp */
#initiate_password_form .form-group:last-child,
#signup_register_personal_form .form-group:last-child {
  line-height: 0;
}

.authentication-back-btn {
  text-align: center;
  max-width: 400px;
  margin: 30px auto;
}

.authentication-back-btn a,
.authentication-back-btn a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-position: under;
}

#login_form .input-group [name="password"],
#login_form .custom-group [name="login"] {
  padding-left: 45px;
}

#login_form .input-group [name="password"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
}

#login_form .eye-input-group {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#login_form .input-group,
#login_form .custom-group {
  position: relative;
}

#login_form .input-group i.fa-lock,
#login_form .custom-group i.fa-user {
  position: absolute;
  left: 1px;
  bottom: 1px;
  width: 34px;
  height: 34px;
  background-color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 18px;
  z-index: 10;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-index-page aside.alert.alert-warning {
  background-color: #e52330;
  max-width: 400px;
  margin: 0 auto;
}

/* Course - Detail */
#ef-description-short {
  display: none !important;
}

#ef-description-full {
  display: block !important;
}

#ef-description .more-less-link {
  display: none !important;
}

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