@font-face {
    font-family: "Futura Std Book";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Book"), url("../fonts/FuturaStdBook.woff") format("woff");
}

@font-face {
    font-family: "Futura Std Light";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Light"), url("../fonts/FuturaStdLight.woff") format("woff");
}

@font-face {
    font-family: "Futura Std Medium";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Medium"), url("../fonts/FuturaStdMedium.woff") format("woff");
}

@font-face {
    font-family: "Futura Std Heavy";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Heavy"), url("../fonts/FuturaStdHeavy.woff") format("woff");
}

@font-face {
    font-family: "Futura Std Bold";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Bold"), url("../fonts/FuturaStdBold.woff") format("woff");
}

@font-face {
    font-family: "Futura Std Extra Bold";
    font-style: normal;
    font-weight: normal;
    src: local("Futura Std Extra Bold"), url("../fonts/FuturaStdExtraBold.woff") format("woff");
}

body {
    font-family: "Futura Std Book";
    font-size: 16px;
}

.font-bold {
    font-family: "Futura Std Medium" !important;
    font-weight: normal !important;
}

.font-semibold {
    font-family: "Futura Std Medium" !important;
    font-weight: normal !important;
}

.font-extrabold {
    font-family: "Futura Std Extra Bold";
    font-weight: normal !important;
}

.font-black {
    font-family: "Futura Std Bold";
    font-weight: normal !important;
}
.font-museoslab {
    font-family: "Futura Std Book" !important;
    font-weight: 700 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Futura Std Medium";
    font-weight: normal !important;
}

.fi-header-heading {
    font-family: "Futura Std Medium";
    font-weight: normal !important;
}

header.fi-sidebar-header,
.fi-topbar nav {
    background-color: #002442 !important;
}

header.fi-sidebar-header .fi-logo.flex {
    height: auto !important;
}

header.fi-sidebar-header .fi-logo.flex img {
    width: 100% !important;
    max-height: 30px;
}


/* header.fi-sidebar-header .fi-logo.flex header h1 {
    display: none;
} */

