h1:not(.display-4) {
    font-family: 'Roboto Slab', serif;
}
/* calender header font color white */
div#calendar.fc table.fc-col-header th.fc-col-header-cell a.fc-col-header-cell-cushion {
  color: #fff !important;
}
/* FK catalog */
@media (max-width: 1920px) {
    html.new-ui-html body.new-ui #ef-my-courses-grid-content .ef-card-entries .ef-card.ef-course-card {
      width: 288.5px !important;
    }
}
/* Aufgabenliste fix */
body.ef-user-signed-in .table-buttons-wrapper a.btn.btn-sm.btn-primary.new-template i.fa.fa-plus {
    color: #000 !important;
}
body.ef-user-signed-in .table-buttons-wrapper a.btn.btn-sm.btn-primary.new-template:hover i.fa.fa-plus {
    color: #fff !important;
}
/* LOGIN page single column design override */
#login_form a.ef-login-with.ef-saml-login {
	width: 400px !important;
}
/* Turn the 2-column login into a single column */
.two-column-login {
    display: flex !important;
    flex-direction: column !important;
}
.two-column-login > .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
}
/* Keep "Anmeldedaten vergessen" on one line */
.two-column-login #forgot-passwd {
    white-space: nowrap !important;
    display: inline-block !important;
}
/* Optional: make the SAML button appear below the form with spacing */
.two-column-login .ef-saml-login {
    display: block;
    margin-top: 1rem;
}
.two-column-login > .col-md-6:last-child {
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.ef-login-with,
a.ef-saml-login,
.ef-saml-login {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #000 !important;
}

.ef-login-with i,
.ef-saml-login i {
    color: #000 !important;
    background: transparent !important;
}

/* calendar header weekdays color */
.fc-col-header-cell .fc-col-header-cell-cushion {
    color:#000 !important;
}
/* warning message */
#session_storno_form .alert.alert-warning,
#session_storno_form .alert.alert-warning * {
    color: #fff !important;
}

/* Text color course content view */
#ef-content-tree,
#ef-content-tree * {
    color: #000 !important;
}

.ccourse-link, /* ? */
.course-link,
html.new-ui-html body.new-ui.learner-user a.course-link,
html.new-ui-html body.new-ui.learner-user a#headerTitle,
html.new-ui-html body.new-ui.learner-user h6.tw-text-lg {
  font-family: 'Roboto Slab', serif !important;
}
/* Forms borders uniform gray color */
.form-group .selectize-input,
.form-group .note-editor,
.form-group input.form-control,
.form-group textarea.form-control {
    border: 1px solid #ccc !important;
}

