:root {
  --color-font-primary: #4A4A4A;
  --color-primary: #FBCE07;
  --color-grey: #D0D0D0;
  --color-grey-light: #eaeaea;
  --color-red: #DD1D21;
  --color-ui-background: rgba(0, 0, 0, .05);

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

  --c-brand-primary: #ffffff;
  --c-brand-primary-darken-5: #fafafa;
  --c-brand-primary-darken-7: #f8f8f8;
  --c-brand-primary-darken-10: #f5f5f5;
  --c-brand-primary-darken-15: #f0f0f0;
  --c-brand-primary-darken-17: #eeeeee;
  --c-brand-primary-darken-20: #ebebeb;
  --c-brand-primary-darken-25: #e6e6e6;
  --c-brand-primary-lighten-7: #ffffff;
  --c-brand-primary-lighten-40: #ffffff;

  /* Anchors */
  --anchor-color: var(--color-font-primary);
  /* Buttons */
  --button-primary-background-color: var(--color-red);
  --button-primary-background-color-active: #fff;
  --button-primary-border-color: var(--color-red);
  --button-primary-color: #fff;
  /* Header - Navbar alphatar */
  --alphatar-background-color: var(--color-font-primary);
  --alphatar-font-color: #fff;
  /* Admin - Chart */
  --chart-color-primary: var(--color-primary);
  --chart-color-secondary: var(--color-red);

}

/* Font */
@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellBook.woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellBookItalic.woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellLight.woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellLightItalic.woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellMedium.woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellMediumItalic.woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellMedium.woff2');
  font-weight: 600;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellMediumItalic.woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellHeavy.woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellHeavy.woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellHeavy.woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Shell';
  src: url('/assets/fonts/shell/ShellHeavy.woff2');
  font-weight: 800;
  font-style: italic;
}

section.CourseWidget_11.widget, 
section.CourseWidget_12.widget {
  background-color: transparent !important;
}

html,
body {
  font-family: 'Shell', sans-serif;
}

body.courses-grid {
  background-color: var(--color-grey-light);
}

div.ef-block {
  box-shadow: none;
}

html:not(.popup) body.ef-user-signed-in {
  background-color: var(--color-grey-light) !important;
}


/* Login */
html:not(.popup) body:not(.ef-user-signed-in) .ef-block {
  border-radius: 12px;
  box-shadow: none;
  max-width: 320px;
  margin: 80px auto 20px;
}

html:not(.popup) body:not(.ef-user-signed-in) .login-header {
  padding: 15px 30px 0;
}

html:not(.popup) body:not(.ef-user-signed-in) .login-header h3 {
  margin: 24px 0 0;
}

html:not(.popup) body:not(.ef-user-signed-in) .login-logo {
  display: flex;
  justify-content: center;
}

/* html:not(.popup) body:not(.ef-user-signed-in) #ef-navbar {
  display: none;
} */

#login_form .row.ef-row.videos {
  display: flex !important;
  flex-direction: column;
  gap: 5px;
  padding: 10px 15px 0 !important;
}

#login_form .row.ef-row.videos a {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  text-align: left;
  border-radius: 4px;
  padding: 8px;
  font-weight: 600;
}

#login_form .row.ef-row.videos a:hover {
  background-color: #fff;
  text-decoration: none;
}

#login_form .row.ef-row.forgot-passwd {
  padding-top: 0 !important;
}

#login_form .row.ef-row.forgot-passwd .col-md-12 {
  text-align: right;
}

#ef-login-index #login_form #forgot-passwd {
  font-size: 13px;
  color: var(--color-font-primary);
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-login-index [type='submit'] {
  width: 100%;
  text-align: left;
  border-radius: 4px;
  text-transform: none;
}

html:not(.popup) body:not(.ef-user-signed-in) {
  background: transparent url('/assets/images/bg-1.jpg') no-repeat center center;
  background-size: cover;
}

#custom-background {
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow-x: hidden;
  background-position: bottom center;
}

@media(max-width: 576px) {
  html:not(.popup) body:not(.ef-user-signed-in) .ef-block {
    margin: 20px auto 20px;
  }
}

/* Custom Sites */
html:not(.popup) body:not(.ef-user-signed-in) #main-content>div.site {
  background-color: #fff;
  padding: 20px;
}

html:not(.popup) body:not(.ef-user-signed-in) #main-content>fieldset.ef-fieldset-separator legend {
  border: 0;
}

