/*Place your CSS code here*/

html, body {
    background-color: #F4F5F8;
}

html.new-ui-html:root {
    --c-brand-primary: #062244;
    --c-brand-primary-darken-5: #011d3f;
    --c-brand-primary-darken-7: #001b3d;
    --c-brand-primary-darken-10: #00183a;
    --c-brand-primary-darken-15: #001335;
    --c-brand-primary-darken-17: #001133;
    --c-brand-primary-darken-20: #000e30;
    --c-brand-primary-darken-25: #00092b;
    --c-brand-primary-lighten-7: #0d294b;
    --c-brand-primary-lighten-40: #2e4a6c;
}

*.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: #88B11E;
    border-color: #88B11E;
}

#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
    background-color: #E2E1E7;
    border-color: #E2E1E7;
}

#ef-navbar form.navbar-form #searchDiv {
    background-color: #d8d6e0;
    color: #33475b;
}

#ef-navbar .container ul.nav.navbar-nav > li > a i.fa,
#ef-navbar .container ul.nav.navbar-nav > li > button i.fa,
#ef-navbar .container ul.nav.navbar-nav > li > a i.fa + span,
#ef-navbar .container ul.nav.navbar-nav > li > button i.fa + span,
#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .caret,
#ef-navbar > .container #userNavBar #ef-navigation li > a,
#ef-navbar > .container #userNavBar #ef-navigation li > button,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + .dropdown-menu {
    background-color: #E2E1E7;
    border-color: #E2E1E7;
    color: #33475b !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider {
    background-color: #d8d6e0;
    border-color: #d8d6e0;
}

div.breadcrumb-x {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

div.ef-block, div.dashboard-panel div.panel-body {
    background-color: #FFFFFF;
}

#xsearchInputContainer {
    display: none;
}

#xef-course-completion-modal {
    display: none !important;
}

.sortedTable td {
    xpadding: 8px;
    line-height: 1.6em !important;
    xvertical-align: middle !important;
}

#xef-search-bar {
    background-color: #fff !important;
}

#xef-navbar form.navbar-form .selectize-input {
    background-color: #fff !important;
}

#xef-navbar form.navbar-form input[type='text'] {
    background-color: #fff !important;
}

#xef-navbar form.navbar-form span.search-handle {
    background-color: #fff !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html.new-ui-html:root{--c-brand-primary:#e2e1e7;--c-brand-primary-darken-5:#dddce2;--c-brand-primary-darken-7:#dbdae0;--c-brand-primary-darken-10:#d8d7dd;--c-brand-primary-darken-15:#d3d2d8;--c-brand-primary-darken-17:#d1d0d6;--c-brand-primary-darken-20:#cecdd3;--c-brand-primary-darken-25:#c9c8ce;--c-brand-primary-lighten-7:#e9e8ee;--c-brand-primary-lighten-40:#ffffff;}