/*Place your CSS code here*/
:root{
  --c-brand-primary:#3c837e;
  --c-brand-primary-darken-5:#367772;
  --c-brand-primary-darken-7:#33706b;
  --c-brand-primary-darken-10:#2f6965;
  --c-brand-primary-darken-15:#295d59;
  --c-brand-primary-darken-17:#265853;
  --c-brand-primary-darken-20:#23524e;
  --c-brand-primary-darken-25:#1d4642;
  --c-brand-primary-lighten-7:#469088;
  --c-brand-primary-lighten-40:#8bc1b7;
  --color-ui-background: #f8f8f8;
  --color-secondary: #bae2d1;
}

/* logo login page fix */
body:not(.ef-user-signed-in) #ef-navbar .container .navbar-header .ef-navbar-logo img {
  min-width: 160px !important;
  margin-left: -30px !important;
}

/* 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;
  margin-left: -30px !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 */
body:not(.ef-user-signed-in) {
    background-color: #bae2d1;
    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: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    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: #3c837e;
  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: #3c837e;
  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: var(--color-ui-background) !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: #2f6d68 !important;
}

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

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

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

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

/* DO NOT ADD/EDIT AFTER THIS LINE */
html,body{background-color:#3c837e;}
div.breadcrumb-x{background-color:#3c837e;border-color:#3c837e;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#3c837e;border-color:#3c837e;}
html.new-ui-html:root{
  --c-brand-primary:#3c837e;
  --c-brand-primary-darken-5:#367772;
  --c-brand-primary-darken-7:#33706b;
  --c-brand-primary-darken-10:#2f6965;
  --c-brand-primary-darken-15:#295d59;
  --c-brand-primary-darken-17:#265853;
  --c-brand-primary-darken-20:#23524e;
  --c-brand-primary-darken-25:#1d4642;
  --c-brand-primary-lighten-7:#469088;
  --c-brand-primary-lighten-40:#8bc1b7;
  --c-brand-success:#4fae8c;
  --c-brand-success-darken-5:#49a483;
  --c-brand-success-darken-7:#459e7d;
  --c-brand-success-darken-10:#3f9474;
  --c-brand-success-darken-15:#378669;
  --c-brand-success-darken-17:#347f63;
  --c-brand-success-darken-20:#2e765b;
  --c-brand-success-darken-25:#27684e;
  --c-brand-success-lighten-7:#67b89a;
  --c-brand-success-lighten-40:#c9e6dc;
  --c-brand-danger:#c23f3f;
  --c-brand-danger-darken-5:#b83939;
  --c-brand-danger-darken-7:#b23535;
  --c-brand-danger-darken-10:#a83030;
  --c-brand-danger-darken-15:#972a2a;
  --c-brand-danger-darken-17:#8f2727;
  --c-brand-danger-darken-20:#822323;
  --c-brand-danger-darken-25:#6c1d1d;
  --c-brand-danger-lighten-7:#cd5454;
  --c-brand-danger-lighten-40:#f0c4c4;
  --c-brand-warning:#d8a628;
  --c-brand-warning-darken-5:#c89925;
  --c-brand-warning-darken-7:#c09223;
  --c-brand-warning-darken-10:#b58621;
  --c-brand-warning-darken-15:#a3761d;
  --c-brand-warning-darken-17:#9b701b;
  --c-brand-warning-darken-20:#8e6519;
  --c-brand-warning-darken-25:#785614;
  --c-brand-warning-lighten-7:#e0ba4e;
  --c-brand-warning-lighten-40:#f6e9c3;
  --color-ui-background:#f8f8f8;
  --color-secondary:#4fae8c;
}