/*Place your CSS code here*/
#ef-navbar form.navbar-form.ef-active span.search-handle{
 background-color: transparent !important; 
}
#ef-navbar .container ul.nav.navbar-nav > li > button,#ef-navbar .container ul.nav.navbar-nav > li > button:hover{
 color: black; 
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: white;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a{
  background-color: #E8E8E8;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu{
   background-color: #E8E8E8;
}
#ef-index-page .ef-block-content .ef-custom-block>p>img{
 height: 100px; 
}
.btn-group.pull-right a.ajaxHandle.btn.btn-primary{
 color: white; 
}

@font-face { font-family: 'TodayShop';
             src: url('/assets/custom-fonts/TodaySHOP-Bold.otf') format('opentype');
}

@font-face { 
		font-family: 'GlyphaLtStd';
  			src: url('/assets/custom-fonts/Glypha-LT-Std.ttf');
}

@font-face { 
		font-family: 'GlyphaLtStdLite';
  			src: url('/assets/custom-fonts/Glypha-LT-Std-Light.ttf');
}

body:not(.ef-user-signed-in) div.alert.alert-warning {
 left: 50%;
  width: 100%;
}

@media screen and (max-width: 758px) {
 #ef-index-page > div:nth-child(2) > div > div > div > div > div > p {
 font-size: 15px!important;
}
  
  

  #ef-login-index {
  width: 70vw!important;
    bottom: 30vh!important;
    right: 15vw!important;
}
}

.searchDivRight {
 display: none!important; 
}

.search-handle.input-group-addon {
 background: rgb(37, 48, 61)!important;
  
}

/* SCHWEIF */
body > .container > div > div.fadeIn {
 background-image: url('/assets/background_slider/Schweif.png');
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 100px;
  background-size: contain;
}

#ef-options-block {
 background: transparent; 
}

#ef-options-block > div, #ef-options-block > div > div {
 background: inherit; 
}


/* SCHWEIF ENDE */



/* LOGIN  */

#ef-login-index {
    padding: 1%!important;
  width: 350px;
    position: fixed;
    bottom: 2px;
    right: 13px;
}

body:not(.ef-user-signed-in) #ef-navbar, body:not(.ef-user-signed-in) .breadcrumb-x{
  display: none!important;
}

#ef-index-page > div:nth-child(2), #ef-index-page > div:nth-child(2) > div {
 background: transparent; 
}

#ef-index-page > div:nth-child(2) > div > div.ef-block {
 height: 140px;
  width: 70vw;
  position: fixed;
  top: 20px;
  left: 15vw;
}

#ef-index-page > div:nth-child(2) > div > div.ef-block > div.ef-block-content {
 height: 100%;
  width: 100%;
}

#ef-index-page > div:nth-child(2) > div > div > div > div > div {
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#ef-index-page > div:nth-child(2) > div > div > div > div > div > h2, #ef-index-page > div:nth-child(2) > div > div > div > div > div > h3  {
 display: none; 
}

body:not(.ef-user-signed-in) div.ef-block .ef-block-content {
 padding: 0!important; 
}

#ef-index-page > div:nth-child(2) > div > div > div > div > div > p:nth-child(3) {
 height: 100px; 
}

#ef-index-page > div:nth-child(2) > div > div > div > div > div > p:nth-child(3) > img {
 height: 100%; 
}

#ef-index-page > div:nth-child(2) > div > div > div > div > div > p {
 font-size: 2em;
  font-weight: bold;
}

/* LOGIN ENDE */


#forgot-passwd {
 color: rgb(240,10,30)!important; 
}

#ef-index-page {
 color:  rgb(240,10,30)!important; 
}

#ef-login-index {
  padding: 10%;
}

body:not(.ef-user-signed-in) > .container {
  width: 100vw;
}

body:not(.ef-user-signed-in) div.ef-block .ef-block-content {
 padding: 12% 7%; 
}

#ef-index-page .col-md-12 {

}

/*  LOGIN */
#ef-index-page {
 display: flex;
  justify-content: space-between;
  width: 100vw;
  align-items: center;
  margin-top: 10%;
}

#ef-search-bar {
 border: 1px solid grey!important; 
}



body:not(.ef-user-signed-in) div.col-md-6:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1)  .cb-h2-6 {
 font-size: 30px!important;
  text-align: center;
  color: rgb(240,10,30) !important;
}

body {
  font-family: 'GlyphaLtStd', 'Helvetica Neue', Helvetica, sans-serif;  
}

body:not(.ef-user-signed-in) {
     background: url('/assets/background_slider/Spitz_Luftaufnahme_2023_komp.jpg') no-repeat;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
    background-attachment: fixed; 
}

html.popup body {
	background-image: none!important;  
}
/* Icons */
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
 color: rgb(240,10,30); 
}

