:root {
    --max529-expansionpanel-arrow-size: 3rem;
    --max529-topnav-minimum-height: 135px;
    --max529-button-medium-width: 140px;
    --max529-border-radius: 15px;
    --max529-input-height: 0.875em;
    --max529-dashboard-card-height: 320px;
    --mud-appbar-height: 100px;
}

/*dont show background on small screen*/
@media(min-width: 600px) {
    html:has(div.max529-login-container) {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('/images/20-High-School-Students-Studying-BW.jpg');
        background-attachment: fixed
    }
}

.max529-login-paper {
    width: fit-content;
}

@media(min-width: 600px) {
    .max529-login-paper div.max529-bg-transparent {
    }
}

@media(min-width: 960px) {
    .max529-login-paper div.max529-bg-transparent {
        min-width: 525px;
    }
}

.max529-html {
}

.max529-body {
    background: transparent;
}

.max529-app {
}

.max529-logo {
    width: 200px;
    height: 60px;
}

.max529-login-logo {
    width: 252px;
    height: 76px;
    vertical-align: middle;
}

/*app bar height is 55px. The logo is displayed in it with height of 50px*/
/*the logo svg viewbox is 315 * 90 (width is 3.5 times height)*/
.max529-app-logo {
    width: 175px;
    height: 55px;
    vertical-align: middle;
    padding: 6px;
}

.max529-bottom-banner-logo {
    height: 65px;
    max-width: 100%;
    vertical-align: middle;
}

@media (min-width: 576px) {
    .max529-bottom-banner-logo {
        height: 100px;
        max-width: 100%;
        vertical-align: middle;
    }
}

.max529-top-nav {
    min-height: var(--max529-topnav-minimum-height);
    position: sticky;
    z-index: calc(var(--mud-zindex-appbar) - 1);
    top: var(--mud-appbar-height);
}

.max529-top-nav-row {
    gap: 0.25rem;
}

@media (min-width: 576px) {
    .max529-top-nav-row {
        gap: 1rem;
    }
}

.max529-top-navigation {
    background-image: url(../images/green_banner_1280.png);
    border-radius: 0px;
    border-bottom: 10px solid white;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-repeat: round;*/ /*it fixes vertical repeat - but when screen is small then it resizes that too which does not look good*/
}

.max529-top-navigation-free {
    background-image: url(../images/orange_banner_1280.png);
    border-radius: 0px;
}

.max529-top-navigation-connection {
    background-image: url(../images/blue_banner_1280.png);
    border-radius: 0px;
}

    .max529-top-navigation-connection div.max529-connection-avatar-background-color {
        background-color: rgb(77, 104, 136) !important;
        border: solid 1px var(--mud-palette-grey-default);
    }

.max529-top-navigation-admin {
    background-image: url(../images/red_banner_1280.png);
    border-radius: 0px;
}

.max529-top-navigation-sponsor {
    background-image: url(../images/teal_banner_1280.png);
    border-radius: 0px;
}

.max529-top-nav-container {
    padding-left: 0px;
    padding-right: 0px;
}

    .max529-top-nav-container div.mud-paper {
        border-radius: 0px;
    }

    .max529-base-container, .max529-top-nav-container > div {
        border: 1px solid var(--mud-palette-lines-inputs);
    }


    .max529-top-nav-container div.mud-button-group-root,
    .max529-top-nav-container div.mud-button-group-root button.mud-button {
        border-radius: 0px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-color: var(--mud-palette-lines-inputs);
    }

        .max529-top-nav-container div.mud-button-group-root button.mud-button:last-child {
            border-right-width: 0px;
        }


/*.max529-top-navigation {
    background-image: url(../images/green_banner_1280.png)
}*/

