:root {
  --c-brand-primary: #10069F;
  --color-primary: var(--c-brand-primary);
  --button-primary-background-color-active: var(--c-brand-primary);
  --c-brand-lightblue: #28b4f0;
  --color-green-dark: var(--c-brand-lightblue);
  --alphatar-background-color: var(--c-brand-primary);
  --c-brand-success: var(--c-brand-lightblue);
}
/* Admin signout arrow color */
html.new-ui-html body.ef-user-signed-in.new-ui
  .twui-menu-item
  .tw-menu-item-drawer.open
  a#nv-sign-out
  span {
  color: #fff !important;
}

select[name="request_course_time"] + .selectize-control .selectize-input,
select[name="scoring_method"] + .selectize-control .selectize-input {
  min-height: 55px;
}

/* Trainers + learners dashboard background */
body.ef-user-signed-in.new-ui:has(main #widgetGrid),
body.ef-user-signed-in.new-ui:has(main #widgetGrid) #main-content {
    background-color: #f0f0f0 !important;
}
/* Kurskatalog button */
html #main-content a.tw-border-brand-primary.tw-text-brand-primary,
html #main-content a.tw-border-brand-primary.tw-text-brand-primary:visited {
  color: #fff !important;
}
/* override warning color */
html .alert.alert-warning {
    background-color: var( --c-brand-lightblue) !important;
}
/* Kurskacheln Trainer */
.ef-card-wrap {
    background: #eeeeee !important;
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ef-card-wrap .thumbnail,
.ef-card-wrap .caption {
    background: transparent !important;
}
.ef-catalog-entry:hover .ef-card-wrap {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}
.ef-entry-tags .label.label-ef-ilt {
    background-color: #ffc72c !important;
}
/* color override */
.text-success {
  color: var(--c-brand-primary) !important;
}
/* 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.ef-interval.btn.btn-default.btn-sm {
    opacity: 1 !important;
}
label.ef-interval.btn.btn-default.btn-sm:hover,
.radio-button-group .btn-group label.btn.btn-default:hover {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: #fff !important;
    opacity: 1 !important;
}
label.ef-interval.btn.btn-default.btn-sm.active,
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: #fff !important;
    opacity: 1 !important;
}

/* explicit active interval style */
/* div.btn-group label.ef-interval.btn.btn-default.btn-sm.active {
  background-color: var(--button-primary-background-color, var(--button-primary-background-color-active)) !important;
  border-color: var(--c-brand-primary) !important;
  color: var(--c-brand-primary) !important;
} */
/* dropdown item in course gray hover background */
.dropdown-menu > li:hover,
.dropdown-menu > li > a:hover {
    background-color: #e0e0e0;
}
/* TN Logo larger */
body.ef-user-signed-in.new-ui.learner-user header img:not(.tw-rounded-full) {
  min-width: 150px !important;
  margin-left: -25px !important;
}
/* TN breadcrumb a bit of color */
.breadcrumb-x {
  background-color: var(--c-brand-primary) !important;
  color: #fff !important;
}
.breadcrumb-x a,
.breadcrumb-x li,
.breadcrumb-x * {
  color: #fff !important;
}
.ef-breadcrumb * {
  color: #fff !important;
}
.breadcrumb-x .ef-breadcrumb > li + li::before,
.ef-breadcrumb > li + li::before {
  color: #fff !important;
  border-color: #fff !important;
}
.breadcrumb-x .ef-breadcrumb a,
.breadcrumb-x .ef-breadcrumb a:link,
.breadcrumb-x .ef-breadcrumb a:visited,
.breadcrumb-x .ef-breadcrumb a:hover,
.breadcrumb-x .ef-breadcrumb a:focus,
.breadcrumb-x .ef-breadcrumb li.active,
.breadcrumb-x .ef-breadcrumb li.active a,
.breadcrumb-x .ef-breadcrumb i {
  color: #fff !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;
}

/* 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-lightblue) !important;
    border-color: var(--c-brand-lightblue) !important;
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--c-brand-lightblue) !important;
    border-bottom: 2px solid var(--c-brand-lightblue) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
ul.tabulizedList > li.tabulizedElement > a:hover {
    color: var(--c-brand-lightblue) !important;
    border-bottom: 2px solid var(--c-brand-lightblue) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
.new-ui ul.customTabs > li.active > a {
  color: var(--c-brand-lightblue) !important;
}

/* move top-nav hover underline up slightly */
button.tour-tip-trigger-learner-2 > span.group-hover\:tw-bg-brand-primary.lg\:tw-block,
a.tour-tip-learner-3 > span.group-hover\:tw-bg-brand-primary.lg\:tw-block {
  background-color: transparent !important;
}

/* prominent text decoration underline on hover */
button.tour-tip-trigger-learner-2:hover,
a.tour-tip-learner-3:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--c-brand-primary) !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 6px !important;
}

/* square buttons */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  border-radius: 0 !important;
}

