/*Place your CSS code here*/
body {
  font-family: 'Open Sans', sans-serif;  
}
html.new-ui-html:root{
  --c-brand-success:#809500;
  --c-brand-success-darken-5:#556300;
  --c-brand-success-darken-7:#556300;
  --c-brand-success-darken-10:#020506;
  --c-brand-success-darken-15:#020506;
  --c-brand-success-darken-17:#0C0F10;
  --c-brand-success-darken-20:#0C0F10;
  --c-brand-success-darken-25:#0C0F10;
  --c-brand-success-lighten-7:#AAC600;
  --c-brand-success-lighten-40:#EEFC99;
  --c-brand-danger: #CC3B0E;
    --c-brand-danger-darken-5: #992C0A;
    --c-brand-danger-darken-7: #992C0A;
    --c-brand-danger-darken-10: #661E07;
    --c-brand-danger-darken-15: #661E07;
    --c-brand-danger-darken-17: #330F03;
    --c-brand-danger-darken-20: #330F03;
    --c-brand-danger-darken-25: #330F03;
    --c-brand-danger-lighten-7: #FF4A11;
    --c-brand-danger-lighten-40: #FFB7A0;
    --c-brand-warning: #CC3B0E;
    --c-brand-warning-darken-5: #992C0A;
    --c-brand-warning-darken-7: #992C0A;
    --c-brand-warning-darken-10: #661E07;
    --c-brand-warning-darken-15: #661E07;
    --c-brand-warning-darken-17: #330F03;
    --c-brand-warning-darken-20: #330F03;
    --c-brand-warning-darken-25: #330F03;
    --c-brand-warning-lighten-7: #FF4A11;
    --c-brand-warning-lighten-40: #FFB7A0;
    --c-brand-info: #00A6BD;
    --c-brand-info-darken-5: #007D8E;
    --c-brand-info-darken-7: #007D8E;
    --c-brand-info-darken-10: #00535E;
    --c-brand-info-darken-15: #00535E;
    --c-brand-info-darken-17: #002A2F;
    --c-brand-info-darken-20: #002A2F;
    --c-brand-info-darken-25: #002A2F;
    --c-brand-info-lighten-7: #00D0EC;
    --c-brand-info-lighten-40: #99ECF7;
    --c-brand-default: #646F75;
    --c-brand-default-darken-10: #3D4B52;
    --c-brand-secondary: #0C0F10;
    --c-site-primary: #FDFDFD;
    --c-site-secondary: #F9F9F9;
    --c-light: #FDFDFD;
    --c-dark: #0C0F10;
    --c-gray: #dddddd;
    --c-gray-dark: #646F75;
    --c-gray-light: #ECEDEE;
    --c-site-text: #181E21;
    --c-navbar-bg: #0C0F10;
    --c-navbar-text: #181E21;
    --c-navbar-text-faint: #B1B7BA;
    --c-navbar-text-hover: #D8DBDC;
    --c-navbar-search-bg: #0C0F10;
    --c-navbar-search-bg-active: #D8DBDC;
    --c-navbar-search-border: #181E21;
    --c-navbar-search-placeholder: #B1B7BA;
    --c-navbar-search-placeholder-active: #8B9397;
    --c-navbar-search-text: #3D4B52;
    --c-navbar-menu-bg: #0C0F10;
    --c-navbar-menu-bg-hover: #D5F800;
    --c-navbar-menu-divider: #414c59;
    --c-navbar-menu-text: #FDFDFD;
    --c-navbar-menu-text-hover: #0C0F10;
    --c-navbar-menu-text-faint: #a1a6b0;
    --c-navbar-menu-checkbox-bg: #313c49;
    --c-navbar-menu-checkbox-selected: #AAC600;
    --c-navbar-grid-bg-hover: #e2e2e2;
    --c-navbar-grid-outline-hover: #8f8f8f;
    --c-grid-text: var(--c-site-text);
    --c-grid-bg: var(--c-site-primary);
    --c-grid-bg-hover: #f9f8f8;
    --c-grid-odd-text: var(--c-site-text);
    --c-grid-odd-bg: #f0f1f4;
    --c-grid-odd-bg-hover: #e6e7e9;
}
div.iconElement:hover {
  background-color:#4D38CC !important;
  color:#0C0F10 !important;
}
.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-category>div.ef-entry-head {background-color:#0C0F10 !important;}
.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-category>div.ef-entry-head:hover {background-color:#313C42
 !important;}

span.colored-info {color:#806BFF;}

/*Buttons*/
btn.btn-danger {
  background-color:#CC3B0E !important;
  border-color:#CC3B0E !important;
}

*.btn.btn-success, *.btn.btn-success:not(.active), *.btn.btn-success:hover, *.btn.btn-success:hover:not(.active), *.btn.btn-success:focus, *.btn.btn-success:focus:not(.active){background-color:#D5F800 !important;border-color:#D5F800 !important;color:#0C0F10 !important;}

*.u-userLauncherColor {
  background-color:#0c0f10;
}
button.tabulator-page.active {color:#4D38CC;}

/*Courses*/
*.progress .progress-bar.progress-bar-success {
  color:#0c0f10;
  background-color:#D5F800;
}

a.active-content:before {
  background-color:#4D38CC !important;
}

/*Navigation
div.tw-menu-item-drawer a:hover {
  background-color:#D5F800;
  color:#0C0F10 !important;
}
nav li:hover {
  background-color:#D5F800 !important;
  color:#0C0F10 !important;
}
nav li.twui-menu-item:focus {
  background-color:#D5F800 !important;
  color:#0C0F10 !important;
}

nav a:hover {
  color:#0C0F10 !important;
}
nav button:hover {
  color:#0C0F10 !important;
}
ul.nav.nav-pills.nav-stacked li.active a {
  background-color:#D5F800;
  color:#0c0f10;
}*/
/*Calendar*/
th.fc-col-header-cell {
  background-color:#4D38CC;
}
th.fc-timegrid-axis {
  background-color:#4D38CC;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
div.ef-block, div.dashboard-panel div.panel-body, body.new-ui{background-color:#FDFDFD;--c-site-primary:#FDFDFD;}
div.breadcrumb-x{background-color:#FDFDFD;border-color:#FDFDFD;}
html,body{background-color:#FDFDFD;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#0C0F10;border-color:#0C0F10;}
*.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:#4D38CC;border-color:#4D38CC;}
html.new-ui-html:root{--c-brand-primary:#0c0f10;--c-brand-primary-darken-5:#070a0b;--c-brand-primary-darken-7:#050809;--c-brand-primary-darken-10:#020506;--c-brand-primary-darken-15:#000001;--c-brand-primary-darken-17:#000000;--c-brand-primary-darken-20:#000000;--c-brand-primary-darken-25:#000000;--c-brand-primary-lighten-7:#131617;--c-brand-primary-lighten-40:#343738;}