/* Form */
.form-control,
.input-group-addon {
  border-color: var(--color-grey);
  border-radius: 4px;
  font-size: 14px;
  box-shadow: none;
}

.form-control:focus {
  border-color: var(--color-grey) !important;
  outline: 0;
  box-shadow: none;
}

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

/**
* Anchors 
*/
a:not(.fa):not([class*="tw-text"]),
a:not(.fa):not([class*="tw-text"]):link,
a:not(.fa):not([class*="tw-text"]):visited,
a:not([class*="tw-text"]):hover,
a:not([class*="tw-text"]):active,
.btn-link,
.btn-link:hover,
.btn-link:focus {
  color: var(--anchor-color);
}

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

.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: var(--button-primary-background-color-active) !important;
  color: var(--color-red) !important;
  border-color: var(--color-red) !important;
}

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

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

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

.img-placeholder.navi .img-overlay .img-thumbnail:not(img):after {
  line-height: 32px;
}


/**
* Admin - Component tiles 
*/
.ef-block .iconTable .iconData:hover a span {
  color: #000;
}

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


/* Dashboard */
section.widget .widgetHeading,
section.widget .widgetHeading>a {
  font-size: 16px !important;
}

section.widget .newsLink>.bellWrapper>.fa.fa-bell-o::before {
  display: none;
}

section.widget .newsLink>.bellWrapper {
  align-items: start !important;
  margin-top: 0 !important;
}

section.widget .courseContainer {
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: hidden;
}

#widgetGrid .courseContainer .courseProgress {
  background-color: var(--color-primary) !important;
  height: 8px !important;
  border-radius: 5px !important;
}

#widgetGrid .sliderContainer_12 .courseContainer .courseProgressBar > .courseProgress {
  background-color: #0eac2f !important;
}

#widgetGrid .courseContainer .courseImage {
  overflow: initial !important;
  height: 145px !important;
}

#widgetGrid .courseContainer .courseImage img {
  background-position: bottom !important;
}

#widgetGrid .courseContainer .courseProgressBar > .courseProgress > .course-progress-text {
  display: none;
}

#widgetGrid .courseContainer .courseTitle {
  /* height: 70px !important; */
  font-weight: 700 !important;
  line-height: 140% !important;
}

#widgetGrid .courseCategory .cLabel {
  color: black !important;
  background: white !important;
  font-weight: 700;
  padding: 0px !important;
}

#widgetGrid .courseContainer .courseCategory {
  /* top: 140px !important; */
  top: 145px !important;
}

#widgetGrid .courseContainer .courseProgressBar {
  height: 8px !important;
  border-radius: 5px !important;
}

.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="student"],
.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="administrator"],
.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="instructor"],
.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="supervisor"]{
  background-image: url('/assets/images/nutzerwechsel-student.svg') !important;
}

.btn.btn-primary.ef-switch-account-dashboard[data-basic-usertype="student"]{
  background-image: url('/assets/images/nutzerwechsel.svg') !important;
}

.ef-switch-account-dashboard-wrapper,
.ef-switch-account-dashboard-wrapper:hover {
  display: flex;
  justify-content: end;
}

.btn.btn-primary.ef-switch-account-dashboard,
.btn.btn-primary.ef-switch-account-dashboard:hover {
  width: 190px !important;
  height: 48px;
  border-radius: 0 !important;
  background-color: transparent !important;
  border: 0;
  margin-right: 0 !important;
}

#widgetGrid .fa-times-circle-o:before {
  content: "";
  background: transparent url(/assets/images/icon_check.svg) no-repeat center center !important;
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain !important;
}


/* Benji Start */

/*h4 p span - Ist anscheinend obsolte geworden (nach dem Update)
{
font-family:inherit !important;
font-size:inherit !important;
}*/
#ef-navbar>.container #userNavBar #ef-navigation li>button {
  color: black;
  padding-top: 7px;
}

/* mycourses left Start */
.breadcrumb-x .container {
  display: block;
}

/* mycourses left END */
#ef-navbar>.container #userNavBar #ef-navigation li>button>i.fa {
  font-size: 16px;
}

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

#ef-search {
  margin-left: 20% !important;
  margin-right: 10% !important;
}

#searchDiv {
  background-color: #FFF !important;
}

.searchDivRight {
  display: none;
}

h3.media-heading {
  font-size: 20px;
}

.ef-question-multiple label {
  font-size: inherit;
}

