/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

html, body {
    min-height: 100vh;
}

.apexcharts-datalabel-label {
    white-space: pre-line;
}

#ds-container {
    width: 100%;
    max-width: 1000px;
    min-width: 360px;
    height: calc(600px - (600 - 400) * ((100vw - 768px) / (1000 - 768)));
    min-height: 400px;
    max-height: 720px;
    border: none;
}

@media (max-width: 756px) {
    #ds-container {
        height: 400px;
    }
}

@media (max-width: 650px) {
    #ds-container {
        height: calc(400px + (700 - 400) * ((650px - 100vw) / (650 - 320)));
    }
}

.demos-menu > .mud-overlay {
    display: none;
}

.rich-txt ul {
    display: block;
    margin: 1em 0;
    padding-left: 40px;
    list-style-type: disc;
}

.rich-txt ol {
    display: block;
    margin: 1em 0;
    padding-left: 40px;
    list-style-type: decimal;
}

.rich-txt li {
    display: list-item;
    margin: 0;
    padding: 0;
    list-style-position: outside;
}

.layout-container-main {
    min-height: 100vh;
    height: 100%;
    flex: 1;
}

.restricted-container-main {
    background-color: white;
}

.page {
    background: var(--mud-palette-white);
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.no-horizontal-scroll {
    overflow-x: hidden;
    width: 100vw;
    max-width: 100%;
}

.navbar-brand {
    font-size: 1.1rem;
    color: white;
}

.nav-top-margin {
    position: fixed !important;
    top: var(--mud-appbar-height) !important;
    background: var(--mud-palette-secondary) !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 1;
}

.mobile-menu {
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: translateY(-10%);
    transition: opacity 0.15s ease, transform 0.15s ease;
    pointer-events: none;
}

    .mobile-menu.open {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

.top-row {
    width: 100%;
    justify-content: flex-end;
    height: var(--mud-appbar-height) !important;
    align-items: center !important;
    background: var(--mud-palette-primary) !important;
    z-index: 4;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        /*margin-left: 1.5rem;*/
        text-decoration: none;
    }

        .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
            text-decoration: underline;
        }

        .top-row ::deep a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.top-row .mud-toolbar {
    width: 100%;
}

@media (max-width: 640.98px) {
    .layout-container-main-authenticated {
        width: 100vw;
        max-width: 100%;
        min-height: 100vh;
        height: 100%;
        flex: 1;
    }

    .top-row {
        justify-content: center;
    }

        .top-row ::deep a, .top-row ::deep .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .layout-container-main-authenticated {
        width: calc(100vw - 250px);
        min-height: 100vh;
        height: 100%;
        flex: 1;
    }

    .page {
        flex-direction: row;        
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: calc(var(--mud-zindex-dialog) - 1);
    }

        .top-row.auth ::deep a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }
}