/* Progess bars */
/* progress bar color */
#ef-content-sidebar .progress,
.statusContainer .courseProgressBar,
.ef-course-progress-bar.customizable-progress-bar .progress,
#ef-content-sidebar .progress.customizable-progress-bar,
html .new-ui .progress  {
    background-color: #A6A393 !important;
    height: 15px !important;
}
/* Progress bar percentage */
*.progress .progress-bar > .progress-bar-content,
.statusContainer .course-progress-text,
html .progress .progress-bar {
    display: block !important;
    font-size: 14px !important;
    line-height: 15px !important;
    color: #fff !important;
}
/* general progress bar height */
.statusContainer .courseProgress,
html .progress .progress-bar {
  height: 15px !important;
  background-color: #3A7A4D !important;
}
html .tw-bg-green-accent {
  background-color: #3A7A4D !important;
}
:root {
  --button-primary-background-color-active: var(--c-brand-primary);
  --c-brand-green: #D2D7BF;
  --c-brand-sand: #E4E1E1;
  --c-brand-primary-alt: #000;
  --progressbar-background-color:#3A7A4D;
  --color-green-dark: #7C7A79;
  --color-background-gray: #E4E1E1;
  --c-brand-primary-darken-15: #7C7A79;
  /* GRAPHS admin chart */
  --chart-color-primary: #a6a393;
  --chart-color-secondary: #a48884;
}
/* main background */
/* body {
    background-color: var(--color-background-gray) !important;
}
#main-content,
#main-content * {
    background-color: var(--color-background-gray) !important;
} */
/* sidebar-fix */
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}
/* sidebar main nav tab hover/active red override */
.twui-menu nav .twui-menu-item .hover\:tw-bg-gray-800:hover,
.twui-menu nav .twui-menu-item.tw-bg-gray-800,
.twui-menu nav .twui-menu-item div.tw-bg-gray-800,
.twui-menu .twui-toggle-menu:hover {
    background-color: #000 !important;
    --tw-bg-opacity: 1 !important;
}
/* 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;
}
/* login background removed */
html:not(.popup) body:not(.ef-user-signed-in) {
    background: transparent url('/plugins/Customizing/assets/images/theirs.jpg') no-repeat center center !important;
    background-size: cover;
}
/* hide switch-ui and timeout buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}
/* buttons fix 'add unit' selection radio buttons */ 
label:not(.radio-inline):has(input[type="radio"]:checked) {
    background-color: var(--button-primary-background-color-active) !important;
    border-color: var(--button-primary-background-color-active) !important;
    color: var(--button-primary-color) !important;
    opacity: 0.7;
}
/* dropdown item in course gray hover background */
.dropdown-menu > li:hover,
.dropdown-menu > li > a:hover {
    background-color: #e0e0e0;
}
/* Fix system settings hover + active text color */
aside.custom-sidebar .ef-block .ef-block-content ul.nav-pills li.active > a,
aside.custom-sidebar .ef-block .ef-block-content ul.nav-pills li > a:hover {
    color: #fff !important;
}
/* aboslutely no border radius anywhere */
* {
    border-radius: 0 !important;
}
/* square toggles */
.checkbox.checkbox-switch label i::before {
  border-radius: 0 !important;
}
/* Course button long  text fix */
a.btn.btn-success.btn-lg.btn-block {
  font-size: clamp(10px, 1.8vw, 14px);
  white-space: normal;
  word-break: break-word;
  text-align: center;
  line-height: 1.3;
}
/* Erweiterte Einstellungen anzeigen */
.ef-toggle-hidden-section {
  color: var(--color-green-dark) !important;
}
.ef-toggle-hidden-section:hover {
    text-decoration: underline !important;
}
/* progress bars */
.tw-bg-green-accent {
    background-color: var(--c-brand-green) !important;
}
/* other toggles */
.tw-text-green-600 {
    color: var(--c-brand-green) !important;
}
.tw-text-gray-dark {
    color: var(--c-brand-primary-alt) !important;
}
/* BUTTONS override */
.note-editable .btn-primary,
.media-body-content .btn.btn-danger,
.media.ef-post-body .btn.btn-default,
.media.ef-discussion-message .btn.btn-default,
.btn.btn-primary,
.btn.btn-success,
.btn-info,
.btn-danger,
.btn-warning,
.btn.btn-default:not(.note-btn) {
    background-color: transparent !important;
    border-color: #000 !important;
    color: #000 !important;
    font-weight: bold;
    border-radius: 0;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.note-editable .btn-primary:hover,
.media-body-content .btn.btn-danger:hover,
.media.ef-post-body .btn.btn-default:hover,
.media.ef-discussion-message .btn.btn-default:hover,
.btn-primary:not(.note-btn):focus,
.btn.btn-primary:not(.note-btn):hover,
.btn.btn-success:hover,
.btn-info:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-default:not(.note-btn):focus,
.btn.btn-default:not(.note-btn):hover,
.btn-default:not(.note-btn).active {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    opacity: 1;
}
.btn-primary:not(.note-btn).active,
.btn-default:not(.note-btn).active {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* radio buttons */
.ef-form-element-full-length .btn-group .btn.btn-default:has(input:checked),
.ef-form-element-full-length .btn-group .btn.btn-default:hover,
.ef-interval.btn.btn-default:hover,
.ef-interval.btn.btn-default.active,
div.btn-group label.btn.btn-default:hover,
div.btn-group label.btn.btn-default.active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  opacity: 1 !important;
}

/* account drawer hover */
.twui-menu .tw-menu-item-drawer :not(#nv-sign-out).hover\:tw-text-white:hover {
  background-color: #000 !important;
  color: #fff !important;
}
/* account role marked */
#mapped-accounts i.fa-circle-small {
    color: #000 !important;
}
#mapped-accounts li:hover i.fa-circle-small {
    color: #fff !important;
}
/* TN learner buttons */
button#headlessui-menu-button-1,
div.tw-flex.tw-h-9 button.tw-bg-brand-primary {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
button#headlessui-menu-button-1:hover,
button#headlessui-menu-button-1:active,
div.tw-flex.tw-h-9 button.tw-bg-brand-primary:hover,
div.tw-flex.tw-h-9 button.tw-bg-brand-primary:active {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    opacity: 1;
}

html.new-ui-html body.new-ui.learner-user main #main-content .tw-bg-orange-400 {
    background-color: var(--c-brand-green) !important;
}

