/*Place your CSS code here*/



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

/*Modul expand-collapse*/
fa fa-fw fa-lg fa-angle-right ef-expand-collapse-handle {
margin-top: -20%;
}

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


html, body {
  font-family: sans-serif;
  color: #636363;
}

div#ef-formatted {
color: #636363;
}

#ef-navbar form.navbar-form #searchDiv{
 background-color: transparent; 
}
#ef-navbar form.navbar-form #searchDiv{
 padding-right: 0px; 
}
body {
background-color: #FFFFFF!important;
}

/*Anpassung neuer Header Admin Dashboard*/
header.tw-bg-white {
background-color: #646363!important;
}

header.tw-border-gray-200 {
border-color: #646363!important;
}

form#ef-search.navbar-form.hidden-xs {
background-color: #646363!important;
}
.tw-text-gray-800 {
color: white;
}


/*Neues Dashboard*/

h1.display-4 {
color: #646363;
}

p.lead {
color: #646363;
}

/*New UI Dashboard*/
div.jumbotron.jumbotron-fluid.dashboard-intro {
background-color: white;
}

div#main-content.container_w_sidebar.tw-max-w-hs {
background-color: white;
}



div.ef-unit-tree {
background-color: #EEEEEE!important;
}

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

.ef-breadcrumb a {
color: white;
}

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

span.breadcrumb-home {
color: white;
}

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

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

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu {
background-color: #636363;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu button.dropdown-item:hover {
background-color: #E3E3E3;
  color: #636363;
}

#ef-toggle-fullscreen {
color: white;
}

ul.dropdown-menu li button:not(.bookmarks-button) {
color: #E3E3E3;
}

ul.dropdown-menu li button:hover {
  color: #636363;
background-color: #E3E3E3;
}

ul.tabulizedList>li.tabulizedElement.selected>a {
color: #636363;
}

ul.tabulizedList>li.tabulizedElement.selected>a::after {
border-bottom-color: #D51130;
}

ul.tabulizedList>li.tabulizedElement>a {
color: #636363;
}

/*Dropdown Glocke bei Hover*/
li.mark-all button.dropdown-item:hover {
background-color: #E3E3E3!important;
  color: #636363!important;
}

li.show-all a.dropdown-item:hover {
background-color: #E3E3E3!important;
  color: #636363!important;
}

/*Startdatum auf der Kachel im Kurskatalog*/
label.label.label-success.custom-label-ts-start-date {
font-size: 12px;
  background-color: #636363!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: #D51130;
}

/*Anpassungen Lerner Dashboard*/
section.widget {
background-color: #EEEEEE!important;
}

/*
span.clamp-1.ef-tooltip-toggle {
color: #646363!important;
}

a.clamp-1.ef-tooltip-toggle {
color: #646363!important;
}
*/

.CourseWidget_13 .CourseWidgetSize1 .sliderContainer_13 .courseContainer .courseProgressBar > .courseProgress > .course-progress-text {
font-size: 11px!important;
}

.CourseWidget_13 .CourseWidgetSize1 .sliderContainer_13 .courseContainer .courseCategory {
margin-left: 0px!important;
  margin-right: 0px!important;
}

/*Label im Kurskatalog*/
h5.ef-plain.ef-category.categoryheader.clamp-1 {
margin-left: 0px!important;
  margin-right: 0px!important;
}

/*Farbe Termin auswählen*/
button#ef-select-sessions.btn.btn-default.btn-sm {
background-color: #D51130;
  color: white;
}



/*Logo*/
#ef-navbar.container.navbar-header.ef-navbar-logo.img {
height: 75%;
}

/* div#ef-logo.navbar-header {
margin-left: -15px;
  margin-top: -4px;
} */

/* Start: LMSHELP-19419 */
#ef-navbar .container .navbar-header .ef-navbar-logo {
    margin: 2px 0px 2px 8px;
}
/* End: LMSHELP-19419 */

a.ef-navbar-logo.navbar-brand {
margin: 0px;
}

/*Anpassungen User Menü*/
ul.dropdown-menu {
margin-right: 10px;
  background-color: #636363!important;
}

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

