:root {
  --color-primary: #00340D;
  --c-brand-primary: var(--color-primary);
  --color-primary-bright: #8CAF96;
  --c-brand-primary-darken-5: var(--color-primary-bright);
}

/* Remove line between navbar and breadcrumb in admin view */
.twui-content header.twui-old-navbar-replacement {
  border-bottom: none;
}

/* TN Logo larger */
body.ef-user-signed-in.new-ui.learner-user header img {
  min-width: 150px !important;
  margin-left: -25px !important;
}
body.ef-user-signed-in.new-ui.learner-user header .tw-mx-10 .tw-relative {
  max-width: none;
  gap: 1rem;
}
body.ef-user-signed-in.new-ui.learner-user header .tw-mx-10 .tw-relative > div:first-child {
  max-width: 150px;
}

/* Keine Nachrichten text */
.twui-menu .tw-menu-item-drawer h4.tw-mt-6 {
  color: rgb(107, 114, 128) !important;
}

/* color fixes */
.tw-bg-orange-400,
.tw-bg-sky-light,
.tw-bg-green-accent {
    background-color: var(--color-primary-bright) !important;
}
.tw-bg-sky-light * {
    color: #ffffff !important;
}

/* debug message user course dashboard fix */
.container.benchmark.ef-non-printable-element::before {
    content: "";
    display: table;
    width: 100% !important;
}

/* Learner header background logo fix */
body.new-ui header.tw-bg-white.tw-z-\[90\] {
    background-color: var(--color-primary-bright) !important;
}

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

/* course overview fix */
/* TOP-LEVEL CATEGORY HEADERS */
.ef-my-courses .ef-courses-list > ul > li.ef-my-courses-category > div.row.ef-entry-head {
    background: rgba(140, 175, 150, 1) !important;
    transition: background-color 0.2s ease;
}
.ef-my-courses .ef-courses-list > ul > li.ef-my-courses-category > div.row.ef-entry-head:hover {
    background: rgba(140, 175, 150, 0.85) !important;
}
/* NESTED CATEGORY HEADERS */
.ef-my-courses .ef-courses-list ul ul li.ef-my-courses-category > div.row.ef-entry-head {
    background: rgba(140, 175, 150, 0.65) !important;
    transition: background-color 0.2s ease;
}
.ef-my-courses .ef-courses-list ul ul li.ef-my-courses-category > div.row.ef-entry-head:hover {
    background: rgba(140, 175, 150, 0.5) !important;
}
/* TEXT + ICON FIX */
.ef-my-courses .ef-entry-head .ef-entry-name,
.ef-my-courses .ef-entry-head .ef-expand-collapse-handle {
    color: #ffffff !important;
}
/* keep toggle buttons transparent so bg shows through */
.ef-my-courses .ef-entry-head button.ef-entry-head-btn {
    background: transparent !important;
}

/* Sidebar */
.twui-menu > div {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}
.twui-menu nav .twui-menu-item > a,
.twui-menu nav .twui-menu-item > div,
.twui-menu nav .twui-menu-item > button {
  color: #ffffff !important;
}

/* Interval toggle buttons */
label.ef-interval.btn.btn-default,
label.btn.btn-default:has(input.ef-completion-button) {
  background: #ffffff;
  color: var(--color-primary);
  border-color: var(--color-primary-bright);
}
label.ef-interval.btn.btn-default:hover,
label.btn.btn-default:has(input.ef-completion-button):hover {
  background-color: var(--color-primary-bright);
  border-color: var(--color-primary-bright);
  color: #ffffff;
}
label.ef-interval.btn.btn-default.active,
label.ef-interval.btn.btn-default.active:hover,
label.btn.btn-default.active:has(input.ef-completion-button),
label.btn.btn-default.active:has(input.ef-completion-button):hover,
label.btn.btn-default:has(input.ef-completion-button:checked),
label.btn.btn-default:has(input.ef-completion-button:checked):hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #ffffff;
  box-shadow: none;
}