.navbar-toggler {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked {
        background-color: rgba(255, 255, 255, 0.5);
    }

.nav-scrollable {
    display: none;
    background: var(--mud-palette-secondary);
}

.navbar-toggler:checked ~ .nav-scrollable {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .nav-scrollable {
    /* Never collapse the sidebar for wide screens */
    display: block;
    /* Allow sidebar to scroll for tall menus */
    height: calc(100vh - 4rem);
    overflow-y: auto;
    }
}

.nav-link-btn .mud-nav-link {
    padding: 0;
}

.nav-link-btn .mud-nav-link.mud-ripple.active,
.nav-link-btn .mud-nav-link.mud-ripple.active:not(.mud-nav-link-disabled) {
    background-color: transparent !important;
}

.footer {
    flex: 1;
    display: flex;
    align-items: end;
    z-index: 999;
}

    .footer a {
        color: white !important;
        font-size: 1.2rem;
    }

    .footer p {
        font-size: 1.2rem;
    }

.footer-content {
    background-color: var(--mud-palette-dark);
    color: white;
    min-height: 150px;
}

.solid-panel {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

@media (min-width: 600px) {
    .story-header {
        padding-right: 12px;
    }

    .story-border {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 1280px) {
    .tier-ii-background {
        top: 400px;
    }

    .tier-i-background {
        top: 400px;
    }
}

@media (min-width: 1280px) {
    .tier-ii-background {
        top: 350px;
    }

    .tier-i-background {
        top: 350px;
    }
}

@media (max-width: 960px) {
    .spotlight-carousel {
        min-height: 650px !important;
    }

    .spotlight-carousel-grid {
        padding-left: 16px !important;
        padding-right: 16px !important;
        width: 100% !important;
    }

    .showcase-btns-spacing {
        margin-top: 54px;
        margin-bottom: 6px;
    }

    .showcase-btns-spacing-1 {
        margin-top: 24px;
        margin-bottom: 0px;
    }

    .showcase-toggle-button {
        transform: scale(.85);
    }

    .showcase-toggle-button.mud-chip-selected {
        transform: scale(.85);
    }

    .top-offset {

    }

    .relative {

    }

    .spe {

    }

    .eys {

    }

    .wpcd-main {

    }

    .tier-section {
        width: 97%;
    }

    .tier-container {
        position: relative;
        display: flex !important;
        align-items: center !important;
        flex-direction: column !important;
        justify-content: center !important;
        z-index: 2;
    }

    .tier-display-left {
        border-radius: 20px 20px 0 0;
        padding: 1rem 1rem 2rem 1rem;
        width: 90%;
    }

    .tier-display-center-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: baseline;
        width: 100%;
    }

    .tier-center-tab {
        border-radius: 20px 0 20px 0;
        padding: 1rem 2rem 0.2rem 2rem;
    }

    .tier-center-tab-container {
        z-index: 1;
    }

    .tier-display-center {
        width: 100%;
        border-radius: 20px 20px 20px 20px;
        background-color: black;
        padding: 0.01rem;
        position: relative;
        top: -60px;
    }

    .tier-display-center-inner {
        border-radius: 15px;
        margin: 0.6rem;
        padding: 60px 1rem 1rem 1rem;
    }

    .tier-display-right {
        border-radius: 0 0 20px 20px;
        padding: 1rem;
        width: 90%;
        position: relative;
        top: -60px;
        margin-bottom: 60px;
    }

    .tier-button {
        position: relative;
        top: -60px;
        background-color: black;
        height: 0;
    }

    .p2t-grad-bg {

    }

    .tys-section {
        margin-bottom: 6rem;
    }

    .tys-form-field {
        width: 100%;
    }

    .tys-bookmark {

    }

    .pfd-main {
        width: 100%;
    }

    .pfd-bubbles {
        display: none;
    }

    .hide-for-mobile {
        display: none;
    }
}

@media (min-width: 961px) {
    .top-offset {
        top: -450px;
    }

    .relative {
        position: relative;
    }

    .spe {
        padding-top: 160px;
    }

    .eys {
        width: 60%;
    }

    .wpcd-main {
        width: 60%;
    }

    .tier-container {
        position: relative;
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: center !important;
        z-index: 2;
    }

    .tier-display-left {
        width: 32%;
        margin-top: 2.8rem;
        border-radius: 60px 0 0 60px;
        padding: 1.5rem 2rem 1.5rem 2rem;
    }

    .tier-display-center-container {
        width: 36%;
    }

    .tier-center-tab {
        border-radius: 30px 30px 0 0;
        padding: 1rem 2rem 0.2rem 2rem;
    }

    .tier-display-center {
        border-radius: 0 60px 60px 60px;
        padding: 0.01rem;
    }

    .tier-display-center-inner {
        border-radius: 53px;
        margin: 0.6rem;
        padding: 4.8rem 2rem 2rem 2rem;
    }

    .tier-display-right {
        width: 32%;
        margin-top: 2.8rem;
        border-radius: 0 60px 60px 0;
        padding: 1.5rem 2rem 1.5rem 2rem;
    }

    .tier-button {
        position: absolute;
        top: -200px;
        background-color: black;
        height: 0;
    }

    .p2t-grad-bg {
        max-height: 450px;
        z-index: 1;
    }

    .tys-section {
        max-height: 450px;
    }

    .tys-form-field {
        margin-bottom: 2rem;
    }

    .tys-bookmark {
        position: relative;
        top: -520px;
    }

    .pfd-main {
        width: 65%;
    }

    .pfd-bubbles {
        width: 35%;
        padding: 0 3rem 0 3rem;
    }
}

@media (max-width: 959px) {
    .staff-grid {
        width: 90%;
    }

    .staff-desc {
        margin-bottom: 1rem;
    }

    .pbees-icons {
        width: 100%;
        padding: 0 3rem 0 3rem;
        position: relative;
        top: -80px;
    }

    .pbees-shape-container {
        display: none;
    }

    .pbees-main {
        width: 100%;
        padding: 1rem 3rem 3rem 3rem;
        position: relative;
        top: -80px;
        margin-bottom: 0;
    }

    .pbees-main-container {
        flex-direction: column !important;
    }

    .pbees-shape-alt-container {
        width: 100%;
        position: relative;
        top: -80px;
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        justify-content: center !important;
    }

    .pbees {
        margin-bottom: -80px;
    }

    .pbees-txt {
        width: 70%;
        font-size: 18px;
        font-weight: 600;
        margin-top: 1rem;
        line-height: 18px;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .staff-grid {
        width: 75%;
    }

    .staff-desc {
        min-height: 6.5rem;
    }

    .pbees-icons {
        width: 85%;
        position: relative;
        top: -200px;
        padding: 3rem;
        margin-bottom: -200px;
        max-width: 800px;
    }

    .pbees-main {
        width: 60%;
        padding: 3rem 1rem 0 3rem;
    }

    .pbees-main-container {
        flex-direction: row !important;
    }

    .pbees-shape-alt-container {
        display: none;
    }

    .pbees-txt {
        width: 70%;
        font-size: 22px;
        font-weight: 600;
        margin-top: 1rem;
        line-height: 22px;
    }
}

@media (min-width: 1280px) {
    .staff-grid {
        width: 100%;
    }

    .staff-desc {
        min-height: 6.5rem;
    }

    .pbees-icons {
        width: 85%;
        position: relative;
        top: -280px;
        padding: 3rem;
        margin-bottom: -280px;
        max-width: 800px;
    }

    .pbees-main {
        width: 60%;
        padding: 3rem 1rem 0 3rem;
    }

    .pbees-main-container {
        flex-direction: row !important;
    }

    .pbees-shape-alt-container {
        display: none;
    }

    .pbees-txt {
        width: 70%;
        font-size: 22px;
        font-weight: 600;
        margin-top: 1rem;
        line-height: 22px;
    }
}

.tier-button:hover {
    background-color: #B9E752 !important;
}

.dee-box {
    position: relative;
    width: 100%;
    background-color: #BCEDFA;
    border-radius: 50px;
}

@media (max-width: 840px) {
    .dee-box {
        left: 0rem;
    }

    .dee-heading {
        margin-bottom: 5rem;
    }
}

@media (min-width: 840px) {
    .dee-box {
        left: 2rem;
    }

    .dee-heading {
        margin-bottom: 5rem;
    }
}

.staff-name {
    width: 90%;
    font-size: 20px;
    font-weight: 800;
    color: #1540D1;
    margin-top: 1rem;
    line-height: 20px;
}

.staff-pic {
    width: 90%;
}

.pbees {
    margin-top: 6rem;
    position: relative;
    width: 100%;
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-tertiary));
    border-radius: 50px;
    color: white;
}

.pbees-shape-container {
    margin: 3px 3.5px 0 0;
    height: 450px;
    width: calc(.34757 * min(1920px, 100vw));
    overflow: clip;
    border-radius: 0 47px 0 0;
}

.pbees-shape {
    background: white;
    border-radius: 50%;
    height: 750px;
    width: calc(.7 * min(1920px, 100vw));
    position: relative;
    left: 0;
    top: -375px;
    box-sizing: content-box;
}

.pbees-img-container {
    width: 100%;
    position: relative;
    top: -710px;
    padding-right: 3rem;
}

.pbees-img {
    width: calc(.25 * min(1920px, 100vw));
}

.pbees-icon {
    width: 70%;
}

.tier-display-left {
    background-color: #A9F4D7;
}

.tier-center-tab {
    background-color: black;
    color: white;
    font-weight: 700;
    box-sizing: border-box;
}

.tier-display-center {
    background-color: black;
}

.tier-display-center-inner {
    background-color: #C6AFFF;
}

.tier-display-right {
    background-color: #1540D1;
    color: white;
}

.tier-title {
    font-family: Patua One, serif;
    font-weight: 100;
}

.tier-price {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
}

.tier-per {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
}

.tier-text {
    font-weight: 800;
}

.tier-list {
    list-style: none;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-indent: -1.6rem;
    padding-left: 1.6rem;
}

    .tier-list li::before {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        padding-right: 1.5rem;
        padding-left: 0.1rem;
    }

.tier-footnote {
    font-weight: 400;
}


@media (max-width: 960px) {
    .tier-heading {
        display: flex !important;
        align-items: baseline !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
}

@media (min-width: 960px) and (max-width: 1280px) {
    .tier-heading {
        
    }
}

@media (min-width: 1280px) {
    .tier-heading {
        display: flex !important;
        align-items: baseline !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
}

@media (max-width: 960px) {
    .tier-display-left {
        
    }

    .tier-display-center-inner {
        
    }

    .tier-display-right {

    }
}

@media (min-width: 960px) and (max-width: 1150px) {
    .tier-display-left {
        height: 700px;
    }

    .tier-display-center-inner {
        height: 800px;
    }

    .tier-display-right {
        height: 700px;
    }
}

@media (min-width: 1150px) {
    .tier-display-left {
        height: 600px;
    }

    .tier-display-center-inner {
        height: 700px;
    }

    .tier-display-right {
        height: 600px;
    }
}

@media (max-width: 960px) {
    .tier-center-tab {
        font-size: 28px;
    }

    .tier-title {
        font-size: 32px;
    }

    .tier-price {
        font-size: 32px;
    }

    .tier-per {
        font-size: 24px;
    }

    .tier-text {
        font-size: 22px;
    }

    .tier-list {
        font-size: 18px;
    }

    .tier-footnote {
        font-size: 14px;
    }
}

@media (min-width: 960px) and (max-width: 1440px) {
    .tier-center-tab {
        font-size: 22px;
    }

    .tier-title {
        font-size: 32px;
    }

    .tier-price {
        font-size: 32px;
    }

    .tier-per {
        font-size: 24px;
    }

    .tier-text {
        font-size: 22px;
        margin-bottom: 0.5rem;
    }

    .tier-list li {
        margin-bottom: 0.8rem;
    }

    .tier-list {
        font-size: 18px;
    }

    .tier-footnote {
        font-size: 14px;
    }
}

@media (min-width: 1440px) {
    .tier-center-tab {
        font-size: 28px;
    }

    .tier-title {
        font-size: 44px;
    }

    .tier-price {
        font-size: 44px;
    }

    .tier-per {
        font-size: 30px;
    }

    .tier-text {
        font-size: 28px;
    }

    .tier-list {
        font-size: 22px;
        line-height: 36px;
    }

    .tier-footnote {
        font-size: 18px;
    }
}

.white-text-li-symbols li:before {
    background-image: url('/img/checkmark-white.svg');
}

.black-text-li-symbols li:before {
    background-image: url('/img/checkmark.svg');
}

.section-txt {
    font-family: Patua One, serif;
    font-weight: 100;
}

.section-desc {

}

.partner-name {
    color: var(--mud-palette-black);
    font-weight: 600;
}

.no-underline-link:hover {
    text-decoration: none !important;
}

@media (max-width: 960px) {
    .partners-section {
        position: relative;
        top: -180px;
        margin-top: 90px;
        margin-bottom: -80px
    }
}

@media (min-width: 960px) {
    .partners-section {
        position: relative;
        top: -120px;
    }
}

@media (max-width: 960) {
    .partners-section {
    }
}

@media (max-width: 1440px) {
    .section-txt {
        font-size: 36px;
    }

    .section-desc {
        font-size: 18px;
    }
}

@media (min-width: 1440px) {
    .section-txt {
        font-size: 44px;
    }

    .section-desc {
        font-size: 22px;
    }
}

@media (max-width: 960px) {
    .add-ons-section {
        width: 90%;
        position: relative;
        top: -300px;
        margin-bottom: -100px;
    }

    .add-ons-title-section {
        margin-right: 40px;
        position: relative;
        top: -25px;
        margin-bottom: -25px;
    }

    .add-ons-title {
        font-size: 32px;
        line-height: 32px;
    }

    .add-ons-title-desc {
        font-size: 26px;
        line-height: 26px;
    }

    .add-ons-plus {
        margin-left: 0;
        font-size: 90px;
        line-height: 22px;
        left: 15px;
    }

    .add-ons-price {
        font-size: 32px;
    }

    .add-ons-per {
        font-size: 24px;
        margin-left: 0.3rem;
    }

    .add-ons-text {
        font-size: 22px;
        margin-bottom: 0.5rem;
    }

    .add-ons-list {
        font-size: 18px;
        line-height: 22px;
    }

        .add-ons-list li {
            margin-bottom: 0.8rem;
        }

    .add-ons-footnote {
        font-size: 14px;
    }
}

@media (min-width: 960px) and (max-width: 1440px) {
    .add-ons-section {
        width: 90%;
        position: relative;
        top: -200px;
        margin-bottom: -100px;
    }

    .add-ons-title-section {
        margin-right: 40px;
        position: relative;
        top: -25px;
        margin-bottom: -25px;
    }

    .add-ons-title {
        font-size: 32px;
        line-height: 32px;
    }

    .add-ons-title-desc {
        font-size: 26px;
        line-height: 26px;
    }

    .add-ons-plus {
        margin-left: 0;
        font-size: 90px;
        line-height: 22px;
        left: 15px;
    }

    .add-ons-price {
        font-size: 32px;
    }

    .add-ons-per {
        font-size: 24px;
        margin-left: 0.3rem;
    }

    .add-ons-text {
        font-size: 22px;
        margin-bottom: 0.5rem;
    }

    .add-ons-list {
        font-size: 18px;
        line-height: 22px;
    }

    .add-ons-list li {
        margin-bottom: 0.8rem;
    }

    .add-ons-footnote {
        font-size: 14px;
    }
}

@media (min-width: 1440px) {
    .add-ons-section {
        width: 90%;
        position: relative;
        top: -200px;
        margin-bottom: -100px;
    }

    .add-ons-title-section {
        margin-right: 45px;
        position: relative;
        top: -35px;
        margin-bottom: -35px;
    }

    .add-ons-title {
        font-size: 44px;
        line-height: 42px;
    }

    .add-ons-title-desc {
        font-size: 39px;
        line-height: 42px;
    }

    .add-ons-plus {
        font-size: 120px;
        line-height: 30px;
        left: 20px;
    }

    .add-ons-price {
        font-size: 44px;
    }

    .add-ons-per {
        font-size: 30px;
        margin-left: 0.5rem;
    }

    .add-ons-text {
        font-size: 28px;
    }

    .add-ons-list {
        font-size: 22px;
        line-height: 36px;
    }

    .add-ons-footnote {
        font-size: 18px;
    }
}

.add-ons-title {
    font-family: 'Patua One', serif;
    font-weight: 100;
}

.add-ons-title-desc {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500;
}

.add-ons-plus {
}

.add-ons-price {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
}

.add-ons-per {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
}

.add-ons {
    height: 100%;
}

.add-ons-text {
    font-weight: 800;
}

.add-ons-list {
    list-style: none;
    margin-bottom: 1.5rem;
    text-indent: -1.6rem;
    padding-left: 1.6rem;
}

    .add-ons-list li::before {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        padding-right: 1.5rem;
        padding-left: 0.1rem;
    }

.add-ons {
    border-radius: 60px;
    padding: 2rem;
    background-color: #C7F0FB;
    height: 100%;
}

.add-ons-plus {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    color: #1FC2EF;
    position: relative;
}

.pricing-table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5rem;
}

    .pricing-table td, .pricing-table th {
        padding: 1.5rem 2rem 1.5rem 2rem;
    }

    .pricing-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .pricing-table th {
        font-family: 'Patua One', serif;
        font-weight: 100;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        color: black;
    }

    .pricing-table .border-right {
        border-right: 2px solid #CCCCCC;
    }

.pricing-table-heading-border {
    border-bottom: 3px solid #1FC2EF;
}

.pricing-table-text {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 800;
    margin-bottom: 0.4rem;
    margin-top: 0;
}

.pricing-table-desc {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500;
    margin-top: 0rem;
}

.pricing-table-title {
    margin-right: 0.7rem;
}

.pricing-table-title-desc {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 40px;
    font-weight: 400;
}

.pricing-table-heading {
    display: flex !important;
    align-items: baseline !important;
    flex-direction: row !important;
    justify-content: start !important;
    flex-wrap: wrap;
}

@media (min-width: 1280px) {
    .pricing-table-heading {
        font-size: 44px;
    }

    .pricing-table-tier-heading {
        font-size: 44px;
    }

    .pricing-table-title-desc {
        font-size: 44px;
    }

    .pricing-table-text {
        font-size: 32px;
    }

    .pricing-table-desc {
        font-size: 22px;
    }
}

@media (max-width: 1280px) {
    .pricing-table-heading {
        font-size: 32px;
    }

    .pricing-table-tier-heading {
        font-size: 32px;
    }

    .pricing-table-title-desc {
        font-size: 30px;
    }

    .pricing-table-text {
        font-size: 24px;
    }

    .pricing-table-desc {
        font-size: 20px;
    }
}

@media (min-width: 1280px) {
    .pricing-table-hide {
        display: none;
    }
}

@media (max-width: 1280px) {
    .pricing-table-alt-hide {
        display: none;
    }

    .pricing-table-hide tr {
        background-color: inherit !important;
    }

    .pricing-table-alt-th {
        font-family: 'Red Hat Display', sans-serif !important;
        width: 100px !important;
        text-align: center !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        padding: 1rem !important;
        text-align: left !important;
        color: black !important;
        border-bottom: 2px solid #CCCCCC !important;
        white-space: nowrap;
    }
}

.p2s-top-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.183642 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-secondary));
    mask-image: url('/img/ws.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-composite: exclude;
    -webkit-mask-image: url('/img/ws.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    z-index: 0;
    overflow: hidden;
}

.p2s-top-grad-content {
    height: calc(0.183642 * min(1920px, 100vw));
}

.white-bg {
    background: white;
    height: fit-content;
}

.p2s-grad-bg {
    position: relative;
    /*top: -200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-secondary));
}

.q2t-grad-bg {
    position: relative;
    /*top: -200px;*/
    background: linear-gradient(to right, #29E39C, #1FC2EF);
}

.q2t-bot-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.183646 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, #29E39C, #1FC2EF);
    mask-image: url('/img/s2.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/s2.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.p2t-grad-bg {
    position: relative;
    /*top: -200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-tertiary));
}

.p2t-bot-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.183646 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-tertiary));
    mask-image: url('/img/s2.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/s2.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.p2t-rb-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.067180 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-tertiary));
    mask-image: url('/img/rb.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/rb.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.q2t-rb-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.067180 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, #29E39C, #1FC2EF);
    mask-image: url('/img/rb.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/rb.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.p2s-rb-grad-bg {
    position: relative;
    left: 0;
    /*top: -200px;*/
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(0.067180 * min(1920px, 100vw));
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-secondary));
    mask-image: url('/img/rb.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/rb.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.bot-grad-content {
    height: calc(0.183646 * min(1920px, 100vw));
}

.tys-button {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 26px !important;
    font-weight: 700 !important;
    padding: 1.7rem 3rem 1.7rem 3rem !important;
    color: white !important;
    border-color: white !important;
    border-width: 2px !important;
    border-radius: 1.7rem !important;
    background-color: var(--mud-palette-primary) !important;
}

.tys-button:hover {
    background-color: var(--mud-palette-secondary) !important;
}

.transition-button {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 26px !important;
    font-weight: 800 !important;
    padding: 1.7rem 3rem 1.7rem 3rem !important;
    color: white !important;
    border-color: white !important;
    border-width: 2px !important;
    border-radius: 1.7rem !important;
    box-shadow: 0 0 0 0.75rem white;
}

.sample-img {
    border-radius: 25px;
}

.story-sample .story-item, .story-sample .review-item {
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.story-sm-txt {
    font-size: 10px !important;
}

.story-sm-title{
    font-size: 12px !important;
}

.review-sm-txt {
    font-size: 14px !important;
}

.review-sm-title {
    font-size: 18px !important;
}

.story-sample .story-item {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.25);
}

.story-sample .review-item {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.15);
}

