/*Place your CSS code here*/

img[src*="https://ecompliance.training/avatar/size/large/id/2697"] {
	max-width: 140%!important;
    max-height: 140%!important;
}

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

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

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
	background-color: #FFFFFF!important;
}

.caret {
	color: #555!important;
}


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

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

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


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

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

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

/* dropdown menu hover side border */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #000000!important;
    background-color: transparent!important;
    border-left: 5px solid #000000!important;
}

/* BREADCRUMB STYLING */
/* Breadcrumbs */
div.breadcrumb-x ol.breadcrumb li a, #ef-bookmark-button, #site-tour-start {
    color: #555;
}

/* Border at the bottom of the top nav */
div.breadcrumb-x {
    border-bottom: medium solid #555!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: #000000;
}

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



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

/*Site Tour CSS*/
.popover {
    border: 2px solid #333;
    border-radius: 0px;
}
.popover-title {
    background-color: #212121;
    color: #efefef;
    padding:20px 10px;
    border-radius: 0px;
}
i#site-tour-start {
    color: #454545;
}


/* Responsive design */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #sidebar {
        padding-right: 0 !Important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #sidebar {
        padding-right: 0 !Important;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #sidebar {
        padding-right: 0 !Important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #sidebar {
        padding-right: 0 !Important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #sidebar {
        padding-right: 0!important;
    }
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
div.block .title{background-color:#fff; border-radius: 0px;}
body{background-color:#ccc;}
.breadcrumb-x, .breadcrumb-x ol{background-color:#FFF;border-color:#303030;}
.navbar-inverse{background-color:#FFF;border-color:#FFF;}
.btn-primary{color:#fff;}
.btn-primary a{color:#ffffff;}