.max529-top-toolbar {
    height: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .max529-top-toolbar > div.d-flex > div.mud-nav-item,
    .max529-top-toolbar div.mud-nav-group {
        width: 85px;
        height: 85px;
        border-radius: var(--max529-border-radius);
        background-color: var(--mud-palette-white);
        margin-left: 5px;
        margin-right: 5px;
    }

        .max529-top-toolbar > div.d-flex > div.mud-nav-item > a.mud-nav-link > svg.mud-icon-root,
        .max529-top-toolbar div.mud-nav-group button.mud-nav-link svg.mud-icon-root {
            width: 1.5em;
            height: 1.5em;
        }

        /*Orange arrow */
        .max529-top-toolbar > div.d-flex > div.mud-nav-item:has(a.mud-nav-link.active)::after {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 23px solid #555;
            position: fixed;
            border-top-color: var(--mud-palette-secondary);
            transform: translateY(135px) translateX(27.5px); /* width (85 px - 15px - 15 px)/2*/
            background-image: none;
            opacity: 1;
            top: unset;
            left: unset;
        }


@media(min-width: 600px) {
    .max529-top-toolbar > div.d-flex > div.mud-nav-item,
    .max529-top-toolbar div.mud-nav-group {
        width: 95px;
        height: 100px;
        border-radius: var(--max529-border-radius);
        background-color: var(--mud-palette-white);
        margin-right: 15px;
    }

        .max529-top-toolbar > div.d-flex > div.mud-nav-item > a.mud-nav-link > svg.mud-icon-root,
        .max529-top-toolbar div.mud-nav-group button.mud-nav-link svg.mud-icon-root {
            width: 2em;
            height: 2em;
        }

        .max529-top-toolbar > div.d-flex > div.mud-nav-item:has(a.mud-nav-link.active)::after {
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 30px solid #555;
            position: fixed;
            border-top-color: var(--mud-palette-secondary);
            transform: translateY(140px) translateX(30px); /* width (95 px - 20px - 20px)/2*/
            background-image: none;
            opacity: 1;
            top: unset;
            left: unset;
        }
}

.max529-top-toolbar div.mud-nav-group div.mud-collapse-container {
    width: 180px;
}

.max529-top-toolbar div.mud-nav-group div.mud-navmenu {
    background-color: white;
    border: 1px solid var(--mud-palette-primary);
    width: 180px;
}

/*.max529-top-toolbar > div.d-flex > div.mud-nav-group:last-child div.mud-navmenu,*/
.max529-top-toolbar > div.d-flex > div.mud-nav-group:last-child div.mud-collapse-container {
    margin-left: -100px;
}

.max529-top-toolbar div.mud-nav-group button.mud-nav-link svg.mud-nav-link-expand-icon {
    width: 1em !important;
    height: 1em !important;
    margin-top: -2px;
}

.max529-top-toolbar div.mud-nav-group div.mud-navmenu div.mud-nav-item {
    border-bottom: 1px solid var(--mud-palette-divider);
    border-collapse: collapse;
    margin: auto;
    width: 90%
}
/*.max529-top-toolbar div.mud-nav-group button.mud-nav-link {
    display: block !important;
    padding: 8px 2px 4px 2px;
}
*/



.max529-top-toolbar > div.d-flex > div.mud-nav-item > a.mud-nav-link,
.max529-top-toolbar div.mud-nav-group button.mud-nav-link {
    display: block;
    padding: 8px 2px 4px 2px;
    text-align: center;
    border-radius: var(--max529-border-radius);
}

.max529-top-toolbar div.mud-nav-group button.mud-nav-link {
    padding-bottom: 0px !important;
    /*padding-top: 4px !important;*/
}

.max529-top-toolbar div.mud-nav-group a.mud-nav-link {
    padding-left: 0px !important;
    padding-inline-start: 0px !important;
}




.max529-top-toolbar > div.d-flex > div.mud-nav-item > a.mud-nav-link > div.mud-nav-link-text,
.max529-top-toolbar div.mud-nav-group button.mud-nav-link > div.mud-nav-link-text {
    text-align: center;
    margin-left: 0px;
    margin-inline-start: 0px;
    line-height: 1.25;
    font-weight: 400;
}


.max529-login-card {
    background-color: transparent;
}


.max529-loginpage-topbutton {
    background-color: var(--mud-palette-white) !important;
}

    .max529-loginpage-topbutton span.mud-button-label {
        text-transform: none !important;
    }

.max529-login-container {
    /*height: 100vh;*/
    /* background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/images/20-High-School-Students-Studying-BW.jpg');
    background-attachment: fixed*/
}

    .max529-login-container header.mud-appbar {
        background-color: transparent
    }

/* Transparent background */
.max529-bg-transparent {
    background-color: transparent
}

@media(min-width: 0px) {
    .max529-login-maincontent {
        min-width: 300px;
        width: 100%;
    }
}

@media(min-width: 360px) {
    .max529-login-maincontent {
        width: 100%;
    }
}

@media(min-width: 600px) {
    .max529-login-maincontent {
        width: 500px;
    }
}

@media(min-width: 960px) {
    .max529-login-maincontent {
        width: 600px;
    }

        .max529-login-maincontent:has(div.max529-register-card) {
            width: 900px;
        }
}

.max529-center-text {
    text-align: center !important;
}

.max529-top-nav-skeleton {
    border-left: 1px solid var(--mud-palette-lines-inputs);
    border-right: 1px solid var(--mud-palette-lines-inputs);
    border-top: 1px solid var(--mud-palette-lines-inputs);
    background-color: var(--mud-palette-background-grey);
    opacity: 1;
}

.max529-mainlayout-container {
    background-color: var(--mud-palette-background-grey);
    min-height: calc(100vh - var(--max529-topnav-minimum-height) - var(--mud-appbar-height));
    border-top: 1px solid var(--mud-palette-lines-inputs);
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    padding-top: 10px !important;
    margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8) !important;
    /* padding-left: 45px !important;
    padding-right: 45px !important;*/
}

@media(min-width: 0px)and (orientation: landscape) {
    .max529-mainlayout-container {
        padding-top: 10px !important;
        margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) !important;
    }
}

@media (min-width: 600px) {
    .max529-mainlayout-container {
        padding-top: 15px !important;
        margin-top: var(--mud-appbar-height) !important;
    }
}



/*.mud-button-filled {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 30%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
}*/

.mud-dialog {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 10px 10px 0 rgb(0 0 0 / 5%) !important;
}

.max529-nav-menu a.mud-nav-link, .max529-nav-menu div.mud-nav-link {
    padding: 8px 8px 8px 8px;
    white-space: normal !important;
}

.max529-nav-menu-connection a.mud-nav-link {
    padding: 8px 8px 8px 8px;
    white-space: normal !important;
}

/*.max529-nav-menu a.mud-nav-link {
    white-space: normal !important;*/
/*padding: 12px 16px 12px 38px;*/
/*}

.max529-nav-menu-connection a.mud-nav-link {
    white-space: normal !important;*/
/*padding: 12px 16px 12px 38px;*/
/*}*/

.max529-nav-menu a.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-pallete-text-primary) !important;
    border-right: 3px solid var(--mud-palette-primary);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1) !important;
}

.max529-nav-menu-connection a.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-pallete-text-tertiary) !important;
    border-right: 3px solid var(--mud-palette-tertiary);
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.1) !important;
}

/*.mud-table {
    padding: 20px !important;
    margin-bottom: 20px !important;
}*/

.mud-card {
    /*margin-bottom: 20px !important;*/
}

