/* /Components/ActionTiles.razor.rz.scp.css */
.action-tiles-card[b-28i03o0pze] {
    width: 100%;
}

[b-28i03o0pze] .action-card {
    width: 100%;
    min-height: 5rem;
    cursor: pointer;
}

[b-28i03o0pze] .action-tiles {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

    [b-28i03o0pze] .action-tiles svg {
        height: 24px;
        width: 24px;
        margin-top: 6px;
    }

    [b-28i03o0pze] .action-tiles .action-tile-title {
        font-size: 16px;
        font-weight: bold;
    }

@media(min-width: 761px) and (max-width: 1360px) {
    [b-28i03o0pze] .action-card {
        height: 6rem;
    }

    [b-28i03o0pze] .action-tiles {
        flex-direction: column;
        flex-wrap: nowrap;
    }

        [b-28i03o0pze] .action-tiles svg {
            height: 16px;
            width: 16px;
        }
}

@media (max-width: 760px) {
    [b-28i03o0pze] .action-card {
        height: 6rem;
    }

    [b-28i03o0pze] .action-tiles {
        flex-direction: column;
        flex-wrap: nowrap;
    }

        [b-28i03o0pze] .action-tiles svg {
            height: 12px;
            width: 12px;
        }

        [b-28i03o0pze] .action-tiles .action-tile-title {
            font-size: 10px !important;
        }   
}

/* /Components/AlbumCard.razor.rz.scp.css */
.mri-card-container[b-b5qugwkjiu] {
    width: 100%;
}

[b-b5qugwkjiu] .mri-card {
    width: 100%;
    min-height: 250px;
    max-height: 296px;
    cursor: pointer;
    border-radius: 4px !important;
    position: relative;
}

[b-b5qugwkjiu] .album-photo {
    height: 270px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[b-b5qugwkjiu] .mri-card-title {
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

[b-b5qugwkjiu] .mri-card-desc {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

[b-b5qugwkjiu] .mri-limit-text-show-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

[b-b5qugwkjiu] .mri-card .mud-tooltip-root {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 100;
}

[b-b5qugwkjiu] .event-datetime-range-label {
    font-size: 12px;
}


@media (max-width: 768px) {
    [b-b5qugwkjiu] .mri-card {
        /*min-height: 316px;*/
        max-height: 316px;
    }

        [b-b5qugwkjiu] .mri-card.community-event-card {
            min-height: 340px;
            max-height: 340px;
        }

    [b-b5qugwkjiu] .card-content {
        padding: 16px !important;
    }

    [b-b5qugwkjiu] .mri-card-title {
        font-size: 16px;
    }

    [b-b5qugwkjiu] .mri-card-desc {
        font-size: 14px;
        word-spacing: 5px;
        line-height: 16px;
    }

    [b-b5qugwkjiu] .card-img {
        height: 218px;
    }
}
/* /Components/AutoPayWidget.razor.rz.scp.css */
.widget-container[b-g1earealg4] {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* =========================================== Skeleton loader CSS Start ====================================== */
[b-g1earealg4] .widget-box {
    width: 50%;
    padding: 1rem;
    height: 300px;
    margin-top: 2rem;
}

[b-g1earealg4] .widget-skeleton-loader {
    width: 100%;
}

    [b-g1earealg4] .widget-skeleton-loader .title .mud-skeleton-wave {
        min-height: 38px;
    }   

    [b-g1earealg4] .widget-skeleton-loader .mud-skeleton-text {
        transform: none;
    }

[b-g1earealg4] .widget-box .title .mud-skeleton-wave {
    min-height: 40px;
}

[b-g1earealg4] .widget-skeleton-loader .mud-skeleton-wave {
    min-height: 60px;
}

@media (max-width: 600px) {
    [b-g1earealg4] .widget-box {
        width: 100%;
    }
}
/* =========================================== Skeleton loader CSS End ====================================== */
/* /Components/BannerMessage.razor.rz.scp.css */
.banner-message[b-xuz6somvuo] {
    position: absolute;
    top: 110px;
    left: 65%;
}


@media (max-width: 600px) {
    .banner-message[b-xuz6somvuo] {
        top: 110px;
        left: 5%;
        width: 90%;
    }
}
/* /Components/BannerMessageCard.razor.rz.scp.css */
.banner-content-container-wrapper[b-gv63u2fw0o] {
    width: 100%;
}

[b-gv63u2fw0o] .banner-content-container {
    width: 100%;
    height: 140px;
    padding: 15px !important;
    margin: 0 !important;
    /*border: 1px solid;*/
    border-radius: 8px;
    position: relative;
    z-index: 120;
    cursor: pointer;
}

    [b-gv63u2fw0o] .banner-content-container .banner-content {
        width: 100%;
        height: 100%;
        gap: 10px !important;
    }

        [b-gv63u2fw0o] .banner-content-container .banner-content .banner-header {
            width: 100%;
            gap: 10px !important;
        }

            [b-gv63u2fw0o] .banner-content-container .banner-content .banner-header .banner-header-title {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                flex: 1;
                width: 100%;
                word-break: break-word;
                overflow-wrap: break-word;
                font-size: 22px;
                font-weight: bold;
            }

            [b-gv63u2fw0o] .banner-content-container .banner-content .banner-header .banner-close-icon {
                padding: 6px !important;
            }

                [b-gv63u2fw0o] .banner-content-container .banner-content .banner-header .banner-close-icon .mud-svg-icon {
                    font-size: 20px;
                }

        [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content {
            width: 100%;
            height: calc(100% - 42px);
            gap: 8px !important;
        }

            [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-body-main-content {
                flex: 1 !important;
                height: 100%;
                gap: 8px !important;
            }

                [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-body-main-content .banner-body {
                    display: none;
                    /*display: -webkit-box;*/
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    flex: 1;
                    width: 100%;
                    word-break: break-word;
                    overflow-wrap: break-word;
                    font-size: 12px;
                }

                [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-body-main-content .banner-body-action-buttons-group {
                    width: 100%;
                }

            [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-image-container {
                width: 120px;
                height: 100%;
            }

                [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-image-container .banner-image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover !important;
                }


[b-gv63u2fw0o] .banner-body-action-button {
    width: 130px;
    height: 28px;
    padding: 5px 10px;
    margin: 0;
    border: 1px solid #909FAE;
    border-radius: 18px;
    color: #162029;
    transition: background-color 0.3s, color 0.3s;
    text-transform: none;
}

    [b-gv63u2fw0o] .banner-body-action-button span {
        font-size: 12px;
        color: #162029;
    }

@media (max-width: 600px) {
    [b-gv63u2fw0o] .banner-content-container {
        width: 100%;
    }

        /*  ::deep .banner-content-container .banner-content .banner-header .banner-header-title {
            font-size: 16px;
        }
        */

        [b-gv63u2fw0o] .banner-content-container .banner-content .banner-body-content .banner-image-container {
            width: 75px;
        }

    [b-gv63u2fw0o] .banner-body-action-button {
        width: 100px;
    }

        [b-gv63u2fw0o] .banner-body-action-button span {
            font-size: 11px;
        }
}
/* /Components/Calendar.razor.rz.scp.css */
[b-pozxdljcig] .calendar-title {
    font-size: 20px;    
}

[b-pozxdljcig] .event-day {
    color: #394754;
    border: 2px solid var(--custom-palette-primary) !important;
    border-radius: 50%;
    margin: 2px;
}

[b-pozxdljcig] .mud-picker-calendar .mud-day .mud-typography {
    font-size: 16px !important;  
}

[b-pozxdljcig] .mud-theme-primary {
    background-color: var(--custom-palette-primary) !important;
    color: var(--custom-palette-text-primary) !important;
}

[b-pozxdljcig] .mud-theme-primary button span {
    color: var(--custom-palette-text-primary) !important;
}

[b-pozxdljcig] .mud-picker-calendar-header-switch .mud-button-root svg {
    fill: var(--custom-palette-standard);
}

[b-pozxdljcig] .mud-picker-calendar-header-switch .mud-button-root:hover svg {
    fill: var(--custom-palette-interactive);
}

[b-pozxdljcig] .see-all-button {
    border: 1px solid #909FAE;
    border-radius: 18px;
    padding: 5px 10px;
    transition: background-color 0.3s, color 0.3s;
    text-transform: none;
    height: 22px;
}

[b-pozxdljcig] .see-all-button .mud-button-label {
    font-size: 12px;
    color: #044D66 !important;
}

@media (min-width: 1300px) {
    [b-pozxdljcig] .calendar-card {
        width: 80%;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    [b-pozxdljcig] .mud-picker-static {
        position: relative;
        right: 20px; 
    }

    [b-pozxdljcig] .mud-picker-calendar-header-day {
        justify-content: start !important;
    }

    [b-pozxdljcig] .mud-picker-calendar {
        justify-content: start !important;
    }

    [b-pozxdljcig] .mud-picker-calendar-container {
        width: 296px;
    }

    [b-pozxdljcig] .mud-picker-calendar .mud-day {
        width: 32px;
        height: 36px;
    }

    [b-pozxdljcig] .calendar-events {
        position: relative;
        right: 18px;
    }
}

@media (max-width: 600px) {
    [b-pozxdljcig] .calendar-card {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
    }    

    [b-pozxdljcig] .mud-picker-calendar-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    [b-pozxdljcig] .mud-picker-calendar .mud-day .mud-typography {
        font-size: 12px !important;
    }
}
/* /Components/Card.razor.rz.scp.css */
.mri-card-container[b-0hsdgjxeww] {
    width: 100%;
}

[b-0hsdgjxeww] .mri-card {
    width: 100%;
    min-height: 186px;
    max-height: 186px;
    cursor: pointer;
    border-radius: 4px !important;
    position: relative;
}

    [b-0hsdgjxeww] .mri-card.community-event-card {
        min-height: 220px;
        max-height: 220px;
    }

    [b-0hsdgjxeww] .mri-card.amenities-page-card {
        min-height: 250px;
        max-height: 250px;
    }

        [b-0hsdgjxeww] .mri-card.amenities-page-card.amenities-upcoming-card {
            min-height: 260px;
            max-height: 260px
        }
    
    [b-0hsdgjxeww] .card-img {
        height: 116px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        object-fit: cover !important;
    }

[b-0hsdgjxeww] .card-content {
    padding: 8px 16px 16px !important;
}

[b-0hsdgjxeww] .mri-card-title {
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

[b-0hsdgjxeww] .card-amount {
    font-size: 12px;
    margin-top: 6px;
}

[b-0hsdgjxeww] .mri-card-desc {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

[b-0hsdgjxeww] .mri-limit-text-show-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

[b-0hsdgjxeww] .mri-card .mud-tooltip-root {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 100;
}

[b-0hsdgjxeww] .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(rgb(16, 18, 20), rgba(14, 22, 36, 0)) 0px center no-repeat;
    z-index: 1;
    border-radius: 4px;
}

[b-0hsdgjxeww] .mri-pin-icon {
    transform: rotate(30deg);
    border: 1px solid var(--custom-palette-standard);
    padding: 4px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);
    background-color: #fff;
}

    [b-0hsdgjxeww] .mri-pin-icon:hover {
        border-color: var(--custom-palette-interactive);
    }

    [b-0hsdgjxeww] .mri-pin-icon svg {
        font-size: 16px;
    }

[b-0hsdgjxeww] .event-datetime-range-label {
    font-size: 12px;
}

[b-0hsdgjxeww] .mri-card .submit-btn {
    min-height: 32px;
    min-width: 100%;
    font-size: 12px;
}


@media (max-width: 768px) {
    [b-0hsdgjxeww] .mri-card {
        min-height: 316px;
        max-height: 316px;
    }

        [b-0hsdgjxeww] .mri-card.community-event-card {
            min-height: 340px;
            max-height: 340px;
        }

        [b-0hsdgjxeww] .mri-card.amenities-page-card {
            min-height: 365px;
            max-height: 365px;
        }

    [b-0hsdgjxeww] .mri-card.amenities-page-card.amenities-upcoming-card {
        min-height: 375px;
        max-height: 375px;
    }

    [b-0hsdgjxeww] .card-content {
        padding: 16px !important;
    }

    [b-0hsdgjxeww] .mri-card-title {
        font-size: 16px;
    }

    [b-0hsdgjxeww] .mri-card-desc {
        font-size: 14px;
        word-spacing: 5px;
        line-height: 16px;
    }

    [b-0hsdgjxeww] .card-img {
        height: 218px;
    }
}
/* /Components/ContentCardDialog.razor.rz.scp.css */
[b-wybsl9dlw7] .content-card-dialog .mud-dialog-title {
    padding: 8px 12px !important;
}

[b-wybsl9dlw7] .content-card-dialog .btn-close {
    padding: 6px !important;
    color: #162029 !important;
}

[b-wybsl9dlw7] .content-card-dialog .mud-dialog-content {
    padding: 0 !important;
}

    [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content {
        padding: 0 60px 15px 60px;
    }

        [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .title {
            font-size: 24px !important;
            color: #162029;
        }

        [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .pin-icon {
            width: 38px;
            height: 38px;
            padding: 8px;
            border: 1px solid #162029;
            border-radius: 50%;
            color: #162029 !important;
            transform: rotate(40deg);
        }

            [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .pin-icon .mud-icon-root {
                font-size: 16px !important;
            }

        [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .content-body-container {
            max-height: 200px;
            padding-right: 20px;
            overflow: auto;
        }

            [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .content-body-container .content-body {
                font-size: 16px !important;
                color: #162029;
            }

@media(max-width: 600px) {

    [b-wybsl9dlw7] .content-card-dialog {
        max-width: 90% !important;
    }

        [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content {
            padding: 0 30px 15px 30px;
        }

            [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .title {
                font-size: 16px !important;
            }

            [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .pin-icon {
                width: 30px;
                height: 30px;
            }

            [b-wybsl9dlw7] .content-card-dialog .mud-dialog-content .main-content .content-body-container .content-body {
                font-size: 12px !important;
            }

   
}
/* /Components/ContentCardPage.razor.rz.scp.css */

@media (min-width: 1400px) {
    [b-vr7z288u2x].content-card-page .content-card-page-item {
        max-width: 20%;
        flex-basis: 20%;
    }
}

[b-vr7z288u2x].content-card-page {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: space-between;
    min-height: calc(100vh - 308px);
}

    [b-vr7z288u2x].content-card-page .content-card-page-item {
        display: flex;
        justify-content: center;
    }

[b-vr7z288u2x] .pagination-bar {
    background-color: transparent;
}

@media (min-width: 0px) {
    [b-vr7z288u2x] .pagination-bar {
        display: none;
    }

    [b-vr7z288u2x] .pagination-bar-section {
        padding-bottom: 98px;
    }
}

@media (min-width: 600px) {
    [b-vr7z288u2x] .pagination-bar {
        display: flex;
    }

    [b-vr7z288u2x] .pagination-bar-section {
        padding-bottom: 16px;
    }
}

[b-vr7z288u2x] .pagination-bar-section {
    background-color: transparent;
}

[b-vr7z288u2x] .pagination-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

@media (max-width: 600px) {

    [b-vr7z288u2x] .no-content-available-img {
        width: 100%;
        height: auto;
    }
}
/* /Components/DocumentDetailsGrid.razor.rz.scp.css */
/* =================================== CSS for search =================================== */
[b-b77khwnai0] .grid-search {
    max-width: 400px;
}

    [b-b77khwnai0] .grid-search .mud-input-control-input-container .mud-input-slot {
        padding: 3px 3px 3px 10px;
        min-height: 30px;
    }

@media (max-width: 600px) {
    [b-b77khwnai0] .grid-search .mud-input-slot {
        font-size: 12px;
    }

    [b-b77khwnai0] .grid-search .mud-input.mud-input-outlined {
        padding-left: 6px;
        padding-inline-start: 6px;
        padding-right: 6px;
        padding-inline-end: 6px;
    }

    [b-b77khwnai0] .grid-search .mud-icon-root {
        font-size: 16px;
    }

    [b-b77khwnai0] .grid-search .mud-input-control-input-container .mud-input-slot {
        padding: 0;
    }
}

/* =================================== CSS for search END =================================== */


/* =================================== CSS for grid height and scroll bar on screen sizes 600px and up i.e. desktop =================================== */
@media (min-width: 600px) {
    [b-b77khwnai0] .document-grid-container {
        height: calc(100vh - 365px);
        overflow: auto;
    }
}

@media (max-width: 600px) {
    /* CSS fix for virtulization: https://github.com/MudBlazor/MudBlazor/issues/3437#issuecomment-1363282027 */
    [b-b77khwnai0] .document-virtualize-grid-fix {
        flex-direction: column;
        flex-shrink: 0;
    }
}

[b-b77khwnai0] .document-card {
    min-height: 170px;
    max-height: 170px;
}

[b-b77khwnai0] .secure-signin-document-card {
    min-height: 175px;
    max-height: 175px;
}

[b-b77khwnai0] .limit-field-value-show-ellipse {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

[b-b77khwnai0] .limit-file-name-show-ellipsis {
    -webkit-line-clamp: 1; /* number of lines to show */
}

[b-b77khwnai0] .limit-file-desc-show-ellipsis {
    -webkit-line-clamp: 2; /* number of lines to show */
}

[b-b77khwnai0] .file-type-text {
    font-weight: bold;
}

[b-b77khwnai0] .status-text {
    display: block;
    min-height: 25px;
    padding: 2px 12px 2px 12px;
    border-radius: 16px;
}

[b-b77khwnai0] .signed {
    background-color: #D6F3E2;
    color: #00775D !important;
}

[b-b77khwnai0] .pending-signature {
    background-color: #FFE9C3;
    color: #B33706 !important;
}

/* =================================== CSS to fit 5 items in grid =================================== */
@media (min-width: 1400px) {
    [b-b77khwnai0] .content-card-page-item {
        max-width: 20%;
        flex-basis: 20%;
    }
}

/* =================================== CSS to fix card width on laptop screens to avoid name overflow =================================== */
@media only screen and (min-width: 1280px) and (max-width: 1540px) {
    [b-b77khwnai0] .card-max-width-laptop {
        max-width: 186px;
    }
}

/* =================================== CSS for pagination bar =================================== */

[b-b77khwnai0] .pagination-bar-section {
    background-color: transparent;
}

[b-b77khwnai0] .pagination-bar {
    background-color: transparent;
}

@media (max-width: 600px) {

    [b-b77khwnai0] .document-grid-container {
        margin-bottom: 80px !important;
    }

    :: deep .pagination-bar[b-b77khwnai0] {
        display: none;
    }
}
/* /Components/DocumentPreviewDialog.razor.rz.scp.css */
[b-g4310dalba] .clear-btn .mud-button-outlined.mud-button-outlined-error {
    border: 2px solid var(--custom-palette-primary) !important;
}

[b-g4310dalba] .document-preview-dialog-content .document-previewer-loader-container {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

[b-g4310dalba] .document-preview-dialog-content .document-previewer {
    width: 850px;
    height: 400px;
}

[b-g4310dalba] .document-preview-dialog-content .pdf-document-previewer {
    width: 850px;
    height: 400px;
}

[b-g4310dalba] .document-preview-dialog-actions {
    justify-content: space-between !important;
}

    [b-g4310dalba] .document-preview-dialog-actions .file-type-text {
        font-weight: bold;
    }

    [b-g4310dalba] .document-preview-dialog-actions .document-download-link {
        display: flex;
        align-items: center;
        gap: 5px;
        text-decoration: underline;
    }

        [b-g4310dalba] .document-preview-dialog-actions .document-download-link p {
            max-width: 300px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: rgba(89, 74, 226, 1) !important;
        }

@media (max-width: 600px) {
    [b-g4310dalba] .document-preview-dialog-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    [b-g4310dalba] .document-preview-dialog-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

        [b-g4310dalba] .document-preview-dialog-content .document-previewer {
            width: 100%;
        }

        [b-g4310dalba] .document-preview-dialog-content .pdf-document-previewer {
            width: 100%;
        }

    [b-g4310dalba] .document-preview-dialog-actions {
        padding: 16px !important;
    }
}
/* /Components/DocumentUploadDialog.razor.rz.scp.css */
[b-do378kd151] .clear-btn .mud-button-outlined.mud-button-outlined-error {
    border: 2px solid var(--custom-palette-primary) !important;
}

@media (max-width: 600px) {
    [b-do378kd151] .upload-dialog-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    [b-do378kd151] .upload-dialog-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    [b-do378kd151] .upload-dialog-actions {
        padding: 16px !important;
    }
}
/* /Components/EventCard.razor.rz.scp.css */
[b-475q7iyt6q] .event-card-container {
    cursor: pointer;
    margin-bottom: 1rem;
    flex: 1;
}

[b-475q7iyt6q] .event-card {
    margin: -12px !important;
    width: 100%;
    padding: 8px;
}

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item {
    padding: 12px 0 12px 12px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    [b-475q7iyt6q] .event-card-container .event-card .mud-grid-item .event-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4px;
        background-color: var(--custom-palette-primary);      
        text-align: center;
        color: #FFFFFF;
        width: 4.5rem;
        height: 4rem;
        font-size: 12px !important;
        border-radius: 0px;
    }

    [b-475q7iyt6q] .event-card-container .event-card .mud-grid-item .event-date .text {
        font-size: 11px;
        color: var(--custom-palette-text-primary) !important;
    }

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item .event-details {
    font-size: 11px !important;    
}

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-details .title {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-details .text {
    font-size: 12px;    
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-time {
    display: flex;
    flex-direction: column;
    align-items: end;   
}

[b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-time .mud-typography-body1 {
    font-size: 12px !important;   
    white-space: nowrap;
}


[b-475q7iyt6q] .event-card .mud-grid-item {
    padding: 10px !important;
}

[b-475q7iyt6q] .mud-picker-content {
    min-height: 270px !important;
}

@media (min-width: 601px) and (max-width: 1080px) {
    [b-475q7iyt6q] .event-details .title {
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    [b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-details .title {
        font-size: 16px;
    }
        [b-475q7iyt6q] .event-card-container .event-card .mud-grid-item.event-details .text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 1rem;
    }

    [b-475q7iyt6q] .event-card-container {
        margin-bottom: unset;
    }    

    [b-475q7iyt6q] .event-card-container .event-card .mud-grid-item {
        display: unset;
    }    

    [b-475q7iyt6q] .event-time .mud-icon-root {
        visibility: hidden;
    }

    [b-475q7iyt6q] .event-card {
        width: unset;
        padding-right: 16px;
    }
}
/* /Components/Generic/AlertMessageList/AlertMessage.razor.rz.scp.css */

.alert-message-content-container-wrapper[b-a3wor93uib] {
    width: 100%;
}

[b-a3wor93uib] .alert-message-content-container {
    width: 100%;
    /*max-height: 40px;*/
    border: 1px solid;
    border-radius: 5px;
    z-index: 120;
    cursor: pointer;
}

    [b-a3wor93uib] .alert-message-content-container.success-alert-message {
        border-color: #00775D;
        background-color: #D6F3E2;
    }

        [b-a3wor93uib] .alert-message-content-container.success-alert-message .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
            color: #00775D !important;
        }

        [b-a3wor93uib] .alert-message-content-container.success-alert-message .alert-message-content .alert-message-header .alert-message-icon {
            fill: #00775D !important;
        }

    [b-a3wor93uib] .alert-message-content-container.critical-alert-message {
        border-color: #BA2121;
        background-color: #FFE3E6;
    }

        [b-a3wor93uib] .alert-message-content-container.critical-alert-message .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
            color: #BA2121 !important;
        }

        [b-a3wor93uib] .alert-message-content-container.critical-alert-message .alert-message-content .alert-message-header .alert-message-icon {
            fill: #BA2121 !important;
        }

    [b-a3wor93uib] .alert-message-content-container.warning-alert-message {
        border-color: #B33706;
        background-color: #FFE9C3;
    }

        [b-a3wor93uib] .alert-message-content-container.warning-alert-message .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
            color: #B33706 !important;
        }

        [b-a3wor93uib] .alert-message-content-container.warning-alert-message .alert-message-content .alert-message-header .alert-message-icon {
            fill: #B33706 !important;
        }

    [b-a3wor93uib] .alert-message-content-container.info-alert-message {
        border-color: #10689d;
        background-color: #E6F4F5;
    }

        [b-a3wor93uib] .alert-message-content-container.info-alert-message .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
            color: #10689d !important;
        }

        [b-a3wor93uib] .alert-message-content-container.info-alert-message .alert-message-content .alert-message-header .alert-message-icon {
            fill: #10689d !important;
        }


    [b-a3wor93uib] .alert-message-content-container .alert-message-content {
        width: 100%;
        gap: 0 !important;
    }

        [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header {
            width: 100%;
            min-height: 40px;
            gap: 6px !important;
            padding: 5px 15px;
            position: relative;
        }

            [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-icon {
                font-size: 16px;
            }

            [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-header-title-content {
                width: 100%;
                gap: 10px !important;
            }

                [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    flex: 1;
                    font-size: 14px;
                    font-weight: bold;
                    word-break: break-word;
                    overflow-wrap: break-word;
                }

            [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-snooze-icon {
                padding: 6px !important;
            }

                [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-snooze-icon .mud-svg-icon {
                    font-size: 16px;
                }

            [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-close-icon {
                padding: 6px !important;
            }

                [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-close-icon .mud-svg-icon {
                    font-size: 16px;
                }

        [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-body-content {
            gap: 10px;
        }

            [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-body-content .alert-message-body {
                font-size: 14px;
            }

@media (max-width: 600px) {

    [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header {
        padding: 5px 10px !important;
    }

    [b-a3wor93uib] .alert-message-content-container .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
        -webkit-line-clamp: 2;
    }
}
/* /Components/Generic/AlertMessageList/AlertMessageList.razor.rz.scp.css */
.alert-message-overlay[b-bie6ob89ig] {
    position: fixed;
    top: 68px;
    left: 50%;
    right: 0;
    width: 82%;
    transform: translateX(-40%);
    z-index: 1100;
}

[b-bie6ob89ig] .alert-message-list-wrapper {
    margin: 0;
    padding: 0;
    overflow: auto;
    transition: none !important;
    padding: 2px !important;
}

    [b-bie6ob89ig] .alert-message-list-wrapper .alert-message-list {
        gap: 10px !important;
    }

@media (max-width: 600px) {
    .alert-message-overlay[b-bie6ob89ig] {
        width: 100%;
        top: 60px;
        left: 40%;
        z-index: 500 !important;
    }
}
/* /Components/Generic/Carousel/Carousel.razor.rz.scp.css */
:host[b-6fdjgfcqv8] {
    --transitionTime: 0s;
    --slideWidth: calc(25% - 20px);
}

.carousel[b-6fdjgfcqv8] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

    .carousel .carousel-viewport-container[b-6fdjgfcqv8] {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        position: relative;
    }

        .carousel .carousel-viewport-container .carousel-viewport[b-6fdjgfcqv8] {
            display: flex;
            align-items: center;
            box-sizing: border-box;
            width: 100%;
            height: 210px;
            /*margin: 0 auto;
            padding: 0;*/
            margin: -10px;
            padding: 10px;
            position: relative;
            overflow: hidden;
        }

            .carousel .carousel-viewport-container .carousel-viewport .carousel-slides-wrapper[b-6fdjgfcqv8] {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                box-sizing: border-box;
                width: 100%;
                gap: 20px;
                margin: 0;
                padding: 0;
                position: absolute;
                transition: transform var(--transitionTime);
            }

[b-6fdjgfcqv8] .carousel-nav-arrow-container.left-nav-arrow-container {
    margin-right: 10px;
}

[b-6fdjgfcqv8] .carousel-nav-arrow-container.right-nav-arrow-container {
    margin-left: 10px;
}

[b-6fdjgfcqv8] .carousel-navigation-container {
    width: 100%;
    gap: 0 !important;
    position: absolute;
    bottom: 30px;
}

    [b-6fdjgfcqv8] .carousel-navigation-container .carousel-nav-arrow-button {
        padding: 4px !important;
    }

        [b-6fdjgfcqv8] .carousel-navigation-container .carousel-nav-arrow-button .mud-icon-button-label .mud-svg-icon {
            font-size: 1rem !important;
        }

        [b-6fdjgfcqv8] .carousel-navigation-container .carousel-nav-arrow-button.left-nav-arrow-button {
            margin-right: 5px;
        }

        [b-6fdjgfcqv8] .carousel-navigation-container .carousel-nav-arrow-button.right-nav-arrow-button {
            margin-left: 5px;
        }

    [b-6fdjgfcqv8] .carousel-navigation-container .carousel-navigation-bullets-list {
        gap: 5px;
    }

        [b-6fdjgfcqv8] .carousel-navigation-container .carousel-navigation-bullets-list .carousel-navigation-bullet {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 10px;
            height: 10px;
            border: 1px solid #000000;
            border-radius: 50%;
            /* text-align: center; */
            background-color: #FFFFFF;
            cursor: pointer;
        }

            [b-6fdjgfcqv8] .carousel-navigation-container .carousel-navigation-bullets-list .carousel-navigation-bullet.active {
                background-color: #000000;
            }

.no-item-available[b-6fdjgfcqv8] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 325px;
}

[b-6fdjgfcqv8] .disable-control {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}

@media (max-width: 640px) {

    .carousel .carousel-viewport-container .carousel-viewport[b-6fdjgfcqv8] {
        margin: 0;
        padding: 0;
    }

        .carousel .carousel-viewport-container .carousel-viewport .carousel-slides-wrapper[b-6fdjgfcqv8] {
            gap: 0px;
        }

    [b-6fdjgfcqv8] .carousel-nav-arrow-container {
        position: absolute;
        z-index: 1;
        top: 36%;
        opacity: 0.6
    }

        [b-6fdjgfcqv8] .carousel-nav-arrow-container.left-nav-arrow-container {
            left: 0;
            margin-right: 0;
        }

        [b-6fdjgfcqv8] .carousel-nav-arrow-container.right-nav-arrow-container {
            right: 0;
            margin-left: 0;
        }

    [b-6fdjgfcqv8] .carousel .carousel-viewport-container:focus .carousel-nav-arrow-container,
    [b-6fdjgfcqv8] .carousel .carousel-viewport-container:hover .carousel-nav-arrow-container {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .carousel .carousel-viewport-container .carousel-viewport[b-6fdjgfcqv8] {
        height: 340px;
    }
}
/* /Components/Generic/Carousel/CarouselSlide.razor.rz.scp.css */

.carousel-slide[b-ercuvt5u6w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /*min-width: 0;*/
    width: var(--slideWidth);
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 4px;
    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);
    border: 1px solid #DFE7E8;
}

@media (max-width: 640px) {

    .carousel-slide[b-ercuvt5u6w] {
        margin: 0 5px;
    }
}
/* /Components/InsurancePolicyDetailsWidgetDialog.razor.rz.scp.css */
[b-a7ald2ejbe] .policy-details-widget-content {
    padding: 0px !important;
}

[b-a7ald2ejbe] .refresh-btn {
    background-color: var(--custom-palette-primary);
    min-width: 110px;
    text-transform: none;
}

/* =========================================== Skeleton loader CSS Start ====================================== */
[b-a7ald2ejbe] .details-widget-skeleton-loader .title.mud-skeleton-wave {
    min-height: 36px;
    min-width: 667px;
}

[b-a7ald2ejbe] .pdw-loader-submit-btn.mud-skeleton-wave {
    min-height: 56px;
    min-width: 136px;
}

[b-a7ald2ejbe] .details-widget-skeleton-loader .mud-skeleton-wave {
    min-height: 54px;
    min-width: 667px;
}

[b-a7ald2ejbe] .details-widget-skeleton-loader .mud-skeleton-text {
    transform: none;
    min-width: 667px;
}
/* =========================================== Skeleton loader CSS Start ====================================== */
/* /Components/MakePaymentWidget.razor.rz.scp.css */
.widget-container[b-rafit5y9jq] {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

[b-rafit5y9jq] .text-amount-align {
    text-align: right;
}

[b-rafit5y9jq] .new-balance-font {
    font-weight: 700;
}

[b-rafit5y9jq] .payment-breakdown-card {
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    padding: 20px;
    margin: 24px auto;
    width: 610px;
}

/* =========================================== Skeleton loader CSS Start ====================================== */
[b-rafit5y9jq] .widget-box {
    width: 50%;
    padding: 1rem;
    height: 380px;
    margin-top: 2rem;
}

[b-rafit5y9jq] .widget-skeleton-loader {
    width: 100%;
}

    [b-rafit5y9jq] .widget-skeleton-loader .title.mud-skeleton-wave {
        min-height: 38px;
    }

    [b-rafit5y9jq] .widget-skeleton-loader .mud-skeleton-wave {
        min-height: 38px;
    }

    [b-rafit5y9jq] .widget-skeleton-loader .mud-skeleton-text {
        transform: none;
    }

@media (max-width: 600px) {
    [b-rafit5y9jq] .widget-box {
        width: 100%;
    }

    [b-rafit5y9jq] .payment-breakdown-card {
        width: 90%;
    }

    [b-rafit5y9jq] .text-amount-align {
        text-align: left;
    }

    [b-rafit5y9jq] .mud-grid-item {
        padding-left: 24px;
        padding-top: 12px;
    }
}
/* =========================================== Skeleton loader CSS End ====================================== */
/* /Components/MessageCenter/MessageCenterChatAreaMessageList.razor.rz.scp.css */
[b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper {
    width: 100%;
    height: 314px;
    overflow: auto;
    padding: 0;
    margin: 0;
}

    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list,
    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item {
        margin: 0;
        padding: 0;
    }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item {
            gap: 0px !important;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content {
                max-width: 70%;
                /*min-width: 70%;*/
                padding: 15px;
                margin: 0;
                border: 1px solid #909FAE;
                border-radius: 8px;
                overflow: hidden;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content.sent-message-item {
                    background-color: #D7EDF466 !important;
                }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content.received-message-item {
                    background-color: #F5F5F5 !important;
                }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section,
                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content,
                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content-header,
                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-body {
                    margin: 0;
                    padding: 0;
                    overflow: hidden;
                }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .mud-avatar {
                        width: 30px !important;
                        height: 30px !important;
                        background: none;
                        background-repeat: no-repeat;
                    }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content {
            width: 100%;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content-header .message-sender-title {
                flex: 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 14px;
                font-weight: bold;
            }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content-header .message-datetime {
                font-size: 14px;
            }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-body .message-body {
                font-size: 14px;
                white-space: pre-wrap;
                word-break: break-word;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-body .message-body mark {
                    background-color: var(--custom-palette-lighter-primary) !important;
                }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-body .message-body mark.focused-highlighted-search-term-keyword {
                        background-color: yellow !important;
                    }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section {
            gap: 0 !important;
            padding: 5px !important;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-icon {
                font-size: 16px !important;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-icon.message-success-status-icon {
                    fill: green !important;
                }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-icon.message-failed-status-icon {
                    fill: red !important;
                }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-text {
                margin-left: 5px !important;
                font-size: 12px !important;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-text.message-success-status-text {
                    color: green !important;
                }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-text.message-failed-status-text {
                    color: red !important;
                }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-retry-button {
                padding: 5px !important;
                margin-left: 10px !important;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content-message-status-section .message-center-chat-window-section-chat-area-messages-list-item-content-message-retry-button .mud-icon-root {
                    font-size: 16px !important;
                }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item {
                padding: 5px;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content {
                    width: 200px;
                    gap: 5px !important;
                    padding: 5px;
                    border: 1px solid #909FAE;
                    border-radius: 5px;
                }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-preview-container {
                        width: 100%;
                    }

                        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-preview-container .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-preview {
                            max-width: 80%;
                            /* width: 100%;*/
                            height: 120px;
                            object-fit: contain !important;
                        }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-info {
                        gap: 4px !important;
                        width: 100%;
                    }

                        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-info .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-file-name {
                            max-width: 100%;
                            line-height: 18px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            /*min-height: 36px;
                            max-height: 36px;
                            display: -webkit-box;
                            overflow: hidden;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;*/
                            flex: 1;
                            font-size: 12px;
                            font-weight: 700;
                            text-align: center;
                            /*overflow-wrap: break-word;*/
                        }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item {
                padding: 5px;
            }

                [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content {
                    width: 250px;
                    gap: 0px !important;
                    padding: 5px;
                    border: 1px solid #909FAE;
                    border-radius: 5px;
                    position: relative;
                }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content-file-preview-container {
                        width: 30px;
                        height: 40px;
                    }

                        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content-file-preview-container .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content-file-preview {
                            max-width: 100%;
                        }

                    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-non-images-file-info-section {
                        width: calc(100% - 40px);
                        gap: 4px;
                        margin-left: 10px;
                    }

                        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-non-images-file-info-section .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content-non-images-file-name {
                            max-width: 100%;
                            line-height: 18px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            /*min-height: 36px;
                            max-height: 36px;
                            display: -webkit-box;
                            overflow: hidden;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;*/
                            flex: 1;
                            font-size: 12px;
                            font-weight: 700;
                            /*overflow-wrap: break-word;*/
                        }

[b-ks2sd52to0] .msg-retry-loader {
    height: 16px !important;
    width: 16px !important;
    margin-left: 10px !important;
}

@media (max-width: 600px) {

    [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper {
        height: 435px;
        padding: 5px 5px 5px 0 !important;
    }

        [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content {
            max-width: 90% !important;
            /*min-width: 90% !important;*/
            padding: 10px !important;
        }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content-header .message-datetime {
                font-size: 10px !important;
            }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-content .message-center-chat-window-section-chat-area-messages-list-item-content-main-message-section-body .message-body {
                font-size: 12px !important;
            }

            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-files-attachments-grid-item-content,
            [b-ks2sd52to0] .message-center-chat-window-section-chat-area-messages-list-wrapper .message-center-chat-window-section-chat-area-messages-list .message-center-chat-window-section-chat-area-messages-list-item .message-center-chat-window-section-chat-area-messages-list-item-content .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item .message-center-chat-window-section-chat-area-messages-list-item-content-non-images-files-attachments-grid-item-content {
                width: 100% !important;
            }
}
/* /Components/MessageCenter/MessageCenterComponent.razor.rz.scp.css */
[b-b9om6363ca] .message-center-content .message-center-page-header {
    padding: 10px 20px;
    border-bottom: 1px solid #E1E1E2;
}

    [b-b9om6363ca] .message-center-content .message-center-page-header .message-center-page-header-title {
        flex: 1;
        font-size: 32px;
        color: var(--custom-palette-font-header) !important;
    }

    [b-b9om6363ca] .message-center-content .message-center-page-header .btn-create-new-conversation {
        text-transform: capitalize;
    }

[b-b9om6363ca] .message-center-content .message-center-messages-search-textbox-input-container-wrapper {
    min-width: 380px;
}

[b-b9om6363ca] .message-center-content .message-center-grid-container {
    /*height: calc(100vh - 192px);*/
    height: calc(100vh - 194px);
    padding: 0;
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid {
        width: 100%;
        min-height: 100%;
        margin: 0;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section {
            /*padding: 20px 15px;*/
            padding: 15px;
            border-right: 1px solid #E1E1E2;
        }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content {
                height: 100%;
                overflow: hidden;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container {
                    width: 100%;
                    padding: 0;
                }

                    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group {
                        width: 100%;
                        /*min-height: 50px;*/
                        padding: 8px 16px;
                        border: none !important;
                        background: #F3F3F3; /* var(--mud-palette-action-default-hover); */
                    }

                        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-toggle-item {
                            border: 1px solid transparent !important;
                        }

                        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button {
                            min-width: 40px;
                            height: 38px;
                            border-radius: 4px;
                            transition: none !important;
                        }

                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button .mud-button-label {
                                font-size: 14px !important;
                                font-weight: 400 !important;
                            }

                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button:active,
                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button:focus-visible,
                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button-filled,
                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button-filled:active,
                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button-filled:focus-visible {
                                background-color: #FFFFFF !important;
                                border-color: #909FAE !important;
                            }

                            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button .message-center-unread-messages-count {
                                width: 25px;
                                /* min-width: 25px
                                max-width: 25px; */
                                height: 25px;
                                /* min-height: 25px; 
                                max-height: 25px; */
                                line-height: 25px;
                                margin-left: 5px;
                                padding: 0px;
                                border: 1px solid #909FAE;
                                border-radius: 50%;
                                font-size: 12px;
                            }


@media (hover: hover) and (pointer: fine) {
    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button:hover,
    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button-filled:hover {
        background-color: #FFFFFF !important;
    }
}

[b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .no-conversation-message-wrapper {
    height: calc(100% - 65px);
    overflow: hidden;
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .no-conversation-message-wrapper .no-conversation-message {
        font-size: 20px;
        word-break: break-word;
        overflow-wrap: break-word;
        text-align: center;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .no-conversation-message-wrapper .no-message-available-img {
        object-fit: cover !important;
    }

[b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section {
    padding: 0;
    /*padding: 15px 15px 0 15px;*/
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content-wrapper {
        width: 100%;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content {
        height: 100%;
        gap: 0;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header {
            width: 100%;
            /*padding: 20px 15px;*/
            padding: 15px;
            border-bottom: 1px solid #E1E1E2;
        }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-icon .mud-icon-root.mud-svg-icon {
                fill: #FFFFFF;
            }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title {
                max-width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 700;
            }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title-edit-button,
            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title-save-button {
                min-height: 40px;
                text-transform: capitalize;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title-save-button:disabled,
                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title-save-icon-button:disabled {
                    opacity: 0.6;
                }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-title-edit-input.mud-input-input-control {
                max-width: 50%;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-title-edit-input.mud-input-input-control .mud-input-control-input-container .mud-input .mud-input-root {
                    padding: 10px !important;
                }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-archive-button {
                padding: 8px !important;
                /*margin-left: auto;*/
            }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area {
            width: 100%;
            min-height: calc(100% - 70px);
            /*gap: 0 !important;*/
            padding: 15px !important;
            margin: 0;
            overflow: hidden;
        }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section {
                width: 100%;
                border-radius: 8px;
                background-color: #F0F2F4 !important;
                gap: 5px !important;
                position: relative;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input {
                }

                    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled {
                        background-color: #F0F2F4 !important;
                    }

                        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled.mud-input-underline:before,
                        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled.mud-input-underline:after {
                            border-bottom: none !important;
                        }

                        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled .mud-input-root-filled {
                            margin: 15px 15px 5px 15px !important;
                        }

@media (hover: hover) and (pointer: fine) {
    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled:hover {
        background-color: #F0F2F4 !important;
    }
}

@media (hover: hover) and (pointer: fine) {
    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled.mud-input-underline:hover:before,
    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-input .mud-input-control-input-container .mud-input-filled.mud-input-underline:hover:not(.mud-disabled):before {
        border-bottom: none;
    }
}

[b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid {
    width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 0;
    overflow: auto;
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid.files-attachments-grid {
        min-height: 50px;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item {
        padding: 10px;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content {
            width: 100%;
            gap: 0px !important;
            padding: 5px;
            border: 1px solid #909FAE;
            border-radius: 5px;
            position: relative;
        }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-preview-container {
                width: 30px;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-preview-container .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-preview {
                    max-width: 100%;
                }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-info-section {
                width: calc(100% - 78px);
                gap: 4px;
                margin-left: 10px;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-info-section .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-name {
                    max-width: 100%;
                    line-height: 18px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    /*min-height: 36px;
                    max-height: 36px;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;*/
                    /*flex: 1;*/
                    font-size: 12px;
                    font-weight: 700;
                    /*overflow-wrap: break-word;*/
                }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-info-section .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-size {
                    font-size: 12px;
                }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid .message-center-chat-window-section-chat-area-files-attachments-grid-item .message-center-chat-window-section-chat-area-files-attachments-grid-item-content .message-center-chat-window-section-chat-area-files-attachments-grid-item-content-file-remove-icon-button {
                align-self: flex-start;
                padding: 4px;
                margin-left: 5px;
            }

[b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group {
    padding: 5px 15px !important;
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group.send-action-buttons-group {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group .mud-icon-button {
        padding: 8px !important;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group .message-center-chat-window-section-chat-area-message-send-icon-button {
        min-width: 50px;
        border-radius: 8px;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group .message-center-chat-window-section-chat-area-message-send-icon-button:disabled {
            opacity: 0.6;
        }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-message-send-action-buttons-group .message-center-chat-window-section-chat-area-message-send-icon-button .mud-icon-button-label .mud-icon-root.mud-svg-icon {
            fill: #FFFFFF !important;
        }

[b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-no-conversation-message-content {
    height: 100%;
    padding: 15px;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
}

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-no-conversation-message-content .no-message-available-img {
        object-fit: cover !important;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-no-conversation-message-content .message-center-no-conversation-message-content-available-desc {
        font-size: 20px;
        word-break: break-word;
        overflow-wrap: break-word;
        text-align: center;
    }

@media (max-width: 600px) {

    [b-b9om6363ca] .message-center-content .message-center-page-header .btn-create-new-conversation {
        height: 32px;
        font-size: 12px;
    }

    [b-b9om6363ca] .message-center-content .message-center-page-header {
        /*padding: 0 0 10px 0 !important;*/
        padding: 12px 16px !important;
        border: none !important;
    }

        [b-b9om6363ca] .message-center-content .message-center-page-header .message-center-page-header-title {
            font-size: 16px !important;
            font-weight: 700 !important;
        }

    [b-b9om6363ca] .message-center-conversations-search-textbox-input-container-wrapper {
        padding: 0 16px !important;
    }

        [b-b9om6363ca] .message-center-conversations-search-textbox-input-container-wrapper .search-term-keywords-menu {
            width: calc(100% - 32px) !important;
        }

    [b-b9om6363ca] .message-center-content .message-center-messages-search-textbox-input-container-wrapper {
        min-width: unset;
        width: 100%;
    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section {
        padding: 0 !important;
        border: none !important;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content {
            gap: 16px !important;
        }

            [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container {
                padding: 0 16px !important;
            }

                [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group {
                    padding: 5px 20px !important;
                }

                    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-conversation-section .message-center-conversation-section-content .message-center-conversation-type-toggle-group-container .message-center-conversation-type-toggle-group .mud-button {
                        height: 36px !important;
                    }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header {
        gap: 8px !important;
        padding: 10px 5px !important;
        border: none !important;
        box-shadow: 0 1px 8px #00000040;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-back-to-conversation-section-icon {
            width: 40px;
            height: 40px;
        }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .message-center-chat-window-section-header-conversation-title {
            flex: 1;
        }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-header .mud-button-root.mud-icon-button {
            padding: 6px !important;
        }

    [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area {
        /*padding: 15px 5px 0 5px !important;*/
        padding: 15px 15px 10px 15px !important;
    }

        [b-b9om6363ca] .message-center-content .message-center-grid-container .message-center-grid .message-center-chat-window-section .message-center-chat-window-section-content .message-center-chat-window-section-chat-area .message-center-chat-window-section-chat-area-message-send-section .message-center-chat-window-section-chat-area-files-attachments-grid {
            max-height: 140px;
        }
}

[b-b9om6363ca] .hidden {
    display: none
}
/* /Components/MessageCenter/MessageCenterConversationList.razor.rz.scp.css */
[b-ygr89inqnh] .message-center-conversations-list-wrapper {
    height: 450px;
    overflow: auto;
}

    [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list {
    }

        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item {
            /* min-height: 70px;
            max-height: 70px;*/
            min-height: 80px;
            max-height: 80px;
            padding: 5px 10px !important;
            border-bottom: 1px solid #C6CED5 !important;
        }

            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item.mud-selected-item {
                background-color: transparent !important;
            }

            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item.message-center-selected-conversation-item {
                background-color: var(--custom-palette-lighter-secondary) !important;
            }

            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item.unread-message {
                background-color: var(--custom-palette-lighter-primary) !important;
            }

            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-avatar {
                min-width: 0 !important;
            }

                [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-avatar .message-center-conversation-item-avtar {
                    /* width: 35px;
                    height: 35px;*/
                    padding: 0;
                    margin: 0;
                }

                    [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-avatar .message-center-conversation-item-avtar .mud-icon-root.mud-svg-icon {
                        fill: #FFFFFF !important;
                    }

            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text {
                margin: 0 0 0 8px !important;
            }

                [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content {
                    gap: 4px !important;
                }

                    [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-primary-section {
                        gap: 8px !important;
                    }

                        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-primary-section .message-center-conversation-item-title {
                            flex: 1;
                            line-height: 18px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            font-size: 12px;
                        }

                            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-primary-section .message-center-conversation-item-title mark {
                                background-color: var(--custom-palette-lighter-primary) !important;
                            }

                        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-primary-section .message-center-conversation-item-last-message-datetime {
                            max-width: 60px;
                            line-height: 18px;
                            font-size: 10px;
                        }

                    [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section {
                        gap: 4px !important;
                    }

                        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .message-center-conversation-item-last-message-body-wrapper {
                            flex: 1;
                        }

                            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .message-center-conversation-item-last-message-body-wrapper .message-center-conversation-item-last-message-body {
                                display: -webkit-box;
                                overflow: hidden;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                font-size: 10px;
                                flex: 1;
                                word-break: break-word;
                            }

                        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .message-center-conversation-item-action-menu-action-icon-wrapper {
                            gap: 4px !important;
                            margin-left: auto;
                        }

                            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .message-center-conversation-item-action-menu-action-icon-wrapper .message-center-conversation-item-unread-message-count {
                                width: 30px;
                                height: 22px;
                                border-radius: 14px;
                                font-size: 12px;
                                background-color: var(--custom-palette-primary);
                                color: var(--custom-palette-text-primary) !important;
                            }

                            [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .message-center-conversation-item-action-menu-action-icon-wrapper .mud-menu .mud-menu-activator .icon-action-button {
                                width: 25px;
                                height: 25px;
                                padding: 0px !important;
                            }

                        [b-ygr89inqnh] .message-center-conversations-list-wrapper .message-center-conversations-list .message-center-conversation-item .mud-list-item-text .message-center-conversation-item-content .message-center-conversation-item-content-secondary-section .mud-menu .mud-menu-activator .icon-action-button .mud-icon-root.mud-svg-icon {
                            font-size: 16px !important;
                        }


@media (max-width: 600px) {
    [b-ygr89inqnh] .message-center-conversations-list-wrapper {
        box-shadow: 0 1px 8px #00000040;
        border-radius: 0;
    }
}
/* /Components/MessageCenter/SearchTextboxInput.razor.rz.scp.css */

.search-textbox-input-container-wrapper[b-95dx4x0aa6] {
    position: relative;
}

[b-95dx4x0aa6] .search-textbox-input-container {
    width: 100%;
    gap: 4px !important;
    padding: 5px;
    border: 1px solid #E1E1E2;
    border-radius: 5px;
}

    [b-95dx4x0aa6] .search-textbox-input-container .search-textbox-input {
    }

        [b-95dx4x0aa6] .search-textbox-input-container .search-textbox-input .mud-input-control-input-container .mud-input.mud-input-text.mud-input-underline::before,
        [b-95dx4x0aa6] .search-textbox-input-container .search-textbox-input .mud-input-control-input-container .mud-input.mud-input-text.mud-input-underline::after {
            border-bottom: none !important;
        }

        [b-95dx4x0aa6] .search-textbox-input-container .search-textbox-input .mud-input-control-input-container .mud-input.mud-input-text.mud-input-underline .mud-input-root {
            min-height: 30px;
            padding: 0 !important;
        }

[b-95dx4x0aa6] .search-term-keyword-occurance-result {
    font-size: 12px !important;
    font-weight: 600;
}

[b-95dx4x0aa6] .search-term-keywords-menu {
    width: 100%;
    position: absolute;
    top: 42px;
    border: 1px solid #E1E1E2;
    margin-top: 2px;
    background: #FFFFFF;
    z-index: 1000;
}

    [b-95dx4x0aa6] .search-term-keywords-menu.hidden {
        display: none !important;
    }

    [b-95dx4x0aa6] .search-term-keywords-menu .search-term-keywords-menu-title-wrapper .search-term-keywords-menu-title {
        font-size: 14px;
        font-weight: 700;
    }

    [b-95dx4x0aa6] .search-term-keywords-menu .search-term-keywords-list .search-term-keywords-list-item .search-term-keywords-list-item-content .search-term-keywords-list-item-text {
        flex: 1;
    }
/* /Components/Payment.razor.rz.scp.css */
[b-jzzx0pt6ld] .balance-title {
    font-size: 24px;
    font-weight: bold;
}

[b-jzzx0pt6ld] .balance-amount {
    font-size: 48px;   
}

[b-jzzx0pt6ld] .payment-container {
    margin: 0px;
    width: 100%;
    padding: 16px;
}

[b-jzzx0pt6ld] .details-btn {
    border: 1.22px solid #909FAE;
    padding: 3.66px 10.99px 3.66px 10.99px !important;
    height: 27px;
    width: 103px;
    font-size: 10px;
    border-radius: 12209px;
    font-weight: 400;
    text-transform: none;
}

[b-jzzx0pt6ld] .make-payment-btn {     
    color: white;
    text-transform: none;
}

[b-jzzx0pt6ld] .view-statement-btn {
    color: #044D66;
    border: 1.7px solid #044D66;
}

[b-jzzx0pt6ld] .btn-common {
    height: 48px;
    width: 295px;
    border-radius: 4px;
    font-size: 21px;
    font-weight: 100;
}

[b-jzzx0pt6ld] .btn-common svg {
    font-size: 15px !important;
}

[b-jzzx0pt6ld] .btn-common .mud-button-icon-end {
    position: absolute;
    right: 1rem;
}

[b-jzzx0pt6ld] .payment-container .action {
    justify-content: center;
    height: 100%;
    align-items: end;
}


@media (max-width: 600px) {
    [b-jzzx0pt6ld] .btn-common {
        height: 36px;
        width: 151px;
        font-size: 14px;
    }

    [b-jzzx0pt6ld] .balance-title {
        font-size: 14px;
    }

    [b-jzzx0pt6ld] .balance-amount {
        font-size: 20px;
    }

    [b-jzzx0pt6ld] .btn-common .mud-button-label {
        justify-content: unset;       
    }

    [b-jzzx0pt6ld] .btn-common svg {
        font-size: 14px;
    }

    [b-jzzx0pt6ld] .payment-container .mud-grid-item {
        padding: 0px !important;
    }
}
/* /Components/PaymentBreakDown.razor.rz.scp.css */
[b-cjejiweqmc] .payment-breakdown-card {
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    padding: 24px 32px 24px 32px;
    margin: 24px auto;
    width: 898px;
    height: fit-content;
    top: 214px;
    left: 489px;
    gap: 0px;
    border-radius: 8px 0px 0px 0px;
    align-self: center !important;
}

[b-cjejiweqmc] .payment-breakdown-body {
    width: 898px;
    height: 224px;
    padding: 16px 24px 16px 24px;
    gap: 24px;
}

[b-cjejiweqmc] .payment-breakdown-popup {
    margin: -16px 32px;
    padding: 24px 32px 24px 32px;
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    padding: 20px !important;
    margin: auto;
    width: 570px;
}

[b-cjejiweqmc] .payment-breakdown-popup {
    background-color: #F0F2F4 !important;
    min-height: 100vh;
}

.payment-breakdown-popup[b-cjejiweqmc]::before,
.payment-breakdown-popup[b-cjejiweqmc]::after {
    content: ' ';
    display: block;
    min-height: 30px;
}

[b-cjejiweqmc] .payment-breakdown-popup-content .payment-breakdown-popup-header {
    align-items: center;
}

    [b-cjejiweqmc] .payment-breakdown-popup-content .payment-breakdown-popup-header .payment-breakdown-popup-header-title {
        flex: 1;
        font-size: 32px;
        color: var(--custom-palette-font-header) !important;
    }

[b-cjejiweqmc] .payment-breakdown-popup-content .mud-form {
    margin-top: 20px;
}

[b-cjejiweqmc] .payment-breakdown-popup-content .mud-input-control .mud-input-control-input-container .mud-radio-group {
    display: flex;
    flex-direction: row;
    width: 100%;
}


[b-cjejiweqmc] .mud-radio mud-radio-content-placement-end mud-radio-with-content {
    flex: 1;
    border: 1px solid #C6CED5;
    border-radius: 5px;
}

element.style[b-cjejiweqmc] {
    gap: 20px;
}


[b-cjejiweqmc] .payment-breakdown-popup-content .mud-radio-content-placement-end.mud-radio-with-content {
    margin-right: 16px;
    margin-inline-end: 16px;
}

[b-cjejiweqmc] .payment-breakdown-title {
    font-size: 24px;
    color: var(--custom-palette-font-header);
}

[b-cjejiweqmc] .payment-breakdown-title-parent {
    padding-top: 0px;
    padding-bottom: 16px;
}

[b-cjejiweqmc] .payment-breakdown-currentbalance {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

[b-cjejiweqmc] .mud-radio-with-content {
    width: 400px;
    height: 38px;
    padding: 8px 16px 8px 16px;
    border: 1px solid #C6CED5;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 0px;
    padding-left: 0px;
}

[b-cjejiweqmc] .mud-radio-group {
    gap: 16px;
    padding-right: 18px;
}

[b-cjejiweqmc] .mud-input-root-outlined {
    padding: 8.5px 14px !important;
}

[b-cjejiweqmc] .payment-amount-input {
    padding-top: 0px;
}

[b-cjejiweqmc] .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined[b-cjejiweqmc] {
    text-align: right;
}

[b-cjejiweqmc] .payment-breakdown-total-container {
    border: 1px solid #C6CED5;
    height: 64px;
    padding: 1rem;
    margin-top: 12px;
    background-color: #f0f0f0; /* Example background color */
    padding: 16px;
}

[b-cjejiweqmc] .payment-breakdown-fullbalance {
    /* Adjust font size, color, and alignment */
    font-size: 14px;
    color: #333;
    text-align: right;
}

[b-cjejiweqmc] .text-bold {
    /* Adjust font weight and font size */
    font-weight: bold;
    font-size: 14px;
}

[b-cjejiweqmc] .text-right {
    text-align: right;
}

[b-cjejiweqmc] .mud-grid-spacing-xs-6 > .mud-grid-item {
    padding-left: 0px;
}

[b-cjejiweqmc] .payment-body-fullwidth {
    display: block;
    background: #EFF3F3;
    margin-top: 15px;
    padding-bottom: 5px;
}

[b-cjejiweqmc] .payment-body-responsive {
    margin-top: 0px;
    display: none;
}

@media(max-width: 600px) {
    [b-cjejiweqmc] .payment-breakdown-popup-content .mud-input-control .mud-input-control-input-container .mud-radio-group {
        flex-direction: column;
    }

    [b-cjejiweqmc] .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined[b-cjejiweqmc] {
        text-align: right;
    }

    [b-cjejiweqmc] .payment-breakdown-radio {
        width: 100%;
        max-width: 100%;
    }

    [b-cjejiweqmc] .payment-breakdown-card {
        width: 327px;
    }

    [b-cjejiweqmc] .mud-radio-with-content {
        width: 254px;
        height: 38px;
        padding: 8px 16px 8px 16px;
        border: 1px solid #C6CED5;
        border-radius: 5px;
        font-size: 14px;
        margin-left: 0px;
        padding-left: 0px;
        align-self: center !important;
    }

    [b-cjejiweqmc] .payment-body-fullwidth {
        display: none;
    }

    [b-cjejiweqmc] .payment-body-responsive {
        margin-top: 0px;
        display: block;
    }
}
/*============================================================================================================================================================================*/

.widget-container[b-cjejiweqmc] {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* =========================================== Skeleton loader CSS Start ====================================== */
[b-cjejiweqmc] .widget-box {
    width: 50%;
    padding: 1rem;
    height: 300px;
    margin-top: 2rem;
}

[b-cjejiweqmc] .widget-skeleton-loader {
    width: 100%;
}

    [b-cjejiweqmc] .widget-skeleton-loader .title .mud-skeleton-wave {
        min-height: 38px;
    }

    [b-cjejiweqmc] .widget-skeleton-loader .mud-skeleton-text {
        transform: none;
    }

[b-cjejiweqmc] .widget-box .title .mud-skeleton-wave {
    min-height: 40px;
}

[b-cjejiweqmc] .widget-skeleton-loader .mud-skeleton-wave {
    min-height: 60px;
}

@media (max-width: 600px) {
    [b-cjejiweqmc] .widget-box {
        width: 100%;
    }
}
/* /Components/PaymentHistoryWidget.razor.rz.scp.css */
.widget-container[b-wjtyzyd3dr] {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* =========================================== Skeleton loader CSS Start ====================================== */
[b-wjtyzyd3dr] .widget-box {
    padding: 1rem;
    width: 90%;
    margin-top: 0rem;
    height: 340px;
}

[b-wjtyzyd3dr] .widget-skeleton-loader {
    width: 100%;
}

    [b-wjtyzyd3dr] .widget-skeleton-loader .title.mud-skeleton-wave {
        min-height: 38px;
    }

    [b-wjtyzyd3dr] .widget-skeleton-loader .mud-skeleton-wave {
        min-height: 38px;
    }

    [b-wjtyzyd3dr] .widget-skeleton-loader .mud-skeleton-text {
        transform: none;
    }

@media (max-width: 768px) {
    [b-wjtyzyd3dr] .widget-box {
        width: 100%;
    }
}
/* =========================================== Skeleton loader CSS End ====================================== */
/* /Components/PetDetailCard.razor.rz.scp.css */
[b-9cozotspiy] .detail-card-container {
    flex-wrap: wrap;
}

[b-9cozotspiy] .detail-card {
    width: 32%;
}

[b-9cozotspiy] .card-box {
    width: 90%;
}

[b-9cozotspiy] .card-data {
    justify-content: space-between;
    width: 100%;
}

[b-9cozotspiy] .card-name {
    white-space: nowrap; 
    font-weight: bold;
    font-size: 16px;
}

[b-9cozotspiy] .card-value {
    white-space: normal;
    overflow-wrap: break-word;
    width: 60%;
    text-align: end;
    font-size: 16px;
}

@media (max-width: 600px) {
    [b-9cozotspiy] .detail-card {
        width: 100%;
    }

    [b-9cozotspiy] .card-name {
        font-size: 14px;
    }

    [b-9cozotspiy] .card-value {
        font-size: 14px;
        width: 90px;
    }
}
/* /Components/PhotoAlbumCardPage.razor.rz.scp.css */
[b-ohg119hqs4] .photo-title {
    word-break: break-all;
}

[b-ohg119hqs4] .mri-pin-icon {
    padding: 3px;
}

[b-ohg119hqs4] .photo-album-page-content {
    background-color: transparent;
}

[b-ohg119hqs4] .mud-grid-spacing-xs-3 {
    width: calc(50% + 12px);
    margin-left: -12px;
    margin-top: -12px;
}

[b-ohg119hqs4] .photo-album-page-mudgrid {
    width: 1029px;
    padding: 0px 50px 50px 50px;
    justify-self: center;
}

[b-ohg119hqs4] .mri-card {
    min-height: 250px;
    max-height: 269px;
}

[b-ohg119hqs4] .menu-item-desc {
    margin: 16px 0px;
}

[b-ohg119hqs4] .card-img {
    height: 180px;
}

[b-ohg119hqs4] .mri-card-title {
    font-size: 16px;
}

[b-ohg119hqs4] .mri-limit-text-show-ellipsis {
    font-size: 14px;
}

[b-ohg119hqs4] .photo-album-page-content .photo-album-page-header {
    align-items: center;
}

    [b-ohg119hqs4] .photo-album-page-content .photo-album-page-header .photo-album-page-header-title {
        flex: 1;
        font-size: 32px;
        color: var(--custom-palette-font-header) !important;
    }

[b-ohg119hqs4] .photo-album-page-content .mud-form {
    margin-top: 20px;
}


@media (max-width: 600px) {
    [b-ohg119hqs4] .photo-album-page-mudgrid {
        width: 100%;
        padding: 0px;
    }

    [b-ohg119hqs4] .menu-item-container {
        padding: 24px;
    }
}
/* /Components/PhotoAlbumCarouselDialog.razor.rz.scp.css */
/* /Components/QuickActions.razor.rz.scp.css */
[b-zdu2keqmnf] .quick-actions-container {
    width: 60%;
}

[b-zdu2keqmnf] .actions-grid {
    width: 100%;    
}

[b-zdu2keqmnf] .actions-title {
    font-size: 20px;
}

/* /Components/RentRenewal.razor.rz.scp.css */
[b-g7ypl13kyo] .flex-align-center, [b-g7ypl13kyo] .flex-align-center .mud-radio-content {
    display: flex;
    width: 100%;
    align-items: center;
}

[b-g7ypl13kyo] .ntv-spacing {
    margin-top: 16px;
    margin-bottom: 16px;
}

[b-g7ypl13kyo] .contact-us-link {
    font-weight: 700;
    color: #00775D !important;
}

[b-g7ypl13kyo] .contact-us-link-with-description {
    color: #0582C3 !important;
}

[b-g7ypl13kyo] .details-btn {
    border: 1.22px solid #909FAE;
    padding: 3.66px 10.99px 3.66px 10.99px !important;
    height: 27px;
    font-size: 10px;
    border-radius: 12209px;
    font-weight: 400;
    text-transform: none;
}

[b-g7ypl13kyo] .rent-renewal-page {
    background-color: #F0F2F4 !important;
    min-height: 100vh;
}

    [b-g7ypl13kyo] .rent-renewal-page::before,
    [b-g7ypl13kyo] .rent-renewal-page::after {
        content: ' ';
        display: block;
        min-height: 30px;
    }

[b-g7ypl13kyo] .rent-renewal-page-content {
    margin: 0px 32px 80px 32px;
    padding: 24px 32px 24px 32px;
}

    [b-g7ypl13kyo] .rent-renewal-page-content .rent-renewal-page-header {
        align-items: center;
        padding-bottom: 20px;
    }

        [b-g7ypl13kyo] .rent-renewal-page-content .rent-renewal-page-header .rent-renewal-page-header-title {
            flex: 1;
            font-size: 32px;
            color: var(--custom-palette-font-header) !important;
        }

@media (max-width: 600px) {
    [b-g7ypl13kyo] .rent-renewal-page-content .rent-renewal-page-header .rent-renewal-page-header-title {
        font-size: 24px;
    }
}

[b-g7ypl13kyo] .rent-renewal-page-content .mud-form {
    margin-top: 20px;
}

[b-g7ypl13kyo] .mud-radio.mud-radio-content-placement-end.mud-radio-with-content.flex-align-center {
    border-radius: 4px;
    border: 1px solid;
    margin: 5px 0px;
    padding: 5px;
}

[b-g7ypl13kyo] .rent-renewal-page-content-card {
    border: 1px solid;
    box-shadow: none;
    border-radius: 10px;
}

[b-g7ypl13kyo] .margin-2px {
    margin: 2px;
}

[b-g7ypl13kyo] .selected-rent-renewal *:not(.mud-button-label) {
    color: var(--custom-palette-text-primary) !important;
}

[b-g7ypl13kyo] .selected-rent-renewal label.mud-radio-with-content {
    background-color: var(--custom-palette-primary) !important;
}

[b-g7ypl13kyo] .ntv-radio-btn {
    background-color: var(--custom-palette-primary) !important;
}

    [b-g7ypl13kyo] .ntv-radio-btn * {
        color: var(--custom-palette-text-primary) !important;
    }

[b-g7ypl13kyo] .widget-skeleton-loader .title.mud-skeleton-wave {
    min-height: 60px;
}

[b-g7ypl13kyo] .widget-skeleton-loader .submit-btn.mud-skeleton-wave {
    min-height: 36px;
}

[b-g7ypl13kyo] .widget-skeleton-loader .mud-skeleton-wave {
    min-height: 96px;
}

[b-g7ypl13kyo] .widget-skeleton-loader .mud-skeleton-text {
    transform: none;
}

[b-g7ypl13kyo] .submit-btn {
    width: 200px;
}

@media (max-width: 600px) {
    [b-g7ypl13kyo] .widget-skeleton-loader .mud-skeleton-wave {
        min-height: 200px;
    }
}

[b-g7ypl13kyo] .rent-renewal-page-selection-card {
    border: 1px solid;
    box-shadow: none;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
}


/* =========================================== Alert bar CSS Start ====================================== */

[b-g7ypl13kyo] .alert-message-bar {
    position: relative;
    gap: 6px;
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 120;
    cursor: pointer;
    min-height: 40px;
    border: 1px solid #103957;
    background-color: #E6F4F5;
    margin: 10px;
}

    [b-g7ypl13kyo] .alert-message-bar .alert-message-content {
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    [b-g7ypl13kyo] .alert-message-bar .icon-alert {
        font-size: 16px;
        /*fill: #00775D !important;*/
    }


[b-g7ypl13kyo] .alert-message-bar .alert-message-content .mri-card-title {
    flex: 1;
    font-size: 14px;
    text-align: justify;
}


    [b-g7ypl13kyo] .alert-message-bar .alert-message-content .mri-card-title b, [b-g7ypl13kyo] .alert-message-bar .alert-message-content .mri-card-title a {
        flex: 1;
        font-size: 14px;
        font-weight: bold;
       
    }

    [b-g7ypl13kyo] .alert-message-bar .alert-message-content .mri-card-title a {
        text-decoration: underline;
    }

[b-g7ypl13kyo] .alert-message-bar .alert-message-content .alert-message-more-details-button {
    border: 1px solid #909FAE;
    border-radius: 18px;
    padding: 5px 10px;
    transition: background-color 0.3s, color 0.3s;
    text-transform: none;
    height: 22px;
}

    [b-g7ypl13kyo] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
        font-size: 12px;
        color: #044D66 !important;
    }

[b-g7ypl13kyo] .alert-message-bar .alert-message-content .close-icon {
    align-self: flex-start;
    margin-top: 5px;
    font-size: 20px;
}

@media (max-width: 600px) {
    [b-g7ypl13kyo] .alert-message-bar {
        gap: 15px;
        padding: 10px 15px;
        margin: 16px 0;
    }

        [b-g7ypl13kyo] .alert-message-bar .mud-svg-icon {
            align-self: flex-start;
        }

        [b-g7ypl13kyo] .alert-message-bar .alert-message-content {
            flex-direction: column;
            align-items: flex-start;
        }

            [b-g7ypl13kyo] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
                font-size: 11px;
            }

            [b-g7ypl13kyo] .alert-message-bar .alert-message-content .mri-card-title {
                font-size: 12px;
            }
}
/* =========================================== Alert bar CSS End ====================================== */
/* /Components/RentRenewalDetails.razor.rz.scp.css */
/* /Components/SecurityLedgerDetailsDialog.razor.rz.scp.css */
/* /Components/SubMenuDrawer.razor.rz.scp.css */
[b-cfnezv2crj] .sub-menu-drawer .nav-container {
    background: var(--custom-palette-secondary);
}

[b-cfnezv2crj] .submenu-top-bar .submenu-title {
    font-size: 18px;
    color: var(--custom-palette-text-secondary) !important;
    width: 100px;
}

[b-cfnezv2crj] .submenu-item .mud-nav-link .mud-nav-link-text {
    color: var(--custom-palette-text-secondary) !important;
}

[b-cfnezv2crj] .close-nav-submenu-btn .mud-icon-root {
    fill: var(--custom-palette-text-secondary) !important;
}

[b-cfnezv2crj] .menu-group svg {
    fill: var(--custom-palette-text-secondary) !important;
}

@media (max-width: 600px) {
    [b-cfnezv2crj] .sub-menu-drawer {
        z-index: 1000;
        left: unset !important;
        width: 100% !important;
    }

    [b-cfnezv2crj] .submenu-top-bar .submenu-title {
        width: 100%;
    }
}
/* /Components/VehicleDetailCard.razor.rz.scp.css */
[b-33fu9jkmac] .detail-card-container {
    flex-wrap: wrap;
}

[b-33fu9jkmac] .detail-card {
    width: 32%;
}

[b-33fu9jkmac] .card-box {
    width: 90%;
}

[b-33fu9jkmac] .card-data {
    justify-content: space-between;
    width: 100%;
}

[b-33fu9jkmac] .card-name {
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
}

[b-33fu9jkmac] .card-value {
    white-space: normal;
    overflow-wrap: break-word;
    width: 65%;
    text-align: end;
    font-size: 16px;
}

@media (max-width: 600px) {
    [b-33fu9jkmac] .detail-card {
        width: 100%;
    }

    [b-33fu9jkmac] .card-name {
        font-size: 14px;
    }

    [b-33fu9jkmac] .card-value {
        font-size: 14px;
        width: 90px;
    }
}
/* /Layout/AppBar.razor.rz.scp.css */
[b-c7ueljxrrf] .toggle-menu-icon {
    display: none;
}

[b-c7ueljxrrf] .notification-icon .mud-avatar {
    background: none;
}

[b-c7ueljxrrf] .notification-icon .mud-icon-root {
    color: #fff;
    font-size: 2rem;
}

[b-c7ueljxrrf] .notification-icon .mud-badge {
    height: 10px;
    min-width: 10px;
    inset: auto auto calc(100% - 16px) calc(100% - 18px) !important;
}
[b-c7ueljxrrf] .notification-icon:hover  {
    /* Change styles on hover */
    background-color: var(--custom-palette-hover-header) !important;
}
[b-c7ueljxrrf] .profile-icon {
    font-size: 2rem;
    background: none;
}

[b-c7ueljxrrf] .profile-icon .mud-icon-root {
    font-size: 2rem;
    color: white;
}

[b-c7ueljxrrf] .pointer {
    cursor: pointer;
}

[b-c7ueljxrrf] .portal-logo {
    object-fit: cover !important;
    max-height: 100%;
    width: 100%;
}

[b-c7ueljxrrf] .logo-text-link {
    text-decoration: none !important;
    color: black !important;
}

[b-c7ueljxrrf] .height-inherit{
    height: inherit;
    width: 50%;
}

[b-c7ueljxrrf] .app-bar-main {
    background-color: var(--custom-palette-header) !important;
    color: var(--custom-palette-text-header) !important;
}

    [b-c7ueljxrrf] .app-bar-main:hover p {
        color: var(--custom-palette-hover-header) !important;
    }
 
@media(max-width: 600px) {    

    [b-c7ueljxrrf] .portal-logo-img {
        width: 40%;
        left: -10px;
        position: relative;
    }

    [b-c7ueljxrrf] .toggle-menu-icon {
        display: inline;
    }

        [b-c7ueljxrrf] .toggle-menu-icon .mud-icon-root {
            fill: var(--custom-palette-text-header) !important;
        }

    [b-c7ueljxrrf] .app-bar-main {
        background: linear-gradient(to bottom right, #000 -100%, var(--custom-palette-header) 100%);
    }

    [b-c7ueljxrrf] .notification-icon svg {
        fill: var(--custom-palette-text-header) !important;
    }
}
/* /Layout/Cookiebar.razor.rz.scp.css */
[b-f88dh34045] .cookiebar {
    height: 4rem !important;
    width: 100% !important;
    color: #664d03 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-f88dh34045] .cookiebar-grid .mud-grid-item {
    padding: 0px;
}

.mud-toolbar-content[b-f88dh34045] {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-f88dh34045] .accept-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-f88dh34045] .cookiebar-text {
    color: var(--custom-palette-text-primary) !important;
}

[b-f88dh34045] .cookiebar .mud-grid-spacing-xs-6 {
    margin: unset;
}

@media (max-width: 768px) {
    [b-f88dh34045] .cookiebar {
        height: 11rem !important;
    }
}

@media (min-width: 600px) and (max-width: 875px) {
    [b-f88dh34045] .cookiebar {
        height: 7rem !important;
    }
}

@media (max-width: 600px) {
    [b-f88dh34045] .cookiebar {
        bottom: 80px !important;
        z-index: 1;
    }
}

@media (max-width: 360px) {
    [b-f88dh34045] .cookiebar {
        height: 13rem !important;
    }

    [b-f88dh34045] .accept-btn {
        margin-top: 0.5rem;
    }
}
/* /Layout/EmptyLayout.razor.rz.scp.css */
.page[b-fcgj9po32y] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-fcgj9po32y] {
    flex: 1;
}

.sidebar[b-fcgj9po32y] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

[b-fcgj9po32y] .mud-layout-custom {
    height: 100vh !important;
}

[b-fcgj9po32y] .mud-main-content-custom {
    width: 100%;
    height: 100% !important;
}

[b-fcgj9po32y] .mud-container-custom {
    height: 100% !important;
}

[b-fcgj9po32y] .full-height {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.top-row[b-fcgj9po32y] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-fcgj9po32y]  a, .top-row[b-fcgj9po32y]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-fcgj9po32y]  a:hover, .top-row[b-fcgj9po32y]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-fcgj9po32y]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-fcgj9po32y] {
        justify-content: space-between;
    }

        .top-row[b-fcgj9po32y]  a, .top-row[b-fcgj9po32y]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-fcgj9po32y] {
        flex-direction: row;
    }

    .sidebar[b-fcgj9po32y] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-fcgj9po32y] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-fcgj9po32y]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-fcgj9po32y], article[b-fcgj9po32y] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-tzh6wjvhd0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tzh6wjvhd0] {
    flex: 1;
}

.sidebar[b-tzh6wjvhd0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

[b-tzh6wjvhd0] .main-drawer {
    overflow-y: unset;
}

[b-tzh6wjvhd0] .mud-layout-custom {
    height: 100vh !important;
}

[b-tzh6wjvhd0] .mud-main-content-custom {
    height: 100% !important;
}

[b-tzh6wjvhd0] .mud-container-custom {
    padding: 0px;
    height: 100%;
}

[b-tzh6wjvhd0] .sidebar-navmenu {
    width: unset !important;
}

[b-tzh6wjvhd0] .full-height {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
}

[b-tzh6wjvhd0] .drawer {
    top: unset !important;
    height: unset !important;
}

[b-tzh6wjvhd0] .mobile-drawer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
}

.top-row[b-tzh6wjvhd0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-tzh6wjvhd0]  a, .top-row[b-tzh6wjvhd0]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-tzh6wjvhd0]  a:hover, .top-row[b-tzh6wjvhd0]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-tzh6wjvhd0]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    [b-tzh6wjvhd0] .main-drawer {
        height: 100%;
        width: 100% !important;
    }

    [b-tzh6wjvhd0] .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed {
        left: -600px !important;
    }
}
@media (max-width: 640.98px) {
    .top-row[b-tzh6wjvhd0] {
        justify-content: space-between;
    }

        .top-row[b-tzh6wjvhd0]  a, .top-row[b-tzh6wjvhd0]  .btn-link {
            margin-left: 0;
        }

    [b-tzh6wjvhd0] .full-height {
        top: 56px;
    }

    [b-tzh6wjvhd0] .mud-container-custom {
        top: -56px;
    }
}

@media (min-width: 641px) {
    .page[b-tzh6wjvhd0] {
        flex-direction: row;
    }

    .sidebar[b-tzh6wjvhd0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tzh6wjvhd0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-tzh6wjvhd0]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-tzh6wjvhd0], article[b-tzh6wjvhd0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/MobileMenu.razor.rz.scp.css */
.navbar-toggler[b-mswag1cfaq] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-mswag1cfaq] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.nav-menu-container[b-mswag1cfaq] {
    height: 100%;
}

.navbar-brand[b-mswag1cfaq] {
    font-size: 1.1rem;
}

[b-mswag1cfaq] .main-nav-menu {
    min-height: 100%;
    overflow: auto;
    padding: 1rem;
}

.bi[b-mswag1cfaq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mswag1cfaq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mswag1cfaq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mswag1cfaq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-mswag1cfaq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mswag1cfaq] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mswag1cfaq] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mswag1cfaq]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-mswag1cfaq]  a.active {
            background-color: rgba(255,255,255,0.37);
            color: white;
        }

        .nav-item[b-mswag1cfaq]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

[b-mswag1cfaq] .mud-nav-link-text {
    font-weight: 600 !important;
    color: var(--custom-palette-text-secondary) !important;
}

[b-mswag1cfaq] .menu-item a {
    color: unset !important;
    font-weight: 600 !important;
    position: relative;
    padding-left: 10px !important;
}

[b-mswag1cfaq] .nav-container {
    border-radius: 0px;
    background: linear-gradient(to bottom right, #000 -100%, var(--custom-palette-primary) 100%);
}

[b-mswag1cfaq] .social-media-content {
    position: relative;
    left: 15px;
}

    [b-mswag1cfaq] .social-media-content p {
        font-size: 12px;
    }

        [b-mswag1cfaq] .social-media-content p a {
            font-size: 12px;
            color: unset;
        }

[b-mswag1cfaq] .bottom-menu-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-mswag1cfaq] .mri {
    font-weight: 600;
    color: var(--custom-palette-text-secondary) !important;
}

[b-mswag1cfaq] .mud-nav-link-expand-icon {
    color: #333333;
}

[b-mswag1cfaq] .home-menu {
    color: unset !important;
    font-weight: 600 !important;
}

[b-mswag1cfaq] .mud-nav-link:focus:not(.mud-nav-link-disabled)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: var(--custom-palette-primary);
}

[b-mswag1cfaq] .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: var(--custom-palette-primary);
}

[b-mswag1cfaq] .mud-primary-text {
    color: var(--custom-palette-text-secondary) !important;
    font-weight: 600;
}

[b-mswag1cfaq] .main-nav-menu .nav-menu-items {
    padding: 1rem;
}

[b-mswag1cfaq] .nav-menu-items .nav-menu-btn {
    background: linear-gradient(to right, #000 -100%, var(--custom-palette-primary) 100%);
    width: 100%;
    padding: 6px;
    cursor: pointer;
}

    [b-mswag1cfaq] .nav-menu-items .nav-menu-btn .mud-button:hover {
        background-color: unset;
    }

[b-mswag1cfaq] .nav-menu-items .menu-item-btn {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    width: 80%;
}

[b-mswag1cfaq] .menu-top-bar .product-name {
    font-size: 18px;
    color: var(--custom-palette-text-primary) !important;
}

[b-mswag1cfaq] .fill-svg-primary svg path {    
    stroke: var(--custom-palette-text-primary) !important;
}

[b-mswag1cfaq] .close-nav-menu-btn .mud-icon-root {
    font-size: 2rem;
    fill: var(--custom-palette-text-primary) !important;
}

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

    .collapse[b-mswag1cfaq] {
        display: block;
    }

    .nav-scrollable[b-mswag1cfaq] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

[b-mswag1cfaq] [aria-label='Statement'] .mud-nav-link {
    padding-left: 10px !important;
}

[b-mswag1cfaq] [aria-label='Statement'] {
    margin-left: 0px !important;
}

[b-mswag1cfaq] .submenu-item .mud-nav-link .mud-nav-link-text {
    padding-left: 10px;
}

@media (max-width: 600px) {
    [b-mswag1cfaq] .logo-img {
        height: 43px !important;
        width: 43px !important;
    }

    [b-mswag1cfaq] .main-nav-menu {
        padding: 0;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3akbdhuafp] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-3akbdhuafp] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3akbdhuafp] {
    font-size: 1.1rem;
}

[b-3akbdhuafp] .main-nav-menu {
    min-height: 100%;
    overflow: auto;
}

.bi[b-3akbdhuafp] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-3akbdhuafp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-3akbdhuafp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-3akbdhuafp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-3akbdhuafp] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3akbdhuafp] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3akbdhuafp] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3akbdhuafp]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-3akbdhuafp]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-3akbdhuafp]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
[b-3akbdhuafp] .mud-nav-link-text {
    font-weight: 600 !important;
    color: var(--custom-palette-text-secondary) !important;
}

[b-3akbdhuafp] .menu-item a {
    color: unset !important;
    font-weight: 600 !important;
    position: relative;
}   

[b-3akbdhuafp] .nav-container {
    border-radius: 0px;
}

[b-3akbdhuafp] .social-media-content {
    position: relative;
    left: 15px;
}

[b-3akbdhuafp] .social-media-content p {
    font-size: 12px;    
}

[b-3akbdhuafp] .social-media-content p a {
    font-size: 12px;
    color: unset;
}

[b-3akbdhuafp] .bottom-menu-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-3akbdhuafp] .mri {
    font-weight: 600;
    color: var(--custom-palette-text-secondary) !important;
}

[b-3akbdhuafp] .mud-nav-link-expand-icon {
    color: #333333;
}

[b-3akbdhuafp] .home-menu {
    color: unset !important;
    font-weight: 600 !important;
}

[b-3akbdhuafp] .mud-nav-link:focus:not(.mud-nav-link-disabled)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: var(--custom-palette-primary);
}

[b-3akbdhuafp] .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background-color: var(--custom-palette-primary);
}

[b-3akbdhuafp] .mud-primary-text {
    color: var(--custom-palette-text-secondary) !important;
    font-weight: 600;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3akbdhuafp] {
        display: none;
    }

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

[b-3akbdhuafp] [aria-label='Statement'] .mud-nav-link {
    padding-left: 10px!important;
}

[b-3akbdhuafp] [aria-label='Statement'] {
    margin-left: 0px !important;
}

[b-3akbdhuafp] .submenu-item .mud-nav-link .mud-nav-link-text {
    padding-left: 10px;
}
/* /Layout/PolicyModal.razor.rz.scp.css */
[b-girgg15519] .mud-dialog-title {
    border-bottom: 1px solid #e0e0e0;
}
/* /Layout/QuickActionFooter.razor.rz.scp.css */
.mobile-navbar-container--main[b-bku1t6slxr] {
    display: none;
}

[b-bku1t6slxr] .mobile-menu-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #EAEAEA;
    height: 80px;
    top: unset;
}

[b-bku1t6slxr] .menu-item-container {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 56px;
}

[b-bku1t6slxr] .mobile-menu-item {
    background-color: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-bku1t6slxr] .my-account-section {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f0f0f0;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 9999;
}

[b-bku1t6slxr] .expand-content {
    position: fixed;
    bottom: 80px;
    z-index: 1000;
    width: 100%;
    left: 0;
    right: 0;
}

[b-bku1t6slxr] .menu-btn-item {
    display: flex;
    align-items: center;
}

[b-bku1t6slxr] .menu-btn-item p {
    font-size: 12px;
    font-weight: 600;
}

[b-bku1t6slxr] .submenu-item a {
    color: unset !important;
}

[b-bku1t6slxr] .menu-group .mud-nav-link .mud-nav-link-text, [b-bku1t6slxr] .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text {
    font-weight: 600;
}

@media (max-width: 600px) {
    .mobile-navbar-container--main[b-bku1t6slxr] {
        display: block;
    }
    
    [b-bku1t6slxr] .mobile-menu-bar {
        display: flex;
        justify-content: center;
    }

    .mobile-navbar-container--main[b-bku1t6slxr]  .mud-toolbar-gutters {
        padding: 0px;
    }

    [b-bku1t6slxr] .mobile-menu-item .mud-button-root {
        padding: 4px;
    }
}
/* /Layout/WrapperComponent.razor.rz.scp.css */
[b-uaaj19arop] .wrapper-container {
    margin: 0px 32px;
    padding: 24px 32px 24px 32px;
    min-height: calc(100vh - 124px);
}

@media (max-width: 600px) {
    [b-uaaj19arop] .wrapper-container-padding {
        padding: 12px 16px;
    }
    [b-uaaj19arop] .wrapper-container {
        margin: 0px 16px;
        padding: 12px 16px;
    }
}
/* /Pages/AfterLoginTransition.razor.rz.scp.css */
[b-kj6liobd0k] .auth-container {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: min-content;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    color: #fff;
}

[b-kj6liobd0k] .full-height-card {
    width: 100%; /* Ensure the grid takes full width */
    height: auto; /* Set auto so it adjusts to content */
}

[b-kj6liobd0k] .auth-box {
    padding: 2rem;
    max-width: 500px;
    margin: auto;
    background-color: var(--custom-frame-area-backgroung-color);
}
/* /Pages/Authentication.razor.rz.scp.css */
[b-turvvex44g] .auth-container {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: min-content;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    color: #fff;
}

[b-turvvex44g] .full-height-card {
    width: 100%; /* Ensure the grid takes full width */
    height: auto; /* Set auto so it adjusts to content */
}

[b-turvvex44g] .auth-box {
    padding: 2rem;
    max-width: 500px;
    margin: auto;
    background-color: var(--custom-frame-area-backgroung-color);
}
/* /Pages/Footer.razor.rz.scp.css */
[b-uwopubrg55] .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.6;
    color: #FFFFFF;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 12%;
    top: auto;
    bottom: 0;
    left: 0;
}

[b-uwopubrg55] .footer-content {
    display: flex;
    background: none;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    [b-uwopubrg55] .footer-content .gap-3 {
        gap: 2px !important;        
    }

[b-uwopubrg55] .policy-btn {
    margin: 0.5rem;
    color: #FFFFFF;
    font-size: 1em !important;
}

    [b-uwopubrg55] .policy-btn:hover {
        text-decoration: underline;
    }

    [b-uwopubrg55] .policy-btn:hover {
        color: #FFFFFF;
    }

[b-uwopubrg55] .copyright {
    margin: 0.5rem;
    color: var(--custom-palette-text-secondary) !important;
    font-size: 1em !important;
}

[b-uwopubrg55] .button-stack {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

[b-uwopubrg55] .policies {
    background: none;
    gap: 1px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-uwopubrg55] .link {    
    text-decoration: none;
    font-size: 1em !important;
}

[b-uwopubrg55] .link:hover {
    text-decoration: underline;
}

[b-uwopubrg55] .mud-primary-text {
    color: var(--custom-palette-text-secondary) !important;
}

[b-uwopubrg55] .mri-software-title {
    font-size: 1em;
    color: var(--custom-palette-text-secondary) !important;
}

[b-uwopubrg55] .policy-separator {
    border-color: var(--custom-palette-text-secondary) !important;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    [b-uwopubrg55] .footer {
        padding: 0.5rem;
        height: 20%;
    }

    [b-uwopubrg55] .button-stack {
        gap: 0px;
    }   

    [b-uwopubrg55] .mud-divider-flexitem {
        height: 2rem;
        align-self: center;
    }

    [b-uwopubrg55] .policy-btn {
        font-size: 0.7em !important;
        flex: 1.5;
        margin: 0.15rem;
    }

    [b-uwopubrg55] .copyright {
        font-size: 0.8em !important;
    }
}

@media (max-width:320px) {

    [b-uwopubrg55] .footer {
        padding: 0 !important;
    }

        [b-uwopubrg55] .footer .footer-content {
            padding: 0 !important;
        }

            [b-uwopubrg55] .footer .footer-content .gap-3 {
                gap: 0px !important;
            }

                [b-uwopubrg55] .footer .footer-content .gap-3 .pt-2,
                [b-uwopubrg55] .footer .footer-content .gap-3 .py-2 {
                    padding-top: 4px !important;
                    padding-bottom: 0px !important;
                }

            [b-uwopubrg55] .footer .footer-content .policies {
                margin: 0 !important;
            }

                [b-uwopubrg55] .footer .footer-content .policies .policy-btn {
                    margin: 0 !important;
                }

                [b-uwopubrg55] .footer .footer-content .policies .mud-button {
                    padding: 0 !important;
                }

                [b-uwopubrg55] .footer .footer-content .policies .mud-button-text {
                    padding: 0 !important;
                }
}
/* /Pages/Home.razor.rz.scp.css */
[b-k3vta4vesw] .home {
    background-color: #F0F2F4;
    height: 100%;
    margin: unset;
    width: unset;
}

[b-k3vta4vesw] .consolidated-alert-message-container-wrapper {
    border: none;
    border-bottom: 2px solid;
    border-radius: 0;
}

    [b-k3vta4vesw] .consolidated-alert-message-container-wrapper .consolidated-alert-message-header-sub-title {
        font-weight: 400 !important;
        color: #B33706 !important;
    }

[b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-header {
    padding: 10px !important;
    border-bottom: 1px solid #E1E1E2;
}

    [b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-header .alert-messages-drawer-header-title {
        flex: 1;
        font-size: 24px !important;
    }

    [b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-header .alert-messages-drawer-header-close-button {
        padding: 6px !important;
    }

[b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-body {
    padding: 10px;
}

[b-k3vta4vesw] .alert-messags-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    transition: none !important;
}

    [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex: 1 !important;
    }

        [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab .mud-tab-badge .mud-badge-wrapper .mud-badge {
            top: -10px !important;
        }

[b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container {
    height: 548px;
    overflow: auto;
    overflow-x: hidden;
}

    [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container .alert-messags-group {
        gap: 6px !important;
    }

        [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container .alert-messags-group .alert-messags-group-header {
            min-height: 40px;
        }

            [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container .alert-messags-group .alert-messags-group-header .alert-messags-group-header-title {
                font-size: 16px !important;
                font-weight: 600 !important;
            }

        [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container .alert-messags-group .alert-message-list-wrapper-container .alert-message-list-wrapper {
            overflow: visible !important;
        }

        [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .alert-messages-groups-container .alert-messags-group .pending-action-alert-messsages-list-wrapper-container {
            margin-top: 40px;
        }

[b-k3vta4vesw] .alert-messags-tabs .mud-tabs-panels .no-alerts-message-available-message-container .no-alerts-message-available-message {
    text-align: center;
}

[b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-footer {
    padding: 10px;
    border-top: 1px solid #E1E1E2;
}

    [b-k3vta4vesw] .view-all-alert-messages-button,
    [b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-footer .back-button {
        min-width: 90px;
        border: 1px solid #909FAE;
        border-radius: 15px;
        text-transform: capitalize;
    }

    [b-k3vta4vesw] .alert-messages-drawer .alert-messages-drawer-footer .back-button {
        height: 30px;
    }

[b-k3vta4vesw] .view-all-alert-messages-button {
    height: 24px;
    font-size: 12px;
    padding: 5px;
}

[b-k3vta4vesw] .payment-container {
    width: 100%;
    padding: 5px 10px;
    margin: 0px;
}

    [b-k3vta4vesw] .payment-container .balance-title,
    [b-k3vta4vesw] .payment-container .balance-amount {
        color: #000000 !important;
    }

    [b-k3vta4vesw] .payment-container .balance-title {
        font-size: 24px;
        font-weight: bold;
    }

    [b-k3vta4vesw] .payment-container .balance-amount {
        font-size: 48px;
    }

    [b-k3vta4vesw] .payment-container .btn-make-payment {
        color: #FFFFFF;
        text-transform: none;
    }

    [b-k3vta4vesw] .payment-container .btn-view-statment {
        width: 110px;
        height: 30px;
        margin: 0;
        padding: 4px 10px 4px 10px !important;
        border: 1px solid #909FAE;
        border-radius: 25px;
        font-size: 10px;
        font-weight: 400;
        text-transform: none;
    }

    [b-k3vta4vesw] .payment-container .btn-common {
        height: 48px;
        width: 295px;
        border-radius: 4px;
        font-size: 21px;
        font-weight: 100;
    }

        [b-k3vta4vesw] .payment-container .btn-common svg {
            font-size: 15px !important;
        }

        [b-k3vta4vesw] .payment-container .btn-common .mud-button-icon-end {
            position: absolute;
            right: 16px;
        }

    [b-k3vta4vesw] .payment-container .banner-carousel-container {
        padding: 0 !important;
    }

        [b-k3vta4vesw] .payment-container .banner-carousel-container .carousel .carousel-viewport-container .carousel-viewport .carousel-slides-wrapper .carousel-slide {
            border-radius: 8px !important;
        }

[b-k3vta4vesw] .home-upper {
    padding: 0;
}

[b-k3vta4vesw] .home-lower {
    padding: 12px;
    margin-top: 1rem;
    border-radius: 24px 24px 0px 0px;
    background-color: white;
    max-width: unset;
    padding-left: 36px;
}

[b-k3vta4vesw] .lower-left {
    height: 100%;
}

[b-k3vta4vesw] .carousel-header {
    font-size: 20px;
}

@media (min-width: 1300px) {

    .home[b-k3vta4vesw] {
        max-width: unset;
    }

    [b-k3vta4vesw] .home-first {
        max-width: unset;
    }

    [b-k3vta4vesw] .home-second {
        max-width: unset;
    }

    [b-k3vta4vesw] .lower-right {
        width: 30%;
    }
}

@media (max-width: 600px) {

    [b-k3vta4vesw] .payment-container .btn-common {
        height: 36px;
        width: 151px;
        font-size: 14px;
    }

        [b-k3vta4vesw] .payment-container .btn-common .mud-button-label {
            justify-content: unset;
        }

        [b-k3vta4vesw] .payment-container .btn-common svg {
            font-size: 14px;
        }


    [b-k3vta4vesw] .payment-container .balance-title {
        font-size: 14px;
    }

    [b-k3vta4vesw] .payment-container .balance-amount {
        font-size: 20px;
    }

    [b-k3vta4vesw] .payment-container .mud-grid-item {
        /*padding: 0px;*/
    }

    [b-k3vta4vesw] .home-lower {
        padding-bottom: 98px !important;
        padding-right: 12px;
        display: flex;
        justify-content: center;
        padding-left: 12px;
    }

    [b-k3vta4vesw] .lower-left {
        width: 100%;
    }

    [b-k3vta4vesw] .lower-right {
        width: 100%;
    }

    [b-k3vta4vesw] .pa-xs-0 {
        padding: 0;
    }

    [b-k3vta4vesw] .btn-common .mud-button-icon-end {
        right: 10px;
    }
}

@media (min-width: 601px) and (max-width: 1080px) {
    [b-k3vta4vesw] .lower-left {
        width: 60%;
    }

    [b-k3vta4vesw] .lower-right {
        width: 40%;
        padding: 12px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {

    [b-k3vta4vesw] .lower-left,
    [b-k3vta4vesw] .lower-right {
        padding: 0 12px;
    }

    [b-k3vta4vesw] .lower-left {
        width: 60%;
    }

    [b-k3vta4vesw] .lower-right {
        width: 40%;
    }
}

@media (max-width: 600px) {
    [b-k3vta4vesw] .alert-messages-drawer {
        width: 100% !important;
    }

    [b-k3vta4vesw] .alert-messags-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
        padding: 6px;
        font-size: 12px;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    [b-k3vta4vesw] .payment-container .banner-carousel-container .carousel .carousel-viewport-container .carousel-viewport {
        height: 200px !important;
    }
}
/* /Pages/Landing.razor.rz.scp.css */
[b-19wa1mqhuz] .landing {
    height: 83vh;    
}

[b-19wa1mqhuz] .login-content {
    background-color: var(--custom-frame-area-backgroung-color) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: center;
    color: #fff;
}

.login-content .MudImage[b-19wa1mqhuz],
.login-content .login-icon[b-19wa1mqhuz] {
    margin-bottom: 1rem;
}

[b-19wa1mqhuz] .login-title-signin {
    border: 2px solid red;
    background-color: yellow;
    color: green;
}

.login-title[b-19wa1mqhuz] {
    margin-bottom: 1rem;
    font-size: 2rem;
}

.login-description[b-19wa1mqhuz] {
    margin-bottom: 1.5rem;
}

[b-19wa1mqhuz] .login-btn {
    color: white;
}

[b-19wa1mqhuz] .login-icon {
    font-size: 3rem;
    fill: var(--custom-frame-area-font-color);
}

[b-19wa1mqhuz] .login-btn .mud-button-icon-end {
    position: absolute;
    right: 1rem;
}

[b-19wa1mqhuz] .login-content .mud-grid-item {
    padding: 0;
    justify-content: center;
    display: flex;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .login-container[b-19wa1mqhuz] {
        padding: 0.5rem;
    }

    [b-19wa1mqhuz] .login-content {
        padding: 1rem;
    }

    .login-title[b-19wa1mqhuz] {
        font-size: 1.5rem;
    }

    .login-description[b-19wa1mqhuz] {
        font-size: 0.9rem;
    }
}

@media (max-width: 600px) {
    [b-19wa1mqhuz] .login-content {
        padding: 1rem;
    }
  
    [b-19wa1mqhuz] .landing .landing-item {
        padding-top: unset;
        margin-left: 24px;
    }
}

/* /Pages/MyAccount/Documents.razor.rz.scp.css */
.document-page[b-qa9qdn12x3] {
    background-color: #F0F2F4 !important;
    min-height: 100%;
}

[b-qa9qdn12x3] .pending-signature-alert-message-container-wrapper .pending-signature-alert-message-header-sub-title {
    font-weight: 400 !important;
    color: #10689d !important;
}

[b-qa9qdn12x3] .documents-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-scroll-button {
    display: none !important;
}

[b-qa9qdn12x3] .documents-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    transition: none !important;
}

    [b-qa9qdn12x3] .documents-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex: 1 !important;
    }

        [b-qa9qdn12x3] .documents-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
            justify-content: flex-start;
            font-weight: bold;
        }

[b-qa9qdn12x3] .document-header-title {
    flex: 1;
    font-size: 32px;
    color: var(--custom-palette-font-header);
}

[b-qa9qdn12x3] .document-upload-btn {
    background-color: var(--custom-palette-primary);
    text-transform: none;
}

    [b-qa9qdn12x3] .document-upload-btn svg {
        fill: var(--custom-palette-text-primary) !important;
    }

@media (max-width: 600px) {
    [b-qa9qdn12x3] .document-container {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 80px;
        padding: 16px 16px;
    }

    [b-qa9qdn12x3] .document-header-title {
        font-size: 22px;
    }

    [b-qa9qdn12x3] .document-upload-btn-container {
        padding-left: 5px;
    }

    [b-qa9qdn12x3] .document-upload-btn .mud-button-label {
        font-size: 12px;
    }

    [b-qa9qdn12x3] .document-upload-btn svg {
        font-size: 16px;
    }

    [b-qa9qdn12x3] .documents-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
        font-size: 12px !important;
    }
}
/* /Pages/MyAccount/ManageAutoPay.razor.rz.scp.css */

[b-hynz17xpeg] .recurring-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-scroll-button {
    display: none !important;
}

[b-hynz17xpeg] .recurring-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: 100%;
    transform: none !important;
    transition: none !important;
}

    [b-hynz17xpeg] .recurring-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex: 1 !important;
    }

        [b-hynz17xpeg] .recurring-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
            justify-content: flex-start;
            font-weight: bold;
        }

[b-hynz17xpeg] .recurring-header-title {
    flex: 1;
    font-size: 32px;
    color: var(--custom-palette-font-header);
}

@media (max-width: 600px) {
    [b-hynz17xpeg] .recurring-container {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 80px;
        padding: 16px 16px;
    }

    [b-hynz17xpeg] .recurring-header-title {
        font-size: 22px;
    }

    [b-hynz17xpeg] .recurring-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
        font-size: 12px !important;
    }
}
/* /Pages/MyAccount/Profile.razor.rz.scp.css */
.profile[b-xhv77ybao2] {
    height: 100%;
    background-color: #F0F2F4 !important;
    padding: 24px 32px 24px 32px;
}

[b-xhv77ybao2] .profile-container {
    padding: 24px;
}

[b-xhv77ybao2] .details .title {
    min-width: 120px;
}


@media (max-width: 600px) {
    .profile[b-xhv77ybao2] {
        padding: 16px;
    }

    [b-xhv77ybao2] .profile-container {
        padding: 12px;
    }

    [b-xhv77ybao2] .details .title {
        min-width: 112px;
    }

    [b-xhv77ybao2] .details .value {
        min-width: 180px;
    }
}
/* /Pages/MyAccount/Statement.razor.rz.scp.css */
/* =========================================== Security CSS Start ====================================== */
[b-jpv9he628c] .statement-header {
    width: 100%;
}

[b-jpv9he628c] .statement-header-title {
    flex: 1;
    font-size: 32px;
    color: var(--custom-palette-font-header);
}

[b-jpv9he628c] .btn-security-deposit-total-open-amount {
    background-color: #FFFFFF;
    border: 1px solid #044D66;
    text-transform: capitalize;
    width: 100%;
}

    [b-jpv9he628c] .btn-security-deposit-total-open-amount .amount-label {
        font-size: 16px;
        color: #044D66 !important;
    }

    [b-jpv9he628c] .btn-security-deposit-total-open-amount .amount {
        margin-left: 5px;
        font-size: 16px;
    }

    [b-jpv9he628c] .btn-security-deposit-total-open-amount .pos-amount {
        color: #00775D !important;
    }

    [b-jpv9he628c] .btn-security-deposit-total-open-amount .neg-amount {
        color: #B33706 !important;
    }

    [b-jpv9he628c] .btn-security-deposit-total-open-amount .mud-button-icon-end .mud-svg-icon {
        font-size: 16px !important;
    }
/* =========================================== Security CSS End ====================================== */

/* =========================================== Alert bar CSS Start ====================================== */

[b-jpv9he628c] .payment-history-alert-message-content-container {
    margin: 10px 0 !important;
}

    [b-jpv9he628c] .payment-history-alert-message-content-container .alert-message-content .alert-message-header .alert-message-header-title-content .alert-message-header-title {
        overflow: unset;
        -webkit-line-clamp: unset;
    }

[b-jpv9he628c] .payment-history-alert-message-action-button {
    min-width: 90px;
    height: 24px;
    padding: 5px;
    border: 1px solid #909FAE;
    border-radius: 15px;
    text-transform: capitalize;
    font-size: 12px;
}

@media (max-width: 600px) {

    [b-jpv9he628c] .payment-history-alert-message-content-container {
        margin: 30px 0 10px !important;
    }

        [b-jpv9he628c] .payment-history-alert-message-content-container .alert-message-content .alert-message-header .alert-message-icon {
            align-self: flex-start;
            margin-top: 5px;
        }

        [b-jpv9he628c] .payment-history-alert-message-content-container .alert-message-content .alert-message-header .alert-message-header-title-content {
            flex-direction: column !important;
            align-items: flex-start !important;
        }
}
/* =========================================== Alert bar CSS End ====================================== */

/* =========================================== Tab CSS Start ====================================== */

[b-jpv9he628c] .statement-tabs .mud-tabs-tabbar-wrapper {
    width: 100% !important;
}

    [b-jpv9he628c] .statement-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex: 1 !important;
        display: inline-flex !important;
        border-bottom: 2px solid whitesmoke;
    }

    [b-jpv9he628c] .statement-tabs .mud-tabs-tabbar-wrapper .mud-tab {
        justify-content: flex-start;
    }

[b-jpv9he628c] .statement-tabs .mud-tab-active {
    color: var(--custom-palette-font-body) !important;
}

    [b-jpv9he628c] .statement-tabs .mud-tab-active:hover {
        background-color: whitesmoke !important;
    }

[b-jpv9he628c] .statement-tabs .mud-tab-slider {
    background: var(--custom-palette-primary) !important;
}

@media (max-width: 600px) {
    [b-jpv9he628c] .statement-tabs .mud-tabs-tabbar-wrapper .mud-tab {
        justify-content: center;
        padding: 0;
    }

    [b-jpv9he628c] .statement-tabs .mud-tabs-scroll-button {
        display: none;
    }

    [b-jpv9he628c] .statement-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
        min-width: max-content !important;
        font-size: 12px;
    }
}
/* =========================================== Tab CSS End ====================================== */

/* =========================================== Grid toolbar CSS Start ====================================== */
[b-jpv9he628c] .payment-ledger-daterange .mud-picker .mud-input-slot {
    padding: 3px 3px 3px 10px;
    min-height: 30px;
}

[b-jpv9he628c] .mud-current .mud-button-outlined .mud-button-outlined-primary {
    color: #394754;
    border: 1px solid var(--custom-palette-primary) !important;
    border-radius: 50%;
    margin: 2px;
}

[b-jpv9he628c] .grid-search .mud-input-control-input-container .mud-input-slot {
    padding: 3px 3px 3px 10px;
    min-height: 30px;
}

[b-jpv9he628c] .payment-ledger .mud-table-toolbar {
    justify-content: space-around;
    align-items: center;
}

[b-jpv9he628c] .print-btn {
    padding: 3px 8px;
    min-height: 36px;
}

    [b-jpv9he628c] .print-btn .mud-typography-body1 {
        font-size: 14px !important;
    }

@media (max-width: 600px) {
    [b-jpv9he628c] .mud-table-toolbar {
        flex-wrap: wrap;
        min-height: 120px;
        padding-top: 8px;
        padding-left: 8px;
        padding-inline-start: 8px;
    }

    [b-jpv9he628c] .payment-ledger-daterange {
        order: 3;
        width: 100%;
        gap: 2px !important;
    }

        [b-jpv9he628c] .payment-ledger-daterange .mud-input-slot {
            font-size: 12px;
        }

        [b-jpv9he628c] .payment-ledger-daterange .mud-input.mud-input-outlined {
            padding-left: 6px;
            padding-inline-start: 6px;
            padding-right: 6px;
        }

        [b-jpv9he628c] .payment-ledger-daterange .mud-icon-root {
            font-size: 16px;
        }

        [b-jpv9he628c] .payment-ledger-daterange .mud-picker .mud-input-slot {
            padding: 0;
        }
    /* search */
    [b-jpv9he628c] .grid-search .mud-input-slot {
        font-size: 12px;
    }

    [b-jpv9he628c] .grid-search .mud-input.mud-input-outlined {
        padding-left: 6px;
        padding-inline-start: 6px;
        padding-right: 6px;
        padding-inline-end: 6px;
    }

    [b-jpv9he628c] .grid-search .mud-icon-root {
        font-size: 16px;
    }

    [b-jpv9he628c] .grid-search .mud-input-control-input-container .mud-input-slot {
        padding: 0;
    }

    [b-jpv9he628c] .print-search-container {
        width: 100%;
    }

    [b-jpv9he628c] .mobile-print-btn {
        min-width: 100%;
    }

        [b-jpv9he628c] .mobile-print-btn .mud-button-root {
            padding: 0;
        }

            [b-jpv9he628c] .mobile-print-btn .mud-button-root .mud-button-label {
                justify-content: flex-end;
            }

        [b-jpv9he628c] .mobile-print-btn .mud-button-label .mud-button-icon-start {
            margin-right: 0;
            margin-inline-end: 0;
        }

    [b-jpv9he628c] .mud-xs-table .mud-table-cell {
        justify-content: start !important;
        padding: 8px 0px !important;
    }

    [b-jpv9he628c] .statement-data {
        width: 100%;
        padding-right: 12px;
    }

    [b-jpv9he628c] .statement-data-text {
        font-size: 14px;
    }

    [b-jpv9he628c] .statement-data-title {
        width: 30%;
    }

    .text-primary[b-jpv9he628c] {
        color: var(--custom-palette-text-primary) !important;
    }

    [b-jpv9he628c] .statement-data-text.outstanding-amount {
        font-weight: 600;
    }

    [b-jpv9he628c] .statement-page-container {
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;
    }
}

/* =========================================== Grid toolbar CSS End ====================================== */

[b-jpv9he628c] .payment-status {
    position: relative;
}

    [b-jpv9he628c] .payment-status::before {
        min-height: 20px;
        display: block;
        position: absolute;
        padding: 2px 12px 2px 12px;
        border-radius: 16px;
        left: 13px;
    }

[b-jpv9he628c] .payment-status-Unknown::before {
    content: 'Unknown';
    background-color: whitesmoke;
    color: #333333 !important;
}

[b-jpv9he628c] .payment-status-Applied::before {
    content: 'Applied';
    background-color: #E6F4F5;
    color: #103957 !important;
}

[b-jpv9he628c] .payment-status-Paid::before {
    content: 'Paid';
    background-color: #D6F3E2;
    color: #00775D !important;
}

[b-jpv9he628c] .payment-status-Outstanding::before {
    content: 'Outstanding';
    background-color: #FFE3E6;
    color: #BA2121 !important;
}

[b-jpv9he628c] .payment-status-Prepayment::before {
    content: 'Prepayment';
    background-color: #95d5af;
    color: #333333 !important;
}

[b-jpv9he628c] .payment-ledger.mud-table .mud-table-head {
    background-color: var(--custom-palette-primary) !important;
    position: sticky;
    top: 0;
    z-index: 1;
}

[b-jpv9he628c] .payment-ledger .mud-drop-container {
    max-height: 396px;
    overflow: auto;
}

[b-jpv9he628c] .payment-ledger.mud-table .mud-table-head .sortable-column-header {
    color: var(--custom-palette-text-primary) !important;
    font-weight: bold !important;
}

[b-jpv9he628c] .payment-ledger.mud-table .mud-table-head .mud-icon-root {
    fill: var(--custom-palette-text-primary) !important;
    font-weight: bold !important;
}

.statement-page[b-jpv9he628c] {
    background-color: #F0F2F4 !important;
    min-height: 100vh;
}

[b-jpv9he628c] .ledger-container {
    margin: -16px 32px -16px 32px;
    padding: 24px 32px 24px 32px;
}

[b-jpv9he628c] .balance-title {
    font-size: 24px;
    font-weight: bold;
    color: #000000 !important;
}

@media (max-width: 600px) {
    [b-jpv9he628c] .balance-title {
        font-size: 14px;
        font-weight: bold;
        color: #000000 !important;
    }

    [b-jpv9he628c] .make-payment-btn {
        min-height: 30px;
        padding-left: 6px;
        padding-right: 6px;
    }

        [b-jpv9he628c] .make-payment-btn .text-no-wrap {
            font-size: 12px;
        }

    [b-jpv9he628c] .ledger-container {
        margin: -16px 16px 68px 16px;
        padding: 16px 16px;
    }

    [b-jpv9he628c] .alert-message-bar .alert-message-content .mri-card-title {
        font-size: 12px;
    }

    [b-jpv9he628c] .mud-table-pagination {
        display: none;
    }

    [b-jpv9he628c] .payment-status {
        right: 4rem;
    }

    [b-jpv9he628c] .work-order-grid.mud-table .mud-table-container {
        margin-top: 4rem;
    }

    [b-jpv9he628c] .statement-data-header {
        order: 4;
        width: 100%;
        padding: 4px;
        background-color: var(--custom-palette-primary);
        overflow-y: auto;
        z-index: 1000;
    }

    [b-jpv9he628c] .payment-ledger-daterange .mud-picker.payment-ledger-date-range {
        max-width: 100%;
        justify-content: end;
    }

    [b-jpv9he628c] .payment-ledger-daterange .filter-btn {
        height: 30px;
        border: 1px solid var(--mud-palette-lines-inputs);
        padding: 2px 8px;
        border-radius: 4px;
        text-transform: none;
        font-size: 10px;
        width: 50%;
    }

    [b-jpv9he628c] .statement-data-header .header-top {
        gap: 4px !important;
    }

    [b-jpv9he628c] .payment-ledger.mud-table .mud-table-container {
        margin-top: 4rem;
    }
}

@media (max-width: 600px) {
    [b-jpv9he628c] .payment-container .action {
        justify-content: center;
        height: 100%;
        /*margin-top:5px;*/
    }

    [b-jpv9he628c] .payment-ledger {
        height: calc(100vh - 230px) !important;
    }

    [b-jpv9he628c] .balance-container {
        justify-content: space-between;
        width: calc(100vw - 32px);
        order: 3;
        margin-bottom: 0px !important;
        padding: 0px 20px 16px 20px;
        position: fixed;
        bottom: 80px !important;
        z-index: 1000;
        overflow-y: auto;
        background: #FFFFFF;
    }

    [b-jpv9he628c] .payment-status::before {
        width: 71px;
        font-size: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0px;
        padding: 2px 6px 2px 6px !important;
    }
}
/* /Pages/MyCommunity/Amenities.razor.rz.scp.css */
[b-fjwu2m4i38] .amenities-tabs {
    margin-bottom: 1rem;
}

[b-fjwu2m4i38] .amenities-datepicker {
    max-width: 200px;
}

@media (max-width: 600px) {
    [b-fjwu2m4i38] .amenities-section-header {
        font-size: 18px;
    }

    [b-fjwu2m4i38] .amenities-datepicker {
        max-width: 190px;
    }

    [b-fjwu2m4i38] .menu-item-desc-container {
        flex-direction: column !important;
    }
}


/* =========================================== Tab CSS Start ====================================== */
[b-fjwu2m4i38] .amenity-tabs-containner {
    height: calc(100vh - 265px);
}

[b-fjwu2m4i38] .mud-tabs-tabbar-content {
    display: flex;    
    justify-content: center;
}

[b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar-wrapper {
    width: 90% !important;
}

    [b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex: 1 !important;
        display: inline-flex !important;
        border-bottom: 2px solid whitesmoke;
    }

    [b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar-wrapper .mud-tab {
        justify-content: start;
    }

[b-fjwu2m4i38] .amenities-tabs .mud-tab-active {
    color: var(--custom-palette-font-body) !important;
}

    [b-fjwu2m4i38] .amenities-tabs .mud-tab-active:hover {
        background-color: whitesmoke !important;
    }

[b-fjwu2m4i38] .amenities-tabs .mud-tab-slider {
    background: var(--custom-palette-primary) !important;
}
[b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content {
    justify-content: flex-start !important;    
}

@media (max-width: 600px) {
    [b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar-wrapper .mud-tab {
        justify-content: center;
        padding: 0;
    }  

    [b-fjwu2m4i38] .amenities-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root .mud-tab {
        font-size: 12px;
    }
}
/* =========================================== Tab CSS End ====================================== */
/* /Pages/MyCommunity/Announcements.razor.rz.scp.css */
[b-0gujdondc4] .image-full-height .menu-item {
    background-color: unset !important;
}
/* /Pages/MyCommunity/CalendarAndEvents.razor.rz.scp.css */
[b-2766jyuf7i] .community-event-datepicker {
    max-width: 200px;
}

@media (max-width: 600px) {

    [b-2766jyuf7i] .community-event-section-header {
        font-size: 18px;
    }

    [b-2766jyuf7i] .community-event-datepicker {
        max-width: 190px;
    }
}
/* /Pages/MyCommunity/ContactProperty.razor.rz.scp.css */
.contact-to-property-page[b-qcszwpuffq] {
    background-color: #F0F2F4 !important;
    min-height: 100vh;
}

    .contact-to-property-page[b-qcszwpuffq]::before,
    .contact-to-property-page[b-qcszwpuffq]::after {
        content: ' ';
        display: block;
        min-height: 30px;
    }

[b-qcszwpuffq] .contact-to-property-page-content {
    margin: -16px 32px;
    padding: 24px 32px 24px 32px;
}

    [b-qcszwpuffq] .contact-to-property-page-content .contact-to-property-page-header {
        align-items: center;
    }

        [b-qcszwpuffq] .contact-to-property-page-content .contact-to-property-page-header .contact-to-property-page-header-title {
            flex: 1;
            font-size: 32px;
            color: var(--custom-palette-font-header) !important;
        }

    [b-qcszwpuffq] .contact-to-property-page-content .mud-form {
        margin-top: 20px;
    }
/* /Pages/MyCommunity/MessageCenter.razor.rz.scp.css */
.message-center-page[b-a4htidackh] {
    background-color: #F0F2F4 !important;
    /*min-height: 100vh;*/
    min-height: 100%;
}

[b-a4htidackh] .wrapper-container {
    padding: 0 !important;
}

@media (max-width: 600px) {
    [b-a4htidackh] .wrapper-container-padding {
        padding: 0 !important;
    }
}
/* /Pages/MyCommunity/Offers.razor.rz.scp.css */
/* /Pages/MyCommunity/PropertyPolicies.razor.rz.scp.css */
/* /Pages/MyLease/Insurance.razor.rz.scp.css */
[b-8i4kw98djj] .insurance-widget-submit {
    background-color: var(--custom-palette-primary);
    min-width: 200px;
    text-transform: none;
}

[b-8i4kw98djj] .insurance-widget-submit-container {
    min-width: 200px;
}

.widget-page[b-8i4kw98djj] {
    background-color: #F0F2F4 !important;
    min-height: 100%;
}

[b-8i4kw98djj] .statement-header-title {
    flex: 1;
    font-size: 32px;
    color: var(--custom-palette-font-header);
}

@media (max-width: 600px) {
    [b-8i4kw98djj] .statement-header-title {
        font-size: 24px;
    }
}
/* =========================================== Widget CSS override Start ====================================== */
[b-8i4kw98djj] .widget-container {
    margin: 0px 32px;
    padding: 24px 32px 24px 32px;
    flex-direction: column !important;
}

    [b-8i4kw98djj] .widget-container .mi-card-background {
        background-color: var(--custom-palette-primary) !important;
    }

        [b-8i4kw98djj] .widget-container .mi-card-background .mi-option-details .mi-text-large,
        [b-8i4kw98djj] .widget-container .mi-card-background .mi-option-description,
        [b-8i4kw98djj] .widget-container .mi-card-background .mi-upload-button .mi-upload-description,
        [b-8i4kw98djj] .widget-container .mi-card-background .mi-link {
            color: var(--custom-palette-text-primary) !important;
        }

            [b-8i4kw98djj] .widget-container .mi-card-background .mi-link svg path {
                fill: var(--custom-palette-text-primary) !important;
            }



    [b-8i4kw98djj] .widget-container .mi-radio input[type=radio]:checked + :before {
        background: radial-gradient(var(--custom-palette-text-primary) 0,var(--custom-palette-text-primary) 40%,transparent 50%,transparent)
    }

    [b-8i4kw98djj] .widget-container .mi-upload-button label {
        background-color: var(--custom-palette-secondary);
        color: var(--custom-palette-text-secondary);
        border-radius: 5px;
    }

    [b-8i4kw98djj] .widget-container .mi-validation-message {
        color: red !important;
    }

    [b-8i4kw98djj] .widget-container insurance-selection .mi-widget-container .mi-header {
        color: var(--custom-palette-font-header) !important;
    }

    [b-8i4kw98djj] .widget-container insurance-selection .mi-widget-container form .mi-option .mi-cursor-pointer .mi-option-details .mi-title {
        color: var(--custom-palette-font-header) !important;
    }

    [b-8i4kw98djj] .widget-container insurance-selection .mi-widget-container form .mi-option .mi-cursor-pointer .mi-option-details .mi-text-large {
        color: var(--custom-palette-font-header) !important;
    }

@media (max-width: 600px) {
    [b-8i4kw98djj] .widget-container {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 80px;
        padding: 16px 16px;
    }

    [b-8i4kw98djj] .insurance-widget-submit {
        flex: 1;
    }

    [b-8i4kw98djj] .widget-container #insuranceSelection .mi-widget-container .mi-text-large {
        font-size: 12px !important;
    }

    /* Provider portal text */
    [b-8i4kw98djj] .widget-container #insuranceSelection .mi-widget-container .mi-text-medium {
        font-size: 12px !important;
    }
}
/* =========================================== Widget CSS override End ====================================== */
/* =========================================== Skeleton loader CSS Start ====================================== */
[b-8i4kw98djj] .widget-skeleton-loader .title.mud-skeleton-wave {
    min-height: 46px;
}

[b-8i4kw98djj] .widget-skeleton-loader .submit-btn.mud-skeleton-wave {
    min-height: 36px;
}

[b-8i4kw98djj] .widget-skeleton-loader .mud-skeleton-wave {
    min-height: 96px;
}

[b-8i4kw98djj] .widget-skeleton-loader .mud-skeleton-text {
    transform: none;
}

@media (max-width: 600px) {
    [b-8i4kw98djj] .widget-skeleton-loader .mud-skeleton-wave {
        min-height: 200px;
    }
}
/* =========================================== Skeleton loader CSS Start ====================================== */

/* =========================================== Alert bar CSS Start ====================================== */
[b-8i4kw98djj] .alert-message-bar {
    position: relative;
    gap: 6px;
    padding: 5px 15px;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 5px;
    z-index: 120;
    cursor: pointer;
    min-height: 40px;
    border: 1px solid #103957;
    background-color: #E6F4F5;
}

    [b-8i4kw98djj] .alert-message-bar .alert-message-content {
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    [b-8i4kw98djj] .alert-message-bar .icon-alert {
        font-size: 16px;
        color: #044D66 !important;
    }

    [b-8i4kw98djj] .alert-message-bar .alert-message-content .mri-card-title {
        flex: 1;
        font-size: 14px;
        font-weight: bold;
        color: #103957 !important;
    }

    [b-8i4kw98djj] .alert-message-bar .alert-message-content .alert-message-more-details-button {
        border: 1px solid #909FAE;
        border-radius: 18px;
        padding: 5px 10px;
        transition: background-color 0.3s, color 0.3s;
        text-transform: none;
        height: 22px;
    }

        [b-8i4kw98djj] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
            font-size: 12px;
            color: #044D66 !important;
        }

@media (max-width: 600px) {

    [b-8i4kw98djj] .alert-message-bar {
        gap: 15px;
        padding: 10px 15px;
        margin: 16px 0;
    }

        [b-8i4kw98djj] .alert-message-bar .mud-svg-icon {
            align-self: flex-start;
        }

        [b-8i4kw98djj] .alert-message-bar .alert-message-content {
            flex-direction: column;
            align-items: flex-start;
        }

            [b-8i4kw98djj] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
                font-size: 11px;
            }

            [b-8i4kw98djj] .alert-message-bar .alert-message-content .mri-card-title {
                font-size: 12px;
            }
}
/* =========================================== Alert bar CSS End ====================================== */
/* /Pages/MyLease/LeaseDetails.razor.rz.scp.css */
.lease-details[b-gmvya8dz7o] {
    background-color: #F0F2F4 !important;
    padding: 24px 32px 24px 32px;
    min-height: 100%;
}

[b-gmvya8dz7o] .details-container .contact-link {
    text-decoration: underline;
    cursor: pointer;
}

[b-gmvya8dz7o] .lease-details--main .mud-table .mud-table-container {
    min-height: 70px;
    max-height: 270px;
}

[b-gmvya8dz7o] .contact-us-link {
    font-weight: 700;
    color: #0582C3 !important;
}

[b-gmvya8dz7o] .lease-details--main .mud-table .mud-table-head {
    background-color: var(--custom-palette-primary) !important;
    position: sticky;
    top: 0;
    z-index: 1;
}

[b-gmvya8dz7o] .lease-details--main .mud-table .mud-table-head .mud-table-cell {
    color: var(--custom-palette-text-primary) !important;
    font-weight: bold !important;
}

[b-gmvya8dz7o] .details-container .mud-expand-panel-header .mud-expand-panel-text {
    color: var(--custom-palette-font-header) !important;
    font-weight: 600;
}

[b-gmvya8dz7o] .lease-details--main {
    min-height: 85vh;
}

[b-gmvya8dz7o] .text-bold {
    font-weight: 600;
}

[b-gmvya8dz7o] .details-container {
    padding: 24px 32px;
    min-height: 100%;
}

[b-gmvya8dz7o] .lease-details-container {
    border: 1px solid #C6CED5;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-top: 12px;
}

[b-gmvya8dz7o] .lease-details-content {
    width: 100%;
    justify-content: space-between;
}

[b-gmvya8dz7o] .no-record {
    text-align: center;
    font-weight: bold;
    font-size: 0.875rem;
}

@media (max-width: 600px) {
    .lease-details[b-gmvya8dz7o] {
        padding: 16px;
        padding-bottom: 100px;
    }

    [b-gmvya8dz7o] .lease-details-container {
        height: 100%;
        flex-direction: column;
    }

    [b-gmvya8dz7o] .lease-details-content {
        flex-direction: column !important;
    }

    [b-gmvya8dz7o] .details-container {
        padding: 16px;
    }
}


/* =========================================== Alert bar CSS Start ====================================== */
[b-gmvya8dz7o] .alert-message-bar {
    position: relative;
    gap: 6px;
    padding: 5px 15px;
    margin-top: 12px;
    border-radius: 5px;
    z-index: 120;
    cursor: pointer;
    min-height: 40px;
    border: 1px solid #103957;
    background-color: #E6F4F5;
}

        [b-gmvya8dz7o] .alert-message-bar .alert-message-content {
            align-items: center;
            gap: 10px;
            width: 100%;
        }

        [b-gmvya8dz7o] .alert-message-bar .icon-alert {
            font-size: 16px;
            fill: #10689D !important;
        }

        [b-gmvya8dz7o] .alert-message-bar .alert-message-content .mri-card-title {
            flex: 1;
            font-size: 14px;
            font-weight: bold;
            color: #044D66 !important;
        }

        [b-gmvya8dz7o] .alert-message-bar .alert-message-content .alert-message-more-details-button {
            border: 1px solid #909FAE;
            border-radius: 18px;
            padding: 5px 10px;
            transition: background-color 0.3s, color 0.3s;
            text-transform: none;
            height: 22px;
        }

            [b-gmvya8dz7o] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
                font-size: 12px;
                color: #044D66 !important;
            }

    @media (max-width: 600px) {

        [b-gmvya8dz7o] .alert-message-bar {
            gap: 15px;
            padding: 10px 15px;
            margin: 16px 0;
        }

            [b-gmvya8dz7o] .alert-message-bar .mud-svg-icon {
                align-self: flex-start;
            }

            [b-gmvya8dz7o] .alert-message-bar .alert-message-content {
                flex-direction: column;
                align-items: flex-start;
            }

                [b-gmvya8dz7o] .alert-message-bar .alert-message-content .alert-message-more-details-button .mud-button-label {
                    font-size: 11px;
                }

                [b-gmvya8dz7o] .alert-message-bar .alert-message-content .mri-card-title {
                    font-size: 12px;
                }
    }
    /* =========================================== Alert bar CSS End ====================================== */
/* /Pages/MyServices/ManageRequests.razor.rz.scp.css */
.manage-work-order-requests-page[b-qznhulpiph] {
    background-color: #F0F2F4 !important;
    min-height: 100vh;
}

    [b-qznhulpiph] .manage-work-order-requests-page-content .manage-work-order-requests-page-header {
        align-items: center;
    }

        [b-qznhulpiph] .manage-work-order-requests-page-content .manage-work-order-requests-page-header .manage-work-order-requests-page-header-title {
            flex: 1;
            font-size: 32px;
            color: var(--custom-palette-font-header) !important;
        }

        [b-qznhulpiph] .manage-work-order-requests-page-content .manage-work-order-requests-page-header .btn-create-new-work-order {
            text-transform: capitalize;
        }

    [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar {
        position: relative;
        gap: 6px;
        padding: 5px 15px;
        margin-top: 24px;
        margin-bottom: 24px;
        border-radius: 5px;
        z-index: 120;
        cursor: pointer;
        min-height: 40px;
        border: 1px solid #103957;
        background-color: #E6F4F5;
    }

        [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .alert-message-content {
            align-items: center;
            gap: 10px;
            width: 100%;
        }

        [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .icon-alert {
            font-size: 16px;
            color: #044D66 !important;
        }

        [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .alert-message-content .mri-card-title {
            flex: 1;
            font-size: 14px;
            font-weight: bold;
            color: #044D66 !important;
        }

        [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .close-icon {
            padding: 0px;
        }

            [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .close-icon .mud-svg-icon {
                font-size: 16px;
            }

[b-qznhulpiph] .work-order-grid .mud-table-toolbar {
    justify-content: space-around;
    align-items: center;
}

[b-qznhulpiph] .work-order-daterange .mud-picker .mud-input-slot {
    padding: 3px 3px 3px 10px;
    min-height: 30px;
}

[b-qznhulpiph] .work-order-grid-search .mud-input-control-input-container .mud-input-slot {
    padding: 3px 3px 3px 10px;
    min-height: 30px;
}

[b-qznhulpiph] .work-order-grid.mud-table .mud-table-head {
    background-color: var(--custom-palette-primary) !important;
    position: sticky;
    top: 0;
    z-index: 1;
}

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-head .sortable-column-header {
        color: var(--custom-palette-text-primary) !important;
        font-weight: bold !important;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-head .mud-icon-root {
        fill: var(--custom-palette-text-primary) !important;
        font-weight: bold !important;
    }

[b-qznhulpiph] .work-order-grid .mud-drop-container {
    max-height: 420px;
    overflow: auto;
}

[b-qznhulpiph] .work-order-grid.mud-table .mud-table-container {
    width: 100% !important;
}

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell .work-order-title-link {
        color: #3F86BA !important;
        text-decoration: underline;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.title-cell {
        max-width: 410px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.date-submitted-cell {
        width: 20%;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.status-cell {
        width: 24%;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.last-updated-cell {
        width: 20%;
    }

[b-qznhulpiph] .work-order-status {
    position: relative;
}

    [b-qznhulpiph] .work-order-status::before {
        min-height: 20px;
        display: block;
        position: absolute;
        padding: 2px 12px 2px 12px;
        border-radius: 16px;
        left: 13px;
    }

[b-qznhulpiph] .work-order-status {
    background-color: #E0F3FF; /* light blue */
    color: #007BFF !important; /* blue text */
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 15px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
}


@media (max-width: 600px) {

    .manage-work-order-requests-page[b-qznhulpiph] {
        padding-bottom: 80px;
    }

        [b-qznhulpiph] .manage-work-order-requests-page-content .manage-work-order-requests-page-header .manage-work-order-requests-page-header-title {
            font-size: 24px;
        }

        [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar {
            gap: 15px;
            padding: 10px 15px;
            margin: 16px 0;
        }

            [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .mud-svg-icon {
                align-self: flex-start;
            }

            [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .alert-message-content {
                flex-direction: column;
                align-items: flex-start;
            }

                [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .alert-message-content .mri-card-title {
                    font-size: 12px;
                }

            [b-qznhulpiph] .manage-work-order-requests-page-content .alert-message-bar .close-icon {
                align-self: flex-start;
            }

    [b-qznhulpiph] .work-order-grid .mud-table-toolbar {
        flex-wrap: wrap;
        min-height: 120px;
        padding-top: 8px;
        padding-left: 8px;
        padding-inline-start: 8px;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.title-cell {
        max-width: initial;
        text-overflow: unset;
        overflow: unset;
        white-space: unset;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.date-submitted-cell {
        width: 100%;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.status-cell {
        width: 100%;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.last-updated-cell {
        width: 100%;
    }

    [b-qznhulpiph] .work-order-daterange {
        order: 2;
        gap: 2px !important;
    }

        [b-qznhulpiph] .work-order-daterange .mud-input-slot {
            font-size: 12px;
        }

        [b-qznhulpiph] .work-order-daterange .mud-input.mud-input-outlined {
            padding-left: 6px;
            padding-inline-start: 6px;
        }

        [b-qznhulpiph] .work-order-daterange .mud-icon-root {
            font-size: 16px;
        }

        [b-qznhulpiph] .work-order-daterange .mud-picker .mud-input-slot {
            padding: 0;
        }

        [b-qznhulpiph] .work-order-daterange .mud-picker .mud-overlay-dialog .mud-overlay-content .mud-picker .mud-picker-container .mud-picker-datepicker-toolbar .mud-button .mud-button-label {
            font-size: 24px;
        }

    [b-qznhulpiph] .work-order-grid-search {
        order: 1;
    }

        [b-qznhulpiph] .work-order-grid-search .mud-input-slot {
            font-size: 12px;
        }

        [b-qznhulpiph] .work-order-grid-search .mud-input.mud-input-outlined {
            padding-left: 6px;
            padding-inline-start: 6px;
            padding-right: 6px;
            padding-inline-end: 6px;
        }

        [b-qznhulpiph] .work-order-grid-search .mud-icon-root {
            font-size: 16px;
        }

        [b-qznhulpiph] .work-order-grid-search .mud-input-control-input-container .mud-input-slot {
            padding: 0;
        }

    [b-qznhulpiph] .mud-table-pagination {
        display: none;
    }

    [b-qznhulpiph] .work-order-status {
        position: relative;
    }

        [b-qznhulpiph] .work-order-status::before {
            position: static;
            padding: 0;
            border-radius: 0;
            display: none;
        }

    [b-qznhulpiph] .work-order-status-InProgress::before,
    [b-qznhulpiph] .work-order-status-WorkCompleted::before {
        background-color: #FFFFFF;
        color: var(--custom-palette-font-body) !important;
    }

    [b-qznhulpiph] .work-order-status::after {
        min-height: 20px;
        display: block;
        position: absolute;
        padding: 2px 12px 2px 12px;
        border-radius: 16px;
        right: 16px;
    }   

    [b-qznhulpiph] .work-order-grid .work-order-data {
        width: 100%;
    }

        [b-qznhulpiph] .work-order-grid.work-order-data.work-order-status-InProgress::before,
        [b-qznhulpiph] .work-order-grid.work-order-data.work-order-status-WorkCompleted::before {
            display: none !important;
        }

    [b-qznhulpiph] .work-order-grid .work-order-status::after {
        right: 0px !important;
    }

    [b-qznhulpiph] .work-order-grid.work-order-title {
        width: 50%;
    }

    [b-qznhulpiph] .work-order-daterange .mud-picker.work-order-date-range {
        max-width: 68%;
    }

    [b-qznhulpiph] .work-order-daterange .filter-btn {
        height: 30px;
        border: 1px solid var(--mud-palette-lines-inputs);
        padding: 2px 8px;
        border-radius: 4px;
        text-transform: none;
        font-size: 10px;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell .work-order-title-link {
        max-width: 50%;
    }

    [b-qznhulpiph] .work-order-grid.mud-table .mud-table-container {
        margin-top: 4rem;
    }

    [b-qznhulpiph] .work-order-data-header {
        order: 3;
        width: 100%;
        padding: 8px;
        background-color: var(--custom-palette-primary);
    }    
}
/* /Pages/MyServices/PropertyServices.razor.rz.scp.css */
/* /Pages/Units.razor.rz.scp.css */
[b-xqigdqdiwx] .units {
    height: 83vh;
    align-items: center;
}

[b-xqigdqdiwx] .units-content {
    background-color: var(--custom-frame-area-backgroung-color) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    color: #fff;
}

    [b-xqigdqdiwx] .units-content .d-flex {
        width: 100%;
    }

[b-xqigdqdiwx] .login-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-xqigdqdiwx] .units-details {
    background-color: var(--custom-frame-area-backgroung-color) !important;
    text-align: start;
    color: #103957;
    padding: 0.8rem;
    border-radius: 10.28px;
    border: 1.28px solid #10689D;
}

[b-xqigdqdiwx] .units-btn {
    color: #fff;
    height: 48px;
    text-transform: none;
}

    [b-xqigdqdiwx] .units-btn .mud-icon-root {
        margin-left: 3.2rem;
    }

    [b-xqigdqdiwx] .units-btn .mud-button-label {
        position: relative;
    }

        [b-xqigdqdiwx] .units-btn .mud-button-label .mud-button-icon-end {
            position: absolute;
            right: 0;
        }

[b-xqigdqdiwx] .unit-select {
    background-color: #FFFFFF;
    border-radius: 4px;
}

    [b-xqigdqdiwx] .unit-select > .mud-input-control-input-container > .mud-select-input > input[type=hidden].mud-input-slot + div.mud-input-slot {
        display: flex !important;
        box-sizing: border-box;
        flex-direction: column;
        min-height: 60px;
        white-space: normal;
    }

[b-xqigdqdiwx] .mapping-labels {
    font-size: 13px;
    font-weight: 500;
}

[b-xqigdqdiwx] .mapping-values {
    margin-top: 5px;
}

/* Responsive Styles */
@media (min-width: 1024px) {
    [b-xqigdqdiwx] .units-content {
        top: 45%;
    }
}

@media (max-width: 401px) {
    [b-xqigdqdiwx] .units-logo {
        width: 8rem;
        height: 5rem;
    }
}

@media (max-width: 600px) {
    [b-xqigdqdiwx] .units .units-item {
        padding-left: 48px;
    }
}