/* CustomSurveyReport progess bar*/
.progress .progress-bar{
    background-color: #15b6b3 !important;
}

/* IDD progress bar larger */
#main-content > div:not(nav#ef-content-sidebar) div.progress > div.progress-bar.progress-bar-info {
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #4186e0 !important;
}
#main-content > div:not(nav#ef-content-sidebar) div.progress > div.progress-bar.progress-bar-info > small{  
  padding-left: 10px;
}
#main-content > div:not(nav#ef-content-sidebar) div.progess-idd {
  height: 40px !important;   sonst ist normaler progess massiv
  font-size: 16px !important;
}

/* IDD color fix */
.label-ef-custom-label {
  background-color: #00ccca !important;
}

/* Abmelde button sessions */
a.ef-cancel-session-custom.ef-session-link {
  display: inline-block !important;
  background-color: #15b6b3 !important;
  border: 1px solid #15b6b3 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  margin-top: 8px !important;
}

a.ef-cancel-session-custom.ef-session-link:hover {
  background-color: #ffffff !important;
  color: #15b6b3 !important;
  border: 1px solid #15b6b3 !important;
  font-size: 12px !important;
}

.progress .progress-bar.progress-bar-non-zero-score {
  color: #000 !important;
}
.progress .progress-bar-idd {
   background-color: #9ae7e5 !important;
  height: 110%;
}


/* TABS underline fix old + new */
ul.nav.customTabs li.slider {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important; /* fixed */
    background: transparent !important; /* ensures no ghost color */
}
ul.tabulizedList > li.tabulizedElement > a:hover {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}

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

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

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

/* Erweiterte Eintellungen extend button */
.ef-toggle-hidden-section {
  color:var(--c-brand-primary) !important;
  font-weight:bold
}
.ef-toggle-hidden-section:hover {
  text-decoration:none !important;
}

/*div.ef-card.ef-catalog-entry span.label-idd
{
  display:none;
}*/
.ef-plain.ef-tags > .label.label-ef-curriculum {
    display: none;
}

#ef-manage-courses a[href*="/catalog"],
#ef-manage-courses a[href*="/catalog"]:hover {
    background-color: #0087cd !important;
    border-color: #0087cd !important;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff !important;
}

.ef-session-title {
    color: #bbbbbb;
}
html.popup body {
    background-image: none;
}
.glyphicon {
    color: #15b6b3;
}
.btn-primary {
    border-color: #15b6b3 !important;
    color: white !important;
    background-color: #15b6b3 !important;
    font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: white !important;
    color: #15b6b3 !important;
    border-color: #15b6b3 !important;
    font-weight: 600;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active span,
.btn-primary:active i {
    background-color: white !important;
    color: #15b6b3 !important;
    border-color: #15b6b3 !important;
    box-shadow: none;
}
.btn-primary:disabled,
.btn-primary:disabled:hover {
    background-color: #da4c4e;
    border-color: #da4c4e;
    color: white;
    font-weight: 600;
}
.ef-anchor-like,
.btn-link,
a.link,
a.link:visited,
a.link:hover,
a.link:link {
    color: #15b6b3;
}
div.block table.iconTable td.iconData:hover,
div.block table.iconTable td.disabledIconData:hover {
    background-color: ##0b5a59;
    border-radius: 0px;
}
body > div.container > div.col-md-3.ef-side-section > div > div > div > div.row > div:hover {
    background-color: ##0b5a59;
    border-radius: 0px;
}
legend {
    color: #ffffff;
    border: 0px;
}
fieldset.ef-fieldset-separator legend {
    background-color: #15b6b3;
    padding: 10px;
}
div.block .content {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
} /* no Border radius*/
.form-control {
    border-radius: 0px;
}
.selectize-input {
    border-radius: 0px;
}
.btn,
.btn-default {
    border-radius: 1px;
}
.thumbnail {
    border-radius: 0px;
}
fieldset.ef-fieldset-separator legend {
    border-radius: 0px;
}
.panel-default {
    border-radius: 0px;
}
.dropdown-menu {
    border-radius: 0px;
}
.progress {
    border-radius: 0px;
}
.themes-content-container {
    border-radius: 0px;
}
.tooltip {
    border-radius: 0px;
}
div.block .title {
    text-transform: none;
}
.btn-primary .glyphicon {
    color: white;
}
.btn-primary .glyphicon:hover {
    color: #15b6b3;
}
.sortedTable td.sortedTableFooter {
    /*background-color: #ffd203;*/
}
.table tr.evenRowColor {
    background-color: #ffffff;
}
.table tr.oddRowColor {
    background-color: #d9d9d9;
}
.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover {
    /*background-color: rgba(255, 210, 3, 0.37);*/
}
.fc-widget-header {
    background-color: #15b6b3 !important;
}
.ef-collapsible-name,
#ef-courses-list li.category > span {
    border-radius: 0px;
    background-color: #15b6b3;
}
.btn-primary:hover .glyphicon {
    color: #15b6b3;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #15b6b3;
    border-color: #15b6b3;
}
div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 10px;
}
.selectize-input {
    height: 100%;
}
.panel-footer {
    background-color: #fbce07;
    border-top: 0px solid #ddd;
}
.panel-collapse .list-group-item {
    border: 1px solid #fbce07;
}
.daterangepicker td.in-range {
    background-color: #d9d9d9 !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #15b6b3 !important;
}
.site ul li {
    margin-bottom: 8px;
}
.cert {
    position: absolute;
    top: 0px;
    right: 5px;
}
.ef-question-panel:focus {
    outline: none !important;
    border: 1px #fbce07 solid;
}
.ef-question-panel .panel-heading {
    background-color: #fbce07;
    border-color: #fbce07;
}

