/*Place your CSS code here*/

/* Magnificant Catalog */
.ef-card.ef-catalog-entry.ef-course-card {
  min-width: 18%;
}

/* Login page text wrap + spacing */
#forgot-passwd,
.no-access-yet {
  white-space: nowrap !important;
}
#login_form,
#ef-login-index form  {
  max-width: 450px !important;
}


/* LOGIN page padding */
#login_form {
 padding: 32px !important; 
}
div#ef-login-index.ef-block div.ef-block-content form#login_form div.one-column-login div.footer {
  gap: 16px !important;
}

/* Login box shadow removed */
#ef-login-index {
  box-shadow: none !important;
}

/*blue button override */
.tw-bg-sky-clear {
  background-color: #A61932 !important;
}

/* red indicator -> #A61932 */
.indicator-red {
  background-color: #A61932 !important;
}

/* Login background */
body:not(.ef-user-signed-in) {
  background-position: center 32px !important;
}

/* Login screen header remove */
body:not(.ef-user-signed-in) .breadcrumb-x {
  display: none;
}

/* Reports buttons text color */
.ef-header-tools a.ajaxHandle.btn.btn-primary.btn-md,
.table-responsive a.ajaxHandle.btn.btn-primary.btn-md {
  color: #fff !important;
}

/* Welcome icon override */
img[src="/assets/images/my-training/Welcome.svg"] {
  content: url("/plugins/Customizing/assets/images/welcome.png") !important;
  height: 90px !important;
  width: auto !important;
  margin-right: 32px;
}
#widgetGrid .widgetHeadingWrapper > .widgetHeading .headingIconWrapper > .icon_text {
  color: var(--c-brand-primary) !important;
}

/* TN Logo larger */
body.ef-user-signed-in.new-ui.learner-user header img {
  min-width: 120px !important;
  margin-left: -12px !important;
}

/* TN Background */
.new-ui.learner-user {
  background-color: #F3F3F3 !important;
}

/* TN widgets no box-shadows */
section.widget {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
}

/* TN make my courses hover more like course catalog */
.tw-shadow-primary a.tw-absolute.tw-inset-0.tw-z-20.tw-cursor-pointer:hover {
  box-shadow: 0 0 90px -20px rgba(0,0,0,0.8) !important;
}

/* progress bar green my courses */
.tw-bg-green-accent {
  background-color: #8DBA98 !important;
}

/* My courses view font */
.CourseWidget_9 .CourseWidgetSize1 .sliderContainer_9 .courseContainer .courseTitle,
.CourseWidget_19 .CourseWidgetSize1 .sliderContainer_19 .courseContainer .courseTitle {
  font-size: 14px !important;
  font-weight: 300 !important;
}

/* course catalog date labels */
.ef-my-courses-grid label.custom-label-ts-start-date {
  background-color: #454545 !important;
}

/* Learning path label + padding issue fix */
.cLabel.label-learning-path {
  background-color: #A61932 !important;
  color: #fff !important;
  padding-right: 6px !important;
  padding-left: 16px !important;
}

/* Messages sidebar fix */
.twui-menu-item-has-drawer:has(+ .tw-menu-item-drawer:not(.tw-invisible)) {
    background-color: rgba(31, 41, 55, 0.3) !important;
}

/* Session details in course Conference button */
#ef-my-courses-grid-content .text-center .btn {
    background-color: #A61932 !important;
    border-color: #A61932 !important;
    color: #ffffff !important;
}
#ef-my-courses-grid-content .text-center .btn:hover,
#ef-my-courses-grid-content .text-center .btn:focus,
#ef-my-courses-grid-content .text-center .btn:active {
    opacity: 0.7 !important;
}

/* Labels TN Kurskatalog */
.cLabel.course-tags,
.cLabel.label-ef-ended-at,
.cLabel.label-ef-test {
  background-color: #444 !important;
  color: #fff !important;
  padding: 2px 8px !important;
  margin: 0 !important;
}

