/*Place your CSS code here*/
:root {
    --c-brand-primary:#e20476;
    --c-brand-primary-darken-5:#cb036a;
    --c-brand-primary-darken-7:#c10364;
    --c-brand-primary-darken-10:#b3035c;
    --c-brand-primary-darken-15:#9e034f;
    --c-brand-primary-darken-17:#96034b;
    --c-brand-primary-darken-20:#890343;
    --c-brand-primary-darken-25:#750338;
    --c-brand-primary-lighten-7:#e9378f;
    --c-brand-primary-lighten-40:#f8b9d5;
    --color-ui-background: #f8f8f8;
    --color-secondary: #bae2d1;
    --c-brand-success: #4cbf9a;
    --c-brand-success-darken-5: #4cbf9a; /* 44ac8b */
    --c-brand-success-darken-7: #3fa383;
    --c-brand-success-darken-10: #389574;
    --c-brand-success-darken-15: #2f8265;
    --c-brand-success-darken-17: #2b7b5f;
    --c-brand-success-darken-20: #256f55;
    --c-brand-success-darken-25: #1e5e48;
    --c-brand-success-lighten-7: #6ccbaa;
    --c-brand-success-lighten-40: #d4efe5;
    --c-brand-danger: #d71d3c;
    --c-brand-danger-darken-5: #d71d3c; /* c21a36 */
    --c-brand-danger-darken-7: #b71832;
    --c-brand-danger-darken-10: #a4152c;
    --c-brand-danger-darken-15: #8d1225;
    --c-brand-danger-darken-17: #851122;
    --c-brand-danger-darken-20: #760f1e;
    --c-brand-danger-darken-25: #610c18;
    --c-brand-danger-lighten-7: #e24a65;
    --c-brand-danger-lighten-40: #f6c3cd;
    --c-brand-warning: #f0a400;
    --c-brand-warning-darken-5: #f0a400; /* d99700 */
    --c-brand-warning-darken-7: #cf8f00;
    --c-brand-warning-darken-10: #c08300;
    --c-brand-warning-darken-15: #a87100;
    --c-brand-warning-darken-17: #9f6a00;
    --c-brand-warning-darken-20: #915f00;
    --c-brand-warning-darken-25: #784e00;
    --c-brand-warning-lighten-7: #f5bd3c;
    --c-brand-warning-lighten-40: #fff0cc;
}

/* Catalog img fix */
.ef-card-wrap .ef-course-wrap,
.ef-card-entries .ef-card {
    width: 220px;
    height: 330px;
    display: flex;
    flex-direction: column;
}
.ef-card-entries .ef-card .ef-card-wrap div.thumbnail {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.ef-card-entries .ef-card .ef-card-wrap div.thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ef-card-entries .ef-card .ef-card-wrap div.caption {
    height: 48%;
    padding: 10px 5px;
}
.ef-card-entries .ef-card .ef-card-wrap div.caption {
    position: static; 
    flex: 1;
    overflow: hidden;
    padding: 10px 5px;
}
.ef-course-card .caption header {
    margin-top: -18px !important;
}

/* adjust progress bar and buttons to default avatar course img width */
.ef-dashboard-header img.ef-default-avatar,
.ef-course-progress-bar,
.ef-dashboard-header .ef-main-action-button a.btn,
.ef-dashboard-header .col-sm-3 .ef-dashboard-labels {
    max-width: 365px !important;
}

/* Catalog filters */
.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: #e20476 !important;
    border-color: #e20476 !important;
    box-shadow: #e20476 0px 0px 0px 8px inset !important;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.ef-category {
    color: #e20476 !important;
}

.dashboard-intro{
 color: black; 
}

/* Course descr. - always show full text */
.ef-course-description #ef-description .description-shortened .clamped-line,
.ef-course-description #ef-description .description-shortened .clamped-line p {
  display: block !important;
  -webkit-box-orient: unset !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
}
/* hide the view-more button */
.ef-course-description #ef-description .description-shortened .view-more-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* TN Course categories gray */
.tw-line-clamp-1.tw-text-xxs.tw-font-semibold.tw-tracking-wide.tw-text-brand-primary {
    color: #333 !important;
}

/* Course catalog colors */
.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
}
[data-role="expander"] i.gj-icon.plus {
  border-color: transparent transparent transparent #e20476 !important;
}
[data-role="expander"] i.gj-icon.minus {
  border-color: #e20476 transparent transparent transparent !important;
}

