:root {
    --color-font-primary: #3b4851;
    --color-font-grey: #48586a;
    --color-primary:  #e20074;
    --color-magenta-50:  #ff7ec0;
    --color-magenta-150:  #c70066;
    --color-grey-light:  #e9edf0;
    --color-grey:  #bfbfbf;
    --color-grey-dark:  #9b9b9b;
    --color-green: #8EA40D;
    --color-anthracite: #ADB2B6;
    --color-ui-background:  #F6F6F6;
    --color-grey-button: #48586a;
    --color-grey-button-hover: #e9edf0;
    --color-landingpage-grey: #27333c;
    --color-landingpage-font-primary: #345362;

    --c-brand-primary: var(--color-primary);

    --c-brand-primary-darken-5: #d9d9d9;
    --c-brand-primary-darken-7: #d7d7d7;
    --c-brand-primary-darken-10: #d4d4d4;
    --c-brand-primary-darken-15: #cfcfcf;
    --c-brand-primary-darken-17: #cdcdcd;
    --c-brand-primary-darken-20: #cacaca;
    --c-brand-primary-darken-25: #c5c5c5;
    --c-brand-primary-lighten-7: #e5e5e5;
    --c-brand-primary-lighten-40: #ffffff;

    /* Background */
    --background-color: #fff;
    /* Anchors */
    --anchor-color: var(--color-primary);
    /* Buttons */
    --button-primary-background-color: var(--color-grey-button);
    --button-primary-background-color-active: var(--color-grey-button-hover);
    --button-primary-border-color: var(--color-grey-button);
    --button-primary-color: #fff;
    /* Header */
    --header-background-color: #fff;
    /* Header - Search input */
    --search-background-color: #fff;
    /* Header - Navbar alphatar */
    --alphatar-background-color: var(--color-primary);
    --alphatar-font-color: #fff;
    /* Header - Navbar dropdown */
    --navbar-dropdown-background-color: #fff; 
    --navbar-dropdown-background-color-hover: var(--color-ui-background);
    --navbar-dropdown-color: var(--color-font-primary);
    --navbar-dropdown-icon-color: rgba(0,0,0,.9);
    /* Course */
    --progressbar-background-color: var(--color-primary);
    --progressbar-color: var(--color-font-primary);
    /* Course - Grid */
    --course-grid-title-color: var(--color-font-primary);
    --course-grid-card-background-color: #fff;
    /* Course - List */
    --course-list-category-background-color: #fff;
    --course-list-lower-category-background-color: #fff;
    --course-list-category-color: var(--color-font-primary);
    /* Course - Rating */
    --course-rating-color: var(--color-font-primary);
    --course-rating-star-color: var(--color-primary);
    /* Admin - Component tiles */
    --tiles-background-color: var(--color-ui-background);
    /* Alert */
    --alert-background-color: var(--color-primary);
    /* Form */
    --form-elements-border-color: #ccc;
    /* Admin - Navigation sliders */
    --navigation-slider-color: var(--color-primary);
    /* Admin - Panels */
    --colored-info-color: var(--color-font-primary);
    --course-stats-background-color: transparent;
    --dashboard-panel-background-color: transparent;
    --dashboard-panel-border-color: rgba(0,0,0,.1);
    /* Admin - Nav pills */
    --navpill-background-color: var(--color-primary);
    --navpill-font-color: #fff;
    /* Admin - Chart */
    --chart-color-primary: var(--color-magenta-50);
    --chart-color-secondary: var(--color-magenta-150);
}



@font-face {
    font-family: 'MediStradaPro';
    src: url('/assets/fonts/medistradapro-webfont.woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'MediStradaPro';
    src: url('/assets/fonts/medistradapro-light-webfont.woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MediStradaPro';
    src: url('/assets/fonts/medistradapro-semibold-webfont.woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MediStradaPro';
    src: url('/assets/fonts/medistradapro-semibold-webfont.woff2');
    font-weight: 600;
}


@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-Rg.woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-It.woff2');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-Lt.woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-LtIt.woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-Me.woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-MeIt.woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-Sb.woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-SbIt.woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-Sb.woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Skolar Sans';
    src: url('/assets/fonts/skolarsans/SkolarSansPEWeb-SbIt.woff2');
    font-weight: 700;
    font-style: italic;
}

/* FOOTER fixed at login not elsewhere */
#footer {
    position: fixed !important;
    bottom: 0 !important;
}
main.custom-sidebar #footer {
    position: static !important;
    bottom: auto !important;
}

/* Course details widgets font size */
.fcd_side_area_wrapper *,
.stats_style *,
.fcd_widget_wrapper.fab_extended_field_widget_wrapper.textarea {
    font-size: 14px !important;
}

/**
 * General settings
*/
html,
body {
    color: var(--color-font-primary);
    font-family: 'Skolar Sans', sans-serif !important;
}

body,
body.new-ui {
    background-color: var(--color-ui-background) !important;
}

body {
    background-size: cover;
}

body.custom-background {
    background-color: transparent !important;
}

#custom-background {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
}

body>header#ef-navbar{
 display: none; 
}

section.widget .widgetSubheading{
 font-size: 20px !important;
 padding-top: 0px !important;
}

.twui-menu .tw-bg-emerald-700{
 background-color: rgb(246, 246, 246); 
}

#main-content div[data-vue-component="learning_paths-learner"],
body.magnificent-catalog #mainRow > .col-lg-3,
.new-ui .ef-my-courses-controls,
#ef-my-courses-list-content,
body.course-detail .ef-dashboard-header > .row > .col-sm-3,
body.course-detail .ef-dashboard-header > .row > .col-sm-9,
.twui-content #main-content > div > div.ef-block,
.ef-center-section > div > div.ef-block,
.new-ui #ef-content-sidebar.col-md-3.ef-side-section {
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    padding: 15px;
}

/* .twui-content #main-content > div > div.ef-block, */
.ef-center-section > div > div.ef-block,
.new-ui #ef-content-sidebar.col-md-3.ef-side-section {
    overflow: hidden;
}

body.magnificent-catalog .twui-content #main-content > div > div.ef-block {
    overflow: unset;
}

/* .ef-my-courses.ef-my-courses-grid div.ef-block,
.ef-block.course-catalog {
    background-color: transparent;
} */

hr {
    border-color: rgba(0,0,0,.05);
}