.story-sample .review-item-student {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.25)
}

.story-sample .item-bg {
    background-color: white;
    border-radius: 20px;
}

.view-demo {
    background-color: #B9E752 !important;
    color: black !important;
}

.view-demo:hover {
    background-color: var(--mud-palette-secondary) !important;
}

.wpcd {
    width: 95%;
    border-radius: 20px;
    padding: 1.5rem;
}

.wpcd-title {
    font-weight: 800;
    font-size: 32px;
}

.wpcd-text {
    font-size: 22px;
}

.wyg-title {
    font-weight: 800;
    font-size: 32px;
}

.wyg-text {
    font-size: 22px;
}

.wps-container {
    background-color: white;
    border-radius: 20px;
    height: 100%;
}

.wps-box {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.25);
    border-radius: 20px;
    padding: 2rem;
    height: 100%;
}

.wps-title {
    font-size: 29px;
    line-height: 33px;
}

.wps-text {
    font-size: 22px;
}

.wps-role {
    color: var(--mud-palette-primary);
    font-style: italic;
    font-size: 22px;
}

.partner-img-container {
    padding: 1rem;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 2;
}

.partner-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    height: auto;
}

.tier-ii-background {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 1920px;
    /*min-width: 1400px;*/
    left: 50%;
    transform: translateX(-50%);
    height: calc(100vw * 0.70);
    min-height: 1000px;
    max-height: 1500px;
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-secondary));
    mask-image: url('/img/t2.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/t2.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.tier-i-background {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    height: min(calc(100vw * 0.283), 550px);
    min-height: 350px;
    /*max-height: 200px;
    mask-size: 100% 200px;
    -webkit-mask-size: 100% 200px;*/
    background: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-secondary));
    mask-image: url('/img/t1.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/img/t1.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    z-index: 0;
    overflow: hidden;
}