/* TN Terminübersicht buttons */
input.btn-success.undofilter {
  background-color: #A61932;
  border-color: #A61932;
  color: #fff;
  transition: background-color 0.2s;
}
input.btn-success.undofilter:hover {
  background-color: #92273c;
  border-color: #92273c;
}
/* input.ef-add-to.booksession.btn-sm.btn {
  background-color: #8DBA98;
  border-color: #8DBA98;
  color: #fff;
  transition: background-color 0.2s;
}
input.ef-add-to.booksession.btn-sm.btn:hover {
  background-color: #9BC6A5;
  border-color: #9BC6A5;
} */
input.booksession[value*="Anderer Termin gebucht"],
input.booksession[value*="Other session booked"] {
    background-color: #89a5c7;
    border-color: #89a5c7;
    color: #fff;
}
input.booksession[value*="Gebucht"],
input.booksession[value*="Booked"] {
    background-color: #8DBA98;
    border-color: #8DBA98;
    color: #fff;
}
input.booksession.btn-success[value*="Buchen"],
input.booksession.btn-success[value*="Book"] {
    background-color: #a8a8a7;
    border-color: #a8a8a7;
    color: #fff;
}

/* TABS underline fix old + new */
/* old and new tabs new and old underline tabs underline tab underline fix */
ul.nav.customTabs li.slider {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
ul.tabulizedList > li.tabulizedElement > a:hover {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}

/* no background welcome message */
.jumbotron.jumbotron-fluid.dashboard-intro {
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

/* (Supervisor) Calendar */

.fc-daygrid-block-event{
  overflow: hidden;
}

.fc-button-group .fc-button {
  background-color: #A61932 !important;
  border-color: #A61932 !important;
  color: #fff !important;
  height: 2.1em !important;
  padding: 0 0.6em !important;
  font-size: 13px !important;
  line-height: 2.1em !important;
}
.fc-button-group .fc-button:hover,
.fc-button-group .fc-button:focus,
.fc-button-group .fc-button:active,
.fc-button-group .fc-button.fc-button-active {
  opacity: 0.7 !important;
}
.fc-toolbar-chunk .btn {
  height: 2.1em !important;
  padding: 0 0.6em !important;
  font-size: 13px !important;
  line-height: 2.1em !important;
}

#export-calendar button {
  height: 2.1em !important;
  padding: 0 0.6em !important;
}
.fc-col-header-cell,
.fc-event {
  background: #A61932;
}
th.fc-timegrid-axis {
  background-color: #A61932;
}

/* TN logout button hover */
#nv-sign-out:hover {
    background-color: #A61932 !important;
}

/* Progress bars */
.progress .progress-bar.progress-bar-success,
.courseProgress,
.CourseWidget_19 .CourseWidgetSize1 .sliderContainer_19 .courseContainer .courseProgressBar > .courseProgress {
  background-color: #8DBA98 !important;
  background: #8DBA98 !important;
  color: #fff !important;
}
.progress {
  border-radius: 0px !important;
}

/* TN course catalog toggle switch */
.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: gray !important;
    border-color: gray !important;
    box-shadow: gray 0px 0px 0px 8px inset !important;
}
/* TN course catalog selector squares */
.gj-checkbox-material-icons input[type="checkbox"]:checked + span.checked {
  background-color: gray !important;
  border-color: gray !important;
}

/* arrow Course catalog*/
.fa-angle-up,
.fa-angle-down {
  transform: translateY(10px);
}

/* Course content hover override */
.ef-unit-tree .ef-entry-head span.ef-entry-name a:hover {
    color: #A61932 !important;
    text-decoration: none !important;
}
.ef-unit-tree .ef-unit-link.passed, .ef-unit-tree .ef-unit-link.passed:hover, .ef-unit-tree .ef-unit-link.passed:link, .ef-unit-tree .ef-unit-link.passed:active, .ef-unit-tree .ef-unit-link.passed:visited {
  color: #444 !important;
}

/* My courses rounded edges removal */
.tw-rounded,
.tw-rounded-md,
.tw-rounded-lg,
.tw-rounded-full {
    border-radius: 0 !important;
}

/* Category names */
.ef-category-name,
.ef-category {
    font-weight: bolder !important;
    font-size: 13px !important;
    color: #A61932 !important;
    padding-top: 2px !important;
}
.cLabel {
    margin-top: 8px !important;
    margin-left: -10px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #A61932 !important;
    text-transform: uppercase !important;
}
.cLabel.label-primary {
    background-color: transparent !important;
}

/* Kurskatalog */
.filter-header *{
  font-weight: bolder !important;
  font-size: 15px !important;
}

