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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Roboto", sans-serif !important;
    color: #3E424A !important;
}

.mcss-admin-layout .poppins {
    font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
}

.mcss-admin-layout h1,
.mcss-admin-layout h2,
.mcss-admin-layout h3,
.mcss-admin-layout h4,
.mcss-admin-layout h5,
.mcss-admin-layout h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
}

.mcss-admin-layout .fi-header-heading {
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
}

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

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

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

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

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

.mcss-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button {
    color: #fff;
    padding: 20px 24px !important;
    border-radius: 0;
    position: relative;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

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

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

.mcss-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button svg {
    color: #059BFF;
    font-size: 24px;
}

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

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

.mcss-sidebar-nav li.fi-sidebar-item.fi-active a svg,
.mcss-sidebar-nav>ul.fi-sidebar-nav-groups ul.fi-sidebar-group-items a.fi-sidebar-item-button:hover svg {
    color: #FF8F5C !important;
}


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

/* .mcss-admin-layout .fi-btn * {
    color: #fff;
} */

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

.mcss-admin-layout th.fi-ta-header-cell span.fi-ta-header-cell-label {
    color: #006EB5;
    font-weight: normal;
    font-size: 16px;
}

a.fi-link {
    color: #006EB5 !important;
}

.mcss-admin-layout a.fi-link {
    color: #006EB5 !important;
}

.mcss-admin-layout a.fi-link * {
    color: #006EB5 !important;
}

.mcss-admin-layout .fi-icon-btn-badge-ctn span {
    color: #006EB5 !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: #F26724 !important;
    border-color: #F26724 !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;
}

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

.mcss-sidebar-header {
    padding-right: 0;
}

.mcss-page-header h1.fi-header-heading {
    font-size: 24px;
    text-transform: uppercase;
}

.text-subheading {
    color: #030712;
}

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

.mcss-admin-layout label.fi-fo-field-wrp-label span {
    color: inherit;
    font-weight: 400;
    line-height: normal;
}

.mcss-admin-layout label.fi-fo-field-wrp-label 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;
}

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

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

.mcss-admin-layout .fi-modal-close-overlay {
    background: #0778b180 !important;
}

.mcss-admin-layout .fi-modal-header .fi-modal-header-icon-ctn {
    display: none;
}

.mcss-admin-layout h2.fi-modal-heading {
    text-align: left;
    color: #0778b1 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

.mcss-admin-layout p.fi-modal-description {
    color: #030712 !important;
    text-align: left;
}

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

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

.mcss-admin-layout .fi-modal-window:not(.student-de-enrolled-modal) {
    max-width: 384px;
    border-radius: .25rem;
}

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

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

.mcss-admin-layout .fi-input-wrp.fi-invalid {
    box-shadow: 0 0 1px red;
}

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

.mcss-admin-layout button.fi-btn.fi-btn-color-danger.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-orange-new {
    background-color: #F26724 !important;
}

.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 {
    color: #006EB5 !important;
    font-weight: 400 !important;
}

.eCnGIa {
    color: #006EB5 !important;
    font-weight: 400 !important;
}

.mcss-admin-layout 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: #132048;
    font-size: 18px;
    line-height: normal;
    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 {
    line-height: 1.5;
}

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

.mcss-admin-layout .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;
}

.rebrand_btn a,
.rebrand_btn button,
.mcss-page-section button.w-full.px-5.py-3.my-1.mt-6.mb-4.text-sm.text-center.text-white.uppercase.rounded.font-body.bg-actionable,
button.mcss_save_btn {
    position: relative !important;
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background-color: #ffffff !important;
    color: #132048 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #F26724 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    transition: all 300ms !important;
    border-radius: 0 !important;
    width: auto !important;
    text-transform: capitalize !important;
}

