/*Place your CSS code here*/

@font-face {
font-family: "TitilliumLight";
src: url("/assets/efront/fonts/TitilliumWeb-Light.ttf");
}

@font-face {
font-family: "TitilliumBold";
src: url("/assets/efront/fonts/TitilliumWeb-Bold.ttf");
}

@font-face {
font-family: "TitilliumSemiBold";
src: url("/assets/efront/fonts/TitilliumWeb-SemiBold.ttf");
}

html, body {
  font-family: "TitilliumLight", Arial, sans-serif;
}

body {
background-image: url('https://iwp-training.de/wp-content/uploads/Hintergr%C3%BCnde%20eFront/sRGB_Sateco Portrait & Gruppenbild_0816_blurry_transparent.jpg');
background-size: cover;
  color: #444444;
}

.breadcrumb-x .ef-breadcrumb li.active a {
font-size: 16px;
}

.breadcrumb-x .ef-breadcrumb li {
font-size: 16px;
}
.caption>.ef-header>a{
 line-height: 1; 
}

/*Tags auf Kurskacheln*/
label.label.custom-label-tag {
color: black;
}
/*Tags auf Kurskacheln*/
label.label.custom-label-tag {
color: black;
}


/*Mehr anzeigen-Link bei Kursbeschreibung*/
button.btn-link.link.more-less-link {
color: #3AACCD;
}

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

/*Button: Kurs starten*/
a.btn.btn-success.btn-lg.btn-block   {
background-color: #003850;
}

a.btn.btn-success.btn-lg.btn-block:hover   {
background-color: #003850;
}

/*Fortschrittsbalken*/
*.progress .progress-bar.progress-bar-success {
background-color: #6DC557;
}

/*Haken beim Kursfortschritt*/
.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
color: #6DC557!important;
}

/*Bearbeitbare Einheit hover*/
.ef-unit-tree .ef-entry-head span.ef-entry-name a:hover {
color: #444444;
}

/*Abgeschlossene Einheiten*/
.ef-unit-tree .ef-unit-link.passed:link {
color: #6DC557!important;
}

/*Farbe für noch nicht bearbeitbaren Content*/
.ef-unit-tree .ef-unit-link.disabled:link {
color: #C8C8C8;
}

.btn .btn-success .dropdown-toggle {
background-color: #6DC557;
}


/*Termine: Tabs*/
ul.customTabs > li.active > a {
color: #444444!important;
}

/*weißen Hintergrund leicht transparent*/
div.ef-block {
background-color: rgba(255, 255, 255, 0.9)!important;
}


#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .img-thumbnail {
background-color:  #FB5058!important;
}

/*
.ef-dashboard-header .ef-course-name{
 line-height: 32px; 
}
.ef-plain.ef-header>.clamp-2{
 line-height: 1.3; 
}


.clamp-2{
 -webkit-line-clamp: 1 !important; 
}

.ef-test-panels .media-heading{
 font-size: 19px; 
}
*/

.ef-plain.ef-header>.clamp-2 { 
 font-size: 1em!important; 
}

/*Suchfeld*/

#ef-navbar form.navbar-form span.search-handle {
background-color: #f5f6f6!important;
color: #f5f6f6;
}

.searchDivRight {
background-color: #f5f6f6!important;
}

.ef-search-field {
background-color: #f5f6f6!important;
}

.active-search-input {
background-color: #ebeced!important;
}

/*Fontawesome-Icons in Header*/

i.fa.fa-bell-o {
color: #003850;
}

i.fa.fa-comments-o {
color: #003850;
}

i.fa-dot-circle-o {
color: #003850;
}

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

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


/*Links*/
div.breadcrumb-x ol.breadcrumb li.active a {
  color: #003850;
}

/*Dropdown-Menü im Header */
#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
background-color: #3b464c!important;
}

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


/*Passwort vergessen Link*/
#ef-login-index div.ef-block-content form div.row #forgot-passwd {
color: #003850;
}

/*Kurskatalog Buttons*/
.ef-my-courses .ef-block-header a.ef-block-handle {
color: #003850;
}

/*Kurskatalog Headerzeile Kategorien*/
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
color: #003850;
}

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

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #003850;
}

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




/*Aktiver Baustein im Kurs */
.ef-unit-tree .active-content {
background: #003850;
}

/*Startdatum für Webinar/Veranstaltung*/
.label-ef-starts-at {
background-color: #3b464c;
}


/*Kalender*/
th.fc-axis.fc-widget-header {
background-color: #003850;
}

th.fc-day-header.fc-widget-header {
background-color: #003850;
}