button.dropdown-toggle {
margin-right: 10px;
}

#ef-navbar .container ul.nav.navbar-nav>li.user-preferences ul.dropdown-menu:after {
background-color: #E3E3E3!important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover {
background-color: #E3E3E3;
  color: #636363;
}

/*Dashboard Anpassungen*/
#widgetGrid *:not(.cLabel):not(i):not(.fa):not(.fa *):not(.tooltip *) {
color: #636363!important;
}

.StatisticsWidget_12 .StatisticsWidgetSize1 .statisticsWrapper .statisticItem .statisticHeader {
 font-size: 16px!important;
}

.StatisticsWidget_12 .StatisticsWidgetSize1 .statisticsWrapper .statisticItem .statisticBody > .textWrapper > .text {
font-size: 20px!important;
}

.CourseWidget_13 .CourseWidgetSize1 .slickContainer_13 .courseContainer .courseTitle {
font-weight: normal!important;
}

/*
div.cLabel.label-primary.clamp-1.ef-tooltip-toggle {
background-color: #636363!important;
} */

.CourseWidget_13 .CourseWidgetSize1 .slickContainer_13 .courseContainer .courseProgressBar > .courseProgress {
background-color: #86BC25!important;
}

.NewsWidget_11 > .NewsWidgetSize2 > .newsLink > .bellWrapper > .fa.fa-bell-o > .newsCounter.noNewNews {
background-color: #636363!important;
}

.NewsWidget_11 > .NewsWidgetSize2 > .newsLink > .bellWrapper > .fa.fa-bell-o > .newsCounter {
background-color: #D51130!important;
}

.NewsWidget_11 > .NewsWidgetSize2 > .newsWrapper .newsElement {
border-left-color: rgb(213, 17, 48)!important;
}

/*Lerner Details*/
span.colored-info {
color: #006E3A!important;
}

div.img-thumbnail {
background-color: #006E3A!important;
}

ul.customTabs > li.active > a {
color: #636363!important;
}

li.slider {
background-color: #D51130!important;
}

.ef-preview-box-mini .ef-info-header {
text-transform: none;
}

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

.dropdown-menu>li>a {
color: #E3E3E3;
}


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

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

.btn-success:hover {
background-color: #006E3A;
}

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

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

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

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

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

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

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


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

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

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

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

/*Fortschrittsbalken*/
*.progress .progress-bar.progress-bar-success {
background-color: #86BC25;
  color: white;
}



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

.ef-course-description ul li::before {
  content: "\25A0";  
  color: #D51130; 
  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: #FFFFFF;
}

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

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

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

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


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

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

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

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

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

.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: #D51130!important;
}

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

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


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

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

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

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

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

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

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 .dropdown-toggle .img-thumbnail {
box-shadow: none;
}

/*Farbe User Thumbnail*/
span.img-thumbnail {
background-color: #006E3A!important;
}


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

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



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

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

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

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

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

/*Ungerade Kursmodule einfärben*/
.ef-unit-tree ul>li.ef-courses-list-item.lesson-entry:nth-child(odd) {
background-color: #FFFFFF;
}

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

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

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

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

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 */
div.ef-block, div.dashboard-panel div.panel-body, body.new-ui{background-color:#EEEEEE!important;--c-site-primary:#EEEEEE!important;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#646262;border-color:#646262;}
:root{--c-brand-primary:#646262;--c-brand-primary-darken-5:#5f5d5d;--c-brand-primary-darken-7:#5d5b5b;--c-brand-primary-darken-10:#5a5858;--c-brand-primary-darken-15:#555353;--c-brand-primary-darken-17:#535151;--c-brand-primary-darken-20:#504e4e;--c-brand-primary-darken-25:#4b4949;--c-brand-primary-lighten-7:#6b6969;--c-brand-primary-lighten-40:#8c8a8a;}
div.breadcrumb-x{background-color:#646363;border-color:#646363;}
*.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:#D51130;border-color:#D51130;}
html,body{background-color:#D8DADB;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}