a.link, 
a.link:visited, 
a.link:hover, 
a.link:link,
.ef-anchor-like, 
.ef-anchor-like:hover,
a.ef-toggle-hidden-section,
.link.ef-session-link,
#ef-login-index div.ef-block-content form div.row #forgot-passwd,
#ef-login-index div.ef-block-footer span.sign-slogan a,
.sortedTable tr.oddRowColor .ef-anchor-like {
    color: var(--anchor-color) !important;
}

/**
 * Buttons 
*/

button,
button:focus,
.btn,
.btn:focus,
.btn.btn-default:not(.note-btn) {
    outline: none !important;
    box-shadow: none;
}


.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: #E20074 !important;
    border-color: #E20074 !important;
    color: var(--button-primary-color) !important;
    box-shadow: none;
    border-radius: 9px;
    text-transform: none !important;
}


.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).active,
.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).active,
.btn-default:not(.note-btn).focus,
.btn.btn-default:not(.note-btn):hover { 
  background-color: white !important;
  color: #E20074 !important;
  border-color: #E20074 !important;
  border-width: 1px !important;
}

#ef-refresh-btn {
    border-radius: 9px !important;
    margin-left: 8px;
}

 
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
} 

.ef-grid-clear-filter button {
    padding: 1px 5px !important;
}

/* active buttons add unit */ 
label:not(.radio-inline):has(input[type="radio"]:checked) {
    background-color: #fff !important;
    color: var(--color-primary) !important;
}

/* Admin toggle buttons: prevent wrap */
.ef-dashboard-header .ef-dashboard-content .btn-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}

/* .sortTablefilter {
    width: auto;
    display: flex;
    align-items: center;
}

.sortedTableFooter .ef-grid-clear-filter .btn {
    top: -10px;
} */

/**
* Header
*/
#ef-navbar,
.breadcrumb-x {
    background-color: transparent;
}

/**
 * Header - Logo
*/
/*
#ef-navbar .container .navbar-header .ef-navbar-logo img,
#ef-navbar .container .navbar-header {
    max-width: 200px;
}
*/

/**
 * Header - Search input 
*/
#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form #searchDiv:focus,
#ef-navbar form.navbar-form.ef-active #searchDiv {
    background-color: var(--search-background-color);
    border: 2px solid var(--color-grey);
}

#ef-search-bar,
#ef-search-bar::placeholder,
#ef-navbar form.navbar-form input, 
#ef-navbar form.navbar-form span.search-handle {
    color: var(--color-font-primary) !important;
    font-style: normal !important;
}

body.new-ui .twui-content #ef-navbar #ef-search #searchDiv #ef-search-bar {
    border: 0 !important;
}

body.new-ui header.tw-sticky.twui-old-navbar-replacement {
    padding: 0;
    background-color: var(--color-ui-background);
    box-shadow: none;
    border: 0;
    /* position: unset;
    background-color: transparent; */
}

body.new-ui .twui-content #ef-navbar #ef-search #searchDiv {
    background-color: #fff;
}

body.new-ui .custom-sidebar .container_w_sidebar {
    background: transparent;
}

body.new-ui .twui-content #ef-navbar #searchInputContainer #ef-search.navbar-form {
    background: transparent;
}

body.new-ui header.tw-sticky.twui-old-navbar-replacement > div > div > div > a.tw-block.tw-max-h-16.tw-h-full {
    max-height: 78px;
}

.twui-content #ef-navbar #ef-search #searchDiv {
    border-radius: 15px;
}

#ef-search .searchDivCenter:before {
    content: "\f002";
    font-family: 'Font Awesome 6 Pro';
    width: 38px;
    height: 38px;
    font-size: 18px;
    color: var(--color-font-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

#ef-search .searchDivCenter {
    display: flex;
    align-items: center;
}

#ef-navbar form.navbar-form #ef-search-bar {
    margin-left: 0 !important;
}


/**
 * Header - Navbar alphatar  
*/
.avatar-special-img:not(#avatar),
.img-thumbnail {
    background-color: var(--alphatar-background-color) !important;
    box-shadow: none !important;
}

.img-placeholder.alphatar .img-thumbnail:not(img):after {
    color: var(--alphatar-font-color);
}

/**
 * Header - Breadcrumb 
*/


div.breadcrumb-x {
    box-shadow: none;
}



.breadcrumb-x .ef-breadcrumb a,
.breadcrumb-x .ef-breadcrumb .active a {
    color: var(--color-font-grey) !important;
    font-weight: normal !important;
}

.breadcrumb-x .ef-breadcrumb>li+li::before {
    border-color: var(--color-font-grey) !important;
}

body.dashboard.dashboard-frontend .breadcrumb-x {
    display: none;
}

@media(min-width: 768px) {
    .breadcrumb-x .container .ef-breadcrumb {
        padding-left: 5px;
    }
}

/* 
 * Header - Navbar Dropdown
*/
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: var(--navbar-dropdown-background-color);
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu button.dropdown-item:hover,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: var(--navbar-dropdown-background-color-hover);
}

#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu button.dropdown-item:hover,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle+.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li *.dropdown-text,
#ef-navbar .container ul.nav.navbar-nav > li.open > button, 
#ef-navbar .container ul.nav.navbar-nav > li.open > button:hover {
    color: var(--navbar-dropdown-color);
}

#ef-navbar .container ul.nav.navbar-nav > li > a, 
#ef-navbar .container ul.nav.navbar-nav > li > button {
    color: var(--navbar-dropdown-icon-color);
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item > span.label {
    color: var(--color-font-primary);
}

/* Divider */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    background-color: var(--navbar-dropdown-background-color-hover) !important;
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    color: var(--navbar-dropdown-background-color-hover);
    border: 0;
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa:after {
    color: var(--color-font-primary);
}

/**
 * Label, Icons
*/
.ef-label-tags a, 
.ef-label-tags a:hover, 
.ef-label-tags a:link, 
.ef-label-tags a:active, 
.ef-label-tags a:visited {
    color: #fff !important;
}

span.label,
.label-ef-starts-at,
.label-ef-pending,
.label-ef-expired,
.label-ef-depends,
.label-ef-ends-at,
.label-ef-ended-at,
.label-ef-started,
.label-ef-finished,
.label-ef-completed,
.label-ef-failed,
.label-ef-cancelled,
.label-ef-expires,
.label-ef-roster,
.label-ef-curriculum,
.label-ef-test,
.label-success,
.label-course,
.label-warning,
.label-info,
.label-placeholder,
.label.label-ef-learning_paths,
.label-success[href]:hover, 
.label-success[href]:focus { 
    background-color: var(--color-grey-light) !important;
    color: var(--color-font-primary) !important;
    border-radius: 4px !important;
}