nav.fi-sidebar-nav {
    background-color: #153454;
    padding: 0;
    scrollbar-gutter: unset !important;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups {
    padding-top: 64px;
    margin: 0;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items {
    row-gap: 0;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button {
    color: #9ebcdb;
    padding: 20px 24px !important;
    border-radius: 0;
    position: relative;
    font-size: 1rem;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    background-color: #1f4368;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button * {
    color: inherit;
    font-size: 16px;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button:hover {
    background-color: #44bb98;
    color: #fff;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items li.fi-active a.fi-sidebar-item-button,
nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items li.fi-active a.fi-sidebar-item-button:hover {
    background-color: #fff;
    color: #153454;
}

nav.fi-sidebar-nav.flex-grow.flex.flex-col.gap-y-7.overflow-y-auto.overflow-x-hidden.px-6.py-8 li.fi-sidebar-item.fi-active.fi-sidebar-item-active.flex.flex-col.gap-y-1 a:hover * {
    color: #153454 !important;
}

.fi-btn {
    background-color: #44bb98 !important;
    border-radius: .25rem !important;
    text-transform: uppercase;
    font-weight: normal !important;
    color: #fff;
}

.fi-btn * {
    color: #fff;
}

.fi-btn:hover {
    background-color: #44bb98 !important;
    filter: brightness(1.03);
}

th.fi-ta-header-cell span.fi-ta-header-cell-label {
    color: #0778b1;
    font-weight: normal;
    font-family: "Futura Std Heavy";
    font-size: 16px;
}

a.fi-link {
    color: #44bb98 !important;
}

a.fi-link * {
    color: #44bb98 !important;
}

.fi-icon-btn-badge-ctn span {
    color: #44bb98 !important;
}

main.fi-simple-main header .flex.font-body img {
    width: 100% !important;
    max-height: 50px;
    filter: brightness(1) invert(1);
}

@media (prefers-color-scheme: dark) {
    main.fi-simple-main header .flex.font-body img {
        filter: none;
    }
}

main.fi-simple-main header .fi-logo.flex.mb-4 {
    height: auto !important;
}

.bg_custom {
    background-color: #44bb98 !important;
    border-color: #44bb98 !important;
}

.fi-sidebar-item-active a.sidebar_btn span,
label.text_color,
span.filepond--label-action {
    color: #fff !important;
}

.fi-sidebar-item-active:hover a {
    color: #44bb98 !important;
}

li .fi-sidebar-item-button:hover span {
    color: #fff !important;
}


/* li .fi-sidebar-item-active a.sidebar_btn:hover span {
    background: #fff !important;
color: #44bb98 !important;
} */

.text_color.font-heading {
    color: #44bb98 !important;
}

.fi-sidebar-item-active a.sidebar_btn {
    background: #fff !important;
}

aside.fi-sidebar {
    --sidebar-width: 16rem;
}

aside.fi-sidebar header.fi-sidebar-header {
    padding-right: 0;
}

h1.fi-header-heading.text-2xl.font-bold.tracking-tight.text-gray-950.dark\:text-white.sm\:text-3xl {
    font-size: 24px;
    text-transform: uppercase;
}

.text-subheading {
    color: #0778b1;
}

table.fi-ta-table tbody tr.fi-ta-row:nth-child(even) {
    background: #f9fafb;
}

label.fi-fo-field-wrp-label.inline-flex.items-center.gap-x-3 span {
    color: #0778b1;
}

label.fi-fo-field-wrp-label.inline-flex.items-center.gap-x-3 span sup.text-danger-600 {
    color: #ffc96b;
}

.fi-sidebar-item-active a.sidebar_btn {
    background: #002442 !important;
    border-color: #002442 !important;
}

.text-secondary {
    color: #002442;
}

.outer_block label.font-body.text-sm.font-normal.my-2.text_color {
    color: #0778b1 !important;
}

td.fi-ta-cell.fi-table-cell-email a .fi-ta-text-item-label {
    color: #44bb98 !important;
}

nav.fi-breadcrumbs.mb-2.hidden.sm\:block+h1.fi-header-heading.text-2xl.font-bold.tracking-tight.text-gray-950.dark\:text-white.sm\:text-3xl {
    color: #0778b1;
    /* font-size: 16px; */
}

.custom_mb+h2.text_color.text-subheading {
    color: #0778b1 !important;
}

button.btn_new.bg_custom.font-semibold.rounded.font-body.text-white.text-sm.text-center.uppercase.px-5.py-3.w-auto.bg-actionable.mr-auto.my-1.custom_mb.mt-2 {
    margin-bottom: 1.5rem;
}

.outer_block+h2.text_color.text-subheading.font-heading.font-semibold.uppercase.mt-0.mr-0.mb-3.ml-0 {
    margin: 0;
    color: #0778b1 !important;
}

.fi-modal-close-overlay.fixed.inset-0.z-40.bg-gray-950\/50.dark\:bg-gray-950\/75 {
    background: #0778b180 !important;
}

.fi-modal-header.flex.px-6.pt-6.flex-col .mb-5.flex.items-center.justify-center {
    display: none;
}

h2.fi-modal-heading.text-base.font-semibold.leading-6.text-gray-950.dark\:text-white {
    text-align: left;
    color: #0778b1 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

p.fi-modal-description.text-sm.text-gray-500.dark\:text-gray-400.mt-2 {
    color: #030712 !important;
    text-align: left;
}

.fi-modal-footer-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}

.fi-modal-footer-actions button.fi-btn {
    max-width: fit-content;
}

.fi-modal-window.pointer-events-auto.relative:not(.student-de-enrolled-modal) {
    max-width: 384px;
    border-radius: .25rem;
}

main.fi-main li.fi-sidebar-item svg.fi-sidebar-item-icon {
    color: #fff !important;
}

.fi-fo-field-wrp-error-message {
    color: red;
}

.fi-input-wrp.dark\:ring-danger-500.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-600.dark\:\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-500.fi-fo-select,
.fi-input-wrp.flex.rounded-lg.shadow-sm.ring-1.transition.duration-75.bg-white.dark\:bg-white\/5.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-2.fi-invalid.ring-danger-600.dark\:ring-danger-500.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-600.dark\:\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-danger-500 {
    box-shadow: 0 0 1px red;
}

.fi-ta-filters {
    max-height: 400px;
    overflow: auto;
}

button.fi-btn.relative.grid-flow-col.items-center.justify-center.font-semibold.outline-none.transition.duration-75.focus-visible\:ring-2.rounded-lg.fi-color-custom.fi-btn-color-danger.fi-color-danger.fi-size-md.fi-btn-size-md.gap-1\.5.px-3.py-2.text-sm.inline-grid.shadow-sm.bg-custom-600.text-white.hover\:bg-custom-500.focus-visible\:ring-custom-500\/50.dark\:bg-custom-500.dark\:hover\:bg-custom-400.dark\:focus-visible\:ring-custom-400\/50.fi-ac-action.fi-ac-btn-action {
    background: #ce342a !important;
}

.message_title {
    color: #0778b1 !important;
}

.message_title sup {
    color: #ffc96b !important;
}

.message_form .fi-fo-placeholder.text-sm.leading-6 {
    font-family: "Futura Std Medium" !important;
    font-weight: normal !important;
    color: #0778b1;
    font-size: 16px;
}

.bg-contentAreaBackgroundAlt {
    background-color: rgb(245 246 247 / var(--tw-bg-opacity));
}

.bg-actionable {
    background-color: rgb(68 187 152 / var(--tw-bg-opacity));
}

.drag {
    color: #0778b1 !important;
}

.text-error {
    --tw-text-opacity: 1;
    color: rgb(206 52 42 / var(--tw-text-opacity));
}

a.sidebar_btn svg.fi-sidebar-item-icon {
    order: 2;
}

.bg-error {
    --tw-bg-opacity: 1;
    background-color: rgb(206 52 42 / var(--tw-bg-opacity));
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(7 120 177 / var(--tw-text-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(7 120 177 / var(--tw-bg-opacity));
}

.text-actionable {
    --tw-text-opacity: 1;
    color: rgb(68 187 152 / var(--tw-text-opacity));
}

.eCnGIa {
    color: rgb(68, 187, 152);
}

main.fi-main {
    min-height: calc(100vh - 144px);
}

.text-xxs {
    font-size: .675rem;
}

h3.mb-0.text-sm.font-normal.font-black.font-body.text-body.text-primary {
    font-weight: 400 !important;
    color: rgb(64 64 64 / var(--tw-text-opacity));
    font-size: .875rem;
    font-family: "Futura Std Book";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 205px;
}

p.p-0.m-0.font-hairline.font-body.text-body.text-xxs.text-secondary {
    font-family: "Futura Std Book";
    line-height: 1.5;
}

aside.fi-sidebar header.fi-sidebar-header button {
    color: #fff;
}

.fi-topbar nav button {
    color: #fff;
}

.bg-custom-600 {
    background: #0778b1;
}

a.uppercase,button.uppercase,.fi-btn,.fi-btn span {
    text-transform: capitalize !important;
    font-weight: 500;
}
a.skip-to-maincontent {
    position: absolute !important;
}
a.skip-to-maincontent:not(:focus) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    background-color: #0969da;
    font-size: 14px;
}
a.skip-to-maincontent:focus {
    outline: none;
    box-shadow: none;
    z-index: 999;
    position: absolute !important;
    padding: 1rem;
    background-color: #0969da !important;
    color: #fff;
    font-size: 14px;
}
a.skip-to-maincontent:hover {
    text-decoration: underline;
}