/* TN logout */
a#nv-sign-out {
    background-color: var(--c-brand-primary) !important;
    color: #fff !important;
    transition: background-color 0.2s ease !important;
}
a#nv-sign-out:hover {
    background-color: #b6005a !important;
    color: #fff !important;
}
.theme-drawer a.tw-group {
    background-color: var(--c-brand-primary) !important;
    color: #fff !important;
    transition: background-color 0.2s ease !important;
}
.theme-drawer a.tw-group:hover {
    background-color: #b6005a !important;
    color: #fff !important;
}



/* matrixbreichte */
a.ajaxHandle.btn.btn-primary.btn-md,
a.ajaxHandle.btn.btn-primary.btn-md span {
    color: #fff !important;
}
a.btn.matrix-branches-tab:hover,
a.btn.matrix-custom-tab:hover,
a.btn.matrix-reports-tab:hover,
a.btn.matrix-branches-tab.active,
a.btn.matrix-custom-tab.active,
a.btn.matrix-reports-tab.active {
    background-color: var(--c-brand-primary) !important;
    color: #fff !important;
}





/* remove active underline TN */ 
/* header .tw-top-full.tw-h-2.tw-w-full { 
  background-color: transparent !important; 
} 
header .group:hover .tw-top-full.tw-h-2.tw-w-full { 
  background-color: transparent !important; 
} */

/* TN my courses and catalogue hover bar */
header .tw-top-full.tw-h-2.tw-w-full {
    top: calc(100% - 16x);
    height: 1px;
}
header .tw-group:hover .tw-top-full.tw-h-2.tw-w-full {
    background-color: var(--c-brand-primary) !important;
}
header a:has(> .tw-top-full.tw-h-2.tw-w-full),
header button:has(> .tw-top-full.tw-h-2.tw-w-full) {
    color: var(--c-brand-primary) !important;
}

/* underline fixes for tabs (reports, etc.) */
ul.tabulizedList > li.tabulizedElement.selected > a {
    display: block !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}
ul.nav.customTabs li.slider {
    background-color: var(--c-brand-primary) !important;
}

/* ARROW uo down alignment issue course catalog */
div.panel-heading span.fa-angle-down,
div.panel-heading span.fa-angle-up {
    line-height: 1 !important;
    display: inline-block;
    vertical-align: middle;
    transform-origin: center;
}

/*mnml calendar */
th.fc-col-header-cell.fc-day {
  background-color: var(--c-brand-primary-lighten-7) !important;
  color: #fff !important;
}
/**
 * Calendar 
*/
.fc-col-header-cell,
th.fc-timegrid-axis {
    background-color: var(--color-ui-background);
}
.fc-daygrid-event-dot {
  border-color: #fff !important;
}
.fc-event,
.fc-v-event,
.fc-h-event {
  background: var(--c-brand-primary-lighten-7) !important;
  background-color: var(--c-brand-primary-lighten-7) !important;
  border-color: var(--c-brand-primary-lighten-7) !important;
}
#calendar .fc-event-time,
#calendar .fc-event-title,
#calendar a.fc-event {
  color: #fff !important;
}
.fc-theme-standard td.fc-day-today {
  background-color: rgba(0,0,0,.1) !important;
}
.fc-toolbar-chunk .btn-primary {
    padding: 0 10px;
}
#export-calendar .btn-primary.dropdown-toggle {
    padding-top: inherit !important;
    padding-bottom: inherit !important;
}
.fc-toolbar {
    padding: 10px 0;
}

/* logo tn fix */
html.new-ui-html body.ef-user-signed-in.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-h-full.tw-col-start-1
div.tw-mx-10
div.tw-relative.tw-flex.tw-max-w-lg.tw-gap-4
div.tw-max-w-\[90px\]
a.tw-block.tw-max-h-16.tw-h-full
img.tw-w-auto.tw-max-w-full.tw-max-h-full.tw-h-auto {
  min-width: 160px !important;
  min-height: 20px !important;
  margin-left: -30px !important;
}

/* white space remove for learner course cat */
html.new-ui-html body.ef-user-signed-in.new-ui.learner-user div#ef-my-courses-grid-content.ef-my-courses.ef-my-courses-grid div div.fadeIn.animated.ef-block div.block-header div.ef-block-header {
  display: none !important;
}

