/* LMSHELP-4657 */

@media screen and (min-width: 1200px) {
  #ef-index-page{
    width: 700px;
  }
}

#initiate_password_form input[name="login_or_email"]
{
  width:515px;
}

/*Place your CSS code here*/

#generatePass {
 display: none; 
}

/* Login*/
body{
	/* background-image: url("/assets/images/login_background_amann_code.jpg"); */
    background-image: url("/assets/images/background/AMANN_spool_picture_3_small.jpg");
  	background-size: cover;
}

html.popup > body {
  background-image: none !important;
}

body:not(.ef-user-signed-in) #ef-logo{
      position: absolute;
      left: 100px;
      background-color: #008ad2;
      padding: 11px 20px 11px 20px;
      box-sizing: content-box;
      height: 120px !important;
	}

body:not(.ef-user-signed-in) #ef-navbar .container .navbar-header .ef-navbar-logo{
  	display: flex;
	align-items: center;
}
  
body:not(.ef-user-signed-in) #ef-navbar .container .navbar-header .ef-navbar-logo img{
    object-fit: contain;
}

@media screen and (min-width: 1200px) {
  #ef-index-page{
  	position: absolute;
	right: 200px;
	top: 220px;
    /*width: 400px;*/
  }
}

body:not(.ef-user-signed-in):not(.popup) #main-content{
	margin-top: 120px;
}

body:not(.ef-user-signed-in) #ef-login-index{
	background-color: rgba(255,255,255, 0.95);
    backdrop-filter: blur(10px);
}

body:not(.ef-user-signed-in) .breadcrumb-x{
  	display: none;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd{
	color: #008ad2;
}

/*Logo*/
@media screen and (min-width: 1710px) {
  #ef-logo{
      position: absolute;
      left: 100px;
      background-color: #008ad2;
      padding: 11px 20px 11px 20px;
      box-sizing: content-box;
      height: 120px !important;
	}
  
  #ef-navbar .container .navbar-header .ef-navbar-logo{
  	display: flex;
	align-items: center;
  }
  
  #ef-navbar .container .navbar-header .ef-navbar-logo img{
    	object-fit: contain;
	}
}

/* Header*/
#ef-navbar .container .navbar-header .ef-navbar-logo img{
	padding-top: 11px;
	max-height: none;
}

#ef-navbar .container ul.nav.navbar-nav > li > a, 
#ef-navbar .container ul.nav.navbar-nav > li > button{
  color: #666666;
}

.img-thumbnail{
	background-color: #008ad2 !important;
  	box-shadow: none;
}

#ef-navbar .container ul.nav.navbar-nav > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav > li > button: hover{
  color: #bfbfbf;
}

#ef-navbar form.navbar-form #searchDiv{
	background-color: white;
  	border: 1px solid #bfbfbf;
  	border-radius: 5px;
}

#ef-navbar form.navbar-form.ef-active #searchDiv{
	background-color: white;
}

/* Breadcrumb */
.breadcrumb-x ol.breadcrumb li.active a{
	color: #008ad2;
}

/* Alert Box */
aside.alert.alert-info{
	background-color: #666666;
}

aside.alert.alert-info .btn-success{
	background-color: #008ad2;
  	border-color: #004469;
}

aside.alert.alert-info .btn-success:hover{
	background-color: #2fb1f5;
}

/* Input */
.form-control:focus{
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 138, 210, 0.6);
    border-color: #008ad2;
}

/* Admin Dashboard */
.ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link{
	color: #008ad2 !important;
}

.btn:active, .btn.active{
	background-color: rgb(0, 138, 210) !important;
	color: white !important;
}

div.ef-block table.iconTable td.iconData:hover{
	background-color: #008ad2;
}

div.ef-block table.iconTable td.iconData:hover a.ef-dashboard-link span.ef-dashboard-icon-label{
	color: white;
}

div.ef-block table.iconTable td.iconData:hover a.ef-dashboard-link img{
	filter: brightness(0) invert(1);
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover{
  background-color: #008ad2;
}

/* Exams */
.panel-primary > .panel-heading{
	background-color: #008ad2;
	border-color: #008ad2;
}

.ef-question-indicator .ef-question-indicator-current{
	background-color: #008ad2 !important;
  	border-color: #008ad2 !important;
  	color: white !important;
}

.ef-question-indicator .ef-question-indicator-done{
	background-color: white !important;
  	border-color: #008ad2 !important;
  	color: #008ad2 !important;
}

/* Learner */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head{
	background-color: #008ad2;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2){
	background-color: rgba(47,177,245,0.02);
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success{
	background-color: #008ad2;
  	border-color: #008ad2;
}

.ef-dashboard-header .ef-course-rating{
	color: #008ad2;
}

.ef-dashboard-header .ef-course-rating-options .ef-course-rating-stars .fa-star{
	color: #008ad2;
}

.ef-my-courses-controls .ef-my-courses-toggle-view.active{
	color: #008ad2;
}

/* Instructor */
.colored-info{
	color: #008ad2;
}

.ef-dashboard-header .ef-course-rating-options i.fa-star{
	color: #008ad2;
}

/* GRAPHS */
g[fill="#009688"]{
      fill:  rgba(191, 191, 191, 0.8);
}

g[stroke="#009688"]{
	stroke:  rgba(191, 191, 191, 0.8);
}

g[fill="#009688"]{
	fill:  rgba(191, 191, 191, 0.8);
}

g[stroke="#009688"]{
	stroke:  rgba(191, 191, 191, 0.8);
}

g[fill="#67b7dc"]{
	fill:rgba(47, 177, 245 ,0.8);
}

g[stroke="#67b7dc"]{
	stroke:rgba(47, 177, 245 ,0.8);
}

g[fill="#67b7dc"]{
	fill:rgba(47, 177, 245 ,0.8);
}

g[stroke="#67b7dc"]{
	stroke:rgba(47, 177, 245 ,0.8);
}

/* 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:#008AD2;
  border-color:#008AD2;
  color: white;
}
html,body{
  background-color:#FFFFFF;
}
#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;}
