/*Place your CSS code here*/

/********************* Colour reference chart****************

magenta													#b81a5d 		

magentafarbene Verlaufsfläche			  linear-gradient(rgba(184,26,93,0.1), #ffffff)

*/

body:not(.ef-user-signed-in) #ef-index-page > div:nth-child(3) > div:nth-child(2) > div,body:not(.ef-user-signed-in) .breadcrumb .active {
 display: none; 
}

a.custom-link {
	color:rgb(184, 26, 93);
}

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

.user-preferences > ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu, .container ul.nav.navbar-nav li.open .dropdown-toggle {
	background-color: white !important;
}

.ef-question-panel > .panel-heading {
	background-color: #b6185c;
  border-color: #b6185c;
}
label[for='terms_of_use'] > a {
	color: #b6185c;
}

#social_media {
 width: 60%!important; 
}

body:not(.ef-user-signed-in) .breadcrumb-x > .container {
 margin-right: 30px; 
}

#helpdesk-wrapper {
 display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#social_media > tbody > tr > td:last-child {
 padding-right: 0px;
  width: 41px;
}
body:not(.ef-user-signed-in) #ef-login-index, body:not(.ef-user-signed-in) .ef-block  {
 box-shadow: 0 1px 0 #ffffff, 0 2px 3px #ffffff!important;
  -webkit-box-shadow: 0 1px 0 #ffffff, 0 2px 3px #ffffff!important;
}

body:not(.ef-user-signed-in) #login_form > div > div:nth-child(2) > div > div > input {
 border-radius: 0px!important; 
}

body:not(.ef-user-signed-in) {
 min-height: 92vh!important; 
}

body:not(.ef-user-signed-in) .ef-navbar-logo > img {
 max-width: 200%!important;
  max-height: 200%!important;
  margin-left: 2vw!important;
}

body:not(.ef-user-signed-in) #ef-login-index div.ef-block-footer {
 background-color: white!important; 
}

body:not(.ef-user-signed-in) #ef-navbar > .container, body:not(.ef-user-signed-in) > div.container {
 	width: 98vw!important;
  margin: 0!important;
  padding: 0!important;
    
}

body:not(.ef-user-signed-in) #ef-index-page {
 width: 98vw!important; 
  margin-right: 0!important;
  margin-left: 0!important;
}



#footer {
      position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  height: 5vh;
   background-color: #b81a5d; 
}


#lower-footer-container {
 display: flex;
  justify-content: center;
  border-top: 1px solid white!important;
}

#upper-footer-container td a{
  color: white!important;
}

#upper-footer-container {
 display: flex;
  justify-content: space-around;
 align-items: center;
  height: 100%!important;
  padding: 0 15% 0 15%;
}

#lower-footer-container td, #upper-footer-container td{
  border: none!important;
}


.lower-footer {
color: white!important;
  border: none!important;
}



/* --------------------------		NAVBAR		-------------------------------------------*/
#ef-index-page > div:nth-child(3) > div:nth-child(4){
 position: absolute;
  width: 100%;
  bottom: 0;
}

#helpdesk-links a:hover {
  color: #b81a5d;
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) {
  position: absolute;
    top: 0;
    right: 0;
    margin-top: -131px;
    z-index: 1000;
    box-shadow: none;
}

#ef-index-page > div:nth-child(3) > div:nth-child(2){
      position: absolute;
    top: 0;
    right: 0;
    margin-top: -72px;
}

#ef-index-page > div:nth-child(3) > div:nth-child(2) > div{
 box-shadow: none!important; 
}

#ef-index-page > div:nth-child(3) > div:nth-child(3) > div{
 box-shadow: none!important; 
}

.ef-navbar-styled {
 margin-top: 50px!important;
}

#cc {
 width: 50%; 
   position: absolute;
    right: 0px;
  top: 0px;
  height: 50px;
  display:flex;
  flex-direction: column;
  align-items: flex-end;
}

#hdc{
 width:100%;
  height:50px;
  display: flex;
    
}

#smc{
  
 width:55%;
  height:50px;
      align-self: flex-start;
    margin-left: 55%;
}