.ef-matrix-question-table th {
  font-weight: normal;
}

.ef-correct-answer {
  border-bottom: none;
  color: #3da83e;
  /* Standardfarbe: #3c763d; */
}

.question-failure,
.has-success .checkbox,
.has-success .radio,
.has-error .checkbox,
.has-error .radio {
  color: #000000;
}

/* Benji Ende */

.ef-dashboard-header img.ef-default-avatar {
  width: auto;
}

.navbar-collapse {
  background-color: #ffffff;
}

.navbar-collapse .navbar-brand {
  color: #e74c3c;
}

.navbar-collapse .navbar-text {
  color: #e74c3c;
}

.navbar-collapse .navbar-nav>li>a {
  color: #e74c3c;
}

.navbar-collapse .navbar-nav .dropdown.open {
  border-top: solid 10px;
  border-color: #dd1d21;
  -webkit-transition: border-top .3s ease 0s;
  transition: border-top .3s ease 0s;
}

.navbar-collapse .navbar-nav .dropdown:hover,
.navbar-collapse .navbar-nav .dropdown:focus {
  border-top: solid 10px;
  border-color: #dd1d21;
  -webkit-transition: border-top .3s ease 0s;
  transition: border-top .3s ease 0s;
}

.navbar-collapse .navbar-nav>li:hover,
.navbar-collapse .navbar-nav>li:focus {
  border-top: solid 10px;
  border-color: #dd1d21;
  -webkit-transition: border-top .3s ease 0s;
  transition: border-top .3s ease 0s;
}

.navbar-collapse .navbar-nav>li:hover>a>i,
.navbar-collapse .navbar-nav>li:focus>a>i {
  color: #dd1d21 !important;
}

.navbar-collapse .navbar-nav>li {
  border-top: solid 10px;
  border-color: #ffffff;
}

.navbar-form {
  border-top: solid 10px;
  border-color: #ffffff !important;
}

.ef-footer .navbar-collapse .navbar-nav>li:hover,
.ef-footer .navbar-collapse .navbar-nav>li:focus {
  border-bottom: solid 5px;
  border-top: 0px;
  border-color: #dd1d21;
  -webkit-transition: border-top .3s ease 0s;
  transition: border-top .3s ease 0s;
}

.ef-footer .navbar-collapse .navbar-nav>li {
  border-top: 0px;
  border-bottom: solid 5px;
  border-color: #ffffff;
}

.ef-footer .navbar-form {
  border-top: 0px;
  border-bottom: solid 5px;
  border-color: #ffffff !important;
}

.navbar-collapse .navbar-nav>li>a:hover,
.navbar-collapse .navbar-nav>li>a:focus,
.navbar-collapse .navbar-nav>li>a:hover i,
.navbar-collapse .navbar-nav>li>a:focus i {
  color: #dd1d21;

}

.navbar-collapse .navbar-nav>.active>a,
.navbar-collapse .navbar-nav>.active>a:hover,
.navbar-collapse .navbar-nav>.active>a:focus {
  color: #dd1d21;
}

.navbar-collapse .navbar-nav>.open>a,
.navbar-collapse .navbar-nav>.open>a:hover,
.navbar-collapse .navbar-nav>.open>a:focus {
  color: #dd1d21;
  background-color: #ffffff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  color: #dd1d21;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #fbce07;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #e74c3c;
}

.navbar-collapse .navbar-link {
  color: #e74c3c;
}

.navbar-collapse .navbar-link:hover {
  color: #dd1d21;
}

@media (max-width: 767px) {
  .navbar-collapse .navbar-nav .open .dropdown-menu>li>a {
    color: #e74c3c;
  }

  .navbar-collapse .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-collapse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #c0392b;
  }

  .navbar-collapse .navbar-nav>.active>a,
  .navbar-collapse .navbar-nav>.active>a:hover,
  .navbar-collapse .navbar-nav>.active>a:focus {
    color: #fbce07;
  }
}

.panel-shell {
  border-color: #fbce07;
}

.btn-red {
  border-color: #dd1d21;
  color: #dd1d21;
  background-color: #ffffff;
}

.btn-red:focus,
.btn-red:hover {
  border-color: #dd1d21;
  color: #dd1d21;
  background-color: #fbce07;
}

.btn-red>a:hover {
  text-decoration: none;
  color: #dd1d21;
}

.btn-red>a:active {
  text-decoration: none;
  color: #dd1d21;
}