.ef-dashboard-header .ef-dashboard-labels .label,
.label.custom-label-tag {
    border-radius: 4px !important;
}

.selectize-control.multi .selectize-input > div {
    background: var(--color-primary) !important;
}

.alert.alert-warning {
    background-color: var(--color-primary) !important;
}

.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a,
.alert-info a,
.alert-warning a {
  color: #fff !important;
}

.ef-new-feature-alert,
.alert-info,
aside.alert.alert-info {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.alert-warning hr,
.alert-info hr {
  border-top-color: #fff;
}


/**
 * Course
*/
/* .ef-my-courses-controls .ef-my-courses-toggle-view i {
    color: var(--color-ui-background);
} */

.ef-my-courses-controls .ef-my-courses-toggle-view.active i {
    color: var(--color-primary);
}

.progress {
    background-color: rgba(0,0,0,.05) !important;
}

*.progress .progress-bar.progress-bar-success {
    background-color: var(--progressbar-background-color);
    box-shadow: none;
}

*.progress .progress-bar {
    color: var(--progressbar-color);
}

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

*.progress .progress-bar>.progress-bar-content {
    display: none;
}

/**
 * Course - Detail
*/
.ef-dashboard .ef-dashboard-header > .row > .col-sm-9 {
    padding-left: 15px;
}

.ef-dashboard-header .ef-course-name h1 {
    line-height: 120%;
    font-weight: bold;
}

.ef-unit-tree .active-content:before {
    background: var(--color-primary);
}

.ef-unit-tree .ef-entry-head span.ef-entry-name a:hover {
    color: var(--anchor-color);
}

.ef-session-link {
    color: var(--color-font-primary);
}

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry,
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd) {
    background-color: transparent;
}

.ef-unit-tree .unit-entry {
    background-color: var(--color-ui-background);
    margin-bottom: 2px;
}

.ef-unit-tree .lesson-entry:nth-child(odd):not(:last-child)>ul>.unit-entry:last-child,
.ef-unit-tree li.ef-courses-list-item:not(.lesson-entry) {
    border-color: transparent;
}

.ef-unit-tree .ef-unit-link {
    color: var(--color-font-primary) !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,
.success, 
.completed {
  color: var(--color-primary) !important;
}

.ef-unit-tree .ef-unit-link.disabled,
.ef-unit-tree .ef-unit-link.disabled:hover,
.ef-unit-tree .ef-unit-link.disabled:link,
.ef-unit-tree .ef-unit-link.disabled:active,
.ef-unit-tree .ef-unit-link.disabled:visited {
    color: #aaa !important;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check,
#ef-content-tree .ef-unit-status .fa-check {
    background-color: var(--color-primary);
    color: #fff !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 130%;
}

.ef-unit-tree .active-content:before {
    border-radius: 4px;
}

.no-courses-icon {
    background-color: transparent !important;
}

div.ef-completed-text {
    color: var(--color-font-primary);
}

.ef-dashboard-header .ef-dashboard-labels {
    margin: 15px 0;
}

/*
.ef-dashboard-header .ef-main-action-button .btn.btn-success {
     max-width: 80%; 
    display: inline-block;
    width: auto;
}
*/

@media(min-width: 992px) {
    #main-content .col-md-9.ef-center-section {
        padding-right: 15px;
    }
}

/* .ef-unit-tree .ef-entry-head.row .ef-entry-name .ef-lesson-link,
.ef-unit-tree .ef-lesson-name {
    font-weight: 600;
} */


#ef-description-short,
.ef-course-description .description-shortened {
  display: none !important;
}

.ef-course-description #ef-description-full {
  display: block !important;
}

#ef-description .view-more-btn,
#ef-description .more-less-link {
  display: none !important;
} 

.new-ui .ef-dashboard-header img.ef-default-avatar {
    max-width: none;
}

.new-ui .ef-dashboard-header img.ef-default-avatar {
    border-radius: 15px;
}

body.course-detail .ef-dashboard-header > .row > .col-sm-3 {
    padding: 15px 15px 0 15px;
}

@media (max-width: 768px) {
    body.course-detail .ef-dashboard-header > .row > .col-sm-3 {
        padding: 15px 15px 15px 15px;
      	margin-bottom: 10px;
    }
}

body.course-detail .ef-dashboard-header > .row > .col-sm-9 {
    padding-top: 15px;
    padding-bottom: 15px; 
  	padding-left: 15px;
}

.col-md-9.ef-center-section .ef-content-footer {
    border-top: 0;
}

.col-md-9.ef-center-section .text-right a.ef-nav-handle.ef-tooltip-toggle,
.col-md-9.ef-center-section a.ef-nav-handle.ef-tooltip-toggle {
    color: var(--color-font-primary);
}

@media(min-width: 768px) {
    body.course-detail .ef-dashboard-header > .row > .col-sm-3 {
        width: calc(25% - 15px);
        margin-right: 15px;
        overflow: auto;
    }
}

/* Border color content */
/* .ef-unit-tree .lesson-entry:nth-child(odd):not(:last-child) > ul > .unit-entry:last-child,
.ef-unit-tree li.ef-courses-list-item:not(.lesson-entry) {
    border-color: rgba(0,0,0,.05);
} */

/**
 * Course - Grid
*/

#ef-my-courses-list-content {
    padding: 0 15px;
}

.ef-card-entries .ef-card {
    height: 330px !important;
    width: auto !important;
}

.new-ui .twui-content .ef-card-entries .ef-card {
    height: 330px !important;
    width: auto !important;
}

@media (max-width: 1920px) {
    .new-ui .twui-content .ef-card-entries .ef-card {
        width: auto !important;
    }
}

.ef-card-entries .ef-card .ef-card-wrap {
    width: 220px !important;
    margin: 0px 9px;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail {
    height: 44%;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    height: 56%;
}

.ef-my-courses-controls,
#ef-my-courses-grid-content > div > div.ef-block,
#ef-my-courses-grid-content .ef-my-courses-controls {
    background-color: transparent;
} 

.new-ui .ef-my-courses-controls {
    padding: 15px 15px 5px 15px;
    margin-bottom: 10px;
}


.ef-card-entries .ef-card .ef-card-wrap {
    border-radius: 15px !important;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    /*cursor: pointer;*/
}

.ef-card-entries .ef-card .ef-card-wrap:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
    max-height: 50px;
}