.soc_med {
 margin-left: 20px; 
}

.helpdesk-link {
 margin-left: 70px; 
}


/* --------------------------		SEARCH BAR	---------------------------------------*/

#ef-navbar form.navbar-form .selectize-input, #ef-navbar form.navbar-form input[type="text"], #ef-navbar form.navbar-form span.search-handle {
  background-color: white;
}

.input-group > div:nth-child(2) > div:nth-child(1) {
 background-color: white!important; 
  box-shadow: none!important;
}

.input-group-addon {
 background-color:  white!important; 
}

/* --------------------------		BUTTONS 		---------------------------------------*/

.btn-primary {
 background-color: #b81a5d!important; 
  border: 1px solid #b81a5d!important;
}

/* --------------------------		KACHELN		--------------------------------------*/

div.ef-block table.iconTable td.iconData:hover {
 	 background: linear-gradient(rgba(184,26,93,0.1), #ffffff);
}

/* --------------------------		LINKS		-----------------------------------------*/

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

#forgot-passwd {
  color: #b81a5d!important; 
}

#ef-login-index div.ef-block-footer span.sign-slogan a {
  color: #b81a5d!important; 
}

.ef-dashboard-header .ef-course-rating {
   color: #b81a5d!important; 
}

.colored-info {
   color: #b81a5d!important; 
}

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

.ef-unit-tree ul.ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
   color: #b81a5d!important; 
}

a.ef-toggle-hidden-section {
 color: #b81a5d!important; 
}

ul.customTabs > li.active > a {
 color: #b81a5d; 
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
  color: #b81a5d; 
}

/* -------------------------  		DROPDOWN-MENU	-------------------------*/

.show-all:hover {
 background: #b81a5d; 
}

.show-all > a:nth-child(1):hover{
  color: #b81a5d!important;
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu > li a:active, #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu > li a:focus, #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu > li a:visited{
 background-color: white; 
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover, #ef-navbar .container ul.nav.navbar-nav > li > a:visited {
 color:  #b81a5d!important; 
}

#ef-navbar .container ul.nav.navbar-nav > li > a, #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: rgba(0,0,0,0.8); 
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
 background-color: white;
  border: 1px solid #b81a5d;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
 background-color: white!important;
  box-shadow: 10px 10px 30px grey;
  border: 0.2px solid grey;
}

#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 ul.dropdown-menu li > a, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li:hover > a, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a:hover, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:active, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:visited {
   color: rgba(0,0,0,0.8); 
}

#ef-navigation > li.hidden-xs.open > ul > li:nth-child(1) > a {
 color:black; 
}

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

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
 background-color: white!important; 
}

/* -------------------------		ACITVE BOX		---------------------------------------------*/

.form-control:focus{
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184,26,93,0.7)!important;
  border-color: rgb(184,26,93);
}

.selectize-input.focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(184,26,93,0.7)!important;
  border-color: rgb(184,26,93);
}
/* --------------------------		LEARNER VIEW		---------------------------------------*/

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
  background:  rgba(184,26,93,0.5);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
  background:  rgba(184,26,93,0.9);
}

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active {
  color:  rgba(184,26,93,0.9);
}

/* --------------------------		GRAPHS		--------------------------------------*/

path[fill="#009688"]
{
 fill: rgba(0,0,0,0.8);
}

path[fill="#67b7dc"]
{
  fill: rgba(184,26,93,0.5);
}

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

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

path[stroke="#67b7dc"]
{
  stroke:rgba(184,26,93,0.5);
}


circle[fill="#67b7dc"]{
   fill:rgba(184,26,93,0.5);
}

circle[stroke="#67b7dc"]{
   stroke:rgba(184,26,93,0.5);
}

circle[stroke="#009688"]{
   stroke:rgba(0,0,0,0.8);
}

ul#ef-navigation i.fa, ul#ef-navigation .dropdown-toggle span {
	color: black;
}

/* 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,body{background-color:#FFFFFF;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
div.ef-block, div.dashboard-panel div.panel-body{background-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:#4D6AB7;border-color:#4D6AB7;}
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;}