/* course image  */
.ef-dashboard-header img.ef-default-avatar {
  max-width:800px !important;
}
div.ef-card-wrap.ef-course-wrap div.thumbnail div.default-action a span {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

/* trainer view magnificent catalogue */
.ef-card-entries .ef-card .ef-card-wrap div.caption h4.ef-plain.ef-header {
    max-height: 80px !important;
    padding-top: 10px !important;
}
#headerTitle {
  -webkit-line-clamp: 3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
}


/* Trainer mycourses */
.label-ef-ilt  {
  background-color: darkgray;
}

/* TN Kurskacheln */
.ef-card.ef-catalog-entry.ef-course-card {
  max-width: 20%;
  width: 100%;
  box-sizing: border-box;
}
.ef-plain.ef-header a {
  padding-top: 8px;
  display: inline-block;
  line-height: 2rem !important;
}




/* LOGIN PAGE */
/* hide the external label completely */
#schueller-label {
  display: none !important;
}

/* center container, move slightly up */
#ef-login-index {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  background: transparent !important;
  padding: 40px 20px;
  transform: translateY(-5vh);
}

/* login box */
#ef-login-index form {
  background: #fff;
  padding: 40px;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 6px 24px rgba(0,0,0,0.15);
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 13px; /* normal text inside box */
}

/* injected title: black and left-aligned */
#ef-login-index form::before {
  content: "|S|T|C.\aSCHÜLLER-TRAINING-CENTER";
  white-space: pre;
  display: block;
  text-align: left;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: 1px;
  line-height: 1.3;
  font-size: 1.8rem; /* keep title larger */
  color: #000;
}

/* hide username/password labels */
#ef-login-index label {
  display: none !important;
}

/* make inputs and buttons full width */
#ef-login-index .form-group,
#ef-login-index .ef-form-element,
#ef-login-index input.form-control,
#ef-login-index .btn {
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
}

/* footer links with arrows and custom color */
#ef-login-index .footer {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 13px;
}

#ef-login-index .footer a {
  color: #A61932;
  text-decoration: none;
  position: relative;
  font-size: 13px;
}

#ef-login-index .footer a::before {
  content: "→";
  margin-right: 6px;
  font-weight: bold;
  color: #A61932;
}
/* LOGIN PAGE END */

/* Icon negative fix */
a.ef-dashboard-link img.icon-size-44px {
  filter: brightness(0);
  transition: none !important;
}

a.ef-dashboard-link:hover img.icon-size-44px {
  filter: brightness(0) invert(1) !important;
  transition: none !important;
}

/* sidebar fix */
.twui-menu .hover\:tw-bg-gray-800:hover i,
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}

/* Learner view breadcrumb text color */
.breadcrumb-x a,
.breadcrumb-x a:visited {
    color: #fff !important;
}
div.breadcrumb-x
{
    background-color: #000;
	border-top:1px solid #000;
	box-shadow:0px 3px 3px -3px rgba(0, 0, 0, 0.25);
}

/* hide switch-ui and timeout buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* Erweiterte Eintellungen extend button */
.ef-toggle-hidden-section {
  color:var(--c-brand-primary) !important;
  font-weight:bold
}
.ef-toggle-hidden-section:hover {
  text-decoration:none !important;
}

/**
 * Admin - Charts
*/
[fill='#67b7dc'] {
    fill: #6c7a86 !important;
}

[stroke='#67b7dc'] {
    stroke: #6c7a86 !important;
}

[fill='#009688'] {
    fill: #40535e !important;
}

[stroke='#009688'] {
    stroke: #40535e !important;
}

body{
    font-family:'Helvetica', 'Arial', sans-serif;
    background-color:white;
}

  .ef-card-entries .ef-card .ef-card-wrap:hover{
	box-shadow:0 0 90px -20px rgba(0,0,0,0.8)!important;
  }

  .ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active{
  	 color: #A61932!important; 
}
  
  .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus{
    border-color: #A61932!important;
  }
  
  
  #ef-navbar .container .navbar-header .ef-navbar-logo img{
   max-width:120%!important; 
  }
  
.navbar-inverse .navbar-nav > li > button{
   color:black!important;
}

body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
 color:#8F969B!important; 
}
  
#navbar-form{
       background-color:#ffffff!important;
}
  
.navbar{
     background-color:#ffffff!important;
}
  