/* Kurskatalog button */
#main-content a.tw-border-brand-primary.tw-text-brand-primary,
#main-content a.tw-border-brand-primary.tw-text-brand-primary:visited {
  color: var(--c-brand-primary) !important;
}

#main-content a.tw-border-brand-primary.tw-text-brand-primary:hover,
#main-content a.tw-border-brand-primary.tw-text-brand-primary:focus {
  color: var(--c-brand-lightblue) !important;
}

/* Font weigth fix Revision content */
.ef-entry-head .ef-unit-link.ef-lesson-link {
    font-weight: normal !important;
}

/* Message buttons styling */
/* exclude admin switch button arrow*/
.tw-menu-item-drawer a > span:not(:has(.fa-person-walking-arrow-right)) {
    color: #fff !important;
}
.tw-menu-item-drawer a.group,
.tw-menu-item-drawer a.group span,
.tw-menu-item-drawer a.group i {
  color: #000 !important;
}
a.tw-border-brand-primary.tw-text-brand-primary,
a.tw-bg-brand-primary.tw-text-white {
  background-color: var(--c-brand-primary) !important;
  color: #fff !important;
  border-color: var(--c-brand-primary) !important;
}

a.tw-border-brand-primary.tw-text-brand-primary:visited,
a.tw-bg-brand-primary.tw-text-white:visited {
  color: #fff !important;
}

a.tw-border-brand-primary.tw-text-brand-primary:hover,
a.tw-border-brand-primary.tw-text-brand-primary:focus,
a.tw-bg-brand-primary.tw-text-white:hover,
a.tw-bg-brand-primary.tw-text-white:focus {
  background-color: var(--c-brand-primary) !important;
  color: #fff !important;
  opacity: 0.75 !important;
}

/* course card thumbnail hover overlay */
.ef-course-wrap .thumbnail .default-action,
.ef-card-wrap .thumbnail .default-action {
  background-color: rgba(40, 180, 240, 0.3) !important;
}

/* progress bar color */
.customizable-progress-bar .tw-bg-green-accent,
.customizable-progress-bar .progress-bar {
  background-color: var(--c-brand-lightblue) !important;
  color: #fff !important;
}
.progress .progress-bar.progress-bar-info {
	background-color: var(--c-brand-lightblue) !important;
}
*.progress .progress-bar {
  line-height: 10px !important;
	font-size: 9px !important;
}
/* Progress percentage text visible */
/* .customizable-progress-bar .progress-bar-content,
.progress .progress-bar > .progress-bar-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  padding: 0 4px !important;
  margin: 0 !important;
} */

/* tooltips */
.tooltip .tooltip-inner,
[data-tippy-content],
.tippy-box,
.tpl-popover {
  background-color: var(--c-brand-primary) !important;
}

/* fullscreen button */
.ef-breadcrumb-handle #ef-toggle-fullscreen,
.ef-breadcrumb-handle #ef-toggle-fullscreen * {
  color: #fff !important;
  filter: brightness(0) invert(1);
  background-color: transparent !important;
}
.ef-breadcrumb-handle #ef-toggle-fullscreen:hover {
  font-style: italic;
}

/* active nav-pills tab text color */
ul.nav.nav-pills li.active a,
ul.nav.nav-pills li.active a * {
  color: #fff !important;
}

/* sidebar menu item active + hover */
.twui-menu .twui-menu-item.tw-bg-gray-800.tw-bg-opacity-30,
.twui-menu .twui-menu-item.tw-bg-gray-800.tw-bg-opacity-30 > a,
.twui-menu .twui-menu-item.tw-bg-gray-800.tw-bg-opacity-30 > div,
.twui-menu .twui-menu-item > div.tw-bg-gray-800.tw-bg-opacity-30 {
  background-color: var(--c-brand-lightblue) !important;
  opacity: 1 !important;
}
.twui-menu .twui-menu-item > a:hover,
.twui-menu .twui-menu-item > div:not(.tw-menu-item-drawer):hover,
.twui-menu .twui-menu-item > button:hover,
.twui-menu .twui-toggle-menu:hover {
  background-color: var(--c-brand-lightblue) !important;
  opacity: 1 !important;
}

/* sidebar drawer avatar circle fix */
.tw-menu-item-drawer img.tw-rounded-full,
.twui-menu .twui-menu-item img.tw-rounded-full {
  object-fit: cover !important;
  aspect-ratio: 1 / 1 !important;
  flex-shrink: 0 !important;
}
.twui-menu img.tw-rounded-full.tw-w-10,
.twui-menu img.tw-rounded-full.tw-h-10 {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: 2.5rem !important;
}
.tw-menu-item-drawer img.tw-rounded-full.tw-w-20,
.tw-menu-item-drawer img.tw-rounded-full.tw-h-20 {
  width: 5rem !important;
  min-width: 5rem !important;
  height: 5rem !important;
}