/*  --- NAVBAR --- */
body:not(.ef-user-signed-in) #ef-navbar {
    min-height: 200px;
}
#ef-navbar {
    /* min-height: 200px; */
    background: #ffffff url("/assets/BackgroundLogin/vlv_banner.jpg") no-repeat;
    border: none;
}
#ef-navbar .container {
    background-color: transparent !important;
    height: 77px !important;
}
/* #ef-navbar .container .navbar-header .ef-navbar-logo img {
    max-width: none;
    padding-bottom: 0;
    padding-top: 10px;
    width: 134px;
    max-height: none;
} */
/* #ef-navbar > .container > .navbar-header {
    width: 330px;
} */
.navbar-inverse .navbar-brand:hover {
    color: #9d9d9d;
}

#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form.ef-active #searchDiv {
    background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border: 0px;
}
.navbar-form {
    top: 10px;
    position: relative;
}
#ef-navbar form.navbar-form input[type="text"] {
    background: white;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > a .fa,
#ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > button .fa {
    color: black;
    font-weight: bold;
}
#ef-navbar .container ul.nav.navbar-nav > li > a:hover,
#ef-navbar .container ul.nav.navbar-nav > li > button:hover {
    color: black;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background: white;
}
#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 {
    background: white;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
    background: lightgrey;
    color: black;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus {
    background: white;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a.dropdown-item {
    color: #444;
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:hover {
    background-color: lightgrey;
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
    color: black;
}
#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: whitesmoke;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    height: 1px;
}

/* --- Breadcrumbs --- */
div.breadcrumb-x {
    background: #15b6b3;
}
div.breadcrumb-x ol.ef-breadcrumb li a {
    color: white;
}

ul.dropdown-menu {
    margin-top: 1px !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #15b6b3 !important;
}
div.ef-block table.iconTable td.iconData:hover {
    cursor: pointer;
    background-color: #15b6b3 !important;
    border-radius: 3px;
}
#ef-login-index div.ef-block-content form div.row #forgot-passwd {
    color: black !important;
} /*CHART ON HOME*/
path[fill="#009688"] {
    fill: rgba(21, 182, 179, 0.6);
}
path[fill="#67b7dc"] {
    fill: rgba(11, 90, 89, 0.6);
}
path[stroke="#009688"] {
    stroke: rgba(21, 182, 179, 0.8);
}
circle[fill="#009688"] {
    fill: rgba(21, 182, 179, 0.8);
}
path[stroke="#67b7dc"] {
    stroke: rgba(11, 90, 89, 0.8);
}
circle[fill="#67b7dc"] {
    fill: rgba(11, 90, 89, 0.8);
}
circle[fill="#009688"] {
    fill: rgba(11, 90, 89, 0.8);
}
.amcharts-legend-item-g1 > .amcharts-legend-marker {
    fill: rgba(11, 90, 89, 0.8);
    stroke: rgba(11, 90, 89, 0.8);
}
.amcharts-legend-item-g2 > .amcharts-legend-marker {
    fill: rgba(21, 182, 179, 0.8);
    stroke: rgba(21, 182, 179, 0.8);
}
.label.label-shell.module_booked {
    color: #15b6b3 !important;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #15b6b3 !important;
}