div.modal-header {
  background-color: acdab6;
}

/*Label auf Kurskacheln */
span.label {
text-transform: none;
font-size: 13px;
}

span.label.label-ef-completed {
text-transform: capitalize;
  background-color: #003850;
}

span.label.label-ef-curriculum {
background-color: #2979ff;
}

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

span.label.label-success {
background-color: #003850;
}

span.label.label-ef-ended-at {
background-color: #e32e34;
}

div.ef-plain.ef-entry-tags span.label.label-ef-ended-at {
display: none;
}


/*Pfeil neben dem User Thumbnail ausblenden */
#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .caret {
display: none!important;
}

/*Kein Schatten bei Userthumbnail */
#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail {
box-shadow: none;
}



/*Keine Großschreibung auf Buttons */
.btn.btn-primary, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-link {
text-transform: none;
}


/*Heading bei Fragen*/
.panel-primary > .panel-heading {
background-color: #003850;
}

.ef-certificate-button {
background-color: #003850;
}



/* Fortschritt innerhalb von eFront Fragen */
a.badge.ef-question-indicator-done {
border: none!important;
color: #ffffff!important; 
  background-color: #444444!important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
   padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

a.badge.ef-question-indicator-current {
border: none!important;
  color: #3b464c!important;
  background-color: #444444!important;
  font-size: 13px;
    min-width: 23px;
  min-height: 23px;
  padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

a.badge.ef-question-indicator-incomplete {
border: none!important;
  color: #707070!important;
  background-color: #ebeced!Important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
     padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

/* Fortschritt innerhalb von eFront Fragen einzelne*/
button.badge.ef-handle.ef-question-indicator-done {
border: #e6e6e6!important;
color: #ffffff!important; 
  background-color: #6DC557!important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
   padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

button.badge.ef-handle.ef-question-indicator-current {
border: #e6e6e6!important;
  color: #ffffff!important;
  background-color: #444444!important;
  font-size: 13px;
    min-width: 23px;
  min-height: 23px;
  padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

button.badge.ef-handle.ef-question-indicator-incomplete {
border: #e6e6e6!important;
  color: #707070!important;
  background-color: #ffffff!Important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
     padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

ul.customTabs > li.active > a {
color: #30a348;
}

/*Anpassung der Fragen: Selbsteinschätzung*/
div.panel-body {
background-color: #ffffff;
}

div#ef-question-89.panel.panel-primary.ef-question-panel.div-matrix {
border-width: 2px;
  border-style: solid;
 border-color: #003850;
}

span.fa.fa-circle-o {
color: #003850;
}
span.fa.fa-dot-circle-o.ef-selected {
color: #003850;
}

button.h5p-question-check-answer.h5p-joubelui-button {
background-color:  #003850;
}

div.h5p-alternative-container {
background-color: red;
  background: rgb(0, 255, 255)
}

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

.ef-unit-tree .active-content {
background: white;
}

.ef-unit-tree .active-content:before {
background: #003850;
}

aside.alert.alert-warning {
background-color: #efa016;
}

/* Gerade Kurs-Module einfärben */
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(even) {
background-color: #FAFBFB;
}




/* ab hier Anpassungen für Admins */
a.link:link, a.link:visited {
color: #3AACCD!important;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
color: #003850;
}

a.ef-toggle-hidden-section {
color: #003850!important;
}

.nav-pills > li.active > a {
background-color: #003850;
}

div.ef-block table.iconTable td.iconData:hover {
background-color: rgba(58, 172, 205, 0.25);
}

span.colored-info {
color: rgba(251, 80, 88, 0.5);
}

div#ef-chart-tree.ef-chart-tree.ef-tree.jstree.jstree-1.jstree-default  {
background-color: white;
}

/* Dashboard */
#widgetGrid .courseContainer .courseProgressBar > .courseProgress > .course-progress-text {
    white-space: nowrap;
}

#widgetGrid .courseContainer .statusContainer {
    background-color: #ddd !important;
}

/* 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:#003850;border-color:#003850;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
html,body{background-color:#D8DADB;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
html.new-ui-html:root{--c-brand-primary:#fb5058;--c-brand-primary-darken-5:#f64b53;--c-brand-primary-darken-7:#f44951;--c-brand-primary-darken-10:#f1464e;--c-brand-primary-darken-15:#ec4149;--c-brand-primary-darken-17:#ea3f47;--c-brand-primary-darken-20:#e73c44;--c-brand-primary-darken-25:#e2373f;--c-brand-primary-lighten-7:#ff575f;--c-brand-primary-lighten-40:#ff7880;}