/*Place your CSS code here*/

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"],
#ef-navbar li button.dropdown-toggle[aria-expanded="true"]{background-color:#FFF !important; border-color:#D4D4D4 !important;}
#ef-navbar .container ul.nav.navbar-nav > li > a i,
#ef-navbar .container ul.nav.navbar-nav > li > button i{color:#000}
#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .caret,
#ef-navbar .container ul.nav.navbar-nav > li button.dropdown-toggle .caret{color:#000}
#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle.caret,
#ef-navbar .container ul.nav.navbar-nav > li button.dropdown-toggle.caret {color:#000}
#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > a:visited,
#ef-navbar .container ul.nav.navbar-nav > li > button, #ef-navbar .container ul.nav.navbar-nav > li > button:visited{color:#000
}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"],
#ef-navbar, #ef-navbar li button.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
*.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:#009DDC;border-color:#000;}
html,body{background-color:#0F71B3;}
div.breadcrumb-x{background-color:#009DDC;border-color:#000};
ol.breadcrumb > li > a{color: #ffffff;}
.ef-grades-buttons-container {
    position: relative;
}
.ef-grades-buttons-container::before {
    content: "Typically, only instructor-graded assignments and tests (not quizzes) are calculated as part of your final score for this course";
    position: absolute;
    top: 50%;
    left: -850px; /* Adjust this value to move further left */
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
    background-color: #ff9800;
    padding: 8px 16px;
    border-radius: 4px;
   /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);*/ 
}
html.new-ui-html:root{--c-brand-primary:#ffffff;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;}