.max-529-xl-icon {
    padding: 0px;
    min-width: 36px;
}

    .max-529-xl-icon span.mud-button-icon-start,
    .max-529-xl-icon span.mud-icon-button-label {
        font-size: 56px;
        margin: 0px;
    }

        .max-529-xl-icon span.mud-button-icon-start svg,
        .max-529-xl-icon span.mud-icon-button-label svg {
            transform: scale(5);
        }

.max529-avatar {
    border: solid 1px var(--mud-palette-grey-default);
}

.max529-avatar-transparent {
    border: none;
    background-color: transparent;
}

.max529-profile-header-first-image-div {
    height: 100%;
    max-height: 400px;
    max-width: 600px
}

.max529-images-placeholder {
    /*width: 600px;
    height: 400px;*/
    background-image: url(../images/Placeholder-Photos.jpg);
    background-position: center;
    border: solid 1px var(--mud-palette-grey-default);
    border-radius: var(--mud-default-borderradius) !important;
}

.max529-profile-header-first-image {
    border: solid 1px var(--mud-palette-grey-default);
    max-width: 600px;
    max-height: 400px;
}

.max529-image-w100 {
    width: 100%
}

.max529-image {
    border: solid 1px var(--mud-palette-grey-default);
}

#blazor-error-ui {
    color: var(--mud-palette-drawer-text);
    background: var(--mud-palette-drawer-background);
}

.mud-overlay-dark {
    backdrop-filter: blur(2px);
}

.mud-card-header .mud-card-header-avatar {
    margin-inline-end: 10px !important;
}

/*.mud-nav-link {
    padding: 12px 16px 12px 15px !important;
}*/

.max529-dialog-close-button {
    background-color: black;
    color: white;
    position: absolute;
    top: 0px;
    right: 0px
}

.max529-large-image-dialog {
    background-color: transparent;
}

    .max529-large-image-dialog button.mud-button-close {
        background-color: black;
        color: white;
    }

    .max529-large-image-dialog div.mud-grid-item {
        background-color: transparent;
    }

    .max529-large-image-dialog div.mud-paper {
        background-color: transparent;
    }

    .max529-large-image-dialog div.mud-dialog-content {
        max-height: 90vh !important;
        height: 90vh !important;
    }

    .max529-large-image-dialog div.mud-card {
        height: 100%;
    }

    .max529-large-image-dialog div.mud-grid {
        height: 100%;
    }

    .max529-large-image-dialog span.mud-button-label {
        height: 100%;
    }

@media (max-width: 576px) {
    .max529-large-image-dialog img.mud-image {
        height: auto !important;
        max-height: 100%;
    }
}

.max529-large-image-dialog img.mud-image {
    height: 100%;
}

.mud-dialog-content {
    /*max-height: 75vh !important;*/
    overflow: auto !important;
    overflow-x: hidden !important;
}

.mud-grid-spacing-xs-3 {
    margin: 0px !important;
    margin-left: -12px !important;
}

.mud-table-toolbar {
    flex-wrap: wrap;
    margin-bottom: 20px !important;
}

/*Hides the scrollbar - commenting it */
/*::-webkit-scrollbar {
    width: 2px !important;
    height: 6px !important;
}
*/

* {
    scrollbar-width: thin;
}

.max529-nav-child {
    padding-left: 10px !important;
}