.ef-card-entries #headerTitle,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    color: var(--course-grid-title-color);
    font-size: 18px !important;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-weight: bold;
    text-align: left;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a:hover {
    text-decoration: none;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: var(--course-grid-card-background-color) !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail img {
    object-fit: cover;
}


.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action {
    background-color: transparent;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action a span {
    display: none;
} 

/* .ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action {
    background-color: rgba(0, 94, 190, 0.9);
} */

/* Disable price icon*/
/* 
.ef-card-entries .ef-card .ef-card-wrap div.caption span.ef-price,
.ef-card-entries .ef-card .ef-card-wrap .ef-price > img {
    display: none;
}
*/

/* fix certificate icon */
/* 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 {
    top: initial;
}

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 {
    bottom: 7px;
} */

/* Toggle Buttons */
div.ef-catalog-filters form .toggle-filter,
.ef-show-search .icon-btn.toggler {
    color: var(--color-primary);
}

/* Magnificent Catalog */

.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.checkbox.checbox-switch label > input:checked + span, 
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    box-shadow: var(--color-primary) 0px 0px 0px 8px inset !important;
}


body.magnificent-catalog #mainRow .col-lg-3 #ef-refresh {
    margin-left: 0 !important;
}

body.magnificent-catalog #mainRow > .col-lg-3 {
    flex: 0 0 300px;
    margin-right: 15px;
    height: fit-content;
    margin-bottom: 15px;
    padding-right: 1.5%;
}


body.magnificent-catalog #ef-my-courses-grid-content {
    padding: 0 15px;
}

body.magnificent-catalog #mainRow > .col-lg-3 > hr {
    border: 0;
}

body.magnificent-catalog #mainRow .ef-my-courses-controls {
    padding-top: 0 !important;
}

body.magnificent-catalog .courses-filter .panel-default>.panel-heading {
    background-color: #fff;
    border: 0;
    align-items: center;
}

body.magnificent-catalog .form-group > .checkbox.checbox-switch {
    margin-left: 8px;
}

body.magnificent-catalog .category-filter .panel-heading {
    padding: 10px 8px;
}

body.magnificent-catalog .search-container {
    margin: 15px 10px 10px 23px !important;
}

body.magnificent-catalog .course-cost {
    display: none;
}

body.course-detail #main-content > div > div.ef-block,
body.magnificent-catalog #main-content > div.ef-block,
body.magnificent-catalog #main-content > div > div.ef-block,
body.magnificent-catalog #mainRow .ef-my-courses-controls {
    border-radius: 15px !important;
    background-color: transparent !important;
    box-shadow: none !important;
  	padding: 0px !important;
}

body.magnificent-catalog .ef-card-entries.ef-catalog-entries {
    margin-top: -10px;
}

body.magnificent-catalog #mainRow .ef-my-courses-controls,
body.magnificent-catalog div.ef-block .ef-block-header,
body.magnificent-catalog div.ef-block .ef-block-content {
    padding: 0 !important;
    margin: 0 !important;
}

body.magnificent-catalog #ef-manage-courses {
    padding-bottom: 0 !important;
}

body.magnificent-catalog #mainRow .ef-my-courses-controls {
    display: flex;
}

/* New Courses (News) */
.newsslider {
    margin-bottom: 15px;
}

.hidenews.newsslider {
    margin: 0;
}

.newsslider .ef-catalog h4 {
    text-align: center !important;
}

.newsslider .ef-card-entries.ef-catalog-entries.ef-new-courses {
    display: block;
    margin: 0;
}

.newsslider .slick-slider .slick-track {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.newsslider .slick-next:after,
.newsslider .slick-prev:after {
    font-family: "Font Awesome 6 Pro";
}

/* Catalog */
.ef-card.ef-course-card:not(.ef-catalog-entry) .ef-card-wrap.ef-course-wrap > div:first-of-type,
.ef-card-entries .ef-card .ef-card-wrap .ef-color-header {
    height: 0 !important;
} 

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
    padding-top: 5px !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    background-color: transparent !important;
}

/**
 * Course - List
*/
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: var(--course-list-category-background-color) !important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: var(--course-list-lower-category-background-color);
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover {
    color: var(--course-list-category-color);
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    color: var(--anchor-color);
}

.ef-my-courses .ef-courses-list > ul > li:nth-child(odd),
.ef-my-courses .ef-courses-list > ul > li:nth-child(even),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(1n+1),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) {
    background-color: #fff;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) div.ef-entry-head:hover,
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(1n+1) div.ef-entry-head:hover {
    background: var(--color-ui-background);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li:first-child {
    border-color: rgba(0,0,0,.1) !important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category {
    margin-top: 0;
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name {
    text-transform: none;
    line-height: 120%;
}

/* Learning paths */
#main-content div[data-vue-component="learning_paths-learner"] {
    overflow: hidden;
}

/**
 * Course - Test
*/
.panel-primary > .panel-heading {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.ef-question-indicator .ef-question-indicator-current {
    background-color: var(--color-primary) !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}

.ef-question-indicator .ef-question-indicator-done {
    background-color: var(--color-primary) !important;
    border: 2px solid transparent !important;
    color: #fff !important;
    opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
    background-color: #fff !important;
    border: 2px solid transparent !important;
}

.ef-question-panel {
    background: #fff;
}

.ef-question-panel .text-muted {
    color: var(--color-font-primary);
}

.ef-question-indicator .ef-question-indicator-correct {
    background-color: #dff0d8 !important;
    border: 2px solid #dff0d8 !important;
    color: #3c763d !important;
}

.ef-question-indicator .ef-question-indicator-wrong {
    background-color: #f2dede !important;
    border: 2px solid #f2dede !important;
    color: #a94442 !important;
}

.ef-panel-hourglass .h3.media-heading,
.ef-panel-success-test .h3.media-heading {
    font-size: 18px;
} 


/**
 *  Course Rating 
*/
.ef-dashboard-header .ef-course-rating {
    color: var(--course-rating-color);
}

.ef-dashboard-header .ef-course-rating-options i,
.ef-dashboard-header .ef-course-rating-options i:before {
    color: var(--course-rating-star-color);
}

.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active {
    color: var(--course-rating-star-color);
}

/**
* Cart 
*/
#ef-cart-payment-table .panel-heading,
#cartContentsTable .panel-heading {
    background-color: var(--color-primary);
}

.panel-primary {
    border-color: var(--color-ui-background);
}

#ef-cart-payment-table td,
#cartContentsTable tr,
#cartContentsTable.sortedTable tr.oddRowColor {
    background-color: #fff;
    background: #fff;
}

/**
 * Calendar 
*/
.fc-col-header-cell,
th.fc-timegrid-axis {
    background-color: #fff;
}

.fc-daygrid-event-dot {
  border-color: #fff !important;
}

.fc-event,
.fc-v-event,
.fc-h-event {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !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;
}

#calendar {
    background: none;
}

#calendar .fc-toolbar {
    background-color: transparent;
}