.svg-mask {
    display: none;
}

.content {
    position: relative;
    z-index: 1;
    padding: 0;
}

.showcase-banner {
    height: 280px;
}

.showcase-business-name {
    height: 100px;
    line-height: 100px;
    font-size: clamp(24px, 7vw, 70px);
}

.showcase-logo-box {
    padding: 30px 50px 70px 10px;
    background: white;
    z-index: 1;
    border-radius: 0 0 250px 0;
    box-shadow: 0 0 30px 5px var(--mud-palette-secondary);
    margin-bottom: -60px;
    clip-path: inset(0 -40px -40px 0);
}

.view-story.mud-dialog .mud-dialog-title {
    padding-bottom: 0;
}

.view-story {
    border-radius: 20px;
    padding-bottom: 3rem;
}

.mud-chip.showcase-toggle-button .mud-chip-content {
    justify-content: center !important;
}

.showcase-toggle-button {
    font-family: 'Patua One', serif;
    color: white !important;
    border-color: white !important;
    border-width: 2px !important;
    transition: transform 0.2s ease;
}

    .showcase-toggle-button:hover {
        transform: scale(1.1);
    }

    .showcase-toggle-button.mud-chip.mud-chip-size-large {
        width: min-content;
        padding: 25px 25px;
        font-size: 1.5rem !important;
        border-radius: 30px;
    }

    .showcase-toggle-button.mud-chip-selected {
        background-color: white !important;
        color: var(--mud-palette-primary) !important;
        border-width: 2px !important;
    }

@media (min-width: 1280px) {
    .carousel-arrow {
        margin: 100px;
    }
}

@media (max-width: 1280px) {
    .carousel-arrow {
        margin: 10px;
    }
}

@media (min-width: 960px) {
    .spotlight-carousel {
        height: 400px;
        color: var(--mud-palette-secondary-text);
    }
}

@media (max-width: 960px) {
    .spotlight-carousel {
        min-height: 600px;
        max-height: 85vw;
        color: var(--mud-palette-secondary-text);
    }
}

@media (min-width: 1280px) {
    .spotlight-carousel-grid {
        width: calc(100vw - 500px);
        max-width: 1200px;
    }
}

@media (max-width: 1280px) {
    .spotlight-carousel-grid {
        width: calc(100vw - 90px);
        max-width: 1200px;
        height: min-content;
        padding-left: 48px;
        padding-right: 48px;
        padding-top: 48px;
    }

    .spotlight-carousel-item {
        margin-top: 1rem;
    }
}

@media (min-width: 600px) {
    .showcase-masonry-btns {
        margin-top: 3rem;
    }
}

.spotlight-title {
    transition: transform 0.2s ease;
}

.spotlight-title:hover {
    transform: scale(1.05) translate(10px, -5px);
}

.read-more {
    margin-top: 0.7rem;
    transition: transform 0.2s ease;
}

.read-more-arrow {
    margin-left: 0.5rem;
    margin-top: 0.1rem;
    height: 10px;
    width: 25px;
    background-color: var(--mud-palette-primary);
    -webkit-mask-image: url('/img/read-arrow.svg');
    mask-image: url('/img/read-arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.read-more-arrow-wt {
    margin-left: 0.5rem;
    margin-top: 0.1rem;
    height: 10px;
    width: 25px;
    background-color: white;
    -webkit-mask-image: url('/img/read-arrow.svg');
    mask-image: url('/img/read-arrow.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.read-more:hover {
    transform: translateX(0.5rem);
}

.spotlight-img {
    width: 85%;
    aspect-ratio: 1.5;
    box-shadow: 30px 30px rgba(var(--mud-palette-primary-rgb), 0.5);
    border-radius: 25px;
}

.story-item, .review-item {
    border-radius: 20px;
}

.item-bg, .spotlight-img, .sample-img, .tier-display-center-container {
    transition: transform 0.2s ease;
}

.item-bg:hover, .spotlight-img:hover, .sample-img:hover, .tier-display-center-container:hover {
    transform: scale(1.04);
}

.story-view-content {
    flex-wrap: wrap;
    position: relative;
    text-align: justify;
    text-justify: inter-word;
    margin-left: 3rem;
    margin-right: 3rem;
}

.story-view-spotlight-img {
    /*float: right;
    width: 50%;
    margin-left: 1rem;*/
    border-radius: 25px;
}

.data-grid-panels .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
    padding: 0;
}

.masonry > .mud-grid-item:nth-child(odd) .story-item {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.25);
}

.masonry > .mud-grid-item:nth-child(even) .story-item {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.15);
}

.masonry > .mud-grid-item:nth-child(odd) .review-item-parent {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.25);
}

.masonry > .mud-grid-item:nth-child(even) .review-item-parent {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.15);
}

.masonry > .mud-grid-item:nth-child(odd) .review-item-student {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.25);
}

.masonry > .mud-grid-item:nth-child(even) .review-item-student {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.15);
}

@media (max-width: 600px) {
    .story-view-spotlight-img {
        margin-left: 12px;
        margin-bottom: 18px;
    }

    .view-story {
        padding-bottom: 12px;
    }

    .masonry-2 {
        column-count: 1;
        column-gap: 1rem;
    }

    .masonry-3 {
        column-count: 1;
        column-gap: 1rem;
    }
}

@media (min-width: 601px) and (max-width: 750px) {
    .masonry-3 {
        column-count: 2;
        column-gap: 1rem;
    }
}

@media (min-width: 751px) {
    .masonry-2 {
        column-count: 2;
        column-gap: 1rem;
    }

    .masonry-3 {
        column-count: 3;
        column-gap: 1rem;
    }
}

.masonry .story-item {
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1rem;
}

.masonry .review-item {
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1rem;
}

.masonry .item-bg {
    background-color: white;
    border-radius: 20px;
}

.mirror-svg {
    transform: scaleX(-1);
}

.partner-btn {
    background-image: linear-gradient(to right, rgba(21, 64, 209, 1), rgba(31, 194, 237, 1));
}
.partner-btn:hover {
    background-image: linear-gradient(to right, rgba(21, 64, 209, 1), rgba(174, 141, 255, 1));
}

.survey-container {
    border-radius: 20px;
}

.survey-header {
    border-radius: 20px;
}

.survey-body {
    border-radius: 20px;
    background-color: var(--mud-palette-white);
}

.nav-drop-menu {
    margin-top: -1px;
    background-color: rgba(174, 141, 255, 0.45);
    border-radius: 0px 0px 25px 25px;
    padding: 0;
    flex: 1;
}

.demo-nav-drop-menu {
    width: 10rem;
}

.nav-drop-menu-popover {
    display: flex;
    border-radius: 0px 0px 25px 25px;
    box-shadow: none;
}

.nav-drop-menu .mud-list-item-text {
    text-align: center;
    padding: 0;
}

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.review-preview .mud-input > textarea.mud-input-root-outlined {
    margin: 0.5rem 0.7rem 0.5rem 0.7rem;
}

.dia-90 {
    width: 90%;
}

.unit-table-shade {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.2);
}

.unit-indent {
    list-style-type: disc;
    padding-left: 0.5rem;
    margin-left: 1rem;
}

.unit-indent > li.has-nested-list {
    list-style-type: none;
}

.nested-bullet-next {
    list-style-type: "\21d2";
    margin-left: 0.8rem;
    padding-left: 0.5rem;
}

.nested-bullet-prev {
    list-style-type: "\21d0";
    margin-left: 0.8rem;
    padding-left: 0.5rem;
}

li::marker {
    color: var(--mud-palette-action-default);
}

.border-gradient-primary {
    border: 3px solid transparent;
    border-image: linear-gradient(to right, var(--mud-palette-primary), var(--mud-palette-tertiary));
    border-image-slice: 1;
}

.border-gradient-secondary {
    border: 3px solid transparent;
    border-image: linear-gradient(to right, var(--mud-palette-tertiary), var(--mud-palette-secondary));
    border-image-slice: 1;
}