/* Learner User view breadcrumb text */
.tw-flex-grow li a,
.tw-flex-grow li a span,
ol.ef-breadcrumb li,
ol.ef-breadcrumb li a,
ol.ef-breadcrumb li a:hover {
    color: #fff !important;
}

/* LOGIN page */
/*logo*/
/* hide the navbar logo */
body:not(.ef-user-signed-in) #ef-navbar {
    display: none !important;
}

/* add the logo inside the login box */
.one-column-login::before {
    content: "";
    display: block;
    width: 380px;
    height: 70px;
    margin: -30px auto 10px;
    background: url('https://slw-dev.clickandlearn.at/avatar/size/large/id/310') no-repeat center/cover;
    transform: translateX(-10px);
}

body:not(.ef-user-signed-in) {
    background-color: #f4f4f4;
    margin: 0;
    /* height: 100vh; */
    /* overflow: hidden; */
}
body:not(.ef-user-signed-in) .breadcrumb-x {
    display: none !important;
}
/* Center login box */
body:not(.ef-user-signed-in) #ef-login-index {
    max-width: 450px;
    width: 100%;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    border-radius: 8px;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

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

/* add unit buttons */
/* normal label */
label.btn.btn-default {
  background-color: #f8f8f8;
  color: #333;
}
/* hover */
label.btn.btn-default:hover {
  background-color: var(--c-brand-primary-lighten-7);
  color: #fff;
}
/* active / checked */
input.ef-completion-button:checked + label.btn.btn-default,
label.btn.btn-default:has(input.ef-completion-button:checked) {
  background-color: var(--c-brand-primary);
  color: #fff;
}


/* other radio buttons */
.ef-interval.btn.btn-default.btn-sm:hover,
.ef-interval.btn.btn-default.btn-sm:active,
.ef-interval.btn.btn-default.btn-sm.active {
  background-color: var(--c-brand-primary) !important;
  color: #fff !important;
}

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

/* lighter hover on admin tiles */
div.ef-block .iconTable .iconData:hover,
div.ef-block table.iconTable td.iconData:hover {
    background-color: #b7c3cf !important;
}
.ef-block .iconTable .iconData:hover a img {
    filter: invert(0) !important;
}
.new-ui .ef-block .iconTable .iconData:hover a span {
    color: #000 !important;
}

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

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

[stroke='#67b7dc'] {
    stroke: #2d4156 !important;
}

[fill='#009688'] {
    fill: #2d4156 !important;
}

[stroke='#009688'] {
    stroke: #2d4156 !important;
}


[role="tooltip"] > g > g[fill='#000000'] {
    fill: #fff;
} */
 [fill='#67b7dc'] {
    fill: #e20476 !important;
}

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

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

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

[role="tooltip"] > g > g[fill='#000000'] {
    fill: #fff;
}


div.breadcrumb-x{background-color:var(--c-brand-primary);border-color:var(--c-brand-primary);}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:var(--c-brand-primary);border-color:var(--c-brand-primary);}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#E20476;border-color:#E20476;}
html.new-ui-html:root{--c-brand-primary:#e20476;--c-brand-primary-darken-5:#dd0071;--c-brand-primary-darken-7:#db006f;--c-brand-primary-darken-10:#d8006c;--c-brand-primary-darken-15:#d30067;--c-brand-primary-darken-17:#d10065;--c-brand-primary-darken-20:#ce0062;--c-brand-primary-darken-25:#c9005d;--c-brand-primary-lighten-7:#e90b7d;--c-brand-primary-lighten-40:#ff2c9e;}
#ef-navigation .fa{
 color: black; 
}
label[for='branch_profile-selectized']~.ef-form-element-select>div.selectize-control>div.selectize-input{
 height: 60px;
}
select[name='Leistungsbereich_Stammkostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='Leistungsbereich_ZweiteKostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='Leistungsbereich_DritteKostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='Berufsbezeichnung_Stammkostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='Berufsbezeichnung_ZweiteKostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='Berufsbezeichnung_DritteKostenstelle']~div.selectize-control>div.selectize-input{
 height: 60px; 
}
select[name='gesundheitsberuf']~div.selectize-control>div.selectize-input{
 height: 60px; 
}