#calendar .fc-theme-standard td, 
#calendar .fc-theme-standard th {
    background-color: #fff !important;
}

/**
 * Login 
*/

#ef-login-index {
    box-shadow: 30px 5px 96px rgba(135, 145, 154, .2) !important;
    max-width: 400px;
    margin: 160px auto 0;
    border-radius: 15px;
    overflow: hidden;
}

#ef-login-index form#login_form div.row.ef-row > *,
#ef-login-index form#login_form div.row.ef-row.login-bottom,
#ef-login-index form#login_form {
    padding: 0;
}

#ef-login-index form#login_form div.one-column-login {
    margin: 0;
    max-width: none;
}

#ef-login-index form#login_form .login-bottom input[type=submit] {
    margin: 0 30px;
}

#ef-login-index form#login_form div.row.ef-row:not(.login-bottom) {
    padding: 0 30px;
}

#ef-login-index form#login_form div.row.ef-row.login-bottom {  
  	margin: 10px 0 20px 0;
}

#ef-login-index .login-header {
    background-color: var(--color-grey-button);
    margin: 0 0 25px 0;
}

#ef-login-index .login-header figure {
    padding: 10px;
    display: flex;
    justify-content: center;
}

#ef-login-index .login-header figure img {
   max-height: 50px;
   max-width: 100%;
}

#ef-login-index .row.two-column-login {
    display: flex;
    flex-direction: column;
}

#ef-login-index .row.two-column-login > .col-md-6 {
    width: 100% !important;
}

#ef-login-index div.ef-block-content form .ef-login-with {
    margin: 25px 0 20px;
    color: var(--color-font-grey);
    text-transform: none;
}

#ef-login-index div.ef-block-content form .ef-login-with i {
    background-color: var(--color-font-grey);
}


/**
 * Form 
*/

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select,
.form-control,
.input-group-addon {
    border-color: var(--form-elements-border-color) !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    box-shadow: none;
}

textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus,
.uneditable-input:focus,
.form-control:focus {
    border-color: var(--form-elements-border-color) !important;
    outline: 0;
    box-shadow: none !important;
}

.eye-input-group {
    background-color: #fff;
}

.daterangepicker td.active, 
.daterangepicker td.active:hover {
    background-color: var(--color-primary) !important;
}

/**
 * Tables 
*/
table:not(.iconTable),
table th  {
    background: rgba(255,255,255,.8);
}

.sortedTable tr.oddRowColor,
.ef-mapped-accounts-table tr.oddRowColor {
    background-color: rgba(0,0,0,.02);
}

.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover,
.ef-mapped-accounts-table tr.oddRowColor:hover {
    background: rgba(0,0,0,.05);
}

.tabulator-tableholder .tabulator-row.tabulator-selectable:hover,
.tabulator--ef-theme .tabulator-row.tabulator-row-even {
    background-color: var(--color-ui-background) !important;
}

.table.ef-mapped-accounts-table td {
    line-height: 35px;
}

table a:not(.fa) {
    color: var(--color-font-primary) !important;
}

tr.text-danger a {
    color: #a94442 !important;
}

#coursesTable .icon-cert_icon:hover {
    cursor: default !important;
}

div.ef-block .ef-header-tools {
    padding: 8px 15px 15px !important;
}

body.new-ui .ef-block-content .tabulator-wrapper {
    padding: 0 15px;
}

body.new-ui div.ef-block .ef-block-content .tab-content {
    padding-bottom: 15px;
}

/**
 * Dashboard
*/

.jumbotron.jumbotron-fluid.dashboard-intro {
    background-color: transparent;
    margin: 0;
    padding: 10px;
}

.jumbotron.jumbotron-fluid.dashboard-intro p {
    margin: 0;
}

#dashboardHeader {
    margin: 0 10px 20px 10px !important;
}

.jumbotron.jumbotron-fluid.dashboard-intro h1 {
    font-weight: bold;
}

#widgetGrid {
    background-color: transparent;
    border-radius: 15px;
}

#widgetGrid section.widget {
    padding: 1.5rem;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0, 0.1) !important;
}

#widgetGrid section.widget, 
#widgetGrid .dashboard-intro {
    border-radius: 15px !important;
}

#widgetGrid .courseContainer .courseTitle {
    font-size: 18px;
    line-height: 120%;
    margin-top: 10px;
}

#widgetGrid .courseContainer .courseProgressBar {
    background-color: rgba(0,0,0,.05) !important;
    border-radius: 10px !important;
    overflow: hidden;
}

#widgetGrid .courseContainer .courseProgressBar > .courseProgress {
    background-color: var(--progressbar-background-color) !important;
}

#widgetGrid .courseContainer .courseCategory .cLabel {
    color: #48586A !important;
    background: #fff !important;
    font-weight: 700;
    padding: 0px !important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 120%;
}

#widgetGrid .courseContainer .courseCategory {
    top: 150px !important;
}

#widgetGrid .courseContainer .cLabel {
    font-size: 11px;
    font-weight: normal;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 100%;
    text-transform: uppercase;
}

#widgetGrid .courseContainer {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15) !important;
    background-color: #fff;
    border-radius: 15px;
    /* overflow: hidden; */
    border: 1px solid var(--color-ui-background);
}

#widgetGrid .courseContainer .entityIndicator {
    border-top-left-radius: 15px;
}

#widgetGrid .courseContainer .courseImage img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#widgetGrid .courseContainer .courseLabels {
    align-content: flex-end;
}

#widgetGrid .course-progress-text {
    display: none;
}

#widgetGrid .cLabel.label-info.label-learning-path {
    background-color: var(--color-grey-light) !important;
}

#widgetGrid .courseContainer > .entityIndicator.indicator-red > i.fa:before {
    content: "\f017" !important;
}

#widgetGrid .courseContainer > .entityIndicator.indicator-red {
    background-color: #C32929;
}

/* #widgetGrid .CourseWidgetGeneral .slick-slider .slick-list.draggable {
    overflow: hidden !important;
} */

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

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

/**
 * Admin - Component tiles 
*/
div.ef-block .iconTable .iconData:hover,
div.ef-block table.iconTable td.iconData:hover {
    background-color: var(--tiles-background-color);
}

.ef-block .iconTable .iconData:hover a span {
    color: #000;
}