/* calendar toolbar buttons */
.fc-header-toolbar .btn.btn-primary {
  background-color: var(--c-brand-lightblue) !important;
  border-color: var(--c-brand-lightblue) !important;
  color: #fff !important;
  opacity: 1 !important;
}
.fc-header-toolbar .btn.btn-primary:hover,
.fc-header-toolbar .btn.btn-primary:focus,
.fc-header-toolbar .btn.btn-primary.active,
.fc-header-toolbar .btn.btn-primary.fc-button-active {
  background-color: var(--c-brand-primary) !important;
  border-color: var(--c-brand-primary) !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* learner view toggles + course detail */
.tw-text-green-600 {
    color: var(--c-brand-primary) !important;
}
.tw-bg-sky-clear {
	background-color: var(--c-brand-lightblue) !important;
}

.tooltip-inner {
    background-color: var(--c-brand-primary) !important;
}

/* base arrow reset */
.tooltip .tooltip-arrow {
    background: transparent !important;
}

/* RIGHT (most likely your case: data-placement="right") */
.tooltip.right .tooltip-arrow {
    border-right-color: var(--c-brand-primary) !important;
}

/* LEFT */
.tooltip.left .tooltip-arrow {
    border-left-color: var(--c-brand-primary) !important;
}

/* TOP */
.tooltip.top .tooltip-arrow {
    border-top-color: var(--c-brand-primary) !important;
}

/* BOTTOM */
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--c-brand-primary) !important;
}

/* Erweiterte Einstellungen anzeigen */
.ef-toggle-hidden-section {
  color: var( --c-brand-lightblue) !important;
}
.ef-toggle-hidden-section:hover {
  text-decoration: none !important;
}

/* Tabulator footer page numbers */
.tabulator .tabulator-footer .tabulator-page.active {
  color: var( --c-brand-lightblue) !important;
}

/* BOOKMARKS text color */
#ef-add-bookmark,
#ef-bookmark-input {
  color: #000 !important;
  z-index: 9999 !important;
}

/* Bookmarks list empty item color */
#ef-bookmark-item-empty,
#ef-bookmark-item-empty a,
#ef-bookmark-item-empty i {
  color: #333 !important;
}

/* Menu drawer bookmarks text - make visible */
.tw-menu-item-drawer a span {
  color: #000 !important;
  z-index: 9999 !important;
}

/* Override menu drawer bookmarks text color */
html .tw-menu-item-drawer a span {
  color: #fff;
}

/* Bookmark */
.dropdown-menu > li > a.ef-bookmark-item {
    /* white-space: normal; */
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    z-index: 9999 !important;
}

.dropdown-menu > li > a.ef-bookmark-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    display: block;
    color: #333 !important;
    z-index: 9999 !important;
}

/* Bookmark edit and delete icons */
.ef-bookmark-handle.ef-edit-bookmark.glyphicon.glyphicon-pencil,
.ef-bookmark-handle.ef-delete-bookmark.glyphicon.glyphicon-remove {
    color: #000 !important;
    z-index: 9999 !important;
}

/* .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
} */

/* Remove success icon on course booking */
#ef-course-enrollment-modal img[src="assets/images/enroll_success.svg"] {
  display: none;
}

/* border in session selection for supervisor booking */
.panel-default > .panel-heading {
 	border-radius: 8px; 
}
/* remove top border that appears when opening session in session booking modal */
.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
  	border-top: 0px !important;
}
.bookmarks-button {
	margin-bottom: 0 !important;
	z-index: 9999 !important;
}

/* Override item infoicon background on course cards only */
.ef-course-card .item.infoicon {
    background: transparent url('/plugins/MagnificentCatalog/assets/images/info-icon.svg') no-repeat center center !important;
    background-size: cover !important;
    display: inline-block !important;
    width: 26px !important;
    height: 26px !important;
    position: absolute !important;
    z-index: 100 !important;
    right: 5px !important;
    top: 5px !important;
    cursor: pointer !important;
    filter: invert(28%) sepia(8%) saturate(0%) hue-rotate(187deg) brightness(95%) contrast(101%) !important;
}

/* LABEL equalizer */
.ef-my-courses.ef-my-courses-grid .ef-card-entries .ef-card .ef-card-wrap .label,
.ef-my-courses.ef-my-courses-grid .ef-card-entries .ef-card .ef-card-wrap .label span {
  font-size: 10px !important;
}
.custom-label-ts-start-date {
  background-color: #454545 !important;
}
/* revision label */
.ef-unit-tree .ef-entry-head span.ef-entry-name a.revision-label,
.ef-unit-tree .ef-entry-head span.ef-entry-name a.revision-label:hover,
.ef-unit-tree .ef-entry-head span.ef-entry-name a.revision-label:focus,
.ef-unit-tree .ef-entry-head span.ef-entry-name a.revision-label:active,
.ef-unit-tree .ef-entry-head span.ef-entry-name a.revision-label:visited {
    color: #fff !important;
    --c-brand-success-darken-10: var(--c-brand-primary) !important;
}
/* calendar widget currentday hover text color fix */
#caleandar_5 .cld-day:hover .eventday time {
    color: #fff !important;
}