.border-gradient-primary-static {
    border: 3px solid transparent;
    border-image: linear-gradient(to right, rgba(21, 64, 209, 1), rgba(31, 194, 237, 1));
    border-image-slice: 1;
}

.border-gradient-secondary-static {
    border: 3px solid transparent;
    border-image: linear-gradient(to right, rgba(31, 194, 237, 1), rgba(174, 141, 255, 1));
    border-image-slice: 1;
}

.only-bottom {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

/*//// UNIT STANDARD TABLE /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.table-container {
    overflow-x: auto;
    margin-top: 0;
}

.custom-table {
    width: 100%;
    margin: 5px 0;
    font-size: 0.9em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-width: 400px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--mud-default-borderradius);
}

    .custom-table .bottom-border {
        border-bottom: 1px solid var(--mud-palette-grey-default);
    }

    .custom-table .right-border {
        border-right: 1px solid var(--mud-palette-grey-default);
    }

    .custom-table .shadow-row{
        box-shadow: var(--mud-elevation-1);
    }

    .custom-table th, .custom-table td {
        padding: 12px 15px;
        border-left: 1px solid var(--mud-palette-grey-default);
        border-top: 1px solid var(--mud-palette-grey-default);
        text-align: center;
        vertical-align: middle;
    }

    .custom-table thead tr {
        background-color: var(--mud-palette-table-striped);
        text-align: left;
    }

    .custom-table .top-left-corner {
        border-top-left-radius: var(--mud-default-borderradius);
    }

    .custom-table .top-right-corner {
        border-top-right-radius: var(--mud-default-borderradius);
    }

    .custom-table .bottom-left-corner {
        border-bottom-left-radius: var(--mud-default-borderradius);
    }

    .custom-table .bottom-right-corner {
        border-bottom-right-radius: var(--mud-default-borderradius);
    }

    .custom-table td:last-child {
        border-right: 1px solid var(--mud-palette-grey-default);
    }

.tilted-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--mud-palette-grey-default);
    border-top-right-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
    box-shadow: 0px -2px 1px -1px rgba(0,0,0,0.2),0px -1px 1px 0px rgba(0,0,0,0.14),0px -1px 3px 0px rgba(0,0,0,0.12);
}

.custom-table .priority-0 {
    color: green;
}

.custom-table .priority-1 {
    color: orange;
}

.custom-table .priority-2 {
    color: red;
}

.custom-table .no-priority {
    color: #bbbbbb;
}

.white-row {
    background-color: #ffffff;
}

.shaded-row {
    background-color: var(--mud-palette-table-striped);
}

.blank-row td {
    border: none !important;
    height: 5px;
    background-color: transparent !important;
}

.blank-cell {
    border: none !important;
    background-color: transparent !important;
}

.addl-priority-color {
    color: var(--mud-palette-dark);
}

.icon-xs {
    font-size: 0.7rem;
}

/*.background {
    height: 100vh;
    width: 100vw;
    background-image: url("/img/cover.classic.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.background-2 {
    height: 100vh;
    width: 100vw;
    background-image: url("/img/port.classic.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}*/

/*//// PRINT STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.img-load {
    width: 0;
    height: 0;
    background-image: url('/img/report-bg.svg');
}

.cover-content {
    text-align: center;
    width: 475px;
}

.cover-page {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0.25in;
    }

    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .cover-page-container {
        background-image: linear-gradient(to left, var(--mud-palette-secondary-darken), var(--mud-palette-secondary-lighten));
    }

    .cover-page {
        width: 100%;
        height: 100vh;
        /*background-image: url('/img/report-bg.svg');
        background-size: 100% 100%;*/
        -webkit-mask-image: url('/img/report-bg.svg');
        mask-image: url('/img/report-bg.svg');
        mask-size: 100% 100%;
        background-image: linear-gradient(to bottom right, var(--mud-palette-primary-darken), var(--mud-palette-primary-lighten));
    }

    .page-break {
        page-break-before: always;
    }

    .avoid-page-break {
        page-break-inside: avoid;
    }

    .mud-grid {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box
    }

    .mud-grid-item {
        margin: 0;
        box-sizing: border-box
    }

    .mud-grid-item-md-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }

    .mud-grid-item-md-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }

    .mud-grid-item-md-1 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%
    }

    .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%
    }

    .mud-grid-item-md-3 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%
    }

    .mud-grid-item-md-4 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }

    .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%
    }

    .mud-grid-item-md-6 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%
    }

    .mud-grid-item-md-7 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%
    }

    .mud-grid-item-md-8 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%
    }

    .mud-grid-item-md-9 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%
    }

    .mud-grid-item-md-10 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%
    }

    .mud-grid-item-md-11 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%
    }

    .mud-grid-item-md-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%
    }

    .mud-md-table .mud-table-root .mud-table-head, .mud-md-table .mud-table-root .mud-table-foot {
        display: none
    }

    .mud-md-table .mud-table-smalldevices-sortselect {
        display: block;
        padding: 4px 16px 8px;
    }

    .mud-md-table .mud-table-body {
        border-top: 1px solid var(--mud-palette-table-lines);
    }

    .mud-md-table .mud-table-row {
        display: revert;
    }

        .mud-md-table .mud-table-row .mud-table-cell:last-child {
            border-bottom: 1px solid var(--mud-palette-table-lines);
        }

    .mud-md-table .mud-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .mud-md-table.mud-table-dense .mud-table-cell {
        padding: 6px 16px;
    }

    .mud-md-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
    }

    .mud-md-table.mud-table-small-alignright .mud-table-cell:before {
        margin-right: auto
    }

    .mud-md-table .mud-table-cell-hide {
        visibility: collapse;
        height: 0;
        padding: 0;
        margin: 0;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-spacer {
        flex: none;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:first-child {
        display: none;
    }

    .mud-md-table .mud-table-pagination .mud-table-pagination-actions .mud-button-root:last-child {
        display: none;
    }

    .mud-md-table .mud-table-pagination .mud-select ~ .mud-table-pagination-caption {
        margin-left: auto;
        margin-inline-start: auto;
    }

    .mud-md-table.mud-table-bordered .mud-table-container .mud-table-root colgroup ~ .mud-table-body .mud-table-row .mud-table-cell {
        border-right: 1px solid var(--mud-palette-table-lines) !important;
    }

    .mud-md-table.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell {
        border-right: none !important;
    }

    .flex-md-1 {
        flex: 1 1 0% !important;
    }

    .flex-md-auto {
        flex: 1 1 auto !important;
    }

    .flex-md-initial {
        flex: 0 1 auto !important
    }

    .flex-md-none {
        flex: none !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-md-start {
        justify-content: flex-start !important
    }

    .justify-md-end {
        justify-content: flex-end !important
    }

    .justify-md-center {
        justify-content: center !important
    }

    .justify-md-space-between {
        justify-content: space-between !important
    }

    .justify-md-space-around {
        justify-content: space-around !important
    }

    .justify-md-space-evenly {
        justify-content: space-evenly !important
    }

    .order-md-first {
        order: -9999 !important
    }

    .order-md-last {
        order: 9999 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-6 {
        order: 6 !important
    }

    .order-md-7 {
        order: 7 !important
    }

    .order-md-8 {
        order: 8 !important
    }

    .order-md-9 {
        order: 9 !important
    }

    .order-md-10 {
        order: 10 !important
    }

    .order-md-11 {
        order: 11 !important
    }

    .order-md-12 {
        order: 12 !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-space-between {
        align-content: space-between !important
    }

    .align-content-md-space-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-md-start {
        align-items: flex-start !important
    }

    .align-md-end {
        align-items: flex-end !important
    }

    .align-md-center {
        align-items: center !important
    }

    .align-md-baseline {
        align-items: baseline !important
    }

    .align-md-stretch {
        align-items: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .gap-md-0 {
        gap: 0px
    }

    .gap-x-md-0 {
        column-gap: 0px
    }

    .gap-y-md-0 {
        row-gap: 0px
    }

    .gap-md-1 {
        gap: 4px
    }

    .gap-x-md-1 {
        column-gap: 4px
    }

    .gap-y-md-1 {
        row-gap: 4px
    }

    .gap-md-2 {
        gap: 8px
    }

    .gap-x-md-2 {
        column-gap: 8px
    }

    .gap-y-md-2 {
        row-gap: 8px
    }

    .gap-md-3 {
        gap: 12px
    }

    .gap-x-md-3 {
        column-gap: 12px
    }

    .gap-y-md-3 {
        row-gap: 12px
    }

    .gap-md-4 {
        gap: 16px
    }

    .gap-x-md-4 {
        column-gap: 16px
    }

    .gap-y-md-4 {
        row-gap: 16px
    }

    .gap-md-5 {
        gap: 20px
    }

    .gap-x-md-5 {
        column-gap: 20px
    }

    .gap-y-md-5 {
        row-gap: 20px
    }

    .gap-md-6 {
        gap: 24px
    }

    .gap-x-md-6 {
        column-gap: 24px
    }

    .gap-y-md-6 {
        row-gap: 24px
    }

    .gap-md-7 {
        gap: 28px
    }

    .gap-x-md-7 {
        column-gap: 28px
    }

    .gap-y-md-7 {
        row-gap: 28px
    }

    .gap-md-8 {
        gap: 32px
    }

    .gap-x-md-8 {
        column-gap: 32px
    }

    .gap-y-md-8 {
        row-gap: 32px
    }

    .gap-md-9 {
        gap: 36px
    }

    .gap-x-md-9 {
        column-gap: 36px
    }

    .gap-y-md-9 {
        row-gap: 36px
    }

    .gap-md-10 {
        gap: 40px
    }

    .gap-x-md-10 {
        column-gap: 40px
    }

    .gap-y-md-10 {
        row-gap: 40px
    }

    .gap-md-11 {
        gap: 44px
    }

    .gap-x-md-11 {
        column-gap: 44px
    }

    .gap-y-md-11 {
        row-gap: 44px
    }

    .gap-md-12 {
        gap: 48px
    }

    .gap-x-md-12 {
        column-gap: 48px
    }

    .gap-y-md-12 {
        row-gap: 48px
    }

    .gap-md-13 {
        gap: 52px
    }

    .gap-x-md-13 {
        column-gap: 52px
    }

    .gap-y-md-13 {
        row-gap: 52px
    }

    .gap-md-14 {
        gap: 56px
    }

    .gap-x-md-14 {
        column-gap: 56px
    }

    .gap-y-md-14 {
        row-gap: 56px
    }

    .gap-md-15 {
        gap: 60px
    }

    .gap-x-md-15 {
        column-gap: 60px
    }

    .gap-y-md-15 {
        row-gap: 60px
    }

    .gap-md-16 {
        gap: 64px
    }

    .gap-x-md-16 {
        column-gap: 64px
    }

    .gap-y-md-16 {
        row-gap: 64px
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ms-md-0 {
        margin-inline-start: 0 !important
    }

    .me-md-0 {
        margin-inline-end: 0 !important
    }

    .ma-md-0 {
        margin: 0 !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: 4px !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: 4px !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: 4px !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: 4px !important
    }

    .ms-md-1 {
        margin-inline-start: 4px !important
    }

    .me-md-1 {
        margin-inline-end: 4px !important
    }

    .ma-md-1 {
        margin: 4px !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: 8px !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: 8px !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: 8px !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: 8px !important
    }

    .ms-md-2 {
        margin-inline-start: 8px !important
    }

    .me-md-2 {
        margin-inline-end: 8px !important
    }

    .ma-md-2 {
        margin: 8px !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 12px !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 12px !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 12px !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 12px !important
    }

    .ms-md-3 {
        margin-inline-start: 12px !important
    }

    .me-md-3 {
        margin-inline-end: 12px !important
    }

    .ma-md-3 {
        margin: 12px !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 16px !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 16px !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 16px !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 16px !important
    }

    .ms-md-4 {
        margin-inline-start: 16px !important
    }

    .me-md-4 {
        margin-inline-end: 16px !important
    }

    .ma-md-4 {
        margin: 16px !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 20px !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 20px !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 20px !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 20px !important
    }

    .ms-md-5 {
        margin-inline-start: 20px !important
    }

    .me-md-5 {
        margin-inline-end: 20px !important
    }

    .ma-md-5 {
        margin: 20px !important
    }

    .mt-md-6, .my-md-6 {
        margin-top: 24px !important
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 24px !important
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 24px !important
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 24px !important
    }

    .ms-md-6 {
        margin-inline-start: 24px !important
    }

    .me-md-6 {
        margin-inline-end: 24px !important
    }

    .ma-md-6 {
        margin: 24px !important
    }

    .mt-md-7, .my-md-7 {
        margin-top: 28px !important
    }

    .mr-md-7, .mx-md-7 {
        margin-right: 28px !important
    }

    .ml-md-7, .mx-md-7 {
        margin-left: 28px !important
    }

    .mb-md-7, .my-md-7 {
        margin-bottom: 28px !important
    }

    .ms-md-7 {
        margin-inline-start: 28px !important
    }

    .me-md-7 {
        margin-inline-end: 28px !important
    }

    .ma-md-7 {
        margin: 28px !important
    }

    .mt-md-8, .my-md-8 {
        margin-top: 32px !important
    }

    .mr-md-8, .mx-md-8 {
        margin-right: 32px !important
    }

    .ml-md-8, .mx-md-8 {
        margin-left: 32px !important
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 32px !important
    }

    .ms-md-8 {
        margin-inline-start: 32px !important
    }

    .me-md-8 {
        margin-inline-end: 32px !important
    }

    .ma-md-8 {
        margin: 32px !important
    }

    .mt-md-9, .my-md-9 {
        margin-top: 36px !important
    }

    .mr-md-9, .mx-md-9 {
        margin-right: 36px !important
    }

    .ml-md-9, .mx-md-9 {
        margin-left: 36px !important
    }

    .mb-md-9, .my-md-9 {
        margin-bottom: 36px !important
    }

    .ms-md-9 {
        margin-inline-start: 36px !important
    }

    .me-md-9 {
        margin-inline-end: 36px !important
    }

    .ma-md-9 {
        margin: 36px !important
    }

    .mt-md-10, .my-md-10 {
        margin-top: 40px !important
    }

    .mr-md-10, .mx-md-10 {
        margin-right: 40px !important
    }

    .ml-md-10, .mx-md-10 {
        margin-left: 40px !important
    }

    .mb-md-10, .my-md-10 {
        margin-bottom: 40px !important
    }

    .ms-md-10 {
        margin-inline-start: 40px !important
    }

    .me-md-10 {
        margin-inline-end: 40px !important
    }

    .ma-md-10 {
        margin: 40px !important
    }

    .mt-md-11, .my-md-11 {
        margin-top: 44px !important
    }

    .mr-md-11, .mx-md-11 {
        margin-right: 44px !important
    }

    .ml-md-11, .mx-md-11 {
        margin-left: 44px !important
    }

    .mb-md-11, .my-md-11 {
        margin-bottom: 44px !important
    }

    .ms-md-11 {
        margin-inline-start: 44px !important
    }

    .me-md-11 {
        margin-inline-end: 44px !important
    }

    .ma-md-11 {
        margin: 44px !important
    }

    .mt-md-12, .my-md-12 {
        margin-top: 48px !important
    }

    .mr-md-12, .mx-md-12 {
        margin-right: 48px !important
    }

    .ml-md-12, .mx-md-12 {
        margin-left: 48px !important
    }

    .mb-md-12, .my-md-12 {
        margin-bottom: 48px !important
    }

    .ms-md-12 {
        margin-inline-start: 48px !important
    }

    .me-md-12 {
        margin-inline-end: 48px !important
    }

    .ma-md-12 {
        margin: 48px !important
    }

    .mt-md-13, .my-md-13 {
        margin-top: 52px !important
    }

    .mr-md-13, .mx-md-13 {
        margin-right: 52px !important
    }

    .ml-md-13, .mx-md-13 {
        margin-left: 52px !important
    }

    .mb-md-13, .my-md-13 {
        margin-bottom: 52px !important
    }

    .ms-md-13 {
        margin-inline-start: 52px !important
    }

    .me-md-13 {
        margin-inline-end: 52px !important
    }

    .ma-md-13 {
        margin: 52px !important
    }

    .mt-md-14, .my-md-14 {
        margin-top: 56px !important
    }

    .mr-md-14, .mx-md-14 {
        margin-right: 56px !important
    }

    .ml-md-14, .mx-md-14 {
        margin-left: 56px !important
    }

    .mb-md-14, .my-md-14 {
        margin-bottom: 56px !important
    }

    .ms-md-14 {
        margin-inline-start: 56px !important
    }

    .me-md-14 {
        margin-inline-end: 56px !important
    }

    .ma-md-14 {
        margin: 56px !important
    }

    .mt-md-15, .my-md-15 {
        margin-top: 60px !important
    }

    .mr-md-15, .mx-md-15 {
        margin-right: 60px !important
    }

    .ml-md-15, .mx-md-15 {
        margin-left: 60px !important
    }

    .mb-md-15, .my-md-15 {
        margin-bottom: 60px !important
    }

    .ms-md-15 {
        margin-inline-start: 60px !important
    }

    .me-md-15 {
        margin-inline-end: 60px !important
    }

    .ma-md-15 {
        margin: 60px !important
    }

    .mt-md-16, .my-md-16 {
        margin-top: 64px !important
    }

    .mr-md-16, .mx-md-16 {
        margin-right: 64px !important
    }

    .ml-md-16, .mx-md-16 {
        margin-left: 64px !important
    }

    .mb-md-16, .my-md-16 {
        margin-bottom: 64px !important
    }

    .ms-md-16 {
        margin-inline-start: 64px !important
    }

    .me-md-16 {
        margin-inline-end: 64px !important
    }

    .ma-md-16 {
        margin: 64px !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-auto {
        margin-inline-start: auto !important
    }

    .me-md-auto {
        margin-inline-end: auto !important
    }

    .ma-md-auto {
        margin: auto !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .ps-md-0 {
        padding-inline-start: 0 !important
    }

    .pe-md-0 {
        padding-inline-end: 0 !important
    }

    .pa-md-0 {
        padding: 0 !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: 4px !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: 4px !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: 4px !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: 4px !important
    }

    .ps-md-1 {
        padding-inline-start: 4px !important
    }

    .pe-md-1 {
        padding-inline-end: 4px !important
    }

    .pa-md-1 {
        padding: 4px !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: 8px !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: 8px !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: 8px !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: 8px !important
    }

    .ps-md-2 {
        padding-inline-start: 8px !important
    }

    .pe-md-2 {
        padding-inline-end: 8px !important
    }

    .pa-md-2 {
        padding: 8px !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 12px !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 12px !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 12px !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 12px !important
    }

    .ps-md-3 {
        padding-inline-start: 12px !important
    }

    .pe-md-3 {
        padding-inline-end: 12px !important
    }

    .pa-md-3 {
        padding: 12px !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 16px !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 16px !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 16px !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 16px !important
    }

    .ps-md-4 {
        padding-inline-start: 16px !important
    }

    .pe-md-4 {
        padding-inline-end: 16px !important
    }

    .pa-md-4 {
        padding: 16px !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 20px !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 20px !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 20px !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 20px !important
    }

    .ps-md-5 {
        padding-inline-start: 20px !important
    }

    .pe-md-5 {
        padding-inline-end: 20px !important
    }

    .pa-md-5 {
        padding: 20px !important
    }

    .pt-md-6, .py-md-6 {
        padding-top: 24px !important
    }

    .pr-md-6, .px-md-6 {
        padding-right: 24px !important
    }

    .pl-md-6, .px-md-6 {
        padding-left: 24px !important
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 24px !important
    }

    .ps-md-6 {
        padding-inline-start: 24px !important
    }

    .pe-md-6 {
        padding-inline-end: 24px !important
    }

    .pa-md-6 {
        padding: 24px !important
    }

    .pt-md-7, .py-md-7 {
        padding-top: 28px !important
    }

    .pr-md-7, .px-md-7 {
        padding-right: 28px !important
    }

    .pl-md-7, .px-md-7 {
        padding-left: 28px !important
    }

    .pb-md-7, .py-md-7 {
        padding-bottom: 28px !important
    }

    .ps-md-7 {
        padding-inline-start: 28px !important
    }

    .pe-md-7 {
        padding-inline-end: 28px !important
    }

    .pa-md-7 {
        padding: 28px !important
    }

    .pt-md-8, .py-md-8 {
        padding-top: 32px !important
    }

    .pr-md-8, .px-md-8 {
        padding-right: 32px !important
    }

    .pl-md-8, .px-md-8 {
        padding-left: 32px !important
    }

    .pb-md-8, .py-md-8 {
        padding-bottom: 32px !important
    }

    .ps-md-8 {
        padding-inline-start: 32px !important
    }

    .pe-md-8 {
        padding-inline-end: 32px !important
    }

    .pa-md-8 {
        padding: 32px !important
    }

    .pt-md-9, .py-md-9 {
        padding-top: 36px !important
    }

    .pr-md-9, .px-md-9 {
        padding-right: 36px !important
    }

    .pl-md-9, .px-md-9 {
        padding-left: 36px !important
    }

    .pb-md-9, .py-md-9 {
        padding-bottom: 36px !important
    }

    .ps-md-9 {
        padding-inline-start: 36px !important
    }

    .pe-md-9 {
        padding-inline-end: 36px !important
    }

    .pa-md-9 {
        padding: 36px !important
    }

    .pt-md-10, .py-md-10 {
        padding-top: 40px !important
    }

    .pr-md-10, .px-md-10 {
        padding-right: 40px !important
    }

    .pl-md-10, .px-md-10 {
        padding-left: 40px !important
    }

    .pb-md-10, .py-md-10 {
        padding-bottom: 40px !important
    }

    .ps-md-10 {
        padding-inline-start: 40px !important
    }

    .pe-md-10 {
        padding-inline-end: 40px !important
    }

    .pa-md-10 {
        padding: 40px !important
    }

    .pt-md-11, .py-md-11 {
        padding-top: 44px !important
    }

    .pr-md-11, .px-md-11 {
        padding-right: 44px !important
    }

    .pl-md-11, .px-md-11 {
        padding-left: 44px !important
    }

    .pb-md-11, .py-md-11 {
        padding-bottom: 44px !important
    }

    .ps-md-11 {
        padding-inline-start: 44px !important
    }

    .pe-md-11 {
        padding-inline-end: 44px !important
    }

    .pa-md-11 {
        padding: 44px !important
    }

    .pt-md-12, .py-md-12 {
        padding-top: 48px !important
    }

    .pr-md-12, .px-md-12 {
        padding-right: 48px !important
    }

    .pl-md-12, .px-md-12 {
        padding-left: 48px !important
    }

    .pb-md-12, .py-md-12 {
        padding-bottom: 48px !important
    }

    .ps-md-12 {
        padding-inline-start: 48px !important
    }

    .pe-md-12 {
        padding-inline-end: 48px !important
    }

    .pa-md-12 {
        padding: 48px !important
    }

    .pt-md-13, .py-md-13 {
        padding-top: 52px !important
    }

    .pr-md-13, .px-md-13 {
        padding-right: 52px !important
    }

    .pl-md-13, .px-md-13 {
        padding-left: 52px !important
    }

    .pb-md-13, .py-md-13 {
        padding-bottom: 52px !important
    }

    .ps-md-13 {
        padding-inline-start: 52px !important
    }

    .pe-md-13 {
        padding-inline-end: 52px !important
    }

    .pa-md-13 {
        padding: 52px !important
    }

    .pt-md-14, .py-md-14 {
        padding-top: 56px !important
    }

    .pr-md-14, .px-md-14 {
        padding-right: 56px !important
    }

    .pl-md-14, .px-md-14 {
        padding-left: 56px !important
    }

    .pb-md-14, .py-md-14 {
        padding-bottom: 56px !important
    }

    .ps-md-14 {
        padding-inline-start: 56px !important
    }

    .pe-md-14 {
        padding-inline-end: 56px !important
    }

    .pa-md-14 {
        padding: 56px !important
    }

    .pt-md-15, .py-md-15 {
        padding-top: 60px !important
    }

    .pr-md-15, .px-md-15 {
        padding-right: 60px !important
    }

    .pl-md-15, .px-md-15 {
        padding-left: 60px !important
    }

    .pb-md-15, .py-md-15 {
        padding-bottom: 60px !important
    }

    .ps-md-15 {
        padding-inline-start: 60px !important
    }

    .pe-md-15 {
        padding-inline-end: 60px !important
    }

    .pa-md-15 {
        padding: 60px !important
    }

    .pt-md-16, .py-md-16 {
        padding-top: 64px !important
    }

    .pr-md-16, .px-md-16 {
        padding-right: 64px !important
    }

    .pl-md-16, .px-md-16 {
        padding-left: 64px !important
    }

    .pb-md-16, .py-md-16 {
        padding-bottom: 64px !important
    }

    .ps-md-16 {
        padding-inline-start: 64px !important
    }

    .pe-md-16 {
        padding-inline-end: 64px !important
    }

    .pa-md-16 {
        padding: 64px !important
    }

    .pt-md-auto, .py-md-auto {
        padding-top: auto !important
    }

    .pr-md-auto, .px-md-auto {
        padding-right: auto !important
    }

    .pl-md-auto, .px-md-auto {
        padding-left: auto !important
    }

    .pb-md-auto, .py-md-auto {
        padding-bottom: auto !important
    }

    .ps-md-auto {
        padding-inline-start: auto !important
    }

    .pe-md-auto {
        padding-inline-end: auto !important
    }

    .pa-md-auto {
        padding: auto !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -4px !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -4px !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -4px !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -4px !important
    }

    .ms-md-n1 {
        margin-inline-start: -4px !important
    }

    .me-md-n1 {
        margin-inline-end: -4px !important
    }

    .ma-md-n1 {
        margin: -4px !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -8px !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -8px !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -8px !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -8px !important
    }

    .ms-md-n2 {
        margin-inline-start: -8px !important
    }

    .me-md-n2 {
        margin-inline-end: -8px !important
    }

    .ma-md-n2 {
        margin: -8px !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -12px !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -12px !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -12px !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -12px !important
    }

    .ms-md-n3 {
        margin-inline-start: -12px !important
    }

    .me-md-n3 {
        margin-inline-end: -12px !important
    }

    .ma-md-n3 {
        margin: -12px !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -16px !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -16px !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -16px !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -16px !important
    }

    .ms-md-n4 {
        margin-inline-start: -16px !important
    }

    .me-md-n4 {
        margin-inline-end: -16px !important
    }

    .ma-md-n4 {
        margin: -16px !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -20px !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -20px !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -20px !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -20px !important
    }

    .ms-md-n5 {
        margin-inline-start: -20px !important
    }

    .me-md-n5 {
        margin-inline-end: -20px !important
    }

    .ma-md-n5 {
        margin: -20px !important
    }

    .mt-md-n6, .my-md-n6 {
        margin-top: -24px !important
    }

    .mr-md-n6, .mx-md-n6 {
        margin-right: -24px !important
    }

    .ml-md-n6, .mx-md-n6 {
        margin-left: -24px !important
    }

    .mb-md-n6, .my-md-n6 {
        margin-bottom: -24px !important
    }

    .ms-md-n6 {
        margin-inline-start: -24px !important
    }

    .me-md-n6 {
        margin-inline-end: -24px !important
    }

    .ma-md-n6 {
        margin: -24px !important
    }

    .mt-md-n7, .my-md-n7 {
        margin-top: -28px !important
    }

    .mr-md-n7, .mx-md-n7 {
        margin-right: -28px !important
    }

    .ml-md-n7, .mx-md-n7 {
        margin-left: -28px !important
    }

    .mb-md-n7, .my-md-n7 {
        margin-bottom: -28px !important
    }

    .ms-md-n7 {
        margin-inline-start: -28px !important
    }

    .me-md-n7 {
        margin-inline-end: -28px !important
    }

    .ma-md-n7 {
        margin: -28px !important
    }

    .mt-md-n8, .my-md-n8 {
        margin-top: -32px !important
    }

    .mr-md-n8, .mx-md-n8 {
        margin-right: -32px !important
    }

    .ml-md-n8, .mx-md-n8 {
        margin-left: -32px !important
    }

    .mb-md-n8, .my-md-n8 {
        margin-bottom: -32px !important
    }

    .ms-md-n8 {
        margin-inline-start: -32px !important
    }

    .me-md-n8 {
        margin-inline-end: -32px !important
    }

    .ma-md-n8 {
        margin: -32px !important
    }

    .mt-md-n9, .my-md-n9 {
        margin-top: -36px !important
    }

    .mr-md-n9, .mx-md-n9 {
        margin-right: -36px !important
    }

    .ml-md-n9, .mx-md-n9 {
        margin-left: -36px !important
    }

    .mb-md-n9, .my-md-n9 {
        margin-bottom: -36px !important
    }

    .ms-md-n9 {
        margin-inline-start: -36px !important
    }

    .me-md-n9 {
        margin-inline-end: -36px !important
    }

    .ma-md-n9 {
        margin: -36px !important
    }

    .mt-md-n10, .my-md-n10 {
        margin-top: -40px !important
    }

    .mr-md-n10, .mx-md-n10 {
        margin-right: -40px !important
    }

    .ml-md-n10, .mx-md-n10 {
        margin-left: -40px !important
    }

    .mb-md-n10, .my-md-n10 {
        margin-bottom: -40px !important
    }

    .ms-md-n10 {
        margin-inline-start: -40px !important
    }

    .me-md-n10 {
        margin-inline-end: -40px !important
    }

    .ma-md-n10 {
        margin: -40px !important
    }

    .mt-md-n11, .my-md-n11 {
        margin-top: -44px !important
    }

    .mr-md-n11, .mx-md-n11 {
        margin-right: -44px !important
    }

    .ml-md-n11, .mx-md-n11 {
        margin-left: -44px !important
    }

    .mb-md-n11, .my-md-n11 {
        margin-bottom: -44px !important
    }

    .ms-md-n11 {
        margin-inline-start: -44px !important
    }

    .me-md-n11 {
        margin-inline-end: -44px !important
    }

    .ma-md-n11 {
        margin: -44px !important
    }

    .mt-md-n12, .my-md-n12 {
        margin-top: -48px !important
    }

    .mr-md-n12, .mx-md-n12 {
        margin-right: -48px !important
    }

    .ml-md-n12, .mx-md-n12 {
        margin-left: -48px !important
    }

    .mb-md-n12, .my-md-n12 {
        margin-bottom: -48px !important
    }

    .ms-md-n12 {
        margin-inline-start: -48px !important
    }

    .me-md-n12 {
        margin-inline-end: -48px !important
    }

    .ma-md-n12 {
        margin: -48px !important
    }

    .mt-md-n13, .my-md-n13 {
        margin-top: -52px !important
    }

    .mr-md-n13, .mx-md-n13 {
        margin-right: -52px !important
    }

    .ml-md-n13, .mx-md-n13 {
        margin-left: -52px !important
    }

    .mb-md-n13, .my-md-n13 {
        margin-bottom: -52px !important
    }

    .ms-md-n13 {
        margin-inline-start: -52px !important
    }

    .me-md-n13 {
        margin-inline-end: -52px !important
    }

    .ma-md-n13 {
        margin: -52px !important
    }

    .mt-md-n14, .my-md-n14 {
        margin-top: -56px !important
    }

    .mr-md-n14, .mx-md-n14 {
        margin-right: -56px !important
    }

    .ml-md-n14, .mx-md-n14 {
        margin-left: -56px !important
    }

    .mb-md-n14, .my-md-n14 {
        margin-bottom: -56px !important
    }

    .ms-md-n14 {
        margin-inline-start: -56px !important
    }

    .me-md-n14 {
        margin-inline-end: -56px !important
    }

    .ma-md-n14 {
        margin: -56px !important
    }

    .mt-md-n15, .my-md-n15 {
        margin-top: -60px !important
    }

    .mr-md-n15, .mx-md-n15 {
        margin-right: -60px !important
    }

    .ml-md-n15, .mx-md-n15 {
        margin-left: -60px !important
    }

    .mb-md-n15, .my-md-n15 {
        margin-bottom: -60px !important
    }

    .ms-md-n15 {
        margin-inline-start: -60px !important
    }

    .me-md-n15 {
        margin-inline-end: -60px !important
    }

    .ma-md-n15 {
        margin: -60px !important
    }

    .mt-md-n16, .my-md-n16 {
        margin-top: -64px !important
    }

    .mr-md-n16, .mx-md-n16 {
        margin-right: -64px !important
    }

    .ml-md-n16, .mx-md-n16 {
        margin-left: -64px !important
    }

    .mb-md-n16, .my-md-n16 {
        margin-bottom: -64px !important
    }

    .ms-md-n16 {
        margin-inline-start: -64px !important
    }

    .me-md-n16 {
        margin-inline-end: -64px !important
    }

    .ma-md-n16 {
        margin: -64px !important
    }

    .mud-container-fixed {
        max-width: 960px
    }

    .mud-container-maxwidth-md {
        max-width: 960px
    }
}

:root {
    --priority-0: #3fc290;
    --priority-1: #ff5b97;
    --priority-2: #888388;
    --priority-0-light: #9fe0c7;
    --priority-1-light: #ffadcb;
    --priority-2-light: #c0bdc1;
}

.priority-0 {
    background-color: var(--priority-0) !important;
    color: var(--mud-palette-primary-text) !important;
}

.priority-1 {
    background-color: var(--priority-1) !important;
    color: var(--mud-palette-primary-text) !important;
}

.priority-2 {
    background-color: var(--priority-2) !important;
    color: var(--mud-palette-primary-text) !important;
}

.priority-0-txt {
    color: var(--priority-0) !important;
}

.priority-1-txt {
    color: var(--priority-1) !important;
}

.priority-2-txt {
    color: var(--priority-2) !important;
}

.priority-0-light {
    background-color: var(--priority-0-light) !important;
    color: var(--mud-palette-text-primary) !important;
}

.priority-1-light {
    background-color: var(--priority-1-light) !important;
    color: var(--mud-palette-text-primary) !important;
}

.priority-2-light {
    background-color: var(--priority-2-light) !important;
    color: var(--mud-palette-text-primary) !important;
}