body {
    background-color: #ffffff !important;
}
li.active::before {
    color: #ffffff !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#15B6B3;border-color:#15B6B3;}
html.new-ui-html:root{--c-brand-primary:#15b6b3;--c-brand-primary-darken-5:#10b1ae;--c-brand-primary-darken-7:#0eafac;--c-brand-primary-darken-10:#0baca9;--c-brand-primary-darken-15:#06a7a4;--c-brand-primary-darken-17:#04a5a2;--c-brand-primary-darken-20:#01a29f;--c-brand-primary-darken-25:#009d9a;--c-brand-primary-lighten-7:#1cbdba;--c-brand-primary-lighten-40:#3ddedb;}
html,body{background-color:#15b6b3;}
div.breadcrumb-x{background-color:#15b6b3;border-color:#15b6b3;}
html.new-ui-html:root{
  --c-brand-primary:#15b6b3;
  --c-brand-primary-darken-5:#14a4a1;
  --c-brand-primary-darken-7:#139792;
  --c-brand-primary-darken-10:#118b84;
  --c-brand-primary-darken-15:#0f7a72;
  --c-brand-primary-darken-17:#0e6f67;
  --c-brand-primary-darken-20:#0c6259;
  --c-brand-primary-darken-25:#0a4f47;
  --c-brand-primary-lighten-7:#2ac0be;
  --c-brand-primary-lighten-40:#a8e6e5;
  /* SUCCESS – bootstrap green, slightly desaturated to fit teal */
  --c-brand-success:#198754;
  --c-brand-success-darken-5:#177d4e;
  --c-brand-success-darken-7:#157548;
  --c-brand-success-darken-10:#136c42;
  --c-brand-success-darken-15:#105e3a;
  --c-brand-success-darken-17:#0f5736;
  --c-brand-success-darken-20:#0d4f30;
  --c-brand-success-darken-25:#0a4228;
  --c-brand-success-lighten-7:#2f9a68;
  --c-brand-success-lighten-40:#cfe7db;
  /* DANGER – bootstrap red, works with teal primary */
  --c-brand-danger:#dc3545;
  --c-brand-danger-darken-5:#d02f3f;
  --c-brand-danger-darken-7:#c72c3c;
  --c-brand-danger-darken-10:#bb2837;
  --c-brand-danger-darken-15:#a82331;
  --c-brand-danger-darken-17:#a0212f;
  --c-brand-danger-darken-20:#931e2b;
  --c-brand-danger-darken-25:#7a1924;
  --c-brand-danger-lighten-7:#e04b59;
  --c-brand-danger-lighten-40:#f3c2c6;
  /* WARNING – bootstrap amber, slightly tuned to teal primary */
  --c-brand-warning:#ffc107;
  --c-brand-warning-darken-5:#f0b507;
  --c-brand-warning-darken-7:#e6ad06;
  --c-brand-warning-darken-10:#d9a206;
  --c-brand-warning-darken-15:#c59005;
  --c-brand-warning-darken-17:#be8905;
  --c-brand-warning-darken-20:#b07f05;
  --c-brand-warning-darken-25:#956b04;
  --c-brand-warning-lighten-7:#ffcd38;
  --c-brand-warning-lighten-40:#fff1c7;
  --color-ui-background:#f8f8f8;
  --color-secondary:#15b6b3;
}