/*
#ef-login-index div.ef-block-footer span.sign-slogan {
	display: none!important;
}*/

img[src*="https://ecompliance.training/avatar/size/large/id/2979"] {
	max-width: 150%!important;
    max-height: 140%!important;
  padding-top: 10px!important;
}

#ef-login-index div.ef-block-footer {
	display: none!important;
}

.label-ef-expires {
	display: none!important;
}

/* GENERIC STYLING */
/*course catalog top nav */
/*space to seperate main content block and course nav */
#ef-my-courses-list-content {
	margin-top: 10px!important;
}

.ef-my-courses-controls {
	border-radius: 3px!Important;
  	padding: 10px 10px 0px 10px!important;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    font-size: 13px;
    font-family: 'Open Sans',sans-serif;
    background: #e9e9e9;
    height: 98%;
    color: #454545;
    text-align: left;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
}

/*HIDE ADD COURSE FROM HOME AND COURSES FOR ADMINS*/
#add-courses-btn {
display: none;
}



/* STYLING FOR TOP NAV SEARCH BAR */
#searchDiv {
    border: 1px solid #ccc!important;
    border-radius: 2px;
}

.searchDivRight, .searchDivLeft, .input-group-addon, #ef-search, #ef-search-bar {
    background-color: #FFFFFF!important;
}

/* Navbar color */
#ef-navbar, .navbar-inverse {
    background-color: #FFFFFF!important;
}

/* STYLING FOR TOP RIGHT NAV */
/* dropdown list font-awesome colors */
.container ul.nav.navbar-nav > li > a,
.container ul.nav.navbar-nav > li > a:visited {
    color: #44464b!important;
    background-color: #FFFFFF!important;
}

/*Background color for top right icons on click */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
	background-color: #FFFFFF!important;
}

/* dropdown list font-awesome icon hover */
#ef-navigation  i:hover {
    color: #0066CC!important;
}

/* messages and notifications fa color */
#ef-navbar .container ul.nav.navbar-nav > li > a i.fa, #ef-navbar .container ul.nav.navbar-nav > li > button i.fa {
	color: #44464b!important;
}

.caret {
	color: #44464b!important;
};

/* Announcements dropdown item color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
    color: #44464b;
}

/* Dropdown list dividers/borders */
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle,
.container ul.nav.navbar-nav li.open a.dropdown-toggle {
    background-color: transparent!important;
}

/* Border below the FA dropdown icons (1), divider (2), announcement middle divider (3) */
.container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after,
.divider,
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:after {
    background-color: #ccc!Important;
}

/* "back" user role border color */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a.dropdown-back {
    border-bottom: solid 1px #ccc!important;
}

/* communication dropdown border color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: solid 1px #ccc!important;
    border-top: solid 1px #ccc!important;
}

/* display all dividers */
.divider {
    display: inline-block!important;
}

/* Active user role fa icon */
#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: #ccc;
}

/*dropdown background-color (1 & 2), dropdown menu item color(3) */
.container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu, li a.dropdown-back,
.container ul.nav.navbar-nav ul.dropdown-menu,
.dropdown-menu > li > a {
    color: #44464b!important;
    background-color: #FFFFFF!important;
}

/* dropdown list items on hover(1), active user-role fa icon on hover(2) */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover.ef-switch-account span.fa {
    color: #0066CC!important;
}

/* dropdown menu hover side border */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #0066CC!important;
    background-color: transparent!important;
    border-left: 5px solid #0066CC!important;
}

/* BREADCRUMB STYLING */
/* Breadcrumbs */
div.breadcrumb-x ol.breadcrumb li a, #ef-bookmark-button, #site-tour-start {
    color: #44464b!important;
}

/* Border at the bottom of the top nav */
div.breadcrumb-x {
    border-bottom: medium solid #0066CC!important;
}

/*breadcrumbs, fa icons, bookmark button */
div.breadcrumb-x ol.breadcrumb li a:hover, .breadcrumb-x i:hover, #ef-bookmark-button:hover, #site-tour-start:hover {
    color: #0066CC!important;
}

/* COURSE CONTENT MAIN BLOCK  */
/* Course expiration and progress bar alignment */
#ef-my-courses-list-content .ef-entry-head {
    display: flex!important;
}

#ef-my-courses-list-content .ef-entry-title, #ef-my-courses-meta, #ef-my-courses-list-handles {
    flex-grow: 1!important;
}

#ef-my-courses-list-content .row > div {
    padding-right: 0!important;
}

/* toggle between list and grid view */
.ef-my-courses-toggle-view.active {
    color:  #4c6bbe!important;
}

/* course category color */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #0066CC;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: #007fff;
}


.ef-entry-link:hover{
    color: #007fff!important;
}

/* Grid view course titles */
.ef-plain.ef-header > a {
    padding-bottom: 5px!Important;
}

/* COURSE STYLING*/
/*course title at the top of the page*/
.ef-course-name {
    line-height: 35px!important;
}

/* "Course Content" title */
#content-title-row{
    margin-bottom: 5px;
}

/*remove the second comments section */
.ef-center-section:nth-last-child(2) {
    display: none;
}

/*toggle full screen button */
#ef-toggle-fullscreen:hover {
    background-color: transparent;
}

/* 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:#DDDDDD;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
