:root {
    --color-font-primary: #000;
    --color-primary: #ED1C24;
    --color-ui-background: rgb(177, 192, 201);

    /* 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: var(--color-ui-background);
    /* Admin - Navigation sliders */
    --navigation-slider-color: var(--color-primary);
    /* Admin - Nav pills */
    --navpill-background-color: var(--color-primary);
    --navpill-font-color: #fff;
    /* Admin - Chart */
    --chart-color-primary: var(--color-primary);
    --chart-color-secondary: var(--color-font-primary);
}

html.new-ui-html:root {
    --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;
}

@font-face {
    font-family: "FrutigerMedium";
    src: url("/assets/custom_fonts/FrutigerNeueLTPro-Medium.otf");
}

body.new-ui .ef-block {
    background-color: #fff !important;
}

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

/* Breadcrumb */
.breadcrumb-x .container .ef-breadcrumb {
    padding-left: 0;
}

body.new-ui div.breadcrumb-x {
    background-color: #fff;
    border: 0;
}

/* 
 * 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,
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:hover,
.customTabs ul.dropdown-menu > li.active > a:hover, 
.customTabs ul.dropdown-menu > li.active > a:focus,
.customTabs ul.dropdown-menu > li.active > a {
    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,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li>a,
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:hover {
    color: var(--navbar-dropdown-color) !important;
}

#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) !important;
}

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

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:after {
    background-color: var(--navbar-dropdown-background-color-hover) !important;
}

/* Courses Grid */
.ef-my-courses .ef-my-courses-controls {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    font-size: 15px !important;
}

*.ef-pager .ef-pager-handle.ef-current {
    color: var(--color-primary) !important;
}

/**
 * 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: var(--color-ui-background);
}

.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 */
.colored-info {
    color: var(--color-ui-background);
}

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

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

/* Alerts */
.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a,
.alert-info a,
.alert-warning a,
.alert-warning a:link {
  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;
}

.ef-view-buttons .fa {
    color: #0F1416;
}

.ef-main-action-button .btn-success {
    border: 0px;
}

.label-ef-roster {
    background-color: #0F1416;
}

.ef-content-area {
    color: #0F1416;
}

.breadcrumb-x a {
    color: rgb(177, 192, 201) !important;
}


html:not(.popup) body:not(.ef-user-signed-in) .ef-block {
    margin-top: 100px;
}

@media (min-width: 800px) and (max-width: 5000px) {
    html:not(.popup) body:not(.ef-user-signed-in) .ef-block:first-child {
        width: 50%
    }

}


@media (min-width: 320px) and (max-width: 800px) {
    html:not(.popup) body:not(.ef-user-signed-in) .ef-block:first-child {
        width: 100%
    }

}


html:not(.popup) body {
    background-image: url('/assets/images/geislinger-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

html:not(.popup) body.new-ui.ef-user-signed-in {
    background-image: none;
}

html {
    height: 100%;
}

#ef-my-courses-grid-content>div>.ef-block {
    background-color: rgba(177, 192, 201, 0.8) !important;
}



.help-block {
    color: #0F1416 !important;
}

.ef-entry-name {
    color: #0F1416 !important;
}

html.popup body {
    background-image: none;
    background: #ffffff;
}

html body {
    height: auto;
    min-height: 100%;
    font-family: 'FrutigerMedium';

}


@media (min-width: 800px) and (max-width: 5000px) {
    .ef-block#ef-login-index {
        background-color: rgba(177, 192, 201, 0.8);
        width: 50%
    }

}


@media (min-width: 320px) and (max-width: 800px) {
    .ef-block#ef-login-index {
        background-color: rgba(177, 192, 201, 0.8);
        width: 100%
    }

}


body a:hover,
body a.link:hover,
body a.link:hover:hover,
body .ef-anchor-like:hover {
    text-decoration: none;

}


body #ef-navbar .container ul.nav.navbar-nav>li>a {
    color:
        rgb(237, 28, 36) !important;
}


body #ef-navbar form.navbar-form>div.form-group>div.input-group {
    box-shadow: none;
}

body #ef-navbar form.navbar-form .selectize-input,
body #ef-navbar form.navbar-form span.search-handle,
body #ef-navbar form.navbar-form.ef-active .selectize-input,
body #ef-navbar form.navbar-form.ef-active span.search-handle {
    background-color: #f9f9f9;

}

body #ef-navbar form.navbar-form .selectize-input,
body #ef-navbar form.navbar-form span.search-handle,
body #ef-navbar form.navbar-form.ef-active .selectize-input,
body #ef-navbar form.navbar-form.ef-active span.search-handle,
body #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content,
body .btn.btn-primary {
    border-color: #f0f0f0;
}

body #ef-navbar .container ul.nav.navbar-nav>li {
    float: left;
}

body #ef-navbar .container ul.nav.navbar-nav>li>a,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .nav-pills>li.active>a,
body .nav-pills>li.active>a:hover,
body .nav-pills>li.active>a:focus,
body .ef-unit-tree .ef-tooltip-toggle,
body .btn.btn-primary {
    color: #434343;
}

body #ef-navbar .container ul.nav.navbar-nav>li>a:hover,
body #ef-navbar .container ul.nav.navbar-nav>li>a:visited,
body #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover,
body #ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa::after,
body ul.customTabs>li.active>a,
body ul.tabulizedList>li.tabulizedElement.selected>a:not(:first-child),
body .ef-my-courses .ef-block-header a.ef-block-handle:hover,
body .ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active,
body .ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
body .ef-my-courses .ef-my-courses-handle-action:hover,
body .ef-my-courses .ef-my-courses-handle-action:focus,
body .ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover,
body #ef-login-index div.ef-block-content form div.row #forgot-passwd,
body .ef-dashboard-header .more-link,
body .ef-dashboard-header .less-link {
    color: #ED1C24;
}