.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover{
  background-color:#5c5c5c;
}
  
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head{
 background-color: #95938A;
}
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active{
     color: #70A81B;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li .dropdown-item{
    color:#313C49;
}
.btn-primary{
    background-color:#A61932 !important;
}
.btn-primary:hover{
    background-color:#A61932 !important;
}
.btn.btn-primary {
    border: 1px solid #A61932;
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:hover{
    opacity: 0.7 !important;
}
.btn-group > .btn-primary.dropdown-toggle{
    border-left: 1px solid #A61932;
}
.btn-group > a.btn-primary{
    border-right: 1px solid #A61932;
}
#Embed > button{
    background-color:#A61932 !important;
}
#ef-navbar{
    background-color:white;
}
#ef-navigation > li > a > i,
#ef-navigation > li > button > i {
    color:#95938A;
}
body > div.breadcrumb-x
{
    background-color:white;
    color:white;
    text-transform:uppercase
}
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
    color:white;
}
#searchDiv > div.searchDivRight,#searchDiv > div.searchDivRight > span, #ef-search-bar{
    background-color:white !important;
    text-transform:uppercase;
}
#ef-navigation > li.user-preferences > .dropdown-toggle div.img-thumbnail{
    background-color:#A61932 !important;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover{
    background-color:#8F969B !important;
}
#user-roles > ul > li > a{
    color: #313C49 !important;
}
#ef-navigation > li.user-preferences.open  ul > li > a{
    color: #313C49 !important;
}
#ef-options-block > div > div > div > div > table > tbody > tr > td.iconData:hover{
    background-color:#8F969B !important;
}
div.ef-block{
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}
/* LOGIN */

body:not(.ef-user-signed-in) > #ef-index-page > div:nth-child(2) {
    max-width:50%;
}

#ef-navbar, #ef-navbar li .dropdown-toggle [aria-expanded="true"]{background-color:#e0001a;border-color:#e0001a;}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#A61932;border-color:#A61932;}
html.new-ui-html:root{--c-brand-primary:#a61932;--c-brand-primary-darken-5:#a1142d;--c-brand-primary-darken-7:#9f122b;--c-brand-primary-darken-10:#9c0f28;--c-brand-primary-darken-15:#970a23;--c-brand-primary-darken-17:#950821;--c-brand-primary-darken-20:#92051e;--c-brand-primary-darken-25:#8d0019;--c-brand-primary-lighten-7:#ad2039;--c-brand-primary-lighten-40:#ce415a;}
html.new-ui-html:root{
  --border-radius: 0;
  --c-brand-primary:#A61932;
  --c-brand-primary-darken-5:#8a9196;
  --c-brand-primary-darken-7:#888f94;
  --c-brand-primary-darken-10:#858c91;
  --c-brand-primary-darken-15:#80878c;
  --c-brand-primary-darken-17:#7e858a;
  --c-brand-primary-darken-20:#7b8287;
  --c-brand-primary-darken-25:#767d82;
  --c-brand-primary-lighten-7:#969da2;
  --c-brand-primary-lighten-40:#b7bec3;
  --c-brand-success: #8DBA98;
--c-brand-success-darken-5:#7EAB89;
--c-brand-success-darken-7:#769F81;
--c-brand-success-darken-10:#6D9678;
--c-brand-success-darken-15:#5F8669;
--c-brand-success-darken-17:#5A7F63;
--c-brand-success-darken-20:#51765B;
--c-brand-success-darken-25:#44654D;
--c-brand-success-lighten-7:#9BC6A5;
--c-brand-success-lighten-40:#D9E9DF;
  --c-brand-danger: #A61932;
--c-brand-danger-darken-5:#98172E;
--c-brand-danger-darken-7:#8F162B;
--c-brand-danger-darken-10:#851426;
--c-brand-danger-darken-15:#741120;
--c-brand-danger-darken-17:#6D101E;
--c-brand-danger-darken-20:#630E1B;
--c-brand-danger-darken-25:#520B16;
--c-brand-danger-lighten-7:#B12F45;
--c-brand-danger-lighten-40:#E7C1C8;
--c-brand-warning:#F0B429;
--c-brand-warning-darken-5:#E0A826;
--c-brand-warning-darken-7:#D6A025;
--c-brand-warning-darken-10:#C89523;
--c-brand-warning-darken-15:#B4831F;
--c-brand-warning-darken-17:#AD7D1E;
--c-brand-warning-darken-20:#9E711B;
--c-brand-warning-darken-25:#856015;
--c-brand-warning-lighten-7:#F4C24F;
--c-brand-warning-lighten-40:#FAE7C2;
--fc-event-border-color: #000;
}