.ef-block .iconTable .iconData:hover a img {
    filter: none;
}

/** 
 * Admin - Navigation sliders 
*/
ul.tabulizedList > li.tabulizedElement.selected > a::after,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after {
    border-color: var(--navigation-slider-color);
}

#slider,
ul.customTabs .slider {
    background: var(--navigation-slider-color);
}

div.tabs-ruler hr,
div.tabs-ruler-special > hr {
    display: none;
}

ul.tabulizedList > li.tabulizedElement.selected > a,
ul.customTabs > li.active > a,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
    color: var(--navigation-slider-color);
}

/** 
 * Admin - Panels
*/
.colored-info {
    color: var(--colored-info-color);
}

.panel {
    box-shadow: none;
    border-radius: 0;
}

.ef-dashboard-header .ef-preview-box-course-stats {
    background: var(--course-stats-background-color);
    padding: 15px;
}

.ef-preview-box-mini {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-header,
.ef-preview-box-mini .ef-info-header {
    margin-top: 0;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-text,
.ef-preview-box-mini .ef-info-text {
    margin-top: 5px;
}

.dashboard-panel .panel,
.dashboard-panel .panel-body {
    background-color: var(--dashboard-panel-background-color) !important;
}

.dashboard-panel .panel-default {
    border-color: var(--dashboard-panel-border-color);
}

.ef-preview-box-mini,
.ef-preview-box {
    background: transparent;
}


.ef-preview-box,
.ef-preview-box-mini,
.panel,
.ef-dashboard-header .ef-preview-box-course-stats {
    border: 0;
} 

.ef-preview-box hr {
    border: 0;
}

/**
 * Admin - Nav pills 
*/
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover,
.nav-pills > li > a:focus, 
.nav-pills > li > a:hover {
    background-color: var(--navpill-background-color);
    color: var(--navpill-font-color) !important;
}

.nav-pills.nav-stacked {
    background-color: transparent;
    border-right: 0;
}


/**
 * Admin - Charts
*/
[fill='#67b7dc'] {
    fill: var(--chart-color-primary) !important;
}

[stroke='#67b7dc'] {
    stroke: var(--chart-color-primary) !important;
}

[fill='#009688'] {
    fill: var(--chart-color-secondary) !important;
}

[stroke='#009688'] {
    stroke: var(--chart-color-secondary) !important;
}

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

/**
 * Mobile Optimization
*/
/* Prevents overflow of menu items */
#ef-navbar .container ul.nav.navbar-nav {
    display: flex;
}

/* Startseite */
section.section-text,
section.section-intro,
section.section-courses {
    background-color: var(--color-font-grey) !important;
    color: #fff !important;
}

section.section-courses article {
    background-color: #fff;
    border-radius: 24px;
    color: var(--color-font-primary);
    overflow: hidden;
}

section.section-courses article > div {
    padding: 20px;
}

section.section-courses article > div h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

section.section-courses article .description,
section.section-courses article .description * {
    font-size: 16px;
}

section.section-courses article .description {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

.section-intro h2,
.section-text h3,
.section-courses h3 {
    font-family: 'MediStradaPro';
    font-size: 32px;
}

.section-intro h2 {
    color: var(--color-landingpage-font-primary) !important;
}

.section-text h3,
.section-courses h3 {
    color: var(--color-landingpage-font-primary) !important;
}

.section-intro h2 {
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
}

.section-intro .btn-primary,
.section-intro .btn-primary:hover {
  background-color: var(--color-magenta-150) !important;
  border-color: var(--color-magenta-150) !important;
}


.section-intro .container {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 24px;
    padding: 20px;
    color: var(--color-font-primary);
}

body:not(.ef-user-signed-in) .header-nav li.login i,
body:not(.ef-user-signed-in) .header-nav li:not(.login) {
    display: none;
}

.section-text .readmore i,
.section-courses .readmore i {
  display: none;
}

.section-text .readmore a,
.section-courses .readmore a {
  color: var(--color-magenta-150) !important;
}


/**
 * Design neu
*/
.new_ui-bullhorn,
.new_ui-bullhorn.active {
    background-color: var(--color-primary);
}

.new-ui .ef-unit-tree .ef-entry-description .description-padding {
    white-space: normal;
}

.new-ui > .twui-content > main.custom-sidebar .custom-sidebar-inner {
    /*overflow-x: hidden;*/
}

.new-ui .tw-text-sky-night,
.new-ui .tw-text-blue-700 {
    color: var(--color-font-primary);
}

.new-ui .tw-text-indigo-600 {
    color: var(--color-primary);
}

.new-ui .tw-border-indigo-500 {
    border-color: var(--color-primary);
}

.new-ui .tw-bg-blue-100,
.new-ui .tw-bg-sky-light {
    background-color: rgba(229, 231, 235, 1);
}

.new-ui .tw-bg-emerald-600,
.new-ui .tw-bg-emerald-700 {
    background-color: var(--color-ui-background) !important;
}

/* Mycourses */

/* Progress */
.new-ui .tw-bg-green-accent {
    background-color: var(--color-primary);
}

/* Certificate link */
.new-ui .fa-award + p {
    color: var(--color-font-primary) !important;
}

/* Toolbar */
.twui-menu .hover\:tw-bg-gray-800:hover i,
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
   color: var(--color-font-primary) !important;
}

.twui-menu > .tw-bg-brand-primary {
    background-color: var(--color-ui-background);
}

.tw-bg-brand-primary.tw-text-white,
.hover\:tw-bg-brand-primary.hover\:tw-text-white:hover {
    color: #fff !important;
}

.twui-menu .twui-switch-ui:hover i,
.twui-menu .tw-text-orange-300 {
    color: var(--color-primary) !important;
}

.twui-menu-item.ef-tooltip-toggle-hover .tw-bg-gray-800,
.twui-menu-item.ef-tooltip-toggle-hover.tw-bg-gray-800,
.twui-menu .tw-bg-emerald-600 {
    background-color: var(--color-ui-background);
}

.twui-menu .tw-border-white {
    border-color: transparent;
}

.twui-menu .tw-leading-8 {
    line-height: 120% !important;
}

.twui-menu .hover\:tw-bg-gray-800:hover {
    background-color: transparent;
} 

@media(min-width: 1024px) {
    .lg\:tw-w-500 {
        width: 45rem !important;
    }
}

.tw-gap-x-4 {
    column-gap: 5rem;
}
@media(max-width: 480px) {
  .tw-gap-x-4 {
      column-gap: 2rem;
  }
}

.ef-content-area {
  color: #48586A;
}
.text .tw-text-base .tw-line-clamp-2 .tw-leading-8{
 background-color:red; 
}

.ef-content-area,
.ef-content-area .ef-session-entry,
.ef-content-area div,
.ef-content-area span {
 	font-family:  'Skolar Sans', sans-serif !important;
}

.ef-content-area img {
 	opacity: 60%; 
}

.ef-preview-box-mini, .ef-info-text {
 font-size:16px; 
}
.newsText {
  font-size:17px !important;
}
.news_item p {
  font-size: 16px !important;
}
.NewsWidget_60 > .NewsWidgetSize2 > .newsLink > .bellWrapper > .fa-light.fa-bell > .newsCounter {
  /*top: -2px !important;
  right: 20px !important;*/
}
.NewsWidget_60 > .NewsWidgetSize1 > .newsLink > .fa-light.fa-bell > .newsCounter {
  /*background-color: #eeeeee !important;*/
}
.StatisticsWidget_28 .StatisticsWidgetSize1 .statisticsWrapper .statisticItem .statisticHeader {
  /*font-size: 15px !important;
  text-transform: none !important;*/
}
.StatisticsWidget_28 .StatisticsWidgetSize1 .statisticsWrapper .statisticItem {
  /*border-radius:10px !important;*/
}
#widgetGrid :not(.cLabel):not(.entityIndicator):not(.sr-only):not(i):not(.popover):not(.fa):not(.fa *):not(.tooltip *) {
  z-index: 1 !important;
}
.CourseWidget_12 .CourseWidgetSize1 .scrollWrapper_12 {
    /*margin: 0 20px 10px 20px !important;*/
}
.CourseWidget_12 .CourseWidgetSize1 .sliderContainer_12 .courseContainer > .entityIndicator.indicator-orange {
  /*background-color: #995900 !important;*/
}
.CourseWidget_12 .CourseWidgetSize1 .sliderContainer_12 .courseContainer > .entityIndicator.indicator-green {
  /*background-color: #1E7B46 !important;*/
}
.no-results {
  display:none;
}
.label-danger {
  background-color: #0768CF;
  font-size: 11px !important;
}
legend {
  color:  #48586A !important;
}
#ef-description-full h4 {
 font-size: 16px !important; 
}
.fcd_side_area_wrapper {
    font-size:14px !important;
}
.course-content-heading {
  margin-bottom: -5% !important;
}
.fa-circle-check:not(.custom) {
  /*color: #E20074 !important;*/
}
.ef-test-page .ef-test-description{
    margin-top: 20px;
}
strong {
  color: #3b4851 !important;
}
.courses-filter .filter-header{
  color: #3b4851 !important;
}
.session-info-card-item.item-button > .item-link {
    border-width: 1px !important;
}
.btn {
  font-size: 14px !important;
}
.ef-cancel-bookmark-edit {
  /*margin-bottom: 0px !important;*/
}
.ef-my-courses-search-error {
 margin-top:20%; 
}
fieldset.ef-fieldset-separator legend {
  font-size: 14px !important;
  font-weight:bold !important;
}
.tw-rounded-full {
 max-width:inherit !important; 
}
.tw-ml-3 {
  margin-left: -20px !important;
}
.custom-sidebar .container_w_sidebar {
    padding-top:0em !important; 
}

