/*Place your CSS code here*/
/*@font-face { font-family: 'proxima';*/
/*src: url('/assets/Fonts/proximanova/proximanova-regular.woff') format('truetype'); }*/
/*@font-face { font-family: 'proximaBold';*/
/*src: url('/assets/Fonts/proximanova/proximanova-bold.woff') format('truetype'); }*/
#ef-index-page div[align='left']{
 padding: 15px; 
}
#ef-language-select>button{
  color: black !important;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: white;
}
#ef-navigation .fa{
  color: black;
}
#ef-navbar .container ul.nav.navbar-nav > li > button span{
  color: black;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu{
  background-color: white;
}
.user-preferences .caret{
  color: black;
}

:root {
    --herold-yellow: #b4253e;
    --herold-callToAction: #3c4448;
    --herold-boom: #005f70;
    --custom-active: #0072C6;
    --custom-green: #4bb05b;
    --custom-blue: #00b1eb;
    --custom-lightGreen: #aecc53;
    --custom-purple: #7c6eb0;
    --custom-red: #df3425;
    --custom-orange: #f07f3c;
}
g[fill="#009688"]
{
	fill:  var(--herold-boom);
}

g[stroke="#009688"]
{
	stroke:  var(--herold-boom);
}

g[fill="#009688"]{
	fill:  var(--herold-boom);
}

g[stroke="#009688"]{
	stroke:  var(--herold-boom);
}

g[fill="#67b7dc"]
{
	fill: var(--herold-yellow);
}

g[stroke="#67b7dc"]
{
	stroke: var(--herold-yellow);
}


g[fill="#67b7dc"]{
	fill: var(--herold-yellow);
}

g[stroke="#67b7dc"]{
	stroke: var(--herold-yellow);
}
  
@media only screen and (max-width: 990px) {
  #ef-index-page>div>div>div>div>div>div.ef-custom-block{
    margin-bottom: -20px;
  }
}
  
  .ef-dashboard-header .ef-main-action-button .btn {
    font-size: 10px;
}
  
  #kontakt{
   z-index:1!important; 
  }
  #datenschutz{
   z-index:1!important; 
  }
    
#contact_form .elp-block{
                line-height: 1;
                padding-bottom: 41px;
    
}

  #contact_form div.col-sm-10.ef-form-element{
      max-width: 891px;
                font-size: 25px;
  }
  
.bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
    background: lightgrey;
    transition: 5s;
}

  #ef-navbar .container ul.nav.navbar-nav > li > a,
  #ef-navbar .container ul.nav.navbar-nav > li > a:visited
    {
      color:black;
    }

#bg-2, #bg-3, #bg-4 {
    opacity: 0;
}

.bg img {
    width: 100%;
    height: 100%;
    transition: 5s;
}

.searchDivRight {
    background-color: #f0f0f0!important;
}


#ef-navbar .container .navbar-header .ef-navbar-logo img {
    width: 100%!important;
    max-width: 100%!important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    height: 0px;
}

.btn-danger {
    background-color: var(--custom-red);
}

.label-success {
    background-color: var(--custom-green);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: var(--herold-callToAction)!important;
}
.btn-primary {
    border: 3px #7c7c7c solid !important;
    font-weight: 600;
    border-radius: 0;
    background: #fff !important;
    color: #7c7c7c !important;
}
.btn-primary:not(.dropdown-toggle){
    min-width: 170px;
}

.btn-primary:hover {
    background-color: #e62155!important;
    border-color: #e62155!important;
    color: white !important;
}
body:not(.ef-user-signed-in) {
    background-size: contain;
    background-position: center;
}

html.popup body {
    background-image: none!important;
}

input.btn-primary[name='submit_login'] {
    width: 100px;
}

.one-column-login input,.one-column-login input:focus{
    border: none;
    border-bottom: 1px solid grey;
    border-radius: 0;
    box-shadow: none;
}
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    color: #e62155!important;
}

.one-column-login .btn-primary {
    width: 30%;
}

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
    color: var(--custom-active);
}

.breadcrumb li.active a {
    /*font-family: proximaBold*/
}

body {
    /*font-family: proxima;*/
    background: rgba(0,0,0,0);

    left: 0px;

}


a:hover {
    color: var(--herold-yellow) !important;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success {
    background-color: var(--custom-green);
}

#ef-login-index div.ef-block-footer {
    background-color: white;
}

/* LINKS */
ul.customTabs > li.active > a {
    color: var(--custom-active)!important;
}