.navbar-inverse {
  background-color: #ffffff;
  border-color: #ffffff;
}

.glyphicon {
  color: #dd1d21;
}

.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link {
  color: #dd1d21 !important;
}

.huge_shell {
  font-size: 35px;
  line-height: normal;
}

.panel-yellow {
  background-color: #fbce07;
}

div.block table.iconTable td.iconData:hover,
div.block table.iconTable td.disabledIconData:hover {
  background-color: #fde681;
  border-radius: 0px;
}

body>div.container>div.col-md-3.ef-side-section>div>div>div>div.row>div:hover {
  background-color: #fde681;
  border-radius: 0px;
}

.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link {
  color: #dd1d21 !important;
}

.fa-red {
  color: #dd1d21 !important;
  margin: 0;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a .fa {
  color: #000000;
  font-weight: bold;
}

body {
  background-color: #ffffff;
}

.breadcrumb-x {
  background-color: #ffffff;
}

.breadcrumb {
  background-color: #ffffff;
}

div.block .title {
  background-color: #fbce07;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
}

legend {
  color: #ffffff;
  border: 0px;
}

fieldset.ef-fieldset-separator legend {
  background-color: #dd1d21;
  padding: 10px;
}

.shell_news a:hover {
  color: #404040 !important;
  text-decoration: none;
}

.shell_news:hover {
  background-color: #fbce07 !important;
  border: solid 1px;
  border-color: #404040;
  color: #404040 !important;
}

.shell_news:hover a {
  color: #404040 !important;
}

.shell_news a {
  text-decoration: none;
  color: #fbce07 !important;
}

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

.btn,
.btn-default {
  border-radius: 0px;
}

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

.nav-tabs>li>a,
.nav-tabs>li>a:active {
  border-radius: 0px;
}

.themes-content-container {
  border-radius: 0px;
}

.tooltip {
  border-radius: 0px;
}

div.block .title {
  text-transform: none;
}

.btn-primary .glyphicon {
  color: #ffffff;
}

.btn-primary .glyphicon:hover {
  color: #dd1d21;
}

.table tr.evenRowColor {
  background-color: #ffffff;
}

.table tr.oddRowColor {
  background-color: #d9d9d9;
}


.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-top: 0px solid #dd1d21;
}

.fc-widget-header {
  background-color: #dd1d21 !important;
}

.ef-collapsible-name,
#ef-courses-list li.category>span {
  border-radius: 0px;
  background-color: #dd1d21;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #dd1d21;
}

.navbar-inverse .navbar-toggle {
  border-color: #dd1d21;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: 0px;
}

.btn-primary:hover .glyphicon {
  color: #dd1d21;
}

.navbar-form {
  top: 10px;
  position: relative;
}

.course_list_img {
  width: 40px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #dd1d21;
  border-color: #dd1d21;
}

.navbar-inverse .navbar-brand:hover {
  color: #9d9d9d;
}

div.table-responsive>div.dataTables_wrapper>div.row {
  margin: 10px;
}

.selectize-input {
  height: 100%;
}

.small_shell {
  font-size: 18px;
}

.ef-navbar-branch-name {
  margin-top: 5px;
}

.panel-footer {
  background-color: #fbce07;
  border-top: 0px solid #ddd;
}

.panel-collapse .list-group-item {
  border: 1px solid #fbce07;
}

.dashboard-panel a {
  line-height: 140%;
}

/* Course */
.ef-dashboard-header .ef-category-name {
  text-transform: none;
  font-size: 13px;
}

.ef-dashboard-header .ef-course-name h1 {
  line-height: 150%;
}

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name-lesson {
  font-size: 18px !important;
  font-weight: 600;
  line-height: 35px;
}

.ef-courses-list > .ef-courses-list-item.lesson-entry > .ef-entry-head > .row > .ef-entry-row.lesson-row > .ef-expand-collapse-handle.fa-angle-right,
.ef-courses-list > .ef-courses-list-item.lesson-entry > .ef-entry-head > .row > .ef-entry-row.lesson-row > .ef-expand-collapse-handle.fa-angle-down,
.ef-courses-list-item > .ef-entry-head:not(.row) .ef-unit-tree .ef-expand-collapse-handle.fa-angle-down,
.ef-courses-list-item > .ef-entry-head:not(.row) .ef-unit-tree .ef-expand-collapse-handle.fa-angle-right {
  line-height: normal !important;
  padding: 0;
  width: 35px;
  float: left;
}

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

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

