@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

header.fi-sidebar-header,
.fi-topbar nav {
    background-color: #9d5b20 !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;
}

nav.fi-sidebar-nav {
    background-color: #4c4055;
    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: #e1dad0;
    padding: 20px 24px !important;
    border-radius: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
}

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button span {
    font-weight: 700;
    font-size: 16px;
}

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

nav.fi-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button:hover {
    background-color: #4c4055;
    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: #f3f2ec;
    color: #4c4055;
}

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

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

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

th.fi-ta-header-cell span.fi-ta-header-cell-label {
    color: #33283a;
    font-size: 16px;
}

a.fi-link {
    color: #9d5c26 !important;
}

a.fi-link * {
    color: #9d5c26 !important;
}

.fi-icon-btn-badge-ctn span {
    color: #9d5c26 !important;
    background: #fff !important;
}

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

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

.bg_custom {
    background-color: #4c4055 !important;
    border-color: #4c4055 !important;
}

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

input.fi-input:focus {
    outline: none;
    box-shadow: none;
}

.text_color.font-heading {
    color: #9d5c26 !important;
}

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

form.flex.flex-col.max-w-\[40\.5rem\].m-0 button {
    margin-left: auto;
}

.fi-header-heading {
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 24px !important;
    color: #000 !important;
}

.fi-layout {
    background-color: rgb(243 242 236 / var(--tw-bg-opacity));
}

.fi-ta-ctn,
tr.bg-gray-50 {
    background: none !important;
}

td.fi-ta-cell a .fi-ta-text-item-label {
    color: #404040 !important;
}

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

select.fi-select-input {
    color: #000;
}

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

span.fi-pagination-overview {
    color: #374151;
}

label.fi-fo-field-wrp-label {
    text-transform: capitalize;
}

sup.text-danger-600 {
    color: #ffc96b;
}

label.fi-fo-field-wrp-label span {
    color: #030712 !important;
}

input.fi-input {
    background: #fff;
    color: #030712 !important;
    border-radius: 0.5rem;
}

input.fi-input::placeholder,
body.dark\:text-white {
    color: #030712 !important;
}

section.fi-section {
    background: none !important;
}

select.fi-select-input,
.fi-input-wrp {
    background-color: #fff !important;
}

.filepond--root.filepond--hopper {
    background: #fff !important;
}

.\[\&_option\]\:dark\:bg-gray-900 option {
    background-color: #fff !important;
}

.fi-section-content.p-6 {
    padding: 0;
}

section.fi-section {
    --tw-ring-color: transparent;
    border-radius: 0;
    --tw-ring-offset-shadow: transparent;
    --tw-ring-shadow: transparent;
    box-shadow: none;
}

p.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;
}

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

select.fi-select-input {
    border-radius: 0.5rem;
}

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

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

.text-secondary {
    color: #9d5b20;
}

.text-subheading {
    color: #4c4055;
}

span.filepond--label-action {
    color: #9d5b20 !important;
}

.outer_block label.font-body.text-sm.font-normal.my-2.text_color {
    color: #4c4055 !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: #4c4055 !important;
    /* font-size: 16px !important; */
    font-weight: 600 !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: #4c4055 !important;
}

.fi-modal-close-overlay.fixed.inset-0.z-40.bg-gray-950\/50.dark\:bg-gray-950\/75 {
    background: #33283a80 !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: #4c4055 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

p.fi-modal-description.text-sm.text-gray-500.dark\:text-gray-400.mt-2 {
    color: #000 !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;
}

span.fi-sidebar-item-label.flex-1.truncate.text-gray-700.dark\:text-gray-200.font-semibold {
    font-weight: 400;
}

.outer_block>p {
    margin-bottom: 15px;
}

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: #030712;
}

.archive_heading {
    color: #4c4055 !important;
}

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

.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(243 242 236 / var(--tw-bg-opacity));
}

.bg-actionable {
    background-color: rgb(76 64 85 / var(--tw-bg-opacity));
}

.drag {
    color: rgb(51 40 58 / var(--tw-text-opacity)) !important;
    text-transform: none !important;
}

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

svg.size-4.text-\[\#0778b1\] {
    color: rgb(51 40 58 / 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(51 40 58 / var(--tw-text-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(51 40 58 / var(--tw-bg-opacity));
}

.text-actionable {
    --tw-text-opacity: 1;
    color: rgb(76 64 85 / var(--tw-text-opacity));
}

.dQbyYE {
    color: rgb(157, 92, 38);
}

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

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

p.p-0.m-0.font-hairline.font-body.text-body.text-xxs.text-secondary {
    line-height: 1.5;
}

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

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

h3.mb-0.text-sm.font-normal.font-black.font-body.text-body.text-primary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 205px;
}

header.fi-sidebar-header.flex.h-16.items-center.bg-white.px-6.ring-1.ring-gray-950\/5.dark\:bg-gray-900.dark\:ring-white\/10.lg\:shadow-sm header.p-4.flex.rounded .hidden.md\:flex.my-auto.px-4.lg\:px-6 {
    padding-left: 0;
    padding-right: 0;
}

.bg-custom-600 {
    background: rgb(157, 92, 38);
}

a.uppercase,button.uppercase,.fi-btn,.fi-btn span {
    text-transform: capitalize !important;
    font-weight: 500;
}

.config_page section.fi-section {
    --tw-ring-color: rgb(3 7 18 / 0.05);
    border-radius: 0.75rem;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    background: #fff !important;
}
.config_page .fi-section-content.p-6 {
    padding: 01.5rem !important;
}
.font-museoslab {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700 !important;
}

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: #4c4055;
    font-size: 14px;
}
a.skip-to-maincontent:focus {
    outline: none;
    box-shadow: none;
    z-index: 999;
    position: absolute !important;
    padding: 1rem;
    background-color: #4c4055 !important;
    color: #fff;
    font-size: 14px;
}
a.skip-to-maincontent:hover {
    text-decoration: underline;
}