.dashboard-panel a.link,   .dashboard-panel a.link:link,   .dashboard-panel a.link:hover,   .dashboard-panel a.link:visited {
    color: black!important;
}

.ef-dashboard-header .ef-course-rating {
    color: black;
}

.colored-info, #ef-login-index div.ef-block-footer span.sign-slogan a {
    color: var(--herold-callToAction)!important;
}



ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child) {
    color: var(--herold-callToAction)!important;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd {
    color: var(--herold-callToAction);
}

.ef-anchor-like,
a.link,
a.link:visited,
a.link:hover,
a.link:link,
a.ef-toggle-hidden-section {
    color: var(--herold-yellow)!important;
}

/* LEARNER LIST */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: var(--herold-yellow);
}

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

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: rgba(180,37,62, 0.7);
}


/* ICON HOVER */
div.ef-block table.iconTable td.iconData:hover {
    /*background-color: rgba(240,127,60,0.25);*/
    background-color: rgba(180,37,62, 0.7);
}


/* BREADCRUMBS */
.breadcrumb-x {
    background-color: #F4F3F3!important;
}


/* DROPDOWN */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a,#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content div.no-results{
    color: black!important;
}

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

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

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
    background-color: white;
    color: black;

}

#ef-navbar .container ul.nav.navbar-nav #communication a.dropdown-toggle + ul.dropdown-menu {
    background-color: white;

}

#ef-navbar .container ul.nav.navbar-nav .user-preferences a.dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu {
    background-color: white;

}

#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 > 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 li.open a.dropdown-toggle {
    background-color: var(--herold-yellow);

    border-radius:0!important;
}
#ef-navbar .container ul.nav.navbar-nav #communication.open a.dropdown-toggle {
    background-color: var(--herold-yellow);

}
#ef-navbar .container ul.nav.navbar-nav .user-preferences.open a.dropdown-toggle {
    background-color: var(--herold-yellow);

}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
    background-color: inherit!important;
    opacity: 0.7;
}

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences > a{
    height: 47px;
}

/*  LOGO */

#ef-logo > a > img {
    width: 140%!important;
    max-width: 140%!important;
}



/*   NAVBAR AND SEARCH BAR */

#ef-navbar {
    background-color: white;
}

#ef-search-bar {
    width: 60%;
    margin-left: 20%;
}

#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:#f0f0f0;
}

/* GRAPHS */
path[fill="#009688"]
{
    fill: var(--herold-boom);
    opacity: 0.4;
}

path[fill="#67b7dc"]
{
    fill: var(--herold-yellow);
    opacity: 0.4;
}

path[stroke="#009688"]
{
    stroke: var(--herold-boom);
}

circle[fill="#009688"]{
    fill: var(--herold-boom);
}

circle[stroke="#009688"]{
    stroke:var(--herold-boom);
}

path[stroke="#67b7dc"]
{
    stroke:var(--herold-yellow);
}


circle[fill="#67b7dc"]{
    fill:var(--herold-yellow);
}

circle[stroke="#67b7dc"]{
    stroke:var(--herold-yellow);
}
html.popup body
{
    background-image:none !important;
}

html body:not(.ef-user-signed-in)
{
    background-image:url('/assets/images/omida_background_sw_small.jpg');
    /*background-color:#F5F5F5 !important;*/
    background-size:cover;
    background-attachment:fixed;
    background-position:center center;
    background-repeat:no-repeat;
    height:auto;
    min-width:100%;
}
.ef-main-action-button .btn-success:hover{
    background-color: #398439 !important;
    border-color: #398439 !important;
    color: white !important;
}
    .ef-grid-cell-input >.input-group .input-group-btn .btn-primary{
  min-width:0;
  }
  
/*LOGIN*/

#ef-index-page > div:nth-child(3) > div{
	visibility:hidden;
}


/* divs inside the second box of the login page */
@media only screen and (min-width: 778px){
	

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div > div > div{
	display: flex;
	box-sizing:border-box;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div > div > div > div:nth-child(3){
	display:block;	
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div > div > div > div:nth-child(4){
	width:33.3%;
	padding: 30px;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div > div > div > div:nth-child(5){
	width:33.3%;
	padding: 30px;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div{
	line-height:150%;  
    padding: 30px !important;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div > div > div > div > div:nth-child(3) > p:nth-child(2){
	word-wrap: break-word;
}

}

/* divs inside the first box of the login page */

@media only screen and (min-width: 778px){

#ef-login-index{
	display: flex;
	box-sizing:border-box;
}

#ef-login-index > div.ef-block-content{
	width:50%;
	padding: 5px;
}

#ef-login-index > div.ef-block-footer{
	width:50%;
	padding: 5px;
}

}

#ef-login-index{
	background-color: rgba(255,255,255,0.6);
	box-shadow:none;
}

#ef-login-index > div.ef-block-footer{
	background-color: rgba(255,255,255,0);
}