.rebrand_btn a:hover,
.rebrand_btn button:hover,
.mcss-page-section button.w-full.px-5.py-3.my-1.mt-6.mb-4.text-sm.text-center.text-white.uppercase.rounded.font-body.bg-actionable:hover,
button.mcss_save_btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.rebrand_btn a>*,
.rebrand_btn button>* {
    text-transform: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.rebrand_btn.short a,
.rebrand_btn.short button {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.outer_container .inner_container {
    padding: 0;
    border: 0;
    background: #FFFFFF;
}

.mcss-admin-layout .fi-input-wrp {
    border-radius: 0 !important;
}

.mcss-admin-layout .fi-ta-ctn {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mcss-admin-layout .fi-ta-content-grid {
    padding: 0;
    margin-bottom: 30px;
}

.mcss-admin-layout .fi-ta-record {
    background: #F9F9F9;
    box-shadow: none;
    text-align: center;
    border-bottom: 5px solid #E5E5E5;
}

.mcss-admin-layout .fi-ta-col-wrp {
    margin: auto;
    max-width: fit-content;
}

.mcss-admin-layout span.fi-ta-text-item-label.font-bold {
    font-size: 18px;
    font-weight: normal;
    color: #132048;
    margin-bottom: 6px;
}

.mcss-admin-layout span.fi-badge.fi-color-gray {
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #DDDDDD;
    padding: 8px 25px 6px;
}

.mcss-admin-layout nav.fi-pagination {
    border: 1px solid #ddd !important;
    padding: 15px;
}

.mcss-admin-layout span.fi-pagination-overview {
    font-weight: 400;
}

/* ==========================================================================
   MCSS Rebranding - Scoped Styles
   All rules below replace global Blade modifications and are safe because
   custom-admin.css is only loaded on MCSS tenant pages (via getCss()).
   ========================================================================== */

/* --- Global Body Background (was: bg-[#f4f4f4] hardcoded in base.blade.php) --- */
.mcss-admin-layout {
    background-color: #f4f4f4 !important;
}

/* --- Page Header Heading (was: hardcoded h1 classes in header/index.blade.php) --- */
.mcss-page-header h1.fi-header-heading {
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
    color: #152047;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* --- Page Header Actions (was: rebrand_btn short added to actions div in header/index.blade.php) --- */
.mcss-page-header .mcss-form-actions a,
.mcss-page-header .mcss-form-actions button,
.mcss-page-header a.fi-btn,
.mcss-page-header button.fi-btn {
    position: relative !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    background-color: #ffffff !important;
    color: #132048 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #F26724 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    transition: all 300ms !important;
    border-radius: 0 !important;
}

.mcss-page-header a.fi-btn:hover,
.mcss-page-header button.fi-btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

/* --- Page Section Card Box (was: inline classes on <section> in page/index.blade.php) --- */
.mcss-page-section {
    background-color: #ffffff;
    padding: 2rem 2.5rem;
    border: 1px solid #DDDDDD;
    border-bottom-width: 4px;
    margin-top: 2rem;
    /* margin-bottom: 2.5rem; */
    gap: 1.25rem;
}

.mcss_card {
    background-color: #ffffff !important;
    border: 1px solid #DDDDDD;
    border-bottom-width: 2px;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* --- Page-with-Sidebar Card Box (was: inline classes on outer div in filament-page-with-sidebar/page.blade.php) --- */
.outer_container {
    background-color: #ffffff;
    padding: 2rem 2.5rem;
    border: 1px solid #DDDDDD;
    border-bottom-width: 4px;
    margin-bottom: 2.5rem;
}

/* --- Form Actions Button / Rebrand Btn (was: rebrand_btn class on .fi-form-actions in form/actions.blade.php) --- */
.mcss-form-actions a.fi-btn,
.mcss-form-actions button.fi-btn {
    position: relative !important;
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background-color: #ffffff !important;
    color: #132048 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #F26724 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    transition: all 300ms !important;
    border-radius: 0 !important;
}

.mcss-form-actions a.fi-btn:hover,
.mcss-form-actions button.fi-btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.mcss-form-actions a.fi-btn>*,
.mcss-form-actions button.fi-btn>* {
    text-transform: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* --- Sidebar Item Button (was: hardcoded MCSS classes on <a> in filament-page-with-sidebar/item.blade.php) --- */
.fi-sidebar-group-items .fi-sidebar-item-button.bg_custom.sidebar_btn {
    position: relative;
    padding: 0.75rem 1.25rem;
    border-width: 3px;
    border-style: solid;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    transition: all 300ms;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 0;
    background-color: #ffffff !important;
    color: #132048;
    border-color: #F26724;
    hover: none;
}

.fi-sidebar-group-items .fi-sidebar-item-button.bg_custom.sidebar_btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button.bg_custom.sidebar_btn,
.fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button.bg_custom.sidebar_btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.fi-sidebar-group-items .fi-sidebar-item-button.bg_custom.sidebar_btn .fi-sidebar-item-label,
.fi-sidebar-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-button.bg_custom.sidebar_btn .fi-sidebar-item-label {
    color: inherit !important;
}

/* Spacing between sidebar items (was: gap-y-3 on fi-sidebar-group-items in group.blade.php) */
.fi-sidebar-group-items.flex.flex-col.gap-y-1 {
    gap: 0 !important;
}

/* --- Student Profile Sidebar (was: hardcoded text-[#132048], text-[#006EB5], etc.) --- */
.mcss-student-profile-info {
    max-width: calc(100% - 72px - 12px);
}

.mcss-student-profile-info h3 {
    font-size: 1.125rem;
    color: #132048;
    font-weight: 400 !important;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    margin-bottom: 0.25rem;
}

.mcss-student-profile-info p {
    font-size: 14px;
    gap: 0.5rem;
    color: #3E424A;
    align-items: center;
}

.mcss-student-profile-info svg {
    color: #006EB5;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}

/* --- View Student Page (was: hardcoded inline classes for notes list and download btn) --- */
.mcss-view-student-status {
    font-size: 1.5rem;
    color: #132048;
    margin: 1rem 0 0.75rem;
    font-weight: 700;
}

.mcss-download-btn {
    display: inline-block;
}

.mcss-download-btn .fi-btn {
    position: relative !important;
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background-color: #ffffff !important;
    color: #132048 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #F26724 !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
}

.mcss-download-btn .fi-btn:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.mcss-notes-list {
    background-color: #ffffff;
    padding: 1.25rem;
    border: 1px solid #DDDDDD;
    border-bottom-width: 2px;
    margin-top: 2.5rem;
    list-style: none;
    margin-left: 0;
    padding-left: 1.25rem;
}

.mcss-note-item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: #F9F9F9;
    border-bottom: 4px solid #DDDDDD !important;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    border-top: 0 !important;
}

.mcss-note-item p {
    color: #3E424A;
    font-size: 0.875rem;
}

/* --- My Profile Page (was: h2 with poppins+#152047 color, section with bg-white, rebrand_btn short on save btn) --- */
.mcss-profile-tabs {
    position: relative;
    margin-bottom: 0;
}

.mcss-profile-tab-link {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.mcss-profile-save-btn a,
.mcss-profile-save-btn button {
    position: relative !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    background-color: #ffffff !important;
    color: #132048 !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #F26724 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    transition: all 300ms !important;
    border-radius: 0 !important;
}

.mcss-profile-save-btn a:hover,
.mcss-profile-save-btn button:hover {
    background-color: #132048 !important;
    border-color: #132048 !important;
    color: #ffffff !important;
}

.profile_top_content {
    padding: 0 !important;
}

.profile_top_content>.relative.flex.flex-col.mx-auto.mt-4 {
    margin: 0 !important;
    max-width: 100% !important;
}

.profile_top_content p.text-sm {
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.profile_top_content h2 {
    text-transform: uppercase;
    font-size: 32px;
    margin-top: 0 !important;
}

.mcss-student-profile-info {
    margin: 0 !important;
}

.mcss-student-profile-info-box>.mr-2 {
    margin-right: 12px !important;
}

section.flex.flex-col.gap-y-8.py-8.inner_container.mcss-page-section+form+form+form+.flex.flex-col.w-full.px-4.pt-2.md\:px-12.xl\:px-32.md\:pt-4.lg\:pt-8.pb-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h2.mt-4.mb-3.ml-0.mr-0.font-semibold.uppercase.text-subheading.font-heading.mcss-view-student-status {
    text-transform: none;
    margin-top: 0;
}

@media (min-width: 1024px) {
    .mcss-profile-sidebar {
        min-width: 144px;
    }

    .mcss-profile-content {
        max-width: calc(100% - 176px);
    }
}

p.mx-auto.mt-0.mb-auto.font-black.uppercase.drag {
    text-transform: none;
    font-weight: 400;
    color: #3E424A !important;
    font-style: italic;
    margin-top: 5px;
}