@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}

/*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;
}

/*HIDE ADD COURSE FROM HOME AND COURSES FOR ADMINS*/
#add-courses-btn {
display: none;
}

#portalnav li > a:hover {
 	 color: #1b4f90!important;
}

/* 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;
}


/* STYLING FOR TOP RIGHT NAV */
/* 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: #181818!important;
}

/*background color of fa icons on click */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
	background-color: transparent!important;
}

#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .caret {
	color: #181818!important;
}

/* dropdown list font-awesome colors */
.container ul.nav.navbar-nav > li > a,
.container ul.nav.navbar-nav > li > a:visited {
    color: #181818!important;
}

/* dropdown list font-awesome icon hover */
#ef-navigation > li a:hover  {
    color: #1b4f90!important;
}

/* Announcements dropdown item color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
    color: #999;

}

/* 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: #bdbbbb!Important;
}

/* "back" user role border color */
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a.dropdown-back {
    border-bottom: solid 1px #bdbbbb!important;
}

/* communication dropdown border color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: solid 1px #bdbbbb!important;
    border-top: solid 1px #bdbbbb!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: #999;
}

/*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: #181818!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: #706964!important;
}

/* dropdown menu hover side border */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #1b4f90!important;
    background-color: #eee!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:  #4066b3!important;
}

/* course category color */
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #7caed3;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: #95bedc;
}

.ef-entry-link:hover{
    color: #1b4f90!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;
}


.dropdown, .dropdown-menu {
    border-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-primary {
    background-color: #1b4f90;
    border-color:#1b4f90;
    color: #ffffff;
}
.btn-primary:hover {
    background-color:#7caed3;
    border-color:#7caed3;
    color: #ffffff;
}
.btn-primary:focus {
    background-color:#7caed3;
    border-color:#7caed3;
    color: #ffffff;
}
.btn-primary a {
    color:#ffffff;
}
.btn.ef-course-go-to a {
    color: #FFFFFF;
}
li.ef-course-go-to a {
    color: #ffffff;
}
#ef-bookmark-button {
    color: #ffffff;
}
.ef-course-name {
    text-transform: none;
}
.tour-step-background {
    background: none
}
.popover {
    min-width: 300px;
    min-height: 150px;
    font-size: 16px;
    border-radius: 0px;
}
.tour-step-background {
    background-color: transparent;
    background: transparent;
}
.popover-title {
    font-size: 18px;
    color: #ffffff
    background-color: #1b4f90;
    padding: 12px 14px;
    border: none;
    border-radius: 0;
}
#ef-courses-list li.category>span {
    font-weight: normal;
    background-color: #1b4f90;
    border-radius:0px;
    font-size: 1.2em;
}
.breadcrumb.pull-right {
    color: #ffffff;
}
#site-tour-start {
    color: #ffffff;
}

ul.nav a:hover {
    color: #000000 !important;
    background-color: #eee !important;
}
a[href="https://swds.ecompliance.training/start/op/signup"] {display:none;}

h4.text-muted{color: #414042;}

/* 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:#BDBBBB;}
div.breadcrumb-x{background-color:#7CAED3;border-color:#7CAED3;}
.navbar-inverse{background-color:#ffffff;border-color:#ffffff;}
body{background-color:#bdbbbb;}
.btn-primary{background-color:#1b4f90;border-color:#1b4f90;}
.breadcrumb-x, .breadcrumb-x ol{background-color:#7caed3;border-color:#7caed3;}
div.block .title{background-color:#1b4f90; color:#fff;}
div.block .content{background-color:#ffffff;}
div.block .content{border-color:#ffffff;}
div.block .title{border-color:#ffffff;}
.breadcrumb-x,.breadcrumb {background-color:#7caed3;border-color:#FFFFFF;}
.breadcrumb li a {color:#FFFFFF}