#ef-index-page > div:nth-child(3) > div:nth-child(1) > div{
    box-shadow:none;
    background-color:rgba(255,255,255,0);
}

#ef-index-page > div:nth-child(3) > div:nth-child(1) > div > div > div > div > p > a > img{
	padding-top:7px;
}

#login_form > div > div:nth-child(3) > div > div > input, #login_form > div > div:nth-child(4) > div > div > input{
	background-color: rgba(255,255,255,0) !important;
}

#login_form > div > div.row.ef-row.login-bottom > div > div > input{
	background-color: rgba(255,255,255,0) !important;
}

#login_form > div > div.row.ef-row.login-bottom > div > div > input:hover{
	background-color: grey !important;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div,
#ef-index-page > div:nth-child(3) > div:nth-child(4) > div{
    background-color: rgba(255,255,255,0.8)!important;
}

#ef-index-page > div:nth-child(3) > div:nth-child(4) > div

#contact{
    background-color: rgba(255,255,255,0)!important;
}

#kontakt, #datenschutz{
    background-color: rgba(255,255,255,0.8)!important;
}

/*Logo*/

#ef-index-page > div:nth-child(3) > div:nth-child(1){
	display:flex;
	justify-content:flex-end;
}
@media only screen and (min-width: 460px){
#ef-index-page > div:nth-child(3) > div:nth-child(1) > div{
	width:20%;
	margin-bottom:-12%;
	margin-right: 20px;
	z-index:1000;
}
}

@media only screen and (max-width: 459px){
#ef-index-page > div:nth-child(3) > div:nth-child(1) > div{
	width:30%;
	margin-bottom:-18%;
	margin-right: 20px;
	z-index:1000;
}
}


#ef-index-page > div:nth-child(3) > div:nth-child(1) > div > div > div > div > p > a > img{
width:100% !important;

}

/*datenschutz, kontakt*/
  
#ef-index-page > div:nth-child(3) > div:nth-child(3) > div:nth-child(2) > div > div > div {
  display:flex;
}
  
  #ef-index-page > div:nth-child(3) > div:nth-child(3) > div:nth-child(2) > div > div > div > div{
    margin:0 auto;
  }

#datenschutz, #kontakt{
	width:100% !important;
	padding:50px;
}

#datenschutz > div > div > div > p:nth-child(3) > span > b > font,
#datenschutz > div > div > div > p:nth-child(4) > span > font
{
	font-family:'Roboto' !important;
}

#datenschutz > div > div > div > p:nth-child(3) > span > b > font,
{
	color:#0072C6 !important;
	font-size:20px;
}

/* */

#languages-ul{
	z-index:10000;
}

/* whole container */

body > div.container{
	padding-top:50px;
	font-size:16px;
}


/*Registry button*/

@media only screen and (min-width: 778px){
#ef-login-index > div.ef-block-footer > span{
	display:block;
	margin-top:165px;
	font-size:16px !important;
	line-height:1.5;

}
}
@media only screen and (max-width: 777px){
#ef-login-index > div.ef-block-footer > span{
	display:block;
	margin-top:20px;
	font-size:16px !important;

}		
}
/* Logos */

#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p{
	text-align:center;
}

@media only screen and (max-width: 436px){
	#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(1),
	#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(2),
	#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(3)
	{
	margin-right:0px;	
	}	
}
@media only screen and (min-width: 437px){
#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(1),
#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(2),
#ef-index-page > div:nth-child(3) > div:nth-child(4) > div > div > div > div > p:nth-child(5) > img:nth-child(3)
{
margin-right:50px;	
}
}


	

/*Headings*/

#heading1,#heading2,#heading3,#heading4,#heading5,#heading6,#heading7,
#login_form > div > div:nth-child(3) > div > div > label,
#login_form > div > div:nth-child(4) > div > div > label,
#ef-login-index > div.ef-block-footer > span{
	font-size:20px !important;
	color:#0072C6 !important;
	font-weight:600 !important;
	
	
}



/*
#ef-login-index > div.ef-block-footer > span > a{
	padding: 8px;
	text-transform:uppercase;
	border: 3px #7c7c7c solid !important;
	font-weight:600;
	color: #7c7c7c !important;
	font-size:13.3px;
	
}*/

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
*.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:#3C4448;border-color:#3C4448;}