/*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");
}

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

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

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

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


.CalendarWidget_15 .CalendarWidgetSize3 .calendarLegend > .legendItem.itemBooked > .legendItemColor {
background-color: red;
}

/*Schrift bei Kurskatalog kleiner, sodass es in eine Zeile passt*/
span#widget_heading_14.widgetHeadingMain {
font-size: 24px;
}

html, body {
  font-family: 'Open Sans', Arial, sans-serif;
}
#ef-navbar form.navbar-form #searchDiv{
 background-color: transparent; 
}
#ef-navbar form.navbar-form #searchDiv{
 padding-right: 0px; 
}
body {
background-image: url('https://iwp-training.de/wp-content/uploads/Hintergr%C3%BCnde%20eFront/eFront_Hintergrund-scaled.jpg');
background-size: cover;
}

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

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

.caption>.ef-header>a{
 line-height: 1; 
}

#ef-refresh-btn{
 background-color: #30a348 !important;
}
.gj-checkbox-material-icons input[type="checkbox"]:checked + span.checked {
  background-color: #30a348 !important;
  border-color: #30a348 !important;
}

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

/*Lernpfad Button "Neuen hinzufügen"*/
span.tw-text-white {
font-size: 12px;
font-weight: 400;
}

/*Terminauswahl*/
button.btn-link.link {
color: #30a348;
}
/*Anwesenheitsliste Farbe anpassen*/
tr.topTitle {
background-color: white;
}

/*Termine zuordnen Überschrift anpassen*/
h3.ef-fieldset-separator {
color: white;
}

.glyphicon-edit:before {
color: white;
}

/*Anmeldeeigenschaften*/
form#user_settings_form.form-horizontal.ef-input-form {
background-color: white;
}

/*
.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; 
}

/*Aufzählungszeichen in der Kursbeschreibung qudratisch*/
.ef-course-description ul {
  list-style: none; 
}

.ef-course-description ul li::before {
  content: "\25A0";  
  color: #30a348; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

/*Suchfeld*/

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

.searchDivRight {
display: none;
}

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

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

/*Fontawesome-Icons in Header*/

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

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

i.fa.fa-dot-circle-o.fa-inverse-lg {
color: #30a348;
  opacity: 1;
}

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

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


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

/*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: #30a348;
}

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

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

.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: #30a348;
}

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




a.link.more-less-link {
color: #30a348!important;
}

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

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


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

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

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: #30a348;
}

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

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

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

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

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

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

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

/*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: #30a348;
}

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



/* 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*/
button.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;
}

button.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;
}

button.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;
}

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: #30a348;
}

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

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

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: #30a348;
}

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;
}

/*Damit Kurstitel auf der Kurskachel nicht abgeschnitten werden von der Sternebewertung*/
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
padding-bottom: 2px;
}

/*Fortschrittsbalken in der Höhe angepasst*/
div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status div.ef-my-courses-progress-bar {
height: 10px;
}

/*Höhe der Kurskachel*/
div.ef-card.ef-course-card {
height: 290px;
}

/*Alert-Meldung anpassen, wenn Dashboard aktiv*/
.alert h4 {
  font-size: 18px;
}

.alert-info hr {
  margin-top: 20px;
  margin-bottom: 20px;
}


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

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

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

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

div.ef-block table.iconTable td.iconData:hover {
background-color: rgba(48, 163, 72, 0.25);
}

span.colored-info {
color: rgba(48, 163, 72, 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:#30A348;border-color:#30A348;}
#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;}
:root{--c-brand-primary:#30A348;--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;}