[data-role=expander] i.gj-icon.plus {
    border-color: transparent transparent transparent #48586A !important;
}

[data-role=expander] i.gj-icon.minus {
    border-color: #48586A transparent transparent transparent !important;
}
@media (max-width: 620px) {
    body.course-detail .ef-dashboard-header > .row > .col-sm-3 {
      padding: 15px 15px 15px 15px;
      margin-bottom:10px !important;
    }
    .fa-magnifying-glass {
      font-size: 1.7rem !important;
   }
  .fa-bell {
    margin-top: 4px !important;
  }
  .twui-toggle-menu {
    display:none !important;
  }
  #generatePass {
  margin: 8px auto auto 17px !important;
  }
  .ef-main-action-button {
   margin-top: 10px !important; 
  }
  #seatchDiv {
   padding: 0px 38px 0px 38px !important; 
  }
    /*div.ef-unit-tree .ef-entry-head.row {
    	padding-left: 30px !important;
    }
  	div.ef-unit-tree > ul > li > ul > li > .ef-entry-head.row {  
    	padding-left: 10px !important;
  	}*/
}
@media (max-width: 480px) {
  .tw-max-w-full {
   max-width:10000% !important; 
  }
  .tw-w-auto {
   width:132px !important; 
  }
  .tw-h-auto {
   height:23px !important; 
  }
  .tooltip-inner {
    background-color: #333F48 !important; /* Change to your desired color */
    color: white !important; /* Change text color if needed */
}

/* Change the tooltip arrow color */
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #333F48 !important;
}

.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #333F48 !important;
}

.bs-tooltip-left .tooltip-arrow::before {
    border-left-color:#333F48 !important;
}

.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #333F48 !important;
}

}
.ef-test-rules {
  display:hidden !important;
}

li.news_item:hover {
 	 cursor: default !important;
}

/* Change tooltip background color */
.new-ui .twui-old-navbar-replacement div.tooltip .tooltip-inner {
 	background-color: #333F48;
  	font-size: 80%;
}
.new-ui .twui-old-navbar-replacement div.tooltip .tooltip-arrow {
 	border-right-color: #333F48;
}

/* Add bg color to Course Details */
.fcd_main_area_wrapper div.fcd_outer_widget_wrapper {
 	padding: 10px;
    background-color: var(--color-ui-background);
    border-radius: 8px; 
}

div.ef-unit-tree ul.ef-courses-list li.ef-courses-list-item {
  	border-radius: 8px;
}

/* change font size of breadcrumb on reports page */
#main-content > div > .ef-block > .ef-block-content  > div > h3,
#main-content > div > .ef-block > .ef-block-content  > div > h3 > small {
 	font-size: 16px;
}

div.popover,
div.popover > div.popover-content {
 	font-family:  'Skolar Sans', sans-serif !important;
}

/* enlarge storno info text element */
#course_storno_form > div.form-group:first-of-type .ef-form-element {
  	max-width: 700px;
}

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

/* Remove quiz icon on test overview page */
.ef-test-page .ef-test-rules img.large3[src="assets/images/quiz_rules.svg"] {
  display: none !important;
}

/* change font sizes on messages page */
div.ef-pm-title-row > div.h2.ef-pm-title > h1.h2 {
  	font-size: 24px;
}
div.ef-pm-title-row > div.h2.ef-pm-title > small > time {
  	font-size: 16px;
}

