/*Place your CSS code here*/

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

/*Modul expand-collapse*/
span.fa.fa-fw.fa-lg.fa-angle-right.ef-expand-collapse-handle {
margin-top: -20%;
  font-size: 16px;
}

/*Modulbeschreibung Textgröße*/
div.description-padding p {
font-size: 12px;
}


/*Schriftart*/
html, body {
  font-family: Arial, sans-serif;
}

/*new UI*/

.tw-bg-brand-primary {
  background-color: #1F3767!important ;
}

.new-ui .ef-block .iconTable .iconData:hover {
background-color: #1F3767;
}

a#tab-control-properties.tb {
color: #1F3767;
}

a#tab-control-reports.tb {
color: #1F3767;
}

a#tab-control-skills.tb {
color: #1F3767;
}

a#tab-control-groups.tb {
color: #1F3767;
}

.tw-border-brand-primary {
border-color: #1F3767;
}

.tw-relative.tw-flex.tw-flex-shrink-0.tw-items-center.tw-justify-center.tw-text-base {
color: #1F3767;
}
.text.tw-line-clamp-2.tw-text-sm.tw-leading-8 {
color: #1F3767;
}

.tw-relative.tw-flex.tw-flex-shrink-0.tw-items-center.tw-justify-center.tw-text-base:hover {
color: white;
}
.text.tw-line-clamp-2.tw-text-sm.tw-leading-8:hover {
color: white;
}




/*Hover im Seitenmenü*/
.hover\:tw-bg-brand-primary:hover {
background-color: #1F3767;
}

.new-ui ul.tabulizedList>li.tabulizedElement.selected>a {
color: #1F3767;
}


/*neue Startseite*/
/* header {
background-color: #1F3767!important;
} */

/*
ul.header-nav {
display:none;
}
*/

section.section-menu {
background-color: #1F3767!important;
}

section.section-header {
background-color: white!important;
  /*/LMSHELP-24023*/
/*  color:black !important;*/
}

h2.section-intro-title {
display: none;
}

section#section-intro-1.section-intro {
padding-top: 400px;
  padding-bottom: 400px;
}

/*Matrixberichte Button*/
a.ajaxHandle.btn.btn-primary.btn-md {
color: white;
}

/*kein Termin gebucht Schrift zentriert*/
.ef-content-area>div:not([class*=video-js]) p {
text-align: center;
}

.ef-content-area>div:not([class*=video-js]) a:not(.btn){
  color: #50AE2F;
}


/*Hintergrundbild*/
body {
background-image: url('https://iwp-training.de/wp-content/uploads/Hintergr%C3%BCnde%20eFront/iStock-694715488_00000.jpg');
background-size: cover;
}

/*Login SAML größer machen*/
a.ef-login-with.ef-saml-login {
font-size: 25px;
}

/*Abmelde-Link größer machen*/
a.link.ef-cancel-session-custom.ef-session-link {
color: red!important;
  font-size: 13px !important;
}



/*Upload von Dateien bei Umfragen*/
button.btn-link.ef-handle.ef-upload-file {
color: #1B3C67;
}


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

/*Kurstitel im Kurskatalog*/
a#headerTitle.clamp-2 {
font-size: 16px;
  font-weight: bold;
  padding-top: 3px;
  line-height: 20px;
}

/*Kacheln im Kurskatalog mit Schatten und weißem Hintergrund*/
div.ef-card-wrap.ef-course-wrap {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3)!important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
background-color: white!important;
}

span.label.label-ef-starts-at {
background-color: #50AE2F;
}

label.label.label-success.custom-label-ts-start-date {
background-color: #50AE2F;
}

label.label.label-success.custom-label-request-session {
background-color: #50AE2F;
}


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

/*Anpassungen Dashboard*/
/*Titel der Widgets*/
div.widgetHeading {
font-size: 20px!important;
}

div.currentDayNumber {
font-size: 30px!important;
}

span.material-icons.calendarIconMonth {
font-size: 50px!important;
}

p.lead {
font-size: 15px!important;
}

h1.display-4 {
font-size: 24px!important;
}

/*Helpcenter Widget Icon Größe*/
.LinkWidget_39 .LinkWidgetSize1 .widgetImage > .image {
width: 90%;
height: 90%;
}



/*Button Termin anfragen andere Farbe
button#ef-select-sessions.btn.btn-default.btn-sm {
background-color: #50AE2F;
  border-color: #50AE2F;
  color: white;
  font-size: 14px;
  padding-right: 45px;
  padding-left: 45px;
} */

/*Kursankündigung*/
div.alert.alert-info.ef-course-announcement-view.col-md-12 {
color: white;
  background-color: #1B3C67;
  font-family: 'Open Sans', Arial;
}

/*Kursankündigung*/
div.alert.alert-info.ef-course-announcement-view.col-md-12 .h5 {
 font-size: 13px!important;
}



/*Button Buchen andere Farbe*/
input.ef-add-to.ef-add-to-roster.btn.btn-success.btn-lg {
background-color: #50AE2F;
  border-color: #50AE2F;
  color: white;
}