html.new-ui-html body.new-ui.learner-user header.tw-w-full.tw-sticky.tw-top-0.tw-bg-white.tw-z-\[90\] div.tw-w-full.tw-h-28.sm\:tw-h-20.tw-py-2.tw-px-6.tw-grid.tw-grid-cols-\[auto_1fr_auto\].tw-grid-rows-1.tw-items-center.shrink-0.tw-gap-x-2 div.tw-flex.tw-items-center.tw-mx-auto.sm\:tw-mx-0.tw-grow.tw-col-span-3.sm\:tw-col-span-1.tw-col-start-1.sm\:tw-col-start-2.tw-row-start-2.sm\:tw-row-start-1.tw-gap-4.tw-h-full div.tw-flex.tw-items-center.sm\:tw-mr-auto.rtl\:sm\:tw-ml-auto.rtl\:sm\:tw-mr-0.tw-h-full div.tw-grow.tw-flex.tw-shrink-0.tw-gap-x-8.tw-h-full {
    color: #000 !important;
}

/* TN Logo larger */
body.ef-user-signed-in.new-ui.learner-user header .tw-max-w-\[90px\] {
  max-width: 120px !important;
}
body.ef-user-signed-in.new-ui.learner-user header .tw-max-w-\[90px\] a {
  max-height: none !important;
}
body.ef-user-signed-in.new-ui.learner-user header img {
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  /*margin-top: 16px !important;*/
}

/* square toggle switch */
.checbox-switch .switchSpan::before,
.checbox-switch .switchSpan::after {
    border-radius: 0 !important;
}

/* hover effect catalog card */
.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action {
    background-color: color-mix(in srgb, #A6A393 65%, transparent) !important;
}

/* BG color of course card on trainers mycourses view */
#ef-my-courses-grid-content .ef-course-card > .ef-course-wrap > .caption {
 	background-color: rgb(238, 238, 238) !important; 
}
/* label BG color */
.ef-entry-tags .label-ef-ilt {
 	background-color: var(--c-brand-green);
}

/* hide link to registration on login page */
#ef-login-index div.ef-block-footer .sign-slogan,
#ef-login-index div.ef-block-footer {
 	display: none; 
}

/* Login page  */
html:not(.popup) body:not(.ef-user-signed-in) {
  	background: url(/assets/images/jos_hintergrund_anmeldung.jpg) no-repeat center top !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-size: auto !important;
  	background-size: cover !important;
}
html:not(.popup) body:not(.ef-user-signed-in) #ef-login-index {
  	max-width: 420px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#ef-login-index {
   	background: rgba(255, 255, 255, 0.75);
  	margin-top: 25px; 
}

/* Make sure disabled links in new tables are red */
.tabulator--ef-theme .tabulator-row.disabled label {
    color: #fff !important;
}

.alert.alert-info.ef-course-announcement-view {
  	padding: 10px; 
}

.new-ui .progress {
  	height: 15px !important; 
}

/* Arrow direction driven by the actual collapse state (not the unreliable initial aria-expanded value) */
.ef-course-sessions-list .panel-heading-flex:has(+ .panel-collapse.in) .ef-session-head-btn > .ef-expand-collapse-handle {
  	transform: rotate(90deg) !important;
}
.ef-course-sessions-list .panel-heading-flex:not(:has(+ .panel-collapse.in)) .ef-session-head-btn > .ef-expand-collapse-handle {
  	transform: rotate(0deg) !important;
}

.dl-horizontal.ef-horizontal-list .label-warning {
 	background-color: #C1ADA0 !important; 
}