/* body #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li>a:hover {
    background: none;
} */

body #ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle+ul.dropdown-menu,
body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a~ul.dropdown-menu,
body #ef-navbar .container ul.nav.navbar-nav>li.user-preferences ul.dropdown-menu::after,
body .nav-pills>li>a:hover,
body .nav-pills>li>a:focus,
body .nav-pills>li.active>a,
body .nav-pills>li.active>a:hover,
body .nav-pills>li.active>a:focus {
    background: #ffffff;
}

body #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider,
body .dropdown-menu>li>a:hover,
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body div.ef-block table.iconTable td.iconData:hover,
body .btn.btn-primary {
    background-color: #f0f0f0;
}

body #ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa,
body .ef-my-courses .ef-block-header a.ef-block-handle {
    color: #f0f0f0;
}

body .img-thumbnail {
    background-color: #ED1C24 !important;
}

body div.breadcrumb-x ol.breadcrumb li.active a {
    font-weight: normal;
    font-size: 13px;
}

body .breadcrumb>li+li::before {
    content: ">";
}

body ul.tabulizedList>li.tabulizedElement.selected>a:not(:first-child)::after {
    border-color: #ED1C24;
}

body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body #slider,
body #sliderNested {
    background: #ED1C24;
}

body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-success:hover {
    background-color: #DEE8ED !important;
    color: #0F1416 !important;
    border-color: #ffffff !important;
}

.btn-primary {
    background-color: #0F1416 !important;
    color: #DEE8ED !important;
    padding-right: 15px;
    padding-left: 15px;
}

.btn-success {
    background-color: #0F1416 !important;
    color: #DEE8ED !important;
    padding-right: 15px;
    padding-left: 15px;
}

.btn-default {
    background-color: #DEE8ED;
    color: #0F1416;
}

.dropdown-toggle {
    border-left: 0px solid #3353a7 !important;
    margin-left: 2px !important;
}

a:link,
a:visited,
.ef-content-area p,
label {
    color: #0F1416;
}

.ef-entry-name a {
    color: #0F1416 !important;
}

a:link:hover,
legend,
.ef-entry-title span,
#nv-sign-out {
    color: #ED1C24;
}

.help-block a,
.help-block a:hover,
.ef-my-courses-category div,
.ef-my-courses-category div .fa-angle-right,
.fa:hover,
.fa-power-off {
    color: #ED1C24 !important;
}

.label-success {
    background-color: #ED1C24;
}

.breadcrumb .active a {
    font-weight: bold !important;
    color: #ED1C24 !important
}


.fa-download:hover {
    background-color: #eeeeee;
    color: #ED1C24;
}

div.breadcrumb-x,
#ef-navbar {
    background-color: #fff;
}



.ef-entry-head,
.ef-entry-head:hover {
    background-color: #DEE8ED !important;
}


.ef-my-courses-category ul .ef-entry-head {
    background-color: #fff !important;
}

.panel-success {
    border-color: #0F1416;
}

.panel-heading {
    color: #ED1C24 !important;
    background-color: #0F1416 !important;
    border-color: #ED1C24 !important;
}

.ef-switch-account .fa {
    color: #f0f0f0 !important;
}

.ef-interval.btn.btn-default.btn-sm,
.btn.btn-default.btn-sm.ef-daterange {
    background-color: #eee !important;
    color: #0F1416 !important;
}

.ef-interval.btn.btn-default.btn-sm.active,
.btn.btn-default.btn-sm.ef-daterange.active {
    background-color: #0F1416 !important;
    color: #DEE8ED !important;
    border-color: #FFFFFF;
}

/*.navbar-header#ef-logo,
.navbar-header#ef-logo a,
.navbar-header#ef-logo img {
    min-width: 100px;
    height: 170px;
    width: 250px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img {
    max-width: 300px !important;
    max-height: 300px !important;
}
*/
.btn.active {
    background-color: #DEE8ED !important;
    color: #0F1416 !important;
    border-color: #FFFFFF;
}



.label {
    color: #DEE8ED !important
}

div.ef-block table.iconTable td.iconData:hover {
    background-color: rgba(15, 20, 22, 0.3) !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li a.dropdown-item {
    color: #353535;
}

/* Course Grid */

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

/**
 * Calendar 
*/
#calendar .fc-widget-header,
#calendar .fc-col-header-cell,
#calendar th.fc-timegrid-axis {
    background-color: var(--color-font-primary);
}

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

/* Panels */

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

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

#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) !important;
}

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

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

/* Toolbar */

.new-ui .twui-menu .hover\:tw-bg-gray-800:hover i,
.new-ui .twui-menu .tw-text-white,
.new-ui .twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}

.new-ui .twui-menu .twui-switch-ui i,
.new-ui .twui-menu .twui-switch-ui:hover i,
.new-ui .twui-menu .tw-text-orange-300 {
    color: #fff !important;
}

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

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

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

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

.new-ui div#ef-timeout-timer-container-new button {
    text-align: left;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
    background-color: #0F1416;
    border-color: #0F1416;
}
div.breadcrumb-x {
    background-color: #0F1416;
    border-color: #0F1416;
}