/* LEARNER LIST */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
 background-color: rgba(224,10,30,0.7); 
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
   background-color: rgba(224,10,30,0.5)!important; 
}

/* SEARCH BAR */
#main > #ef-search > #searchDiv {
   display: block!important;
  }
  
#ef-search-bar > span, #ef-search-bar {
 border-bottom-right-radius: 15px!important; 
}

#search-tag {
  font-family: 'TodayShop','Helvetica';
 color: white!important;
  margin: 0!important;
  opacity: 1!important;
}

#ef-navbar form.navbar-form .selectize-control, #ef-navbar form.navbar-form .selectize-input {
 height: 35px!important; 
}

#ef-navbar form.navbar-form.ef-active .selectize-input, #ef-navbar form.navbar-form.ef-active span.search-handle{
 background-color: white!important; 
}

#ef-navbar form.navbar-form input, #ef-navbar form.navbar-form span.search-handle{
  color: black!important;
}

#ef-navbar form.navbar-form span.search-handle, #ef-navbar form.navbar-form .selectize-input {
 background-color: #fff;
}


#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form span.search-handle,
#ef-navbar form.navbar-form.ef-active .selectize-input,
#ef-navbar form.navbar-form.ef-active span.search-handle,
#ef-navbar form.navbar-form input[type='text']
{
  background-color:#ffffff;
}

/* LINKS */
ul.customTabs > li.active > a {
 color: #E00A1E; 
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
 color: #E00A1E; 
}

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover{
 color: #E00A1E; 
}

.ef-dashboard-header .ef-course-rating {
 color: black; 
}

.colored-info {
 color: #E00A1E; 
}

div.breadcrumb-x ol.breadcrumb li.active a {
 color: #E00A1E!important; 
  font-size: 1.2em;
  text-decoration: none;
}

div.breadcrumb-x ol.breadcrumb.visible-lg li a {
 height: 24px; 
}

ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
 color: #E00A1E; 
}

.ef-anchor-like, 
a.link, 
a.link:visited,
a.link:hover,
a.link:link, 
a.ef-toggle-hidden-section {
 color: #000!important; 
}


/* Kacheln */
.iconData:hover {
 background-color: white!important;
  text-decoration: underline!important;
}

/* DROPDOWN */
.divider {
 display: none; 
}

#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > a:visited{
 color: black; 
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover, #ef-navbar .container ul.nav.navbar-nav > li > a:visited{
 color: black; 
}


#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
 border-bottom: none!important; 
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
 background: white!important; 
}

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu::after {
 height: 0!important; 
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu li ul {
 padding: 0!important; 
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
 background: #E8E8E8; 
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
 background: #E8E8E8; 
  color: #E00A1E;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
 background: #E8E8E8;
  color: #000000;
  border-top: none;
  border-bottom: none;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li .dropdown-text{
 color: black; 
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
 background-color: #E8E8E8;
  color: #E00A1E;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a {
 border-top: 1px dashed darkgrey; 
}

#ef-search-bar, .searchDivCenter{
  border-bottom-right-radius: 0px !important;
  width:100% !important;
  z-index:1;
}

.searchDivRight {
  display: block !important;
  width:100px !important;
  height:37px !important;
  border-bottom-right-radius: 10px !important;
  
}


#searchDiv > div.searchDivRight > span.search-handle{
   background-color: rgb(0,0,0)!important;
  color:white !important;
  padding-left: 28px;
  font-family:'TodayShop';
}


/* GRAPHS */
[fill="#67b7dc"]
{
 fill: rgba(224,10,30,0.5); 
}

[fill="#009688"]
{
  fill:rgba(0,0,00,0.5); 
}

[stroke="#009688"]
{
  stroke: rgba(0,0,0,0.5); ; 
}

[fill="#009688"]{
 fill:rgba(0,0,00,0.5); 
}

[stroke="#009688"]{
 stroke: rgba(0,0,00,0.5); 
}

[stroke="#67b7dc"]
{
  stroke:rgba(224,10,30,0.5); 
}


[fill="#67b7dc"]{
   fill:rgba(224,10,30,0.5); 
}

[stroke="#67b7dc"]{
   stroke:rgba(224,10,30,0.5); 
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
*.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:#E00A1E;border-color:#E00A1E;}
div.breadcrumb-x{background-color:#E8E8E8;border-color:#E8E8E8;}
#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:#e8e8e8;--c-brand-primary-darken-5:#e3e3e3;--c-brand-primary-darken-7:#e1e1e1;--c-brand-primary-darken-10:#dedede;--c-brand-primary-darken-15:#d9d9d9;--c-brand-primary-darken-17:#d7d7d7;--c-brand-primary-darken-20:#d4d4d4;--c-brand-primary-darken-25:#cfcfcf;--c-brand-primary-lighten-7:#efefef;--c-brand-primary-lighten-40:#ffffff;}