*.progress .progress-bar.progress-bar-success[aria-valuenow="100"],
.ef-card.ef-course-card[data-status="completed"] *.progress .progress-bar.progress-bar-success {
  background-color: #0eac2f;
}

.ef-card-entries .ef-card .ef-card-wrap {
  background-color: transparent;
  /* border: 2px solid #adb0b0; */
  border-radius: 10px;
  line-height: 130%;
}

.ef-card-entries .ef-card .ef-card-wrap:hover {
  box-shadow: none;
}

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

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

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 130%;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
  background-color: #fff !important;
}

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

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

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail img {
  background-position: center bottom;
  object-position: bottom;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}

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: 8px;
  border-radius: 5px;
  box-shadow: none;
  background-color: var(--color-grey-light);
}

body.courses-grid .ef-my-courses-controls,
body.courses-grid div.ef-block {
  background-color: transparent;
  box-shadow: none;
}

/* Catalog */
#headerTitle {
  font-size: 16px !important;
  line-height: 130% !important;
  font-weight: 700 !important;
  color: var(--color-font-primary) !important;
}

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

/* remove because prices where hidden*/
/*.ef-card.ef-course-card.ef-catalog-entry .course-cost {
  display: none;
}*/

[data-role=expander] i.gj-icon.plus {
  border-color: transparent transparent transparent var(--color-primary) !important;
}

[data-role=expander] i.gj-icon.minus {
  border-color: var(--color-primary) transparent transparent transparent !important;
}

ul.gj-list li [data-role=spacer] {
  display: none;
}

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

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

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

body.courses-grid #mainRow > .col-lg-3 {
  width: 230px !important;
  flex: initial !important;
}

body.courses-grid #mainRow > .col-lg-9 {
  width: auto !important;
  flex: 1 !important;
  max-width: initial;
}

.newCoursesDiv > .ef-catalog > h4 {
  text-transform: none !important;
}

/* Progress bar */
*.progress .progress-bar.progress-bar-success {
  background-color: #fbce07;
  box-shadow: none;
}

.ef-side-section .ef-block-header > .progress,
.ef-dashboard-header .ef-course-progress-bar .progress {
  border-radius: 8px;
}

.progress {
  background-color: var(--color-grey-light) !important;
}

*.progress .progress-bar>.progress-bar-content {
  text-transform: capitalize;
}

.shell_user,
.shell_user:hover {
  padding-left: 10px;
  top: 8px;
  position: relative;
  text-decoration: none;
  display: block;
}

.shell_classroom,
.shell_classroom:hover {
  text-decoration: none;
  margin-right: 10px;

}

#training_info {
  font-size: 24px;
  position: relative;
  top: -10px;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: #d9d9d9;
}

.label-shell {
  background-color: #ffffff;
  border-color: #dd1d21 !important;
  border-radius: 0px;
  color: #dd1d21;
  border: 1px solid;
}

.daterangepicker td.in-range {
  background-color: #d9d9d9 !important;
}


.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #dd1d21 !important;
}

.ef-navbar-branch-name {
  width: 30vw;
}

.shell_classroom.col-lg-3 {
  margin-top: 20px;
  margin-bottom: 5px;
  padding-right: 0px;
}

.shell_classroom i {
  margin-top: 3px;
}

.shell_classroom .huge_shell {
  font-size: 30px;
  white-space: nowrap;
  text-align: right;
}

.shell_classroom .small_shell {
  text-align: right;
  padding-right: 0px;

}

.cockpit {
  padding-right: 0px;
}

.ef-navbar-logo img {
  max-height: 5.25rem;
}

.imp_link {
  width: 100%;
}

.station_label {
  margin-bottom: 5px;
  padding-left: 15px;
  font-weight: 700;
  font-size: 15px;
  color: #dd1d21;
}

.huge_shell a {
  text-decoration: none;
}

@media (max-width: @screen-xs-max) {
  .huge_shell {
    font-size: 30px;
  }

  .small_shell {
    font-size: 15px;
  }

  .shell_classroom .huge_shell {
    font-size: 25px;
  }

  .fa-5x {
    font-size: 3em;
  }

  .ef-navbar-logo img {
    max-height: 4.25rem;
  }

  .ef-navbar-branch-name {
    text-overflow: inhertit;
  }

  .ef-navbar-branch-name {
    width: 50vw;
  }

}

