/*Place your CSS code here*/

.caption>.ef-header>a{
 line-height: 1; 
}


.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;
}



/*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;
}

/*Startdatum für Webinar/Veranstaltung*/
.label-ef-starts-at {
background-color: #3b464c;
}

/*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: #064497;
}

/* Fortschritt innerhalb von eFront Fragen */
a.badge.ef-question-indicator-done {
border: none!important;
color: #ffffff!important; 
  background-color: #2979ff!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: #ffc266!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: #afb2b4!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*/
span.badge.ef-handle.ef-question-indicator-done {
border: none!important;
color: #ffffff!important; 
  background-color: #2979ff!important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
   padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

span.badge.ef-handle.ef-question-indicator-current {
border: none!important;
  color: #3b464c!important;
  background-color: #ffc266!important;
  font-size: 13px;
    min-width: 23px;
  min-height: 23px;
  padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

span.badge.ef-handle.ef-question-indicator-incomplete {
border: none!important;
  color: #afb2b4!important;
  background-color: #ebeced!Important;
  font-size: 13px;
   min-width: 23px;
  min-height: 23px;
     padding: 3px;
  border-radius: 50%;
  line-height: 1.2;
}

/*Detailansicht Lerneinheit weißer Hintergrund des aktiven Inhalts*/
.ef-unit-tree .active-content {
background: white;
}

div#ef-chart-tree.ef-chart-tree.ef-tree.jstree.jstree-1.jstree-default  {
background-color: white;
}


/*Warnmeldung (Mitteilung) in orange*/
aside.alert.alert-warning {
background-color: #efa016;
}

/*Sternebewertung auf Kurskachel in orange*/
.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active {
color: orange;
}

/* Gerade Kurs-Module einfärben */
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(even) {
background-color: #FAFBFB;
}

/*Anpassung der Fragen: Selbsteinschätzung*/
div.panel-body {
background-color: #ffffff;
}

/*Schriftart*/
html, body {
  font-family: 'Roboto', Arial, sans-serif;
}

/*Hintergrundbild*/
body {
background-image: url('https://iwp-training.de/wp-content/uploads/Hintergr%C3%BCnde%20eFront/Carlisle_Hintergrund.jpg');
background-size: cover;
}


/*Anpassungen für Admins*/

/*Breadcrumb*/
.breadcrumb-x .ef-breadcrumb li.active a {
color: #003591;
font-size: 16px;
}

.breadcrumb-x .ef-breadcrumb li {
font-size: 16px;
}

/*Links*/
div.breadcrumb-x ol.breadcrumb li.active a {
  color: #003591;
}

/*Hover Color bei Icons auf dem Admin-Dashboard*/
div.ef-block table.iconTable td.iconData:hover {
background-color: rgba(0, 53, 145, 0.25)!important;
}

/*Links auf dem Admin-Dashboard*/
a.link:link, a.link:visited {
color: #003591!important;
}

/*Farbe der Links zu den Optionen im Kurs*/
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
color: #003591;
}

/*Farbe der Infografiken*/
span.colored-info {
color: rgba(0, 53, 145, 0.5)!important;
}

/*Systemeinstellungen: Hintergrund des aktiven Contents*/
.nav-pills > li.active > a {
background-color: #003591;
}

/*Aktiver Link Termine: Tabs*/
ul.customTabs > li.active > a {
color: #0085cd;
}

/*Farbe des Labels „Präsenz bzw. Mix“*/
label.label.label-success.no-uppercase {
background-color: #009bb4!important;
}



/*Lerner-Ansicht*/

/*Mehr anzeigen-Link bei Kursbeschreibung*/
button.btn-link.link.more-less-link {
color: #003591;
}

/*Label: Bewerte diesen Kurs*/
.ef-dashboard-header .ef-course-rating {
color: #003591;
}

/*Button: Kurs starten*/
a.btn.btn-success.btn-lg.btn-block   {
background-color: #003591;
}

a.btn.btn-success.btn-lg.btn-block:hover   {
background-color: #003591;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover {
background-color: #134180!important;
  border-color: #134180;
}

/*Farbe für noch nicht bearbeiteten Content: meistens grau*/
.btn .btn-success .dropdown-toggle {
background-color: #a0a2a4;
}

/*Farbe für noch nicht bearbeitbaren Content: meistens hellerers grau*/
a.ef-text-editable.ef-unit-link.no-underline.ef-tooltip-toggle.disabled {
color: #D5D5D5;
}

/*Fortschrittsbalken*/
*.progress .progress-bar.progress-bar-success {
background-color: #c0ce2e;
}

/*Haken beim Kursfortschritt*/
.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
color: #c0ce2e!important;
}

