.mriia-local-icon {
    display: inline-block;
    width: 12.5px;
    height: 12.5px;
    background-color: var(--mriia-icon-color, currentColor);
    line-height: 1;
    vertical-align: -0.125em;
    font-family: inherit;
    font-style: normal;
}

.mriia-local-icon .mriia-inline-svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    color: inherit;
    fill: none;
    stroke: none;
    pointer-events: none;
}

.mriia-local-icon-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.mriia-colored-icon-image {
    display: block;
}

.mriia-content-icon {
    background: transparent !important;
}

#home svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mriia-menu-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.extracurricular-icon {
    width: 18px;
    height: 18px;
}

.support-icon {
    width: 18px;
    height: 18px;
}

.logout-icon {
    width: 18px;
    height: 18px;
}

.user-logout-full .logout-icon {
    filter: brightness(0) saturate(100%) !important;
}

.mriia-local-icon-image {
    width: 12.5px;
    height: 12.5px;
}

.mriia-content-icon,
.mriia-content-icon .mriia-local-icon-image {
    width: 18px !important;
    height: 18px !important;
}

#journals .nav-btn .mriia-local-icon,
#journals .nav-btn .mriia-local-icon-image {
    width: 18px !important;
    height: 18px !important;
}

#journals .nav-btn .mriia-local-icon-image {
    filter: brightness(0) invert(1) !important;
}

#calendar .schedule-nav-arrow-btn .mriia-local-icon,
#calendar .schedule-nav-arrow-btn .mriia-local-icon-image,
#schedule .schedule-nav-arrow-btn .mriia-local-icon,
#schedule .schedule-nav-arrow-btn .mriia-local-icon-image {
    width: 25px !important;
    height: 25px !important;
}

#calendar .schedule-nav-arrow-btn .mriia-local-icon-image,
#schedule .schedule-nav-arrow-btn .mriia-local-icon-image {
    filter: brightness(0) saturate(100%) invert(39%) sepia(98%) saturate(1700%) hue-rotate(202deg) brightness(101%) contrast(101%) !important;
}

#modal-schedule-lesson .schedule-popover-chip {
    background: #edf5ff;
    border-color: #cfe3ff;
    color: #234d92;
}

#modal-schedule-lesson .schedule-popover-chip span {
    color: #234d92;
}

#modal-schedule-lesson .schedule-popover-chip .mriia-local-icon,
#modal-schedule-lesson .schedule-popover-chip .mriia-local-icon-image {
    width: 18px !important;
    height: 18px !important;
    color: #234d92 !important;
}

#modal-schedule-lesson .schedule-popover-chip .mriia-local-icon-image {
    filter: brightness(0) saturate(100%) invert(28%) sepia(39%) saturate(844%) hue-rotate(197deg) brightness(92%) contrast(101%) !important;
}

#modal-schedule-lesson .schedule-popover-chip i.fa-solid.fa-user,
#modal-schedule-lesson .schedule-popover-chip i.fa-solid.fa-user svg,
#modal-schedule-lesson .schedule-popover-chip i.fa-solid.fa-user path,
#modal-schedule-lesson .schedule-popover-chip i.fa-solid.fa-user * {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.mriia-local-icon::before {
    content: none !important;
}

.nav-item .mriia-icon-users,
.nav-item .mriia-icon-headset {
    width: 20px !important;
    height: 20px !important;
    margin-right: 20px !important;
    flex: 0 0 auto;
    font-size: 18px !important;
}

.nav-item[onclick*="sub-extracurricular"] {
    align-items: center;
}

.sidebar .nav-item[onclick*="sub-extracurricular"] {
    transform: translateY(-2px);
}

.nav-item[onclick*="sub-extracurricular"] > .mriia-local-icon:first-child {
    transform: translateY(2px);
}

.nav-item[onclick*="sub-extracurricular"] > .mriia-icon-users {
    font-size: 9.5px !important;
}

.nav-item[onclick*="sub-extracurricular"] .extracurricular-label {
    transform: translate(-2px, -2px);
}

.sidebar .nav-item > .nav-icon {
    width: 18px !important;
    height: 18px !important;
    filter: brightness(0) saturate(100%);
}

.mriia-icon-users {
    filter: none;
}

.mriia-icon-headset {
    filter: none;
}

.mriia-icon-chevron-down,
.mriia-icon-chevron-up,
.mriia-icon-chevron-left,
.mriia-icon-chevron-right,
.mriia-icon-angle-left,
.mriia-icon-angle-right {
    filter: none;
}

.sidebar .nav-item > .mriia-icon-chevron-down,
.sidebar .nav-item > .mriia-icon-chevron-up,
.sidebar .nav-item > .mriia-icon-chevron-left,
.sidebar .nav-item > .mriia-icon-chevron-right {
    filter: none;
}

.sidebar .nav-item > .mriia-local-icon {
    filter: brightness(0) saturate(100%) !important;
}

.sidebar .nav-item.active > .nav-icon,
.sidebar .nav-item.active > .mriia-local-icon {
    filter: brightness(0) saturate(100%) invert(39%) sepia(98%) saturate(1700%) hue-rotate(202deg) brightness(101%) contrast(101%) !important;
}

.sidebar .nav-item.expanded > .nav-icon {
    filter: brightness(0) saturate(100%) invert(39%) sepia(98%) saturate(1700%) hue-rotate(202deg) brightness(101%) contrast(101%) !important;
}

.sidebar .nav-item.expanded > .mriia-local-icon {
    filter: brightness(0) saturate(100%) invert(39%) sepia(98%) saturate(1700%) hue-rotate(202deg) brightness(101%) contrast(101%) !important;
}

.sidebar .nav-item.expanded > .arrow {
    border-bottom-color: currentColor !important;
}

.sidebar .nav-item.active > .arrow {
    border-bottom-color: currentColor !important;
}

#tab-learning .big-card .title-icon-badge {
    background: transparent !important;
}

.mriia-local-icon.fa-spin .mriia-local-icon-image {
    animation: mriia-local-icon-spin 1s linear infinite;
}

@keyframes mriia-local-icon-spin {
    to { transform: rotate(360deg); }
}