/*Place your CSS code here*/

/* calendar uppercase text */
.fc-button-group .fc-button {
    text-transform: uppercase !important;
}

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;
}
/* Supervisor calendar */
.fc .fc-button-primary {
  color: #ffffff !important;
}

.fc .fc-button-primary:not(:disabled):hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #33A8E0 !important;
  border-color: #33A8E0 !important;
  color: #ffffff !important;
}

#user_view.btn.btn-primary.viewswitch:hover,
#session_view.btn.btn-primary.viewswitch:hover,
#user_view.btn.btn-primary.viewswitch.active,
#session_view.btn.btn-primary.viewswitch.active,
#user_view.btn.btn-primary.viewswitch:active,
#session_view.btn.btn-primary.viewswitch:active {
  background-color: #33A8E0 !important;
  border-color: #33A8E0 !important;
  color: #ffffff !important;
}

#user_view.btn,
#session_view.btn {
  color: #ffffff !important;
}

.fc .fc-button,
#user_view.btn,
#session_view.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fc .fc-button,
.fc .fc-button-primary {
  height: 2.1em !important;
  padding: 0 .6em !important;
  line-height: 1.5em !important;
  font-size: 13px !important;
}

:root {
  --fc-button-bg-color: var(--c-brand-primary);
  --fc-button-border-color: var(--c-brand-primary);
  --fc-button-active-bg-color: #33A8E0;
  --fc-button-active-border-color: #33A8E0;
  --fc-button-hover-bg-color: #33A8E0;
  --fc-button-hover-border-color: #33A8E0;
}

body.ef-user-signed-in #calendar .viewswitch.disabled {
  background-color: #0091D9 !important;
  color: #ffffff !important;
}
.circle.circle-blue {
  background-color: #fff !important;
}
#calendar .fc-toolbar-title {
  font-size: 24px !important;
}
/* End supervisor calendar */

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