/*Place your CSS code here*/

header div > a > img {
	background-color: white;
}

.tabulator--ef-theme .tabulator-row .operations--trigger a.btn-primary {
    background-color: var(--c-brand-primary);
}

#headlessui-portal-root > div > div > div > div.tw-fixed.tw-inset-0.tw-z-40.tw-flex.rtl\:tw-justify-end > div > div.tw-m-0 > div#skills,
#headlessui-portal-root > div > div > div > div.tw-fixed.tw-inset-0.tw-z-40.tw-flex.rtl\:tw-justify-end > div > div.tw-m-0 > div#tags,
#main-content > div > div.tw-flex.tw-flex-col.tw-gap-8.tw-pb-16 {
  display: none !important;
}

/* new button for course catalog and my courses switch */ 
.custom-courses-control {
  padding: 0px !important;
}
.custom-courses-control ul {
  margin-left: 20px !important;
}
.custom-courses-control ul a,
.mycourse,
.catalogbtn {
  border: none;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.custom-courses-control ul a.active,
.mycourse.active,
.catalogbtn.active {
  background-color: #0091d9;
  color: #fff !important;
}
.custom-courses-control ul a:not(.active),
.mycourse:not(.active),
.catalogbtn:not(.active) {
  background-color: #28b9ff;
  color: #fff !important;
}
.custom-courses-control ul li:before {
  display: none !important;
}

/* Catalog filters */
.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
    box-shadow: #e30613 0px 0px 0px 8px inset !important;
}
.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

/* Orange notification elements */
.tw-bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(227, 6, 19, 1) !important;
    background-color: rgba(227, 6, 19, var(--tw-bg-opacity)) !important;
}

/* Hide Auto-Timer and Switch-UI Buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* Hide empty header in catalog */
#ef-my-courses-grid-content .block-header {
    display: none !important;
}

/* sticky footer only on login page */
body:not(.ef-user-signed-in) #site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 7;
}
/* content broken footer fix */
#main-content, /* main container id */
[role="main"]  /* fallback */
{
  display: flow-root;
  min-height: 83vh;
}
.ef-test-description > .h6 {
	font-size: 16px;
}
.ef-test-description > .h6 > .ef-label-tags {
	font-size: 14px;
}

.ef-user-signed-in.new-ui, .container_w_sidebar {
	background-color: #f9f9f9 !important;
}
.widgetHeadingMain {
	font-size:20px;
}
body {
  background-color: #FFFFFF;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#0091D9;border-color:#0091D9;}
html.new-ui-html:root{--c-brand-primary:#0091d9;--c-brand-primary-darken-5:#008cd4;--c-brand-primary-darken-7:#008ad2;--c-brand-primary-darken-10:#0087cf;--c-brand-primary-darken-15:#0082ca;--c-brand-primary-darken-17:#0080c8;--c-brand-primary-darken-20:#007dc5;--c-brand-primary-darken-25:#0078c0;--c-brand-primary-lighten-7:#0798e0;--c-brand-primary-lighten-40:#28b9ff;}