.max529-dashboard div.mud-card-header {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

    .max529-dashboard div.mud-card-header.mud-theme-primary button.mud-button {
        /*padding-bottom: 8px !important;
    padding-top: 8px !important;*/
        background-color: yellowgreen !important;
    }


    .max529-dashboard div.mud-card-header div.mud-card-header-actions {
        margin-top: 0px !important;
    }

.max529-subscription-list ul, ul.max529-subscription-list {
    list-style-type: square;
    list-style-position: outside;
    text-align: left;
    padding-left: 25px;
    padding-bottom: 10px;
}

    .max529-subscription-list ul li::marker, ul.max529-subscription-list li::marker {
        color: var(--mud-palette-secondary);
        font-size: large;
    }

    .max529-subscription-list ul li, .max529-subscription-list span {
        font-size: var(--mud-typography-subtitle2-size);
        font-weight: var(--mud-typography-subtitle2-weight);
        line-height: 1.2; /*var(--mud-typography-subtitle2-lineheight);*/
        letter-spacing: var(--mud-typography-subtitle2-letterspacing);
    }

.max529-subscription-list hr {
    background-color: var(--mud-palette-primary);
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.max529-subscription-list span {
    font-weight: 600 !important;
}

.max529-startregister-details {
    padding-top: 10px;
    line-height: 1.1;
    display: inline-block; /*reduces line height on wrapped text*/
    font-weight: 400
}

.max529-title-divider.mud-divider {
    border-width: 2px;
    border-color: var(--mud-palette-primary);
}

/* Less than 400px*/
.mud-expand-panel-header {
    padding: 8px !important;
}

@media (min-width: 400px) {
    .mud-expand-panel-header {
        padding: 10px !important;
    }
}

@media (min-width: 576px) {
    .mud-expand-panel-header {
        padding: 15px 2rem 15px 15px !important;
    }
}

.max529-scrollToTop {
    right: 20px !important; /*same as tawk icon*/
    bottom: 90px !important;
    width: 64px;
}


.max529-connection-table div.mud-paper {
    border: solid 1px var(--mud-palette-lines-inputs);
    margin-bottom: 20px;
    background-color: var(--mud-palette-background-grey);
}

.max529-security-card {
    border: solid 1px var(--mud-palette-lines-inputs);
    margin-bottom: 20px;
    background-color: var(--mud-palette-background-grey);
}

.max529-group-card {
    height: 210px;
    border: solid 2px var(--mud-palette-primary);
    background-color: var(--mud-palette-background-grey);
    border-radius: var(--max529-border-radius);
}

    .max529-group-card div.mud-card-content {
        height: 75%;
    }

    .max529-group-card div.mud-paper {
        background-color: var(--mud-palette-background-grey);
    }

    .max529-group-card svg.mud-svg-icon {
        font-size: 5rem;
    }

.max529-grey-cardcontent {
    border: solid 1px var(--mud-palette-lines-inputs);
    background-color: var(--mud-palette-background-grey);
}

.max529-grey-expansionpanelcontent {
    border: solid 1px var(--mud-palette-lines-inputs) !important;
    background-color: var(--mud-palette-background-grey);
    margin-bottom: 10px;
}

/*mud-input-slot mud-input-root mud-input-root-outlined

        mud-input mud-input-outlined mud-shrink

    drop-down - mud-input mud-input-outlined mud-input-adorned-end mud-shrink mud-select-input
*/
/*.max529-grey-cardcontent div.mud-input-control-input-container {*/
.max529-grey-cardcontent div.mud-input-outlined {
    background-color: white !important;
}

/*for textbox in grey card */
.max529-grey-cardcontent input.mud-input-root {
    height: var(--max529-input-height) !important;
}

/*for select in grey card */
.max529-grey-cardcontent div.mud-input-root {
    height: var(--max529-input-height) !important;
}


.max529-journey-expansion div.mud-expand-panel {
    margin-bottom: 2rem;
    border-radius: var(--mud-default-borderradius);
}

.max529-journey-expansion div.mud-expand-panel-header {
    /*background-color: var(--mud-palette-background-grey);*/
    border: solid 1px var(--mud-palette-lines-inputs);
    border-radius: 4px;
}

.max529-journey-expansion div.mud-panel-expanded div.mud-expand-panel-header {
    background-color: var(--mud-palette-surface) !important;
    border-bottom: none !important;
}

.max529-journey-expansion div.mud-expand-panel-header svg.mud-icon-root {
    font-size: 1.5rem;
    color: var(--mud-palette-lines-inputs);
}

@media (min-width: 576px) {
    .max529-journey-expansion div.mud-expand-panel-header svg.mud-icon-root {
        font-size: var(--max529-expansionpanel-arrow-size);
    }
}

.max529-journey-expansion div.mud-expand-panel-header svg.mud-transform {
    color: var(--mud-palette-secondary) !important;
}

.max529-journey-expansion div.mud-expand-panel-header div.mud-paper {
    background-color: transparent;
}

    .max529-journey-expansion div.mud-expand-panel-header div.mud-paper button.mud-button {
        min-width: 220px;
        text-transform: none !important;
    }

.max529-journey-expansion div.mud-expand-panel-content {
    border-left: solid 1px var(--mud-palette-lines-inputs);
    border-right: solid 1px var(--mud-palette-lines-inputs);
    border-bottom: solid 1px var(--mud-palette-lines-inputs);
}

@media (max-width: 768px) {
    .max529-journey-expansion div.mud-expand-panel-content {
        padding: 0 6px 2px !important;
    }
}

.max529-expansion-panel {
}

    /*large icon - color orange*/
    .max529-expansion-panel div.mud-expand-panel-header svg.mud-icon-root {
        font-size: var(--max529-expansionpanel-arrow-size);
        color: var(--mud-palette-secondary);
    }

.max529-request-donation div.mud-expand-panel {
    margin-bottom: 20px;
    border-radius: var(--mud-default-borderradius);
}

.max529-request-donation div.mud-expand-panel-header {
    background-color: var(--mud-palette-background-grey);
    border: solid 1px var(--mud-palette-lines-inputs);
}

.max529-request-donation div.mud-panel-expanded div.mud-expand-panel-header {
    border-bottom: none !important;
}

.max529-request-donation div.mud-expand-panel-header div.mud-paper {
    background-color: transparent;
}

    .max529-request-donation div.mud-expand-panel-header div.mud-paper button.mud-button {
        min-width: 220px;
    }

.max529-request-donation div.mud-expand-panel-content {
    padding: 0px 0px 0px 0px !important;
}

.max529-request-donation div.max529-grey-cardcontent {
    border-top: none !important;
}

.max529-request-donation div.mud-expand-panel-header svg.mud-icon-root {
    font-size: var(--max529-expansionpanel-arrow-size);
    color: var(--mud-palette-lines-inputs);
}

.max529-request-donation div.mud-expand-panel-header svg.mud-transform {
    color: var(--mud-palette-secondary) !important;
}

.max529-mediagallery input.mud-input-root {
    padding: 12px;
}

.max529-gallery-header input.mud-input-root {
    padding: 12px;
}

.max529-tab-header div.mud-tabs-toolbar-wrapper {
    width: initial !important;
}

.max529-tab-header div.mud-tooltip-root:first-child {
    flex-grow: 1 !important
}

.max529-tab-headertext {
    text-transform: none !important;
    color: var(--mud-palette-text-primary) !important;
    justify-content: flex-start !important;
    font-weight: 400
}

.max529-small-button {
    height: fit-content;
}

.max529-bold {
    font-weight: 600
}

.max529-bold-text p {
    font-weight: 600
}

.max529-bold-700 {
    font-weight: 700
}

.max529-no-text-transform {
    text-transform: none !important;
}

.max-529-grid-switch label.mud-switch,
.max-529-large-switch label.mud-switch {
    margin: 0px;
    margin-inline: 0px;
}

.max-529-large-switch span.mud-switch-track {
    height: 30px;
    border-radius: var(--max529-border-radius);
}

.max-529-large-switch span.mud-switch-span {
    width: 90px;
    padding: 12px;
}

.max-529-large-switch span.mud-button-root {
    /* padding: 18px;*/
}

.max-529-large-switch span.mud-switch-base.mud-checked {
    transform: translateX(40px);
}



.max529-person-card {
    background-color: transparent;
    color: var(--mud-palette-dark-text);
    margin-bottom: 0px !important;
}

    .max529-person-card div.mud-card-header, .max529-top-toolbar {
        padding: 4px !important;
        margin-left: 5px;
    }

@media(min-width: 600px) {
    .max529-person-card div.mud-card-header {
        padding: 10px !important;
        margin-left: 45px;
    }
}

@media(min-width: 600px) {
    .max529-person-card div.mud-avatar.mud-avatar-large {
        width: 90px;
        height: 90px;
    }
}

.max529-connection-avatar-background-color {
    background-color: blue !important;
}

.max529-dropdown-button {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .max529-dropdown-button div.mud-input-root {
        color: var(--mud-palette-dark-text);
        padding: 4px 0px 4px 10px !important;
        font-size: .8125rem;
        line-height: var(--mud-typography-button-lineheight);
        height: 1.75em !important;
    }

    .max529-dropdown-button input.mud-input-root {
        color: var(--mud-palette-dark-text);
        padding: 4px 0px 4px 10px !important;
        font-size: .8125rem;
        line-height: var(--mud-typography-button-lineheight);
        height: 1.75em !important;
    }

/* All input and select controls */
input.mud-input-root, div.mud-input-root {
    height: var(--max529-input-height) !important;
}

div.mud-table-pagination-select div.mud-input-root {
    height: auto !important;
}


.max529-message-table {
    background-color: transparent
}

    .max529-message-table div.mud-table-toolbar {
        background-color: transparent
    }

    .max529-message-table div.mud-table-pagination-toolbar {
        background-color: white !important;
    }

    .max529-message-table div.mud-input-outlined {
        background-color: white !important;
    }

/*.max529-message-table thead.mud-table-head th.mud-table-cell {
    background-color: transparent;
}*/

.max529-searchcontact-table div.mud-table-container {
    max-height: 60vh;
    min-height: 250px;
}

.max529-message-table * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: var(--mud-palette-background-grey);
}


.max529-message-table table.mud-table-root {
    border-collapse: separate; /* added so that border radius will be applied to th/td*/
}

.max529-message-table thead.mud-table-head {
    background-color: var(--mud-palette-background-grey);
}

.max529-message-table th.mud-table-cell {
    border: solid 2px var(--mud-palette-lines-inputs);
    border-style: solid none solid none;
}

    .max529-message-table th.mud-table-cell:first-child {
        border-top-left-radius: var(--mud-default-borderradius) !important;
        border-bottom-left-radius: var(--mud-default-borderradius) !important;
    }

    .max529-message-table th.mud-table-cell:last-child {
        border-top-right-radius: var(--mud-default-borderradius) !important;
        border-bottom-right-radius: var(--mud-default-borderradius) !important;
    }

    .max529-message-table th.mud-table-cell:first-child {
        border-left-style: solid;
    }

    .max529-message-table th.mud-table-cell:last-child {
        border-right-style: solid;
    }

/*Every td of first row*/
.max529-message-table tbody tr.mud-table-row:first-child td {
    border: none 2px var(--mud-palette-lines-inputs);
    border-top-style: solid;
    border-bottom: solid 1px var(--mud-palette-lines-inputs);
}

    .max529-message-table tbody tr.mud-table-row:first-child td.mud-table-cell:first-child {
        border: none 2px var(--mud-palette-lines-inputs);
        border-left-style: solid;
        border-top-style: solid;
        border-bottom: solid 1px var(--mud-palette-lines-inputs);
    }

    .max529-message-table tbody tr.mud-table-row:first-child td.mud-table-cell:last-child {
        border: none 2px var(--mud-palette-lines-inputs);
        border-right-style: solid;
        border-top-style: solid;
        border-bottom: solid 1px var(--mud-palette-lines-inputs);
    }

.max529-message-table tr td.mud-table-cell:first-child {
    border: none 2px var(--mud-palette-lines-inputs);
    border-left-style: solid;
    border-bottom: solid 1px var(--mud-palette-lines-inputs);
}

.max529-message-table tr td.mud-table-cell {
    border-bottom: solid 1px var(--mud-palette-lines-inputs);
}

    .max529-message-table tr td.mud-table-cell:last-child {
        border: none 2px var(--mud-palette-lines-inputs);
        border-right-style: solid;
        border-bottom: solid 1px var(--mud-palette-lines-inputs);
    }

.max529-message-table tbody.mud-table-body {
    background-color: var(--mud-palette-surface);
}

.max529-message-table thead.mud-table-head:after {
    line-height: 1em;
    content: "\200C";
    color: var(--mud-palette-background-grey);
    display: block;
}

.max529-message-table div.mud-table-pagination-toolbar {
    border-top: solid 1px var(--mud-palette-lines-inputs);
    border-left: solid 2px var(--mud-palette-lines-inputs);
    border-right: solid 2px var(--mud-palette-lines-inputs);
    border-bottom: solid 2px var(--mud-palette-lines-inputs);
}

.max529-message-table-Row-Bold td {
    font-weight: bold;
}

.max529-message-table-Row-Highlight td {
    background-color: yellow;
}

.validation-errors {
}

.validation-message {
    color: var(--mud-palette-error) !important;
    margin-inline-end: auto !important;
    font-family: var(--mud-typography-default-family);
    /*to match with mud-input-helper-text*/
    font-size: 0.75rem;
    font-weight: 400;
    padding-left: 8px;
    margin-top: 3px
}

.max529-grey-background {
    background-color: var(--mud-palette-background-grey);
}

.max529-button-medium {
    width: var(--max529-button-medium-width);
}

.max529-drop-class {
    border-left: solid 2px var(--mud-palette-info) !important;
}

.max529-dragging-class {
    border: solid 2px var(--mud-palette-success);
    background-color: var(--mud-palette-success) !important;
}


.max529-galleries:after {
    content: "";
    flex: auto;
}

div.mud-card:has(+ div.max529-bottom-toolbar) {
    border-radius: var(--max529-border-radius);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.max529-top-toolbar {
}

@media (min-width:600px) {
    .max529-bottom-toolbar {
        padding-right: 50px !important; /*Padding right so save changes flag does not get hidden behind tawk*/
    }
}

.max529-bottom-toolbar {
    position: sticky;
    bottom: 0px;
    border-radius: var(--max529-border-radius);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.max529-textfield {
    margin-top: 24px !important; /*label height (line-height) is 18px + 6 px margin top of mud-input-control */
}

    /*for date picker*/
    .max529-textfield.mud-picker div.mud-input-control {
        margin-top: 0px !important; /*remove 6 px margin top of mud-input-control */
    }

    .max529-textfield input.mud-input-root, .max529-textfield div.mud-input-root {
        padding-top: 14.5px !important; /* */
        padding-bottom: 14.5px !important; /* */
    }

    .max529-textfield label.mud-input-label {
        color: var(--mud-palette-text-primary) !important;
        transform: translate(0, -20px) scale(1) !important;
        background-color: transparent !important;
        pointer-events: all !important;
    }

    .max529-textfield.mud-input-control-margin-dense label.mud-input-label {
        color: var(--mud-palette-text-primary) !important;
        transform: translate(0, -20px) scale(1) !important;
        background-color: transparent !important;
        pointer-events: all !important;
    }

.max529-required-indicator label.mud-input-label:after {
    content: '*';
    color: red;
}


.max529-textfield label.mud-input-label.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
}

.max529-textfield.mud-input-control-margin-dense label.mud-input-label.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
}

.max529-textfield div.mud-input-root select {
    width: 100%;
    border: 0px;
    outline: 0px;
}



    .max529-textfield div.mud-input-root select option {
        /*font-weight: 400;*/
    }

        .max529-textfield div.mud-input-root select option:after {
            /*font-weight: 400;*/
            content: close-quote
        }

.max529-textfield.mud-field .mud-input-slot {
    min-height: 14px !important;
}


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

.max529-bottom-banner {
    /*border: solid 1px var(--mud-palette-grey-default);*/
    min-height: 70px;
    border-radius: 0px;
    border-top-width: 0px
}


@media (min-width: 576px) {
    .max529-bottom-banner {
        min-height: 130px;
    }
}

.max529-bottom-banner div.mud-grid-item {
    padding: 16px;
}


.max529-registerselect-button {
    /* width: 150px;
    height: 100px;*/
    border: solid 1px var(--mud-palette-grey-default);
    /*border-radius: 5px;*/
    /* margin: 20px;*/
    text-transform: none !important;
    font-size: 1.25rem;
    padding: 2px 16px;
}

.max529-rotate-90 {
    transform: rotate(90deg);
}

.max529-rotate-180 {
    transform: rotate(180deg);
}

.max529-rotate-270 {
    transform: rotate(270deg);
}

.max529-registerselect-div {
    text-align: justify;
}

@media(min-width: 0px) {
    .max529-registerselect-div {
        flex-direction: column;
    }
}

@media(min-width: 600px) {
    .max529-registerselect-div {
        flex-direction: column;
    }

        .max529-registerselect-div div.max529-grey-border, .max529-registerselect-div span.max529-grey-border {
            min-width: 210px;
        }

        .max529-registerselect-div span.max529-grey-border {
            display: inline-block;
        }
}

@media(min-width: 960px) {
    .max529-registerselect-div {
        flex-direction: row;
    }
        /*Card inside start register page*/
        .max529-registerselect-div div.max529-grey-border, .max529-registerselect-div span.max529-grey-border {
            min-width: 250px;
        }

        .max529-registerselect-div span.max529-grey-border {
            display: inline-block;
        }
}

.max529-bold-dense {
    font-weight: bold;
    line-height: 1.1
}

.max529-dense-list {
    padding-top: 12px;
    padding-bottom: 12px;
}

    .max529-dense-list div.mud-list-item {
        padding-left: 2px !important;
        padding-right: 2px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .max529-dense-list div.mud-list-item-icon {
        min-width: 30px !important;
    }

    .max529-dense-list svg.mud-icon-root {
        font-size: 1rem;
    }
/*
.mud-input-control-input-container:has(+ div.mud-input-control-helper-container > p.mud-input-error > div.d-flex > div.me-auto:empty) > label.mud-input-label
{
    color: var(--mud-palette-text-primary) !important;
}

.mud-input-control-input-container:has(+ div.mud-input-control-helper-container > p.mud-input-error > div.d-flex > div.me-auto:empty) > div.mud-input > div.mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs) !important;
}*/

.mud-container *:focus {
    scroll-margin-bottom: 70px;
}

.max529-bottom-border {
    border-bottom: solid 1px black;
    border-radius: 0px !important;
}

.max529-manage-media-button-group {
}

    .max529-manage-media-button-group > button.button-active {
        background-color: var(--mud-palette-white) !important;
        margin-bottom: -1px;
    }

    .max529-manage-media-button-group > button.button-inactive {
        background-color: var(--mud-palette-background-grey) !important;
    }

    .max529-manage-media-button-group > button {
        margin-left: 10px !important;
        border-radius: 0px !important;
        border-top-left-radius: var(--mud-default-borderradius) !important;
        border-top-right-radius: var(--mud-default-borderradius) !important;
        border-bottom: none !important;
    }

.max529-reel-image-button {
    width: 180px;
    height: 135px;
    min-width: 180px;
    min-height: 135px;
}

    .max529-reel-image-button:hover {
        background-color: transparent !important;
    }

.max529-reel-image {
    border: solid 1px var(--mud-palette-grey-default);
    padding: 4px;
    max-height: 135px;
    max-width: 180px
}

.max529-profile-feature-image-button {
    width: 100%
}

    .max529-profile-feature-image-button:hover {
        background-color: transparent !important;
    }

.max529-profile-feature-image {
    max-height: var(--max529-dashboard-card-height);
    border: solid 1px var(--mud-palette-grey-default);
    padding: 4px;
}

.max529-profile-card {
    min-height: 100px;
    max-height: var(--max529-dashboard-card-height);
}

@media(min-width: 960px) {
    .max529-profile-card {
        height: var(--max529-dashboard-card-height);
    }
}


.max529-dashboard-card {
    height: var(--max529-dashboard-card-height);
    border-radius: var(--max529-border-radius);
}

.max529-startregister-card {
    border-radius: var(--max529-border-radius);
}



    .max529-startregister-card h3 {
        color: var(--mud-palette-primary);
        text-align: center !important;
    }

.max529-dashboard-list-Points {
    max-height: 250px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.max529-dashboard-list {
    max-height: 180px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.max529-student-dashboard-list {
    max-height: 150px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    .max529-student-dashboard-list div.mud-list-item-icon {
        min-width: 30px;
    }

.max529-tip-card {
    background-color: peachpuff;
    /*padding: 36px;*/
    border-radius: var(--max529-border-radius);
}

.max529-instruction-bubble {
    background-color: #ffdf74;
}

.max529-instruction-arrow {
    height: 50px;
    color: #ffdf74;
    transform: scale(4);
    padding-right: 5px;
}

.max529-dashboard-amount-primary {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.2);
}

.max529-dashboard-amount-secondary {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.2);
}

.max529-register-slider {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px
}

    .max529-register-slider p.mud-slider-track-tick-label {
        white-space: nowrap;
    }

    .max529-register-slider input.mud-slider-input {
        opacity: 1 !important;
    }

.max529-radio-vertical {
}

    .max529-radio-vertical div.mud-radio-group {
        display: flex;
        flex-direction: column;
    }

.max529-parent-card-border {
    border-radius: var(--max529-border-radius);
}

    .max529-parent-card-border div:has(div.mud-expansion-panels > div.mud-panel-expanded) {
        border: 2px solid green;
    }

.max529-paragraph-line-height p.mud-typography-body1 {
    line-height: 2
}

.max529-home-button-card {
    /* width: 225px;
    height: 240px;*/
    height: 210px;
    border-radius: var(--max529-border-radius);
}


.max529-top-appbar,
.max529-top-appbar div.mud-toolbar-appbar {
    height: var(--mud-appbar-height) !important;
}


.max529-home-chip {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.4) !important;
    color: navy !important;
}


.max529-hamburger-menu {
}

.max529-hamburger-list {
    border: 1px solid var(--mud-palette-primary);
}

.max529-connection-card,
.max529-fundraiser-card,
.max529-request-donation-card {
    border-radius: var(--max529-border-radius);
}

.max529-entity-table {
    border-radius: var(--max529-border-radius);
}

.max529-entity-table-adv-search {
    padding: 10px !important;
    margin-bottom: 10px !important;
    border-radius: var(--max529-border-radius) !important;
}

.max529-profile-connection-card {
    border: 1px solid var(--mud-palette-lines-inputs);
    background-color: var(--mud-palette-background-grey);
}

    .max529-profile-connection-card div.mud-card-content,
    .max529-profile-connection-card div.mud-paper {
        background-color: var(--mud-palette-background-grey);
        border-radius: var(--mud-default-borderradius);
    }

    .max529-profile-connection-card div.mud-avatar {
        border: 1px solid var(--mud-palette-lines-inputs);
    }


.max529-connection-person-card div.mud-avatar {
    border: 1px solid var(--mud-palette-lines-inputs);
}

.max529-connection-person-card div.mud-avatar {
    width: 75px;
    height: 75px;
}

@media(min-width: 600px) {
    .max529-connection-person-card div.mud-avatar {
        width: 90px;
        height: 90px;
    }
}

@media(min-width: 960px) {
    .max529-connection-person-card div.mud-avatar {
        width: 95px;
        height: 95px;
    }
}

.max529-text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max529-grey-border-2 {
    border: 2px solid var(--mud-palette-lines-inputs);
}

.max529-dashboard-panel div.mud-expand-panel-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.max529-border-radius {
    border-radius: var(--max529-border-radius);
}

.max529-border-radius-0 {
    border-radius: 0px;
}


.max529-student-journey-button-group > button.button-active {
    background-color: var(--mud-palette-primary) !important;
}

.max529-student-journey-button-group > button.button-inactive {
    background-color: var(--mud-palette-white) !important;
}

.max529-student-journey-button-group > button {
    border-radius: 0px !important;
    padding-left: 39px !important;
    padding-right: 39px !important;
    /*border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-bottom: none !important;*/
}

.max529-student-journey-button-group-2 > button {
    border-radius: 0px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

@media(min-width: 960px) {
    .max529-md-22 {
        flex-grow: 0;
        max-width: 22.2222223%;
        flex-basis: 22.2222223%
    }
}

.max529-profile-edit-button {
    position: absolute;
    right: 25px;
    bottom: 20px;
    border: 2px solid white;
    color: white
}

.max529-profile-biography {
    /*max-height: 60px;*/
    max-height: var(--max529-dashboard-card-height);
    height: auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: pre-wrap;
}

.max529-progress-overlay {
    position: absolute;
    z-index: var(--mud-zindex-dialog);
}

.max529-rz-dropdown {
    border: none !important
}

    .max529-rz-dropdown span.rz-inputtext {
        font-size: 0.825rem !important;
    }

.max529-textfield div.mud-input-root div.rz-dropdown span.rz-dropdown-label {
    overflow: visible !important;
    line-height: 1.1876em !important;
    height: var(--max529-input-height) !important;
}

.max529-textfield div.mud-input-root div.rz-dropdown {
    width: 100%;
    border: none !important;
    outline: none !important;
    padding: 0px;
    box-sizing: content-box;
    height: var(--max529-input-height) !important;
    padding-top: 14.5px !important; /* */
    padding-bottom: 14.5px !important; /* */
}

    .max529-textfield div.mud-input-root div.rz-dropdown:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

.max529-textfield div.mud-input:has(div.rz-dropdown) {
    padding-right: 0px !important;
    padding-inline-end: 0px !important;
}

.max529-textfield div.mud-input-root:has(div.rz-dropdown) {
    padding-top: 0px !important; /* */
    padding-bottom: 0px !important; /* */
    height: auto !important;
    padding-right: 0px;
}

/*Using Radzen textbox inside mudblazor field for masking*/
.max529-textfield div.mud-input-root .rz-textbox {
    border: none !important;
    box-sizing: content-box;
    height: var(--max529-input-height) !important;
    padding: 0px;
    outline: none !important;
    padding-top: 14.5px !important; /* */
    padding-bottom: 14.5px !important; /* */
}

    .max529-textfield div.mud-input-root .rz-textbox:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

.max529-textfield div.mud-input-root:has(input.rz-textbox) {
    padding-top: 0px !important; /* */
    padding-bottom: 0px !important; /* */
    height: auto !important;
}

.max529-textfield:has(+ div.validation-message) .mud-input-label-inputcontrol {
    color: var(--mud-palette-error) !important;
}

.max529-textfield:has(+ div.validation-message) .mud-input-outlined-border {
    border-color: var(--mud-palette-error) !important;
}

.rz-popup {
    z-index: var(--mud-zindex-popover) !important; /*700*/
}

#popup-max529-dropdown-dialog, #popup-max529-dropdown-letter {
    z-index: calc(var(--mud-zindex-dialog) + 10) !important; /* dialog 900 + 10*/
}

div.mud-popover:has(#expirationdateid),
div.mud-popover:has(#studentbirthdateId) {
    z-index: calc(var(--mud-zindex-dialog) + 10) !important; /* dialog 900 + 10*/
}

.max529-payment-iframe {
    height: 650px;
}

.max529-payment-dialog {
    height: 650px;
}

    .max529-payment-dialog div.mud-dialog-content {
        height: 650px;
    }

#divAuthorizeNetPopupScreen {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #808080;
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
}

#divAuthorizeNetPopup {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    z-index: 2;
    overflow: visible;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupOuter {
    background-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    border-color: #a0a0a0 #909090 #909090 #a0a0a0;
    padding: 4px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupTop {
    height: 23px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose {
    position: absolute;
    right: 7px;
    top: 7px;
}

    .AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose a {
        background-image: url('/images/AuthorizeNet/closeButton1.png');
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
        display: inline-block;
    }

        .AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose a:hover {
            background-image: url('/images/AuthorizeNet/closeButton1h.png');
        }

        .AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose a:active {
            background-image: url('/images/AuthorizeNet/closeButton1a.png');
        }

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupInner {
    background-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupBottom {
    height: 30px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupLogo {
    position: absolute;
    right: 9px;
    bottom: 4px;
    width: 200px;
    height: 25px;
    background-image: url('/images/AuthorizeNet/powered_simple.png');
}

.AuthorizeNetPopupSimpleTheme .AuthorizeNetPopupOuter {
    border: 1px solid #585858;
    background-color: #ffffff;
}

@media(min-width: 960px) {
    .max529-account-setting-expansion-panel {
        padding: 32px
    }
}


.max529-journey-button-active {
    background-color: var(--mud-palette-primary) !important;
    color: white;
}

.max529-journey-button {
    background-color: var(--mud-palette-white) !important;
    color: darkblue;
}

.max529-change-subscription-list {
}

    .max529-change-subscription-list div.mud-list-item-icon {
        min-width: 30px;
    }

.max529-gallery-checkbox {
}

    .max529-gallery-checkbox span.mud-icon-button {
        padding-left: 0;
    }


.max529-html-editor:focus-within {
    outline: 2px solid var(--mud-palette-primary) !important;
}


.max529-html-editor .rz-html-editor-dropdown {
    z-index: calc(var(--mud-zindex-dialog) + 10) !important;
}

.rz-html-editor-dropdown-items.rz-popup {
    z-index: calc(var(--mud-zindex-dialog) + 10) !important;
}

.rz-colorpicker-popup.rz-popup {
    z-index: calc(var(--mud-zindex-dialog) + 10) !important;
}


ul.max529-feature-list li {
    display: flex;
    align-items: center; /* Vertically center everything */
    gap: 6px; /* Optional: space between icon and text */
    padding-top: 2px;
    /*padding-bottom: 2px*/
}


.rz-carousel-prev {
    padding: 0.25rem !important
}

.rz-carousel-next {
    padding: 0.25rem !important
}

@media (max-width: 576px) {
    .mud-dialog .mud-dialog-content {
        padding: 8px;
    }
}

.max529-center-badge {
    margin: 10px;
    height: 90px;
    display: flex;
    aspect-ratio: 1;
    padding: 10px !important;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}

.max529-ticker-icon {
    color: #888;
    /*font-size: 20px;*/
    margin-left: 20px;
    margin-right: 12px;
}

.max529-ticker-text {
    font-weight: 500;
}