input.ef-add-to.ef-add-to-roster.btn.btn-success.btn-lg:hover {
background-color: #50AE2F!important;
  color: white;
}

button.pull-right.transparent-btn.btn-link.ef-request-session {
color: #50AE2F;
}

/*Farbe Benutzerstatus im Kurs*/
button.ef-anchor-like.ef-grid-cell-edit-value.transparent-btn {
color: #1B3C67;
}

/*Farbe Termin auswählen*/
button.btn-link.link {
color: #1B3C67;
}

div.h5 > button.btn-link.link {
color: #50AE2F;
}

div.ef-content-va-middle.text-center a.link:visited {
color: #50AE2F!important;
}

/*Farbe Termin Zeitraum einstellen*/
a#ef-show-range.link {
color:  #1B3C67;
}

/*Farbe Benutzer Kursstatus*/
span.ef-anchor-like.ef-grid-cell-edit-value {
color: #1B3C67;
}

/*Quiz Bestanden Schriftgröße*/
div.ef-test-panels div.h3.media-heading {
font-size: 23px;
}



/*Mitteilungstext der Plattform: Schriftgröße Text*/
aside.alert {
font-weight: 200;
}


/*Anpassungen für Admins*/

/*Breadcrumb*/
.breadcrumb-x .ef-breadcrumb li.active a {
color: #1B3C67;
font-size: 16px;
}

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

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

/*Hover Color bei Icons auf dem Admin-Dashboard*/
div.ef-block table.iconTable td.iconData:hover {
background-color: rgba(27, 60, 103, 0.25)!important;
}

/*Links auf dem Admin-Dashboard*/
a.link:link, a.link:visited {
color: #1B3C67!important;
}

/*Farbe der Links zu den Optionen im Kurs*/
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
color: #1B3C67;
}

/*Farbe der Infografiken*/
span.colored-info {
color: rgba(27, 60, 103, 0.5)!important;
}

/*Systemeinstellungen: Hintergrund des aktiven Contents*/
.nav-pills > li.active > a {
background-color: #1B3C67;
}

/*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: #1B3C67!important;
}



/*Lerner-Ansicht*/

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

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


/*Mehr anzeigen-Link bei Kursbeschreibung*/
button.btn-link.link.more-less-link {
color: #50AE2F;
  font-weight: bold;
}

/*Label: Bewerte diesen Kurs*/
.ef-dashboard-header .ef-course-rating {
color: #1B3C67;
}

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

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

.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover {
background-color: #50AE2F!important;
  border-color: #50AE2F;
}

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

/*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: 350px;
}

/*Farbe für noch nicht bearbeiteten Content: meistens grau*/
.btn .btn-success .dropdown-toggle {
background-color: #7a7a7a;
}

/*Farbe für noch nicht bearbeitbaren Content: meistens hellerers grau*/
a.ef-text-editable.ef-unit-link.no-underline.ef-tooltip-toggle.disabled {
color: #7a7a7a;
}

/*Fortschrittsbalken*/
*.progress .progress-bar.progress-bar-success {
background-color: #50AE2F;
}

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

/*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: #50AE2F!important;
}

/*Farbe des Balkens bei abgeschlossenen Einheiten*/
.ef-unit-tree .active-content:before {
background: #50AE2F;
}

/*Fontawesome-Icons in Header*/

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

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

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


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

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

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

/*Farbe Link „Mehr anzeigen“*/
a.link.more-less-link {
color: #1B3C67!important;
}

/*Detailansicht von Lerninhalten, bestandene Einheiten*/
.ef-unit-tree .ef-unit-link.passed {
color: #50AE2F!important;
}

/*Haken in der Detailansicht von bestanden Lerneinheiten*/
.ef-unit-status .passed {
color: #50AE2F!important;
}

/*Button Abgeschlossen.Fortfahren*/
.btn-success {
background-color: #50AE2F;
}

.btn-success:hover {
background-color: #50AE2F;
}

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

/*Label abgeschlossen*/
span.label.label-ef-completed {
text-transform: capitalize;
  background-color: #50AE2F;
}

/*Label Kursreihe*/
span.label.label-ef-curriculum {
background-color: #7a7a7a;
}

/*Label „In Teilnehmerliste“*/
span.label.label-ef-roster {
background-color: #7a7a7a;
}

/*Label abgeschlossen*/
span.label.label-success {
background-color: #50AE2F;
}

/*Label endet am*/
span.label.label-ef-ended-at {
background-color: #7a7a7a;
}

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

/*Label „Freigabe ausständig“*/
Span.label.label-ef-pending {
Background-color: #7a7a7a;
}

/*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: #1B3C67;
}

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

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
background-color: rgba(27, 60, 103, 0.30);
}

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

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
background-color: rgba(27, 60, 103, 0.30);
}

/*Kalender*/
/*Headerzeile mit Tagen, Hintergrundfarbe*/
th.fc-timegrid-axis {
background-color: #1B3C67;
}




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


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

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

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

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

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

a.ef-toggle-hidden-section {
color: #064497!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 */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
*.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:#1B3C67;border-color:#1B3C67;}
html.new-ui-html: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;}