@media (max-width: 500px) {
  .huge_shell {
    font-size: 18px;
  }

  .small_shell {
    font-size: 12px;
  }

  .shell_classroom .huge_shell {
    font-size: 18px;
  }

  .fa-5x {
    font-size: 3em;
  }

  .ef-navbar-logo img {
    max-height: 4rem;
  }

  .ef-navbar-branch-name {
    text-overflow: inhertit;
  }

  .ef-navbar-branch-name {
    width: 50vw;
  }
}

path[fill="#a7b3bc"] {
  fill: rgba(251, 206, 7, 0.6);
}

path[fill="#2577b5"] {
  fill: rgba(221, 29, 33, 0.6);
}

path[stroke="#7a92a3"] {
  stroke: rgba(251, 206, 7, 0.8);
}

circle[fill="#7a92a3"] {
  fill: rgba(251, 206, 7, 0.8);
}

path[stroke="#0b62a4"] {
  stroke: rgba(221, 29, 33, 0.8);
}


circle[fill="#0b62a4"] {
  fill: rgba(221, 29, 33, 0.8);
}

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

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

#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 ul.dropdown-menu>li>a:hover {
  background: lightgrey;
  color: black !important;
}

#ef-navbar a {
  color: black !important;
}

#ef-navbar form.navbar-form .selectize-input {
  background: white;
  border-color: lightgrey;
}

#ef-navbar form.navbar-form input[type='text'] {
  background: white;
  border-color: lightgrey;
}


#ef-navbar form.navbar-form span.search-handle {
  border-color: lightgrey;
  background-color: white;
}

#ef-navbar .dropdown-menu {
  background: white !important;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
  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.user-preferences ul.dropdown-menu:after {
  height: 1px;
}

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: #dd1d21 !important;
  color: #fff !important;
}

div.ef-block table.iconTable td.iconData:hover {
  cursor: pointer;
  background-color: rgba(221, 29, 33, 0.6) !important;
  border-radius: 3px;
}

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

#ef-navbar>.container>.navbar-header {
  width: 330px;
  /* 280 zu klein für französisches Logo */
}

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

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

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(--color-font-primary);
}

/* Label */
span.label,
label.label,
.plain .label,
#widgetGrid .CourseWidgetGeneral .courseLabels .cLabel,
#widgetGrid .CourseWidgetGeneral div:not(.courseCategory) > .cLabel {
  font-size: 11px !important;
  text-transform: none;
  border-radius: 5px !important;
  background-color: var(--color-grey-light) !important;
  color: var(--color-font-primary) !important;
  padding: 2px 4px !important;
  font-weight: 700 !important;
  line-height: 130%;
  display: inline-block;
  margin-bottom: 0;
}

.label.custom-label-course_duration {
  background-color: var(--color-primary) !important;
}

.label-success>span {
  background-color: transparent !important;
}

/*CHART ON HOME*/
/* path[fill="#009688"] {
  fill: rgba(221, 29, 33, 0.6);
}

path[fill="#67b7dc"] {
  fill: rgba(251, 206, 7, 0.6);
}

path[stroke="#009688"] {
  stroke: rgba(221, 29, 33, 0.8);
}

circle[fill="#009688"] {
  fill: rgba(221, 29, 33, 0.8);
}

path[stroke="#67b7dc"] {
  stroke: rgba(251, 206, 7, 0.8);
}


circle[fill="#67b7dc"] {
  fill: rgba(251, 206, 7, 0.8);
}

.amcharts-legend-item-g1>.amcharts-legend-marker {
  fill: rgba(251, 206, 7, 0.8);
  stroke: rgba(251, 206, 7, 0.8);
}

.amcharts-legend-item-g2>.amcharts-legend-marker {
  fill: rgba(221, 29, 33, 0.8);
  stroke: rgba(221, 29, 33, 0.8);
} */

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

.label.label-shell.module_booked {
  color: #dd1d21 !important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category>div.ef-entry-head {
  background-color: #dd1d21 !important;
}

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

fieldset.ef-fieldset-separator {
  padding: 0px !important;
}

.label-ef-curriculum {
  background-color: #dd1d21 !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
html.new-ui-html:root{--c-brand-primary:#ffffff;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;}
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
div.breadcrumb-x {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
div.ef-block,
div.dashboard-panel div.panel-body {
  background-color: #FFFFFF;
}
.navbar-inverse {
  background-color: #ffffff;
  border-color: #ffffff;
}
div.block .content {
  border-color: #454545;
}