/*Place your CSS code here*/

/* course image  */
.ef-dashboard-header img.ef-default-avatar {
  max-width:800px !important;
}
div.ef-card-wrap.ef-course-wrap div.thumbnail div.default-action a span {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

/* trainer view magnificent catalogue */
.ef-card-entries .ef-card .ef-card-wrap div.caption h4.ef-plain.ef-header {
    max-height: 80px !important;
    padding-top: 10px !important;
}
#headerTitle {
  -webkit-line-clamp: 3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
}


/* Trainer mycourses */
.label-ef-ilt  {
  background-color: darkgray;
}

/* TN Kurskacheln */
.ef-card.ef-catalog-entry.ef-course-card {
  max-width: 20%;
  width: 100%;
  box-sizing: border-box;
}
.ef-plain.ef-header a {
  padding-top: 8px;
  display: inline-block;
  line-height: 2rem !important;
}




/* LOGIN PAGE */
/* hide the external label completely */
#schueller-label {
  display: none !important;
}

/* center container, move slightly up */
#ef-login-index {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  background: transparent !important;
  padding: 40px 20px;
  transform: translateY(-5vh);
}

/* login box */
#ef-login-index form {
  background: #fff;
  padding: 40px;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 6px 24px rgba(0,0,0,0.15);
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 13px; /* normal text inside box */
}

/* injected title: black and left-aligned */
#ef-login-index form::before {
  content: "|S|T|C.\aSCHÜLLER-TRAINING-CENTER";
  white-space: pre;
  display: block;
  text-align: left;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: 1px;
  line-height: 1.3;
  font-size: 1.8rem; /* keep title larger */
  color: #000;
}

/* hide username/password labels */
#ef-login-index label {
  display: none !important;
}

/* make inputs and buttons full width */
#ef-login-index .form-group,
#ef-login-index .ef-form-element,
#ef-login-index input.form-control,
#ef-login-index .btn {
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
}

/* footer links with arrows and custom color */
#ef-login-index .footer {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 13px;
}

#ef-login-index .footer a {
  color: #e0001a;
  text-decoration: none;
  position: relative;
  font-size: 13px;
}

#ef-login-index .footer a::before {
  content: "→";
  margin-right: 6px;
  font-weight: bold;
  color: #e0001a;
}
/* LOGIN PAGE END */

/* Icon negative fix */
a.ef-dashboard-link img.icon-size-44px {
  filter: brightness(0);
  transition: none !important;
}

a.ef-dashboard-link:hover img.icon-size-44px {
  filter: brightness(0) invert(1) !important;
  transition: none !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;
}

/* Learner view breadcrumb text color */
.breadcrumb-x a,
.breadcrumb-x a:visited {
    color: #fff !important;
}
div.breadcrumb-x
{
    background-color: #000;
	border-top:1px solid #000;
	box-shadow:0px 3px 3px -3px rgba(0, 0, 0, 0.25);
}

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

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

/**
 * Admin - Charts
*/
[fill='#67b7dc'] {
    fill: #6c7a86 !important;
}

[stroke='#67b7dc'] {
    stroke: #6c7a86 !important;
}

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

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

body{
    font-family:'Helvetica', 'Arial', sans-serif;
    background-color:white;
}

  .ef-card-entries .ef-card .ef-card-wrap:hover{
	box-shadow:0 0 90px -20px rgba(0,0,0,0.8)!important;
  }

  .ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active{
  	 color: #E30613!important; 
}
  
  .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus{
    border-color: #E30613!important;
  }
  
  
  #ef-navbar .container .navbar-header .ef-navbar-logo img{
   max-width:120%!important; 
  }
  
.navbar-inverse .navbar-nav > li > button{
   color:black!important;
}

body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a, body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
 color:#8F969B!important; 
}
  
#navbar-form{
       background-color:#ffffff!important;
}
  
.navbar{
     background-color:#ffffff!important;
}
  


.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover{
  background-color:#5c5c5c;
}
  
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head{
 background-color: #95938A;
}
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active{
     color: #70A81B;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li .dropdown-item{
    color:#313C49;
}
.btn-primary{
    background-color:#e0001a !important;
}
.btn-primary:hover{
    background-color:#e0001a !important;
}
.btn.btn-primary {
    border: 1px solid #e0001a;
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:hover{
    opacity: 0.7 !important;
}
.btn-group > .btn-primary.dropdown-toggle{
    border-left: 1px solid #e0001a;
}
.btn-group > a.btn-primary{
    border-right: 1px solid #e0001a;
}
#Embed > button{
    background-color:#e0001a !important;
}
#ef-navbar{
    background-color:white;
}
#ef-navigation > li > a > i,
#ef-navigation > li > button > i {
    color:#95938A;
}
body > div.breadcrumb-x
{
    background-color:white;
    color:white;
    text-transform:uppercase
}
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
    color:white;
}
#searchDiv > div.searchDivRight,#searchDiv > div.searchDivRight > span, #ef-search-bar{
    background-color:white !important;
    text-transform:uppercase;
}
#ef-navigation > li.user-preferences > .dropdown-toggle div.img-thumbnail{
    background-color:#E30613 !important;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after{
    background-color:white !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover{
    background-color:#8F969B !important;
}
#user-roles > ul > li > a{
    color: #313C49 !important;
}
#ef-navigation > li.user-preferences.open  ul > li > a{
    color: #313C49 !important;
}
#ef-options-block > div > div > div > div > table > tbody > tr > td.iconData:hover{
    background-color:#8F969B !important;
}
div.ef-block{
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}
/* LOGIN */

body:not(.ef-user-signed-in) > #ef-index-page > div:nth-child(2) {
    max-width:50%;
}

#ef-navbar, #ef-navbar li .dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html.new-ui-html:root{--c-brand-primary:#e0001a;--c-brand-primary-darken-5:#8a9196;--c-brand-primary-darken-7:#888f94;--c-brand-primary-darken-10:#858c91;--c-brand-primary-darken-15:#80878c;--c-brand-primary-darken-17:#7e858a;--c-brand-primary-darken-20:#7b8287;--c-brand-primary-darken-25:#767d82;--c-brand-primary-lighten-7:#969da2;--c-brand-primary-lighten-40:#b7bec3;}