div.ef-entry-head.row.active-content {
background: white; 
}

/*Bearbeitbare Einheit hover*/
.ef-unit-tree .ef-entry-head span.ef-entry-name a:hover {
color: #0085cd;
}

/*Abgeschlossene Einheiten*/
.ef-unit-tree .ef-unit-link.passed:link {
color: #c0ce2e!important;
}

/*Farbe des Balkens bei abgeschlossenen Einheiten*/
.ef-unit-tree .active-content:before {
background: #c0ce2e;
}

/*Fontawesome-Icons in Header*/

i.fa.fa-bell-o {
color: #003591;
}

i.fa.fa-comments-o {
color: #003591;
}

i.fa-dot-circle-o {
color: #003591;
}

#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button {
color: #003591;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover {
color:  #003591;
}


/*Farbe Link „Mehr anzeigen“*/
a.link.more-less-link {
color: #003591!important;
}

/*Detailansicht von Lerninhalten, bestandene Einheiten*/
.ef-unit-tree .ef-unit-link.passed {
color: #c0ce2e!important;
}

/*Haken in der Detailansicht von bestanden Lerneinheiten*/
.ef-unit-status .passed {
color: #c0ce2e!important;
}

/*Button Abgeschlossen.Fortfahren*/
.btn-success {
background-color: #c0ce2e;
}

.btn-success:hover {
background-color: #c0ce2e;
}

/*Label auf Kurskacheln */
span.label {
text-transform: none;
font-size: 13px;
}

/*Label abgeschlossen*/
span.label.label-ef-completed {
text-transform: capitalize;
  background-color: #003591;
}

/*Label Kursreihe*/
span.label.label-ef-curriculum {
background-color: #2979ff;
}

/*Label „In Teilnehmerliste“*/
span.label.label-ef-roster {
background-color: #003591;
}

/*Label abgeschlossen*/
span.label.label-success {
background-color: #003591;
}

/*Label endet am*/
span.label.label-ef-ended-at {
background-color: #e32e34;
}

div.ef-plain.ef-entry-tags span.label.label-ef-ended-at {
display: none;
}

/*Label „Hängt von einem anderen Kurs ab“*/
Span.label.label-ef-depends {
Background-color:
}

/*Label „Freigabe ausständig“*/
Span.label.label-ef-pending {
Background-color: 
}

/*Farbe der Anzeigeoption bei „Meine Kurse“*/
.ef-my-courses-controls .ef-my-courses-toggle-view.active {
color: #0085cd;
}

/*Passwort vergessen Link*/
#ef-login-index div.ef-block-content form div.row #forgot-passwd {
color: #003591;
}

/*Kurskatalog Headerzeile Kategorien*/
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
color: #003591;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
background-color: rgba(0, 53, 145, 0.30);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #003591;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
background-color: rgba(0, 53, 145, 0.30);
}

/*Kalender*/
/*Headerzeile mit Tagen, Hintergrundfarbe*/
th.fc-timegrid-axis {
background-color: #003591;
}







/*keine Ahnung was das soll*/
div#ef-question-89.panel.panel-primary.ef-question-panel.div-matrix {
border-width: 2px;
  border-style: solid;
 border-color: #003591;
}

span.fa.fa-circle-o {
color: #003591;
}
span.fa.fa-dot-circle-o.ef-selected {
color: #003591;
}

/*Kurskatalog Buttons*/
.ef-my-courses .ef-block-header a.ef-block-handle {
color: #003591;
}

a.ef-toggle-hidden-section {
color: #003591!important;
}

/* 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:#003591;border-color:#003591;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
:root{--c-brand-primary:#f5f6f6;--c-brand-primary-darken-5:#f0f1f1;--c-brand-primary-darken-7:#eeefef;--c-brand-primary-darken-10:#ebecec;--c-brand-primary-darken-15:#e6e7e7;--c-brand-primary-darken-17:#e4e5e5;--c-brand-primary-darken-20:#e1e2e2;--c-brand-primary-darken-25:#dcdddd;--c-brand-primary-lighten-7:#fcfdfd;--c-brand-primary-lighten-40:#ffffff;}