/* breadcrumb and padding to main content */
.breadcrumb-x .ef-breadcrumb {
  	display: ruby;
}
.ef-dashboard-header,
#main-content #dashboardHeader { 
  	margin: 0px !important;
  	padding-left: 0px !important;
}

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

/* change success icon in custom storno form modal */
.ef-block .ef-block-content .success-div > p > img.icon-success.huge {
 	display: none; 
}
.ef-block .ef-block-content .success-div > span.booked-info::before{
    font-family: var(--fa-style-family,"Font Awesome 6 Pro");
    font-weight: var(--fa-style,900);
 	content: "\f058";
  	color: var(--color-font-primary);
    display: block;            /* erlaubt Zentrierung */
    text-align: center;        /* Inhalt zentrieren */
    font-size:  120px;           /* Icon vergrößern */
    margin-bottom: 10px;       /* Abstand zum Button */
}

/* content tree spacing */
.ef-unit-tree .ef-unit-icon {
    margin-left: 30px;
}
.ef-unit-tree .ef-entry-head .handle {
 	left: 5px !important;
}

/* Padding am Dashboard angleichen an Kurskatalog Ansicht */
#main-content:has(div#widgetGrid) {  
  padding-left: 1.6rem;
}

@media (max-width: 768px) {
  header.twui-old-navbar-replacement > div.sm\:tw-px-6 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  #ef-navbar form.navbar-form #searchDiv, #ef-navbar form.navbar-form #searchDiv:focus, #ef-navbar form.navbar-form.ef-active #searchDiv {
    border: 0;
    background-color: var(--color-ui-background) !important;
  }
}

ul.ef-courses-list > li.ef-courses-list-item > a.ef-entry-head > span.ef-unit-icon > i.ef-tooltip-toggle {  
  font-size: 20px;
  margin-right: 4px;
}

.new-ui div.twui-content div.tw-relative > div.twui-dropdown-content.tw-absolute {
 	max-width: 90vw;
    max-height: 90vh;
    overflow: auto; 
}

.new-ui header.tw-sticky.twui-old-navbar-replacement div.tooltip .tooltip-arrow {
    border-right-color: transparent !important;
    border-bottom-color: #333F48;
}

/* fix padding for tooltips in lesson list */
ul.ef-courses-list > li > div.ef-entry-head > div.ef-entry-row{  
    flex-grow: 2;
}
ul.ef-courses-list > li > div.ef-entry-head > div.col-xs-4.col-sm-4.col-md-8.lt-text-right-responsive  {  
  align-items: center;
  display: flex;    
  flex: 1;
  padding-left: 40px;
}
ul.ef-courses-list > li > div.ef-entry-head > div.col-xs-4.col-sm-4.col-md-8.lt-text-right-responsive > i.ef-tooltip-toggle {
 	right: 0;
    position: absolute;
    padding-right: 80px;
}
@media (max-width: 620px) {
  ul.ef-courses-list > li > div.ef-entry-head > div.col-xs-4.col-sm-4.col-md-8.lt-text-right-responsive > i.ef-tooltip-toggle {
      padding-right: 65px;
  }
}

.ef-unit-tree .ef-entry-head .ef-unit-status {
  	padding-right: 32px !important;
}

/* ######## -- course widget styling -- ######### */
div.CourseWidgetGeneral div.data-simplebar {  
  	margin-bottom: 0 !important;
}
/* hide horizontal slider for course widgets */
div.CourseWidgetGeneral div.data-simplebar div.simplebar-track.simplebar-horizontal {
  	display:none;
}
/* increase distance from course card to slider */
div.CourseWidgetGeneral div.simplebar-content ul {
 	 padding-bottom: 12px;
}
div.CourseWidgetGeneral li.courseContainer {  
  height: 100% !important;
}
div.CourseWidgetGeneral li.courseContainer div.statusContainer {  
    margin-bottom: 15px !important; 
}

/* Fix padding in course properties (cstart) mobile view */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .ef-dashboard-header .ef-course-progress-bar,
  .ef-dashboard-header .ef-main-action-button,
  .ef-dashboard-header .default-course-image-container,
  .ef-dashboard-header .ef-course-certificate {
    padding-left: 0 !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .ef-dashboard-header .ef-course-progress-bar,
  .ef-dashboard-header .ef-main-action-button,
  .ef-dashboard-header .default-course-image-container,
  .ef-dashboard-header .ef-course-certificate {
    padding-left: 0 !important;
  }
}

#widgetGrid .selectedFiltersWrapper .selectedFilter,
#widgetGrid .courseLabels .label-info {
 	 color: white !important;
}

.bookmarks-button {
	margin-bottom: 0 !important;
}

form#initial_login_users_form {
 	 padding: 10px 0 78px 0;
}

/* reduce font size for lessons in course dashboard */
.new-ui div.ef-unit-tree div.ef-entry-row > div.ef-entry-description > div.description-padding > p {
 	 font-size: 13px;
}

/* font size newsticker widget */
#widgetGrid .newsWrapper .newsTitle,
#widgetGrid .newsWrapper .newsText {
    font-size: 14px !important;
}

#widgetGrid .AdvancedStatisticsWidgetGeneral .filtersIconWrapper  i.fa.fa-solid.fa-circle-check,
#widgetGrid .AdvancedStatisticsWidgetGeneral .filtersIconWrapper  i.fa.fa-solid.fa-circle-check::before {
	color: #FFF !important;
}

/* course catalog filter design changes */
.courses-filter [data-role="expander"] i.gj-icon.plus {
  	border-width: 5px 0 5px 6px !important;
}
.courses-filter [data-role="expander"] i.gj-icon.minus {  
  	border-width: 6px 5px 0 5px !important;
}
.courses-filter .gj-checkbox-bootstrap span {
  	border-radius: 50px !important;
}
.courses-filter .panel-title, 
.courses-filter .panel-default > .panel-heading {
 	 color: var(--color-font-primary) !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#E20074;border-color:#E20074;}
html.new-ui-html:root{--c-brand-primary:#e20074;--c-brand-primary-darken-5:#dd006f;--c-brand-primary-darken-7:#db006d;--c-brand-primary-darken-10:#d8006a;--c-brand-primary-darken-15:#d30065;--c-brand-primary-darken-17:#d10063;--c-brand-primary-darken-20:#ce0060;--c-brand-primary-darken-25:#c9005b;--c-brand-primary-lighten-7:#e9077b;--c-brand-primary-lighten-40:#ff289c;}