/*Place your CSS code here*/



/*******************************************************************************/
/****************** General  *********************************************/
/*******************************************************************************/
p {
  margin-bottom: 15px;
  font-family:'Source Sans Pro', sans-serif;
  
}
body{
	background:#fff;
	font-family: "Source Sans Pro",sans-serif;
	color:#4a4a4a;
        height: 100%;	
}

html {
background-color: white;          
}

/* Select the color  of the Categoriy headers when displaying on list mode*/
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {background-color:#00acc8;}

/*Side menu in System Settings*/
.nav-pills.nav-stacked {background-color: #f3efeb;}

/*wrong password warning message*/
div.alert.alert-warning   {background-color:#bd9d4c;}

/*another warning message - new release message */
div.alert.alert-info {
	background-color:#bd9d4c;
	
}

/*table odd row*/
.sortedTable tr.oddRowColor { 
  background-color: #f3efeb;
}

a {
  color: #4a4a4a;
  text-decoration: none;

}
 a:focus {
    color: #4a4a4a;
    text-decoration:underline;
  }
 
a:hover {color: #f3efeb;}
a:link {
color: #4a4a4a;
}

a.link {
  color: #4a4a4a;
  font-weight: 600px;
}


/*******************************************************************************/
/************************* Buttons *********************************************/
/*******************************************************************************/

/*< Primary button in red >*/
*.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:#EE3342;border-color:#EE3342; 
	}
a.btn.btn-primary {
    color: #fff;
}

/*</Primary button in red >*/

/* Success button */
.btn-success {
    background-color:#00b551; /*green*/
    border-color:#00b551;
	color:#fff;
}

a.btn-success:link {
color: #fff;
}

/*******************************************************************************/
/************************* Units   *********************************************/
/*******************************************************************************/

.ef-unit-tree .ef-unit-link.passed, .ef-unit-tree .ef-unit-link.passed:hover, .ef-unit-tree .ef-unit-link.passed:link, .ef-unit-tree .ef-unit-link.passed:active, .ef-unit-tree .ef-unit-link.passed:visited
	{ color:#4a4a4a !important; /*units don't change to green after being completed, only the tick*/
      border-color:#4a4a4a;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
  color:#00b551 !important; /*green for tick for unit content that has been completed.  has been visited*/
  
}


a.ef-entry-link:active {color:red;}


.ef-unit-tree .active-content {
	background-color: #ee3342;
}

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd):not(.unit-entry) {
    background-color: #f3efeb;
}
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(even):not(.unit-entry) {
    background-color: #f3efeb;
}
.ef-unit-tree .fa {
  color: #4a4a4a;
}


.text-success {
    color: #00b551;
}
/*small labels like with the role of the user in a course: instructor, student*/
.label-sucess {color: #00b551;}



/* item selected on a horizontal table, for example within a unit when you are looking at users, certicates, etc*/
  ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child)
	{ color: #00acc8;
	}


/*progress bar green color*/
.progress .progress-bar.progress-bar-success {
	background-color:#00b551;
}

*.progress {  background-color: #f3efeb;}

/*completed button*/
.ef-dashboard-header .ef-main-action-button .btn.btn-success {
		background-color:#00b551;
}



/*hide user role

.dropdown-item.ef-switch-account {
    visibility:collapse;
  height: 0px;
}

.dropdown-item.ef-switch-account i{
    visibility:visible;
    display: block;
}*/

/*******************************************************************************/
/************************* Unit completed message*******************************/
/*******************************************************************************/

.label-ef-completed {
    background-color: #00b551;
}

div.ef-completed-text {
color:#ee3342;

}

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


/*******************************************************************************/
/************************ Top Bar  *********************************************/
/*******************************************************************************/
/*breadcrumb*/
.breadcrumb-x, .breadcrumb-x ol
	{
	background-color:#ffffff;border-color:#ffffff;
	}
div.breadcrumb-x ol.breadcrumb  a 
	{
	color: #EE3342;
	}

/*header bar*/
	#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]
		{
		background-color:#f3efeb;border-color:#f3efeb;
		}
	#ef-navbar  form.navbar-form .selectize-input 
		{
	  background-color: #f3efeb;
		color:#ee3342;
		}
		
/* Navigation Link */
    #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:active 
	    {
        color: #dedede;
        }		


/*search bar*/
	#ef-navbar form.navbar-form span.search-handle 
		{
			background-color: #f3efeb;
		}
	.input-group {background:#f3efeb;}

	#ef-search-bar .ef-search-field {background:#f3efeb;}

	#ef-navbar form.navbar-form span.search-handle {background:#f3efeb;}

/*bar fonts*/
	#ef-navbar .container ul.nav.navbar-nav > li > a{color: #4a4a4a;}

/*Hide User role and align text*/

	.dropdown-menu > li > a {
		display: -webkit-inline-box;
	}
	.dropdown-item.ef-switch-account {
		visibility:collapse;
	}

	.dropdown-item.ef-switch-account i{
		visibility:visible;
		display: block;
	}





/* < need this for the drop down menu on the user Account> */

	#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle { /* user icon when you click to open the menu*/
	  background-color: #f3efeb;
	  border-color:#fff;
	  border: 0px;
	  color:#4a4a4a;
	  
	}

	#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu 
	{
		z-index: -2;
	 background-color:#fff;}


	#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a
	{
	 background-color:#fff;}

	#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu
	 {
	 background-color:#fff;}

	#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {

	background-color: #f3efeb;
		color:#4a4a4a;
	  
	}

/*</need this for the drop down menu on the user Account> */


/*<hide stuff on the login>

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

	#ef-login-index div.ef-block-footer{
	  background-color: #FFF;
	  color: #FFF;
	}
	#ef-login-index div.ef-block-footer span.sign-slogan
	{color: #FFF;
	}

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

</ hide stuff on the login>*/