/* Dashboard link hover */
a.ef-dashboard-link:hover,
div.iconData.iconElement:hover,
div.iconData.iconElement a.ef-dashboard-link:hover {
  background-color: var(--color-primary-bright) !important;
  border-color: var(--color-primary-bright) !important;
  outline-color: var(--color-primary-bright) !important;
}
a.ef-dashboard-link:hover *,
a.ef-dashboard-link:hover img {
  color: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

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

.panel-primary > .panel-heading
{
  background:linear-gradient(#96d88e, #339b25);
}

body
{
    background:#ffffff;
}

#ef-navbar
{
    background:#28a63a;
    height:104px;
}

#ef-navbar .container .navbar-header
{
    margin-top:20px;
}

#ef-navbar .container .navbar-header,
#ef-navbar .container .navbar-header .ef-navbar-logo
{
    height:64px;
}

#ef-navbar .container .navbar-header
{
    width:552px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo,
#ef-navbar .container .navbar-header
{
    min-width:552px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img
{
    padding:0px;
    max-width: none;
}

#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form.ef-active .selectize-input,
#ef-navbar form.navbar-form span.search-handle,
#ef-navbar form.navbar-form.ef-active span.search-handle
{
    background:#ffffff;
    border:none;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover
{
    color:#ffffff;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle
{
    background:none;
}

#ef-search,
#ef-navbar .container ul.nav.navbar-nav
{
    padding-top:35px;
}
#searchDiv .searchDivRight, #searchDiv #ef-search-bar{
    background-color: white !important;
}

/*
#ef-search,
#ef-navigation
{
  position:relative;
  top:35px;
}
*/

div.breadcrumb-x
{
    background:none;
    box-shadow:none;
    min-height:0px;
    margin-bottom:0px;
}

div.breadcrumb-x ol.ef-breadcrumb li
{
    padding: 6px 0 !important;
    margin-right: 5px;
}

div.breadcrumb-x ol.ef-breadcrumb li a
{
    padding:5px 7px;
}

div.breadcrumb-x ol.ef-breadcrumb li.active a
{
    background:#003212;
    font-weight:normal;
    font-size:13px;
    color:#ffffff;
}

.ef-breadcrumb
{
    padding:10px 0px !important;
}

.breadcrumb-x .ef-breadcrumb > li + li::before
{
    display:none;
}

.ef-breadcrumb a
{
    color:#3ba23a;
}

/* Breadcrumb white text */
div.breadcrumb-x,
div.breadcrumb-x * {
  color: #ffffff !important;
}
div.breadcrumb-x a,
div.breadcrumb-x a:link,
div.breadcrumb-x a:visited,
div.breadcrumb-x a:hover,
div.breadcrumb-x a:active {
  color: #ffffff !important;
}

.ef-breadcrumb .dropdown.breadcrumb {
    flex: 1;
    text-align: right;
    margin-right: 0 !important;
}

/*
#activeLinkTriangle
{
  width:0px;
  height:0px;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:13px solid #ffffff
  position:absolute;
}
*/

#banner
{
    max-width:0% !important;
    /* margin-bottom:30px; */
}

div.ef-block
{
    border:1px solid #e1e3e6;
    box-shadow:0px 3px 3px 3px #f0f0f0;
}

div.ef-block table.iconTable td.iconData:hover,
.sortedTable tr.oddRowColor:hover,
.sortedTable tr.evenRowColor:hover
{
    background:#e8f6ea
}

ul.customTabs > li.active > a,
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)
{
    color:#339b25;
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)::after
{
    display:none;
}

#slider
{
    display:none !important;
}

.nav-pills > li.active > a
{
    background:#339b25;
}

a.ef-toggle-hidden-section
{
    color:#339b25 !important;
}

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

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle,
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active,
.ef-my-courses-controls .ef-my-courses-toggle-view.active,
.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:#28a63a;
}

.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,
.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:#e4f1e4;
}

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

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover
{
    color:#339b25;
}

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover
{
    color:#339b25;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn-group > a.btn-primary,
.btn-group > .btn-primary.dropdown-toggle,
.open > .btn-primary.dropdown-toggle:focus
{
    border-color:#339b25;
}

.btn.btn-primary:not(.active)
{
    background:linear-gradient(#96d88e, #339b25);
}

a.link:link,
.btn-link
{
    color:#3ba23a !important;
}

a:hover,
a.link:link:hover
{
    text-decoration:none;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd,
#ef-login-index div.ef-block-footer span.sign-slogan a
{
    color:#3ba23a;
}

/* Content area header */
header.twui-old-navbar-replacement {
  background-color: var(--color-primary-bright) !important;
}
header.twui-old-navbar-replacement #ef-navbar,
header.twui-old-navbar-replacement #searchInputContainer,
header.twui-old-navbar-replacement .navbar-collapse,
header.twui-old-navbar-replacement #ef-search,
header.twui-old-navbar-replacement .input-group,
header.twui-old-navbar-replacement .searchDivRight,
header.twui-old-navbar-replacement .searchDivLeft,
header.twui-old-navbar-replacement .searchDivCenter,
header.twui-old-navbar-replacement #searchDiv .searchDivRight,
header.twui-old-navbar-replacement #searchDiv .searchDivRight span.search-handle {
  background-color: var(--color-primary-bright) !important;
}
header.twui-old-navbar-replacement #ef-search-bar {
  background-color: #ffffff !important;
}

/* Menu drawer toggle button icon */
button.twui-toggle-accordion i.fa-light.fa-users {
  color: #000000 !important;
}
button.twui-toggle-accordion:hover i.fa-light.fa-users {
  color: #ffffff !important;
}

/* Course list action buttons */
.ef-my-courses-list-handles .btn-group .btn.btn-default,
.ef-my-courses-list-handles .btn-group a.btn.btn-default {
  background: #fff;
  background-image: none;
  color: #000;
  border-color: #000;
}
.ef-my-courses-list-handles .btn-group .btn.btn-default:hover,
.ef-my-courses-list-handles .btn-group a.btn.btn-default:hover {
  background: #e6e6e6;
  border-color: #000;
  color: #000;
}

/* Course list category heading buttons */
.ef-my-courses button.transparent-btn.ef-entry-head-btn {
  background-color: var(--color-primary);
  color: #ffffff;
  border: none;
  padding: 4px 8px;
  border-radius: 3px;
}
.ef-my-courses button.transparent-btn.ef-entry-head-btn:hover {
  background-color: var(--color-primary-bright);
  color: #ffffff;
}

/* Chart colors */
#ef-chart g[fill="#67b7dc"],
#ef-chart g[stroke="#67b7dc"] {
  fill: var(--color-primary-bright);
  stroke: var(--color-primary-bright);
}
#ef-chart g[fill="#009688"],
#ef-chart g[stroke="#009688"] {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}
#ef-chart [fill="#67b7dc"] {
  fill: var(--color-primary-bright) !important;
}
#ef-chart [stroke="#67b7dc"] {
  stroke: var(--color-primary-bright) !important;
}
#ef-chart [fill="#009688"] {
  fill: var(--color-primary) !important;
}
#ef-chart [stroke="#009688"] {
  stroke: var(--color-primary) !important;
}

div .ef-block, div.dashboard-panel div.panel-body {
  border: none !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
/* div.ef-block, div.dashboard-panel div.panel-body{background-color:#F9F5F5;} */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#8CAF96;border-color:#8CAF96;}
html,body{background-color:var(--color-primary);}
div.breadcrumb-x{background-color:var(--color-primary);border-color:var(--color-primary);}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#8CAF96;border-color:#8CAF96;}