/*Place your CSS code here*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
}

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

/* Active user role fa icon */
#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: #a1a3a6;
}

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

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


/* FA icons background color */
#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 */
.container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: #FFFFFF!important;
}

/*divider (1), announcement middle divider (2) */
.divider,
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:after {
    background-color: #005097!Important;
}

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

/* communication dropdown border color */
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-bottom: #005097 solid 1px!important;
    border-top: #005097 solid 1px!important;
}


/* display all dividers */
.divider {
    display: inline-block!important;
    border-top: #001b32 solid 1px!important;
    border-bottom: #005097 solid 1px!important;
}

/* active user-role fa icon on hover */
.dropdown-menu > li > a:hover.ef-switch-account span.fa {
    color: #FFFFFF!important;
}


/*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: #a1a3a6!important;
    background-color: #003767!important;
}


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


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


/*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: #9d9d9d;
}

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

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

.ef-entry-link:hover{
    color: #003767!important;
}

/* Grid view course titles */
.ef-plain.ef-header > a {
    padding-bottom: 5px!Important;
}

/*show all courses & order by title dropdowns */
#ef-show-courses-options > li > a, #ef-course-list-order-list > li > a {
    color: #454545!important;
    background-color: white!important;
}

#ef-show-courses-options > li > a:hover, #ef-course-list-order-list > li > a:hover {
    color: #003767!important;
}
/* toggle between list and grid view */
.ef-my-courses-toggle-view.active {
    color:  #4c6bbe!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;
}


/* 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: 15px!important;
    }
}

.col-lg-12, .col-lg-3, .col-lg-9 {
    padding-right: 0;
    padding-left: 0;
}

a[href="https://afas.ecompliance.training/start/op/signup"] {display: none;}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#003767;border-color:#003767;}
html,body{background-color:#3B3B3B;}
.btn-primary{background-color:#003767;border-color:#003767;}
body{background-color:#3b3b3b;}
.navbar-inverse{background-color:#003767;border-color:#003767;}