@import '_content/LiveChartsCore.SkiaSharpView.Blazor/LiveChartsCore.SkiaSharpView.Blazor.bundle.scp.css';
@import '_content/SigniFlow.Library.Blazor/SigniFlow.Library.Blazor.bundle.scp.css';

/* /Auth/AccessDeniedPage.razor.rz.scp.css */
.mainContainer[b-z7tpw5aoj2]  svg {
    width: 100%;
    height: fit-content;
    fill: var(--colour-action-inactive-light);
}
/* /Components/BladeComponents/Blade.razor.rz.scp.css */
.mainContainer[b-qg2nfu7kdl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: var(--gutter-size);
}

.title__container[b-qg2nfu7kdl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleText__title[b-qg2nfu7kdl] {
    font-size: var(--font-size-heading-3);
    font-weight: bold;
}

.titleText__description[b-qg2nfu7kdl] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.actions__container[b-qg2nfu7kdl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    margin-top: auto;
}

.actions__buttons[b-qg2nfu7kdl] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size);
}
/* /Components/BladeComponents/BladeContainer.razor.rz.scp.css */
.mainContainer[b-35e96gytpc] {
    height: calc(100vh - 10px);
    width: 480px;
    border-radius: var(--border-radius-large);
    top: 5px;
    position: fixed;
    z-index: var(--z-index-blades);
    background: var(--colour-system-background-light);
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3);
    animation: 0.2s slide-blade-in-b-35e96gytpc linear forwards;
    right: -100%;
    transition: 0.2s;
    overflow-y: auto;
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.close__icon[b-35e96gytpc] {
    align-self: start;
    padding: var(--gutter-size-small);
    transition: 0.2s;
    display: flex;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

    .close__icon:hover[b-35e96gytpc] {
        background: var(--colour-system-background-dark);
    }

.content__container[b-35e96gytpc]{
    height: 100%;
}

@keyframes slide-blade-in-b-35e96gytpc {
    0% {
        right: -100%;
    }

    100% {
        right: 5px;
    }
}
/* /Components/Dialog/DialogHeading.razor.rz.scp.css */
.heading__container[b-a6gp0qhwcr] {
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-medium);
}

    .heading__container > div:first-child[b-a6gp0qhwcr] {
        margin-left: auto;
    }

.heading__text[b-a6gp0qhwcr] {
    font-size: var(--font-size-heading-3);
    color: var(--colour-action-secondary);
    font-weight: bold;
}

.heading__icon[b-a6gp0qhwcr] {
    display: flex;
    align-items: center;
}


.closeIcon__container[b-a6gp0qhwcr] {
    margin-left: auto;
    cursor: pointer;
    opacity: 0;
}

.closable .closeIcon__container[b-a6gp0qhwcr]{
    opacity: 1;
}

.closeIcon__container:hover[b-a6gp0qhwcr]  svg {
    color: black;
    transition: 0.2s;
}
/* /Components/Graphics/ItemNotFoundGraphic.razor.rz.scp.css */
.mainContainer[b-kapbhim2kt]{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mainContainer[b-kapbhim2kt]  svg {
    height: 200px;
    width: 200px;
}

.graphic[b-kapbhim2kt] {
    opacity: 0.3;
}

.text__container[b-kapbhim2kt] {
    font-size: var(--font-size-heading-1)
}
/* /Components/Loaders/HeroLoader.razor.rz.scp.css */
.mainContainer[b-c257zs9wu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gutter-size);
    align-items: center;
    position: fixed;
    z-index: var(--z-index-hero);
    height: 100%;
    width: 100%;
    background: var(--colour-system-background);
    animation: var(--fade-in-animation);
}

.text__container[b-c257zs9wu9] {
    color: var(--colour-system-foreground);
    font-size: var(--font-size-heading-1);
}
/* /Components/MobileNumberInput/MobileNumberInput.razor.rz.scp.css */
.mainContainer[b-xwkx06qo7i] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .mainContainer[b-xwkx06qo7i]  .iti {
        width: 100%;
        height: 100%;
    }

    .mainContainer[b-xwkx06qo7i]  input:not(.iti__search-input) {
        width: 100%;
        height: 100%;
        border: 1px solid var(--mud-palette-lines-inputs);
        border-radius: var(--border-radius-medium);
        font-size: 1rem;
        transition: 0.2s;
        background: transparent;
        padding: 18.5px 0px;
    }

    .mainContainer.dense[b-xwkx06qo7i]  input:not(.iti__search-input) {
        padding: 9.5px 0px;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  input:not(.iti__search-input) {
        border-color: var(--mud-palette-error);
    }

    .mainContainer[b-xwkx06qo7i]  input:hover:not(.iti__search-input) {
        border-color: var(--mud-palette-action-default);
    }

    .mainContainer[b-xwkx06qo7i]  input:focus:not(.iti__search-input), .mainContainer[b-xwkx06qo7i]  input:active:not(.iti__search-input) {
        border-color: var(--colour-action-primary);
        border-width: 2px;
        outline: none;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  input:focus:not(.iti__search-input), .mainContainer.hasError[b-xwkx06qo7i]  input:active:not(.iti__search-input) {
        border-color: var(--mud-palette-error);
    }

    .mainContainer label[b-xwkx06qo7i] {
        transform: translate(3px, -11px) scale(0.75);
        background: var(--mud-palette-surface);
        transition: 0.2s;
        pointer-events: none;
        padding: 0px 5px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  label {
        color: var(--mud-palette-error);
    }

    .mainContainer.hasError .error__text[b-xwkx06qo7i] {
        color: var(--mud-palette-error);
        font-size: 0.75rem;
        font-weight: 400;
    }
/* /Components/TimePicker/TimePicker.razor.rz.scp.css */
.mainContainer[b-2muc16q0xm]
{
    display: flex;
    gap: var(--gutter-size-small);
    width: 100px;
    align-items: center;
}

.mainContainer[b-2muc16q0xm]  input{
    text-align: center;
}
/* /Pages/Account/ApiKeyDeletionConfirmationDialog.razor.rz.scp.css */
/* Dialog container - Tightened padding */
.api-key-delete-dialog[b-uts85ygoa5] {
    width: 100%;
    max-width: 450px;
    padding-top: 0; /* Remove top padding */
}

.dialog-container[b-uts85ygoa5] {
    padding: 0 24px 24px 24px; /* Top padding set to 0 */
}

/* Header styles - Zero-gap */
.dialog-header[b-uts85ygoa5] {
    text-align: center;
    margin: 0; /* Remove all margins */
    padding-top: 0; /* Remove padding */
}

.dialog-title[b-uts85ygoa5] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    font-size: 1.25rem;
    margin: 0; /* Remove margins */
    padding-top: 16px; /* Add minimal padding instead */
}

.warning-icon-container[b-uts85ygoa5] {
    margin: 0; /* Remove all margins */
    padding: 4px 0 12px 0; /* Tight padding control */
    color: var(--mud-palette-warning);
    font-size: 56px;
    text-align: center;
    line-height: 1; /* Remove line-height spacing */
}

/* Content styles - Compact */
.dialog-content[b-uts85ygoa5] {
    text-align: center;
    margin-bottom: 16px;
}

.dialog-message[b-uts85ygoa5] {
    color: var(--mud-palette-text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    margin: 8px 0;
}

.api-key-display[b-uts85ygoa5] {
    background-color: var(--mud-palette-action-hover);
    padding: 10px;
    border-radius: 4px;
    margin: 12px 0;
}

.api-key-text[b-uts85ygoa5] {
    font-family: monospace;
    font-size: 0.9rem;
    word-break: break-all;
}

/* Action buttons */
.dialog-actions[b-uts85ygoa5] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    gap: 12px;
}

.confirm-button[b-uts85ygoa5] {
    min-width: 100px;
    text-transform: none;
}

.cancel-button[b-uts85ygoa5] {
    text-transform: none;
    min-width: 100px;
}
/* /Pages/Account/OptOutSettings.razor.rz.scp.css */
.mainContainer[b-knh5l7dhfe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.noKeywords__container[b-knh5l7dhfe] {
    color: var(--colour-action-inactive);
}

.chips__heading[b-knh5l7dhfe] {
    font-size: var(--font-size-heading-3);
}

.chips__section[b-knh5l7dhfe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.chips__container[b-knh5l7dhfe] {
    display: flex;
    gap: var(--gutter-size-small);
}

.mainContainer[b-knh5l7dhfe]  .skeleton__shine {
    border-radius: var(--border-radius-xlarge);
}

.mainContainer[b-knh5l7dhfe]  .mud-chip-content {
    transform: translateY(-3px);
}

.mainContainer[b-knh5l7dhfe]  .mud-icon-root {
    transform: translateY(2px);
}
/* /Pages/Account/ResetPassword.razor.rz.scp.css */

.mainContainer[b-5g1bv26zq3] {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    background-image: url('Assets/images/login-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.logo[b-5g1bv26zq3] {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 300px;
}

.supportButton[b-5g1bv26zq3] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #fff;
}

[b-5g1bv26zq3] .supportButton > .mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 2.5rem;
}


.reset_card[b-5g1bv26zq3] {
    width: 100%;
    max-width: 600px;
    margin-right: 50px;
    padding: 80px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: rgba(217, 217, 217, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

[b-5g1bv26zq3] .resetField > .mud-input-control-input-container {
    background-color: #F9F8F8 !important;
}


[b-5g1bv26zq3] .resetField > .mud-input-control-input-container {
    width: 100%;
    margin-top: 10px;
    background-color: #073756; /* Update color to match your design */
    color: white;
    border-radius: 5px;
}


[b-5g1bv26zq3] .resetButton {
    width: 100%;
    margin-top: 10px;
    background-color: #073756;
}

    [b-5g1bv26zq3] .resetButton span {
        font-size: 24px;
        color: #fff;
    }

    [b-5g1bv26zq3] .resetButton:hover,
    [b-5g1bv26zq3] .resetButton:focus,
    [b-5g1bv26zq3] .resetButton:active {
        background-color: #00aeef !important;
    }


.errors__container[b-5g1bv26zq3] {
    display: flex;
    gap: var(--gutter-size-extra-small);
    flex-direction: column;
    color: var(--colour-action-danger-background);
}
/* /Pages/Account/SignedOut.razor.rz.scp.css */
.mainContainer[b-70jz2jsqyw] {
    height: 100vh;
    width: 100vw;
    display: flex;
    background-image: url('/assets/images/logout.png');
    background-size: cover;
}

.text__container[b-70jz2jsqyw] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: var(--gutter-size-large);
    z-index: 1;
    padding-right: var(--gutter-size-large);
}

.heading__container[b-70jz2jsqyw] {
    font-size: var(--font-size-heading-hero);
}

.description__container[b-70jz2jsqyw] {
    max-width: 500px;
}
/* /Pages/Admin/Reviews/TemplateAccept.razor.rz.scp.css */
.mainContainer[b-p003m2zclw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-p003m2zclw]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.mainContainer[b-p003m2zclw]  .mud-menu > button {
    padding: 0px;
}

.rectangle-box[b-p003m2zclw] {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid;
    border-color: #b6b6b6;
    border-radius: 4px;
    background-color: #fff;
}

.box-heading[b-p003m2zclw] {
    font-weight: bold;
    margin-bottom: 16px; 
    font-size: 1.5rem;
    color: #000; 
}

.box-text[b-p003m2zclw] {
    color: #333; 
}
/* /Pages/Admin/Reviews/TemplateDecline.razor.rz.scp.css */
.mainContainer[b-gz0wavxcg6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

.mainContainer[b-gz0wavxcg6]  .mud-menu > button {
    padding: 0px;
}

.rectangle-box[b-gz0wavxcg6] {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid;
    border-color: #b6b6b6;
    border-radius: 4px;
    background-color: #fff;
}

.box-heading[b-gz0wavxcg6] {
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 1.5rem;
    color: #000;
}

.box-text[b-gz0wavxcg6] {
    color: #333;
}

/* /Pages/Admin/Reviews/TemplateReview.razor.rz.scp.css */
.mainContainer[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.grid__container[b-12jzoiort0] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-12jzoiort0]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }
   

.mainContainer[b-12jzoiort0]  .mud-menu > button {
            padding: 0px;
        }

@media screen and (max-width: 600px) {
    .mainContainer[b-12jzoiort0]  .template__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-12jzoiort0]  .template__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container:before {
                display: none;
            }
}

@media screen and (min-width: 600px) {
    .actions__container[b-12jzoiort0] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }

    .gridHeading__container[b-12jzoiort0] {
        justify-content: space-between;
        flex-direction: row;
    }

    .searchBar__container[b-12jzoiort0] {
        width: 370px;
    }
}
.ourMessage[b-12jzoiort0] {
    margin-right: auto;
}

.message__meta[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: space-between;
}
.message__meta > div[b-12jzoiort0] {
    color: var(--colour-action-inactive);
    font-size: var(--font-size-body-2);
}

.message[b-12jzoiort0] {
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-medium);
    max-width: 450px;
}

.ourMessage .message[b-12jzoiort0] {
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
    border-bottom-left-radius: 0px;
    padding-left: var(--gutter-size-large);
    margin-left: var(--gutter-size-medium);
    word-wrap: break-word;
}
.grid__container .centered-column[b-12jzoiort0] {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.mainContainer[b-12jzoiort0]  button.declineButton:hover {
    background-color: red; 
    color: white; 
}
.mainContainer[b-12jzoiort0]  button.declineButton {
    max-width: 70px;
}

.mainContainer[b-12jzoiort0]  button.acceptButton {
    max-width: 70px;
}
.grid__container[b-12jzoiort0]  svg.centerCheck {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.grid__container[b-12jzoiort0]  .centreColumn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

grid__container[b-12jzoiort0]  .declined-row {
    background-color: #eeeeee;
    color: #888;
}
    .grid__container[b-12jzoiort0]  .centreColumn .centreContent {
        display: grid;
        grid-template-columns: 80px 80px;
        gap: 5px;
    }

.mainContainer[b-12jzoiort0]  greyOut {
    background-color: #7a7a7a; 
    color: #2b2828; 
}

.mainContainer[b-12jzoiort0]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/Roles/RoleEditorDialog.razor.rz.scp.css */
.mainContainer[b-19nqyqbw49] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    background: var(--colour-system-background);
}

.heading__container[b-19nqyqbw49] {
    display: flex;
    align-items: center;
}

    .heading__container[b-19nqyqbw49]  .heading__container {
        margin-left: auto;
        margin-right: auto;
    }

.description__container[b-19nqyqbw49] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
    max-width: 650px;
}

.backButton__container[b-19nqyqbw49] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-19nqyqbw49] {
        color: black;
    }

.roleDefinition__container[b-19nqyqbw49] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-medium);
    background: var(--colour-system-background-light)
}

    .roleDefinition__container > div:last-child[b-19nqyqbw49] {
        display: flex;
        gap: var(--gutter-size);
        align-items: center;
    }

.roleNameInput__container[b-19nqyqbw49] {
    max-width: 300px;
}


.permissions__container[b-19nqyqbw49] {
    padding: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-medium);
    background: var(--colour-system-background-light);
}
/* /Pages/Admin/Roles/RolePermissionEditor.razor.rz.scp.css */
.mainContainer[b-7pwk0144ff] {
    animation: var(--fade-in-animation);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.scopeSection__container[b-7pwk0144ff] {
    display: flex;
    flex-direction: column;
}

.scopeSection__heading[b-7pwk0144ff] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
    background: var(--colour-system-background-dark);
    padding: var(--gutter-size-small);
}

.scopeSection__headingIcon[b-7pwk0144ff] {
    display: flex;
}

.scopeSection__checkboxContainer[b-7pwk0144ff] {
    margin-left: auto;
}

.permission__container[b-7pwk0144ff] {
    display: flex;
    gap: var(--gutter-size);
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    padding-left: var(--gutter-size-medium);
}


    .permission__container:hover[b-7pwk0144ff] {
        background: var(--colour-system-background);
        transition: 0.2s;
    }

.mainContainer[b-7pwk0144ff]  .mud-ripple-checkbox.mud-ripple:hover {
    background-color: var(--colour-action-inactive-light) !important; /* We need to do important here because mud needed to do important here for some reason*/
}
/* /Pages/Admin/Roles/Roles.razor.rz.scp.css */
.mainContainer[b-9gc4b29kdp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-9gc4b29kdp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-9gc4b29kdp] {
    width: 370px;
}

.grid__container[b-9gc4b29kdp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-9gc4b29kdp]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-9gc4b29kdp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer[b-9gc4b29kdp]  .mud-menu > button {
    padding: 0px;
}


@media screen and (max-width: 600px) {
    .mainContainer[b-9gc4b29kdp]  .role__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-9gc4b29kdp]  .role__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-9gc4b29kdp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
        justify-content: end;
    }

    .searchBar__container[b-9gc4b29kdp] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-9gc4b29kdp] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-9gc4b29kdp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/Roles/UserRoleAssignerDialog.razor.rz.scp.css */
.mainContainer[b-3qnw91q7mi] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.headingDescription__container[b-3qnw91q7mi]{
    color: var(--colour-action-inactive);
}

.roleName__container[b-3qnw91q7mi]{
    color: var(--colour-action-primary);
}

.mainContainer[b-3qnw91q7mi]  .no-header {
    display: none;
}

.user__container[b-3qnw91q7mi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user__email[b-3qnw91q7mi] {
    color: var(--colour-action-negative-background);
    font-size: var(--font-size-subtitle-1);
}
/* /Pages/Admin/Tenant/DeleteTenantConfirmationBlade.razor.rz.scp.css */
/* /Pages/Admin/Tenant/TenantEditor.razor.rz.scp.css */
.mainContainer[b-ul7h8dod9x] {
    width: 100%;
    padding: var(--gutter-size-medium);
}

.inputs__container[b-ul7h8dod9x] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.buttons__container[b-ul7h8dod9x] {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--gutter-size-medium);
}

@media screen and (min-width: 600px) {
    .buttons__container[b-ul7h8dod9x] {
        display: grid;
        grid-template-columns: 200px 200px;
        justify-content: end;
    }
}
/* /Pages/Admin/Tenant/Tenants.razor.rz.scp.css */
.mainContainer[b-ph9ekjiphl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-ph9ekjiphl] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-ph9ekjiphl] {
    width: 370px;
}


.grid__container[b-ph9ekjiphl] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-ph9ekjiphl]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-ph9ekjiphl]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer[b-ph9ekjiphl]  .mud-menu > button {
    padding: 0px;
}

.tenantName__container[b-ph9ekjiphl]{
    display: flex;
    gap: var(--gutter-size-medium);
}

.currentTenantBadge[b-ph9ekjiphl] {
    border-radius: 16px;
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
    font-size: 9px;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-ph9ekjiphl]  .tenant__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-ph9ekjiphl]  .tenant__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-ph9ekjiphl] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-ph9ekjiphl] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-ph9ekjiphl] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-ph9ekjiphl]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/User/UserEditor.razor.rz.scp.css */
.mainContainer[b-ow5z84ym65] {
    width: 100%;
    padding: var(--gutter-size-medium);
}

.inputs__container[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.buttons__container[b-ow5z84ym65] {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--gutter-size-medium);
}

@media screen and (min-width: 600px) {
    .buttons__container[b-ow5z84ym65] {
        display: grid;
        grid-template-columns: 200px 200px;
        justify-content: end;
    }
}
/* /Pages/Admin/User/UserPermissionEditor.razor.rz.scp.css */
.mainContainer[b-gqbkq5lzsr] {
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

h2[b-gqbkq5lzsr] {
    font-size: var(--font-size-heading-2);
}

.inputSet__container[b-gqbkq5lzsr] {
    display: grid;
    grid-template-columns: 160px auto;
    align-items: center;
}

.inputs__container[b-gqbkq5lzsr] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
}

.inputHeading__container[b-gqbkq5lzsr] {
    font-size: var(--font-size-button);
    color: var(--colour-text-description);
}
/* /Pages/Admin/User/Users.razor.rz.scp.css */
.mainContainer[b-eeemv2j8b4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-eeemv2j8b4] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-eeemv2j8b4] {
    width: 370px;
}


.grid__container[b-eeemv2j8b4] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-eeemv2j8b4]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-eeemv2j8b4]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer[b-eeemv2j8b4]  .mud-menu > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-eeemv2j8b4]  .user__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-eeemv2j8b4]  .user__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-eeemv2j8b4] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-eeemv2j8b4] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-eeemv2j8b4] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-eeemv2j8b4]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/User/UserTenantDetails.razor.rz.scp.css */
.mainContainer[b-dpxccgf4o4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.tenant__list[b-dpxccgf4o4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.heading[b-dpxccgf4o4] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.noTenants__container[b-dpxccgf4o4] {
    margin: var(--gutter-size) 0;
}

.tenant__container[b-dpxccgf4o4] {
    display: grid;
    grid-template-columns: 200px 25px;
    gap: var(--gutter-size);
    align-items: center;
    padding: var(--gutter-size-medium);
    animation: var(--fade-in-animation);
}


.addToTenant__container[b-dpxccgf4o4] {
    display: flex;
    gap: var(--gutter-size);
    max-width: 500px;
    margin-top: var(--gutter-size);
    align-items: center;
}

    .addToTenant__container[b-dpxccgf4o4]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end {
        padding-top: var(--gutter-size-small);
        padding-bottom: var(--gutter-size-small);
    }

    .addToTenant__container[b-dpxccgf4o4]  .mud-button {
        height: 29px
    }

.tenantDetails__container[b-dpxccgf4o4] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.activeIcon__container[b-dpxccgf4o4] {
    opacity: 0;
    transition: 0.2s;
    cursor: pointer;
}

    .tenant__container.active .activeIcon__container[b-dpxccgf4o4],
    .activeIcon__container:hover[b-dpxccgf4o4] {
        opacity: 1;
    }
/* /Pages/Billing/BillingAccountViewer.razor.rz.scp.css */

.mainContainer[b-qnfl0bksw3] {
    padding: var(--gutter-size);
    border: 1px solid var(--colour-border-dark);
    border-radius: var(--border-radius-medium);
    display: grid;
    grid-template-columns: 400px 1fr 1fr;
    grid-template-areas:
        "product billing actions"
        "tenant billing  actions";
    gap: var(--gutter-size-medium);
    animation: var(--fade-in-animation)
}

.account__item[b-qnfl0bksw3] {
    display: flex;
    gap: var(--gutter-size-small);
    align-items: center;
}

.account__heading[b-qnfl0bksw3],
.account__billingHeading[b-qnfl0bksw3] {
    color: var(--colour-action-inactive);
    font-size: var(--font-size-subtitle-1);
    font-weight: bold;
    width: 60px;
}

.account__product[b-qnfl0bksw3] {
    grid-area: product;
}

.account__tenant[b-qnfl0bksw3] {
    grid-area: tenant;
}

.account__billing[b-qnfl0bksw3] {
    grid-area: billing;
}

.actions__container[b-qnfl0bksw3] {
    grid-area: actions;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    width: 200px;
    margin-left: auto;
}

.account__billing[b-qnfl0bksw3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    justify-content: center;
}

.account__billingItem[b-qnfl0bksw3] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
}
/* /Pages/Billing/BillingCompanies.razor.rz.scp.css */
.mainContainer[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-seb3qt7hf6] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-seb3qt7hf6] {
    width: 370px;
}

.grid__container[b-seb3qt7hf6] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-seb3qt7hf6]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-seb3qt7hf6] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-seb3qt7hf6]  .company__row td:first-child,
.mainContainer.subTable[b-seb3qt7hf6]  .company__heading th:first-child {
    display: none;
}

.companyDetails__container[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.detail__card[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-dark);
    box-shadow: var(--drop-shadow-small);
}

.companyDetailsSection__heading[b-seb3qt7hf6] {
    margin-bottom: var(--gutter-size-small);
    font-size: var(--font-size-heading-4);
}

.companyDetails__contactInfo[b-seb3qt7hf6] {
    display: grid;
    grid-template-columns: 370px 200px;
    gap: var(--gutter-size-medium);
}

.detail__item:not(.addressDetailItem) > div:first-child[b-seb3qt7hf6],
.addressDetailItem > div > div:first-child[b-seb3qt7hf6] {
    color: var(--colour-action-inactive);
}

.address__section[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.addressDetailItem > div[b-seb3qt7hf6] {
    display: flex;
    gap: var(--gutter-size-small);
}

.detail__row[b-seb3qt7hf6] {
    display: grid;
    grid-template-columns: 200px 200px;
    gap: var(--gutter-size-medium);
}

.mainContainer[b-seb3qt7hf6]  .mud-menu > button {
    padding: 0px;
}


@media screen and (max-width: 600px) {
    .mainContainer[b-seb3qt7hf6]  .company__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-seb3qt7hf6]  .company__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-seb3qt7hf6] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-seb3qt7hf6] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-seb3qt7hf6] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-seb3qt7hf6]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/BillingCompany.razor.rz.scp.css */
.mainContainer[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.inputs__container[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.section__container[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.contactDetails__inputs[b-b0vvts7qs5] {
    display: grid;
    grid-template-columns: auto 200px;
    gap: var(--gutter-size-medium);
}

    .contactDetails__inputs[b-b0vvts7qs5]  .mobileInputContainer {
        height: 40px;
    }

        .contactDetails__inputs[b-b0vvts7qs5]  .mobileInputContainer input {
            padding-top: 0px;
            padding-bottom: 0px;
        }

.input__row[b-b0vvts7qs5] {
    display: flex;
    gap: var(--gutter-size-medium);
}

.actions__container[b-b0vvts7qs5]{
    display: grid;
    grid-template-columns: 150px 200px;
    justify-content: end;
    gap: var(--gutter-size-medium);
}
/* /Pages/Billing/BillingCompanyAccountEditorDialog.razor.rz.scp.css */
.mainContainer[b-x5ylg4x1sw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.inputs__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    animation: var(--fade-in-animation);
}

.inputGroup__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.descriptiveInput__container[b-x5ylg4x1sw] {
    padding: var(--gutter-size-medium);
    padding-left: 0px;
    padding-right: 0px;
}

.descriptiveInput__description[b-x5ylg4x1sw] {
    color: var(--colour-text-description);
}

.billing__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.billing__heading[b-x5ylg4x1sw] {
    font-weight: bold;
}

.billingType__selector[b-x5ylg4x1sw] {
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-dark);
    border-radius: var(--border-radius-medium);
}

.billingType__selector[b-x5ylg4x1sw] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.billingType__selectorSwitch[b-x5ylg4x1sw]  .mud-switch {
    margin-right: 0px;
}

.billingType__selectorSwitch[b-x5ylg4x1sw]  .mud-input-control-input-container {
    margin-left: 18px;
}

.serverAccountBalance__container[b-x5ylg4x1sw] {
    margin-left: auto;
}

    .serverAccountBalance__container.quotaExceeded[b-x5ylg4x1sw] {
        color: var(--colour-action-danger-foreground-inverse);
    }

.billingInputs__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.billingInput__description[b-x5ylg4x1sw] {
    color: var(--colour-text-description);
    font-size: var(--font-size-subtitle-1);
}

.billingInput__container[b-x5ylg4x1sw] {
    gap: var(--gutter-size-large);
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
    padding: var(--gutter-size-medium) 0px;
}

.max__container[b-x5ylg4x1sw] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size-small);
}

    .max__container > span[b-x5ylg4x1sw] {
        font-size: var(--font-size-body-2);
    }

.accountTerm__container[b-x5ylg4x1sw] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size);
}

.actions__container[b-x5ylg4x1sw] {
    display: grid;
    grid-template-columns: 150px 200px;
    justify-content: end;
    gap: var(--gutter-size-medium);
    padding: 0px var(--gutter-size);
}



.loading .descriptiveInput__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.loading .max__container[b-x5ylg4x1sw] {
    margin-top: 1px;
}
/* /Pages/Billing/BillingCompanyAccountsViewer.razor.rz.scp.css */
.mainContainer[b-fb9z1l5x4b] {
    min-height: 550px;
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

h4[b-fb9z1l5x4b] {
    margin-bottom: var(--gutter-size-small);
    font-size: var(--font-size-heading-4);
}

.hr[b-fb9z1l5x4b] {
    width: 100%;
    height: 1px;
    background: var(--colour-border-primary-light);
}

.actions__container[b-fb9z1l5x4b] {
    display: flex;
    justify-content: end;
}
/* /Pages/Billing/BillingPayment.razor.rz.scp.css */
/* Payments.razor.css */
[b-zhwgesa6bj] .sms-offer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 30px;
}

/* Target the MudCard specifically */
[b-zhwgesa6bj] .sms-offer-card .mud-card {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    width: 250px;
    margin: 20px;
}

    /* Pseudo-elements for the card */
    [b-zhwgesa6bj] .sms-offer-card .mud-card::before {
        content: '';
        position: absolute;
        top: -50px;
        left: -50px;
        width: 100px;
        height: 100px;
        background-color: #007bff;
        border-radius: 50%;
        z-index: 0;
    }

    [b-zhwgesa6bj] .sms-offer-card .mud-card::after {
        content: '';
        position: absolute;
        top: -20px;
        left: 50%;
        width: 40px;
        height: 40px;
        background-color: rgba(0, 123, 255, 0.2);
        border-radius: 50%;
        animation: float 6s infinite ease-in-out;
    }

    /* Hover effects */
    [b-zhwgesa6bj] .sms-offer-card .mud-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 8px 16px rgba(0, 123, 255, 0.3), 0 4px 8px rgba(0, 123, 255, 0.2);
    }

    /* Selected state */
    [b-zhwgesa6bj] .sms-offer-card .mud-card.selected {
        background-color: #f0f8ff;
        border: 2px solid #007bff;
    }

/* Text elements inside MudCardContent */
[b-zhwgesa6bj] .sms-text {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

[b-zhwgesa6bj] .sms-price {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    position: relative;
    z-index: 1;
}

[b-zhwgesa6bj] .sms-rate {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

/* Divider */
[b-zhwgesa6bj] .dashed-divider.mud-divider {
    border-top: 1px dashed #007bff !important;
    margin: 10px 0;
}

/* Purchase button */
[b-zhwgesa6bj] .purchase-button.mud-button {
    background-color: deepskyblue !important;
    color: #ffffff !important;
    border: none;
    padding: 6px;
    font-size: 14px;
    border-radius: 8px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

    [b-zhwgesa6bj] .purchase-button.mud-button:hover {
        background-color:rgba(0, 123, 255, 0.2) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.15);
    }

/* Animation */
@@keyframes float {
    0%[b-zhwgesa6bj] {
        transform: translateY(0) translateX(0);
    }

    50%[b-zhwgesa6bj] {
        transform: translateY(-20px) translateX(20px);
    }

    100%[b-zhwgesa6bj] {
        transform: translateY(0) translateX(0);
    }
}
[b-zhwgesa6bj] .vat-label {
    font-size: 12px; /* smaller text */
    color: #666; /* softer grey */
    margin-left: 4px; /* small spacing from price */
    vertical-align: super; /* optional: raise it like a superscript */
}
/* /Pages/Billing/Invoices.razor.rz.scp.css */
.mainContainer[b-srfyss6blx] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-srfyss6blx] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-srfyss6blx] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-srfyss6blx] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-srfyss6blx] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-srfyss6blx] {
    width: 350px;
}

    .searchInput__input.date[b-srfyss6blx]  input {
        text-align: center;
    }

.searchButton__container[b-srfyss6blx] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-srfyss6blx] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}

.searchInput__input.status[b-srfyss6blx] {
    width: 200px !important;
}

.mud-select .mud-input[b-srfyss6blx] {
    height: 100px !important;
}

.createButton__container[b-srfyss6blx] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 10px;
}

.mainContainer[b-srfyss6blx]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/Receipts.razor.rz.scp.css */
.mainContainer[b-exuoopf25f] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-exuoopf25f] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
 
}

.searchInputs__heading[b-exuoopf25f] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-exuoopf25f] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-exuoopf25f] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-exuoopf25f] {
    width: 350px;
}

    .searchInput__input.date[b-exuoopf25f]  input {
        text-align: center;
    }

.searchButton__container[b-exuoopf25f] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-exuoopf25f] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}
.createButton__container[b-exuoopf25f] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 10px;
}

.mainContainer[b-exuoopf25f]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/Statement.razor.rz.scp.css */
.mainContainer[b-gdyjqnqlce] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-gdyjqnqlce] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-gdyjqnqlce] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-gdyjqnqlce] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-gdyjqnqlce] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-gdyjqnqlce] {
    width: 350px;
}

    .searchInput__input.date[b-gdyjqnqlce]  input {
        text-align: center;
    }

.searchButton__container[b-gdyjqnqlce] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-gdyjqnqlce] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}
.searchInput__input.status[b-gdyjqnqlce] {
    width: 200px !important;
}

.mud-select .mud-input[b-gdyjqnqlce] {
    height: 100px !important;
}
.createButton__container[b-gdyjqnqlce] {
    display: flex;
    justify-content: flex-end; 
    width: 100%; 
    padding-right: 10px; 
}

.mainContainer[b-gdyjqnqlce]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Campaigns/CampaignConifirmationDialogCard.razor.rz.scp.css */
.main__container[b-7vgb7ncutl] {
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    display: flex;
    padding: var(--gutter-size-extra-small) var(--gutter-size);
    text-align: center;
    width: 230px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.item__container[b-7vgb7ncutl] {
    display: flex;
    justify-content: space-between;
}

    .item__container[b-7vgb7ncutl]  h3 {
        padding-right: var(--gutter-size);
    }

.icon__container[b-7vgb7ncutl] {
    margin-bottom: auto;
}

    .icon__container[b-7vgb7ncutl]  .mud-icon-size-large {
        height: 60px;
        width: 60px;
    }

.items__container[b-7vgb7ncutl]{
    margin-top: auto;
    margin-bottom: auto;
}

.main__container[b-7vgb7ncutl]  .nonmulti__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.multi__item[b-7vgb7ncutl] {
    align-self: center;
    width: 100%;
}
/* /Pages/Campaigns/Campaigns.razor.rz.scp.css */
.mainContainer[b-fh0ago1avp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-fh0ago1avp]  .campaign__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-fh0ago1avp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-fh0ago1avp] {
    width: 370px;
}

.grid__container[b-fh0ago1avp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

.actions__container[b-fh0ago1avp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-fh0ago1avp]  .campaign__row td:first-child,
.mainContainer.subTable[b-fh0ago1avp]  .campaign__heading th:first-child {
    display: none;
}

.idColumn[b-fh0ago1avp] {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 0px var(--gutter-size-extra-small);
    border-radius: var(--border-radius-medium);
}

    .idColumn:hover[b-fh0ago1avp] {
        background: var(--colour-system-highlight-background-active);
    }


.sourceValue[b-fh0ago1avp], .statusValue[b-fh0ago1avp] {
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    padding: var(--gutter-size-extra-small);
    font-size: var(--font-size-caption);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 15px;
}

.statusValue[b-fh0ago1avp]{
    width: fit-content;
    padding: var(--gutter-size-small);
    line-height: 1px;
}

    .sourceValue.api[b-fh0ago1avp] {
        --background: var(--colour-action-secondary);
        --foreground: var(--colour-action-secondary-foreground);
    }

    .statusValue.Cancelled[b-fh0ago1avp] {
        background: var(--colour-action-warning-background);
        color: var(--colour-action-warning-foreground);
    }

    .statusValue.Paused[b-fh0ago1avp] {
        background: #888888;
        color: #fff;
    }


    .statusValue.Scheduled[b-fh0ago1avp] {
        background: var(--colour-action-secondary);
        color: var(--colour-action-secondary-dark-foreground);
    }

    .statusValue.Running[b-fh0ago1avp] {
        background: var(--colour-action-primary);
        color: var(--colour-action-primary-foreground);
    }

.mainContainer[b-fh0ago1avp]  .menuButton > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-fh0ago1avp]  .campaign__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

    .gridHeading__container[b-fh0ago1avp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-fh0ago1avp] {
        width: 100%;
    }
}



@media screen and (min-width: 600px) {
    .actions__container[b-fh0ago1avp] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-fh0ago1avp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Campaigns/CampaignSendConfirmationDialog.razor.rz.scp.css */
.body__container[b-21mbj0l03i] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.example__body[b-21mbj0l03i] {
    padding: var(--gutter-size);
    background: rgba(221, 221, 221, 0.28);
    border-radius: var(--border-radius-medium);
    border-color: silver;
    border-width: 1px;
    word-break: break-all;
}

.cannotAfford__container[b-21mbj0l03i] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.summary__container[b-21mbj0l03i] {
    display: flex;
    gap: var(--gutter-size-medium);
    justify-content: space-between;
    padding-bottom: var(--gutter-size-medium);
}

.highlighted[b-21mbj0l03i] {
    color: var(--colour-action-primary);
}

.preview__buttons[b-21mbj0l03i] {
    font-size: var(--mud-typography-h6-size);
    display: flex;
    gap: var(--gutter-size-medium);
    padding-left: var(--gutter-size-medium);
}

.preview__buttons > p:hover[b-21mbj0l03i]{
    cursor: pointer;
}
/* /Pages/Campaigns/Create/CampaignCreator.razor.rz.scp.css */

.inputs__container[b-btslo9cjt2] {
    position: relative;
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.inputSection__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.inputSection__heading[b-btslo9cjt2] {
    font-size: var(--font-size-heading-5);
}

.inputSection__description[b-btslo9cjt2] {
    font-size: var(--font-size-subtitle-2);
    color: var(--colour-text-description);
}

.groupsSelection__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.schedule__container[b-btslo9cjt2]  .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense,
.schedule__container[b-btslo9cjt2]  .mud-input > input.mud-input-root-outlined,
.schedule__container[b-btslo9cjt2]  div.mud-input-slot.mud-input-root-outlined {
    padding-top: var(--gutter-size-small);
    padding-bottom: var(--gutter-size-small);
}

.schedule__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.schedulePicker__container[b-btslo9cjt2]  > div, {
    align-items: center;
    display: flex;
}

.schedule__container[b-btslo9cjt2]  .mud-input-control {
    margin-top: 0px;
}

.schedule__container[b-btslo9cjt2]  div.mud-input-slot.mud-input-root {
    font-size: var(--font-size-body-1);
}

.schedule__container[b-btslo9cjt2]  .mud-icon-size-medium {
    font-size: 0.875rem;
}

.scheduleType__container[b-btslo9cjt2] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
    width: 180px;
}

.schedulePicker__container[b-btslo9cjt2] {
    display: grid;
    gap: var(--gutter-size-medium);
    grid-template-columns: 180px 20px 100px;
    align-items: center;
}

    .schedulePicker__container[b-btslo9cjt2]  .mud-picker .mud-input-adornment-icon-button{
        padding: var(--gutter-size-small);
    }

    .schedulePicker__container[b-btslo9cjt2]  .mud-picker .mud-input-adornment-icon-button:hover {
        color: var(--colour-action-secondary-foreground) !important; /* Mud marks this as important, so we need to, to override it as well*/
    }

.buttons__container[b-btslo9cjt2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter-size-medium);
}

.mainContainer[b-btslo9cjt2]  .timePicker {
    border: 1px solid var(--colour-border-primary);
    border-radius: 4px
}
/* /Pages/Campaigns/Create/CampaignCreatorDialog.razor.rz.scp.css */
/* /Pages/Campaigns/GroupSelector.razor.rz.scp.css */
.mainContainer[b-iof27hp9pe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: center;
    border-radius: var(--border-radius-medium);
    animation: var(--fade-in-animation);
    border: 1px solid var(--colour-border-primary-light);
    padding: var(--gutter-size);
}

.autoComplete__container[b-iof27hp9pe] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
}

.noItemsTemplate__container[b-iof27hp9pe] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-light);
    color: var(--colour-system-foreground-light);
    width: 100%;
    transition: 0.2s;
    cursor: pointer;
}

    .noItemsTemplate__container:hover[b-iof27hp9pe] {
        background: var(--colour-system-background-light);
        color: var(--colour-system-foreground-light);
        transition: 0.2s;
    }

.group__container[b-iof27hp9pe] {
    display: flex;
    cursor: pointer;
}

.groupText__container[b-iof27hp9pe] {
    background: var(--colour-action-system-background);
    color: var(--colour-action-system-foreground);
    border-radius: var(--border-radius-large);
    font-size: var(--font-size-body-1);
    padding: var(--gutter-size-small);
    font-size: var(--font-size-button);
}

.removeIcon__container[b-iof27hp9pe] {
    height: 100%;
    display: flex;
    align-items: center;
}

.mainContainer[b-iof27hp9pe]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.mainContainer[b-iof27hp9pe]  div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding: var(--gutter-size-small);
}

.mainContainer[b-iof27hp9pe]  .mud-input-control.mud-select {
    margin-top: 0px;
}


.mainContainer[b-iof27hp9pe]  .mud-icon-button {
    padding: var(--gutter-size-small);
}

.customFields__container[b-iof27hp9pe] {
}
/* /Pages/Campaigns/TemplateSelector.razor.rz.scp.css */
.noItemsTemplate__container[b-3p991hij1i] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-light);
    color: var(--colour-system-foreground-light);
    width: 100%;
    transition: 0.2s;
    cursor: pointer;
    animation: var(--fade-in-animation);
}

    .noItemsTemplate__container:hover[b-3p991hij1i] {
        background: var(--colour-system-background-dark);
        color: var(--colour-system-foreground-dark);
        transition: 0.2s;
    }

.template__container[b-3p991hij1i] {
    cursor: pointer;
}

.templateBody__container[b-3p991hij1i]{
    font-size: var(--font-size-subtitle-1);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    white-space: nowrap;
}



.mainContainer[b-3p991hij1i]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.mainContainer[b-3p991hij1i]  div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding: var(--gutter-size-small);
}

.mainContainer[b-3p991hij1i]  .mud-icon-button{
    padding: var(--gutter-size-small);
}
/* /Pages/Contacts/Contact.razor.rz.scp.css */
.mainContainer[b-cvqggfbnto] {
    container-type: inline-size;
    width: 100%;
}

.mainContainer[b-cvqggfbnto],
.inputs__container[b-cvqggfbnto] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.inputs__container[b-cvqggfbnto] {
    background: var(--colour-system-background-light);
    border-radius: var(--border-radius-medium);
}


.saving .inputs__container[b-cvqggfbnto] {
    transition: 0.2s;
}

.topInputs__container[b-cvqggfbnto] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gutter-size-medium);
}
/* /Pages/Contacts/ContactDisplayCard.razor.rz.scp.css */
.mainContainer[b-tng1at0unu] {
    display: grid;
    grid-template-areas:
        "mobile name"
        "mobile email";
    grid-template-columns: 150px auto;
    align-items: center;
    padding: var(--gutter-size-small);
}

.mobileNumber__container[b-tng1at0unu] {
    grid-area: mobile;
}

.fullname__container[b-tng1at0unu] {
    grid-area: name;
}

.email__container[b-tng1at0unu] {
    grid-area: email;
}

.fullname__container[b-tng1at0unu],
.email__container[b-tng1at0unu] {
    font-size: var(--font-size-body-2);
    opacity: 0.5;
    display: flex;
    gap: var(--gutter-size);
    overflow: hidden;
}

    .fullname__container span:last-child[b-tng1at0unu],
    .email__container span:last-child[b-tng1at0unu] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* /Pages/Contacts/ContactGroups.razor.rz.scp.css */
.mainContainer[b-6n108q4gm4] {
    container-type: inline-size;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.newGroup__container[b-6n108q4gm4]  .mainContainer.groupSelector {
    border: none;
}

h2[b-6n108q4gm4] {
    font-size: var(--font-size-heading-2);
}
/* /Pages/Contacts/Contacts.razor.rz.scp.css */
.mainContainer[b-qhk9j0t4cp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-qhk9j0t4cp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-qhk9j0t4cp] {
    width: 370px;
}

.grid__container[b-qhk9j0t4cp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-qhk9j0t4cp]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-qhk9j0t4cp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-qhk9j0t4cp]  .contact__row td:first-child,
.mainContainer.subTable[b-qhk9j0t4cp]  .contact__heading th:first-child {
    display: none;
}

.mainContainer[b-qhk9j0t4cp]  .mud-menu > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-qhk9j0t4cp]  .contact__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-qhk9j0t4cp]  .contact__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-qhk9j0t4cp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-qhk9j0t4cp] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-qhk9j0t4cp] {
        display: grid;
        grid-template-columns: 200px 200px;
        justify-content: end;
    }
}

.mainContainer[b-qhk9j0t4cp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Contacts/ContactTabs.razor.rz.scp.css */
.mainContainer[b-rwtkdc34xn] {
    container-type: inline-size;
    width: 100%;
    height: 100%;
}

.mainContainer[b-rwtkdc34xn] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

    .mainContainer[b-rwtkdc34xn]  > .mud-tabs,
    .mainContainer[b-rwtkdc34xn]  > .mud-tabs > .mud-tabs-panels {
        height: 100%;
    }
/* /Pages/Contacts/ContactUploader.razor.rz.scp.css */
.mainContainer[b-4un64w2gb7] {
    container-type: inline-size;
}

    .mainContainer[b-4un64w2gb7]  .uploadInput {
        z-index: 11;
        opacity: 0;
    }

.fileUploaderContent__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

    .fileUploaderContent__container[b-4un64w2gb7]  mud-paper {
        margin-top: 0px;
    }

.fileInputs__container[b-4un64w2gb7] {
    height: 150px;
    width: 100%;
    padding: var(--gutter-size);
    z-index: 10;
    position: relative;
    border-width: 2px;
    border-style: dashed;
    border-radius: var(--border-radius-large);
    border-color: var(--mud-palette-lines-default);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: var(--mud-palette-text-primary);
}

    .fileInputs__container.hasFile[b-4un64w2gb7] {
        height: 192px;
    }

.input__title[b-4un64w2gb7] {
    display: flex;
    gap: var(--gutter-size-extra-small);
    font-size: var(--font-size-body-1);
}

.dropContent__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    height: 100%;
}

.uploadSection__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-5px); /* Svg's are weird and don't fit their box perfectly, this helps everything looks centered vertically */
}

.uploadText__container[b-4un64w2gb7]  .clickToUploadText {
    color: var(--colour-action-primary);
}

.mainContainer[b-4un64w2gb7]  .file__chip {
    min-height: 24px;
    padding: var(--gutter-size-small);
    height: unset;
}

    .mainContainer[b-4un64w2gb7]  .file__chip > span {
        text-wrap: wrap;
    }

[b-4un64w2gb7] .actionButtons__container {
    display: grid;
    grid-template-areas: "import"
        "clear"
        "back";
    align-content: center;
    gap: var(--gutter-size-medium);
    z-index: 12;
    margin-top: 100px;
}

    [b-4un64w2gb7] .actionButtons__container .backButton {
        grid-area: back
    }

    [b-4un64w2gb7] .actionButtons__container .importButton {
        grid-area: import
    }

    [b-4un64w2gb7] .actionButtons__container .clearButton {
        grid-area: clear
    }

.processing__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    height: auto;
    animation: var(--fade-in-animation);
}

.importing__container[b-4un64w2gb7] {
    padding: var(--gutter-size-medium);
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    overflow-y: scroll;
}

.downloadTemplateButton__container[b-4un64w2gb7],
.selectGroup__container[b-4un64w2gb7] {
    z-index: 12;
}

.downloadTemplateButton__container[b-4un64w2gb7] {
    display: flex;
    justify-content: end;
}

.downloadTemplate__button[b-4un64w2gb7] {
    color: var(--colour-link-primary);
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    font-size: var(--font-size-body-1);
}

    .downloadTemplate__button:hover[b-4un64w2gb7] {
        text-decoration: underline;
    }

.progress__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    animation: var(--fade-in-animation);
    opacity: 0.6;
    transition: 0.2s;
}

    .progress__container.active[b-4un64w2gb7] {
        opacity: 1;
    }

.progress__headingContainer[b-4un64w2gb7] {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-small);
}

.progressDescription__container[b-4un64w2gb7] {
    display: flex;
}

.progress__container .progress__percentage__container[b-4un64w2gb7] {
    margin-left: auto;
}

.progress__percentage_remainingContainer[b-4un64w2gb7] {
    display: flex;
    gap: var(--gutter-size-small);
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.finishedMessage__heading[b-4un64w2gb7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gutter-size-medium);
}

    .finishedMessage__heading > span[b-4un64w2gb7] {
        font-size: var(--font-size-heading-3);
    }

.finishedMessage__body[b-4un64w2gb7] {
    text-align: center;
}

.mud-button[b-4un64w2gb7] {
    margin-right: 8px;
    margin-bottom: 8px;
}

.backButton[b-4un64w2gb7] {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .backButton:hover[b-4un64w2gb7] {
        background-color: #e0e0e0;
        color: #000;
    }


@container (min-width: 400px) {
    .fileInputs__container[b-4un64w2gb7] {
        height: 125px;
    }

        .fileInputs__container.hasFile[b-4un64w2gb7] {
            height: 172px;
        }

    .mainContainer[b-4un64w2gb7]  .actionButtons__container {
        flex-direction: row;
        justify-content: start;
    }

    [b-4un64w2gb7] .actionButtons__container {
        grid-template-areas: "back import clear";
    }

        [b-4un64w2gb7] .actionButtons__container > button:not(.clearButton) {
            min-width: 145px;
        }
}

.import-results[b-4un64w2gb7] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    background-color: #f8f9fa;
}

.table-responsive[b-4un64w2gb7] {
    overflow-x: auto;
}

.table[b-4un64w2gb7] {
    font-size: 0.9rem;
    width: 100%;
    border-collapse: separate; /* Needed for border-spacing to work */
    border-spacing: 0 1rem; /* Vertical spacing between rows */
}

    .table th[b-4un64w2gb7] {
        background-color: #e9ecef;
        font-weight: 600;
        padding: 0.75rem 1.5rem; /* Increased horizontal padding */
    }

    .table td[b-4un64w2gb7] {
        padding: 0.75rem 1.5rem; /* Match header padding */
        vertical-align: middle;
    }

.table-striped tbody tr:nth-of-type(odd)[b-4un64w2gb7] {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-striped tbody tr:hover[b-4un64w2gb7] {
    background-color: rgba(0, 0, 0, 0.04);
}
/* /Pages/Contacts/CustomFieldsEditor.razor.rz.scp.css */
.mainContainer[b-i0e3naxr0q]{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: var(--gutter-size-medium);
}

.customField__container[b-i0e3naxr0q]  .mud-input-label {
    font-size: 0.75rem !important;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.mainContainer[b-5doxclutqp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
    width: 100%;
    padding-bottom: 200px;
}

.graph__container[b-5doxclutqp]  .mud-chart-line .mud-charts-xaxis > text {
    font-size: 8px;
}

.graph__container[b-5doxclutqp]  .mud-chart-line .mud-charts-yaxis > text {
    font-size: 8px;
}

.graph__container[b-5doxclutqp]  .mud-chart > .mud-chart-legend {
}

.select__container[b-5doxclutqp] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 7px;
    border-top: 1px solid var(--colour-action-primary);
    padding-top: var(--gutter-size-medium);
}

.status__buttons[b-5doxclutqp] {
    font-size: var(--mud-typography-h6-size);
    display: flex;
    gap: var(--gutter-size-medium);
    padding-left: var(--gutter-size-medium);
}

    .status__buttons > p[b-5doxclutqp] {
        padding: 0px var(--gutter-size-small);
        padding-top: 12px;
        transform: translateY(-12px);
    }

        .status__buttons > p:hover[b-5doxclutqp] {
            cursor: pointer;
        }

.highlighted[b-5doxclutqp] {
    color: var(--colour-action-primary);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: var(--colour-action-primary);
}

.graph__container[b-5doxclutqp]  .mud-chart-legend-bottom > .mud-chart-legend {
    display: none;
}


.graph__container[b-5doxclutqp]  .mud-select > .mud-input-control-input-container > .mud-input-label {
    position: relative;
    left: -110px;
    top: -20px;
}

.select__container[b-5doxclutqp]  .mud-select > .mud-input-control > .mud-input-control-input-container > .mud-input-text {
    margin-top: 0px;
}

.select__container[b-5doxclutqp]  .mud-select > .mud-input-control {
    margin-top: 0px;
}

.information__container[b-5doxclutqp] {
    display: flex;
    justify-content: space-between;
    gap: var(--gutter-size-medium);
}

.graph__container[b-5doxclutqp] {
    width: 100%;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

    .graph__container[b-5doxclutqp]  .lvc-content {
        height: 400px;
    }

.statistics__container[b-5doxclutqp] {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 20%;
    gap: var(--gutter-size-medium);
    height: fit-content;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
}

    .statistics__container[b-5doxclutqp]  .mud-typography-h5 {
        background: var(--colour-action-secondary);
        color: var(--colour-primitive-white);
        width: 100%;
        text-align: center;
        padding: var(--gutter-size-small);
    }

.totals__container[b-5doxclutqp] {
    width: 100%;
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}


.totalLine__container[b-5doxclutqp] {
    transition: 0.2s;
    display: flex;
    padding: var(--gutter-size-small) var(--gutter-size-medium);
    gap: var(--gutter-size-small);
    align-items: center;
    cursor: default;
}

    .totalLine__container > div[b-5doxclutqp] {
        pointer-events: none;
    }

    .totalLine__container:hover[b-5doxclutqp] {
        background: var(--colour-system-background-dark);
    }

    .totalLine__container[b-5doxclutqp]  .status__heading {
        margin-right: auto;
    }

.status__colour[b-5doxclutqp] {
    width: 4px;
    height: 10px;
    border-radius: var(--border-radius-medium);
    background: var(--colour);
}

.statistics__container[b-5doxclutqp]  .flex-column .mud-typography-h4 {
    position: relative;
    top: -56px;
    color: var(--colour-primitive-white);
}

.statistics__container[b-5doxclutqp]  .flex-column .mud-icon-size-large {
    width: 70px;
    height: 70px;
}

.statistics__container[b-5doxclutqp]  .mud-divider {
    height: 2px;
    flex-grow: 0;
}


.countCards__container[b-5doxclutqp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-wrap: wrap;
}
/* /Pages/Dashboard/DashboardCountCard.razor.rz.scp.css */
.mainContainer[b-76uhcftwmz] {
    width: 350px;
    height: 150px;
    display: grid;
    grid-template-areas: "heading icon"
        "count count"
        "description description";
    grid-template-columns: auto 35px;
    grid-template-rows: 35px auto auto;
    grid-gap: var(--gutter-size-small);
    justify-content: space-between;
    background: white;
    border-radius: var(--border-radius-medium);
    color: #353535;
    padding: var(--gutter-size-medium);
    box-shadow: var(--drop-shadow-small);
    animation: var(--fade-in-animation);
    cursor: pointer;
}

.mainContainer:not(:active):hover[b-76uhcftwmz]{
    box-shadow: var(--drop-shadow-medium);
    transition: 0.2s;
}


.heading__container[b-76uhcftwmz] {
    grid-area: heading;
    font-size: var(--font-size-heading-6);
    display: flex;
    align-items: center;
}

.description__container[b-76uhcftwmz] {
    grid-area: description;
    color: var(--colour-text-description);
    font-size: var(--font-size-body-1);
}

.count__container[b-76uhcftwmz] {
    grid-area: count;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: var(--font-size-heading-4);
}

.icon__container[b-76uhcftwmz] {
    grid-area: icon;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: var(--colour);
    border-radius: var(--border-radius-small);
}

/*LOADING */
.heading__skeleton[b-76uhcftwmz] {
    grid-area: heading;
}

.icon__skeleton[b-76uhcftwmz] {
    grid-area: icon;
}

.count__skeleton[b-76uhcftwmz] {
    grid-area: count;
}

.descriptionSkeletons__container[b-76uhcftwmz] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    grid-area: description;
}
/* /Pages/Dashboard/Quickstart/OnboardingCard.razor.rz.scp.css */
.mainContainer[b-pr01mznd3a] {
    border: 1px solid var(--colour-action-primary);
    border-radius: 16px;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
}

.background__container[b-pr01mznd3a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    overflow: hidden;
    border-radius: 16px;
    background: var(--colour-action-primary);
}

.mainContainer.onboardingCard[b-pr01mznd3a]  > *:not(.background__container) {
    z-index: 1;
}

.heading__container[b-pr01mznd3a] {
    display: grid;
    grid-template-areas:
        "icon title"
        "icon description";
    grid-template-columns: 50px 1fr;
    column-gap: var(--gutter-size);
    align-items: center;
}

.heading__icon[b-pr01mznd3a] {
    grid-area: icon;
    height: 50px;
}

.heading__title[b-pr01mznd3a] {
    grid-area: title;
    font-size: 20px;
    color: var(--colour-action-secondary);
}

.heading__description[b-pr01mznd3a] {
    grid-area: description;
    font-size: 16px;
    color: var(--colour-action-secondary);
}

.dismiss__container[b-pr01mznd3a] {
    position: absolute;
    right: var(--gutter-size-small);
    top: var(--gutter-size-small);
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 16px;
}

    .dismiss__container:hover[b-pr01mznd3a] {
        color: var(--colour-action-danger-background);
    }


    .quickstart__container[b-pr01mznd3a] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

.quickstart__heading[b-pr01mznd3a] {
    font-size: 14px;
    color: var(--colour-action-secondary);
}

.quickstart__body[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size-small);
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

.capabilities__container[b-pr01mznd3a] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.capabilities__heading[b-pr01mznd3a] {
    font-size: 14px;
    color: var(--colour-action-secondary);
}

.capabilities__body[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size);
}

.capability[b-pr01mznd3a] {
    position: relative;
    font-size: 12px;
    color: var(--colour-action-secondary);
    display: flex;
    align-items: center;
}

    .capability:not(:first-child)[b-pr01mznd3a] {
        margin-left: calc(50px + calc(var(--gutter-size)));
    }

        .capability:first-child[b-pr01mznd3a]{
            margin-left: var(--gutter-size);
        }

        .capability[b-pr01mznd3a]:before {
            content: " ";
            width: 6px;
            height: 6px;
            background: var(--colour-action-primary);
            border-radius: 50%;
            transform: translateX(calc(var(--gutter-size-small) * -1));
            position: relative;
            display: block;
        }

.trialAccountStatus__container[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    border: 1px solid var(--colour-border-primary-light);
    border-radius: 8px;
    width: 100%;
    background: white;
    align-items: center;
}

.trialAccountStatusText__container[b-pr01mznd3a] {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.trialAccountStatus__title[b-pr01mznd3a] {
    color: var(--colour-action-secondary);
    font-size: 12px;
}

.trialAccountStatus__description[b-pr01mznd3a] {
    opacity: 0.8;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.noCreditCardRequired[b-pr01mznd3a] {
    display: flex;
    align-items: center;
    margin-left: var(--gutter-size);
}

    .noCreditCardRequired[b-pr01mznd3a]:before {
        content: " ";
        width: 6px;
        height: 6px;
        background: var(--colour-action-secondary);
        border-radius: 50%;
        transform: translateX(calc(var(--gutter-size-small) * -1));
        position: relative;
        display: block;
    }


.trialAccountStatus__actionsContainer[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size-medium);
    margin-left: auto;
}

    .trialAccountStatus__actionsContainer[b-pr01mznd3a]  > button {
        height: 32px;
        border-radius: 8px;
    }

        .trialAccountStatus__actionsContainer[b-pr01mznd3a]  > button.mud-button-outlined-primary:not(:hover) {
            color: var(--colour-action-secondary);
        }
/* /Pages/Dashboard/Quickstart/OnboardingQuickStartStep.razor.rz.scp.css */
.mainContainer[b-t0fvr01kc7] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
    padding: var(--gutter-size-medium);
    border: 1px solid var(--colour-action-primary);
    border-radius: 8px;
    background: white;
    min-height: 60px;
    width: 340px;
}


.number__container[b-t0fvr01kc7] {
    border-radius: 50%;
    background: var(--colour-action-secondary);
    color: var(--colour-action-secondary-foreground);
    opacity: 0.8;
    width: 25px;
    height: 25px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text__container[b-t0fvr01kc7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.title[b-t0fvr01kc7] {
    color: var(--colour-action-secondary);
    font-size: 12px;
}

.description[b-t0fvr01kc7]{
    opacity: 0.7;
    font-size: 12px;
}

.button__container[b-t0fvr01kc7]{
    margin-left: auto;
}

    .button__container[b-t0fvr01kc7]  > button {
        height: 32px;
        border-radius: 8px;
    }

        .button__container[b-t0fvr01kc7]  > button.mud-button-outlined-primary {
            color: var(--colour-action-secondary);
        }


.mainContainer.current[b-t0fvr01kc7] {
    border-color: var(--colour-action-secondary);
}

.mainContainer.current .number__container[b-t0fvr01kc7] {
    opacity: 1;
}

.mainContainer.complete[b-t0fvr01kc7] {
    border-color: #00A63E;
}

.mainContainer.complete .number__container[b-t0fvr01kc7]{
    background: var(--colour-success);
    opacity: 1;
    color: white;
}
/* /Pages/Groups/Group.razor.rz.scp.css */
.mainContainer[b-t0wj8av9ot] {
    width: 100%;
}

.mainContainer[b-t0wj8av9ot],
.inputs__container[b-t0wj8av9ot] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.saving .inputs__container[b-t0wj8av9ot] {
    transition: 0.2s;
}

/* /Pages/Groups/GroupMultiSelector.razor.rz.scp.css */
.mainContainer[b-70rtu8tld0] {
    position: relative;
}

.groupText__container[b-70rtu8tld0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


[b-70rtu8tld0] .mud-success-text {
    color: var(--colour-system-foreground) !important;
}


.mainContainer[b-70rtu8tld0]  .mud-input > input.mud-input-root-outlined {
    padding: var(--gutter-size-medium);
}
/* /Pages/Groups/Groups.razor.rz.scp.css */
.mainContainer[b-e615f0m22s] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-e615f0m22s] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-e615f0m22s] {
    width: 370px;
}


.grid__container[b-e615f0m22s] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-e615f0m22s]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-e615f0m22s]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer.subTable[b-e615f0m22s]  .group__row td:first-child,
.mainContainer.subTable[b-e615f0m22s]  .group__heading th:first-child {
    display: none;
}

.mainContainer[b-e615f0m22s]  .mud-menu > button{
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-e615f0m22s]  .group__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-e615f0m22s]  .group__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-e615f0m22s] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-e615f0m22s] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-e615f0m22s] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-e615f0m22s]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Logging/Logs.razor.rz.scp.css */
.mainContainer[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    width: 100%;
}

.actions__container[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 400px 40px;
    align-items: center;
    gap: var(--gutter-size);
}

.group__container[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-small);
    background: var(--colour-system-background-dark);
    box-shadow: var(--drop-shadow-small);
    gap: var(--gutter-size);
}

.group__heading[b-wahj5lhbl0] {
    display: flex;
    justify-content: space-around;
    color: white;
    background: var(--colour-action-primary);
    padding: var(--gutter-size-medium);
}

    .group__heading > div > div > span:first-child[b-wahj5lhbl0] {
        color: var(--colour-action-secondary);
    }

    .group__heading > div > div[b-wahj5lhbl0] {
        display: grid;
        grid-template-columns: 130px auto;
    }

.group__items[b-wahj5lhbl0] {
    padding: var(--gutter-size-small);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.group__item[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-small);
    border: 1px solid var(--colour-border-primary-light);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-medium);
}

.groupItem__heading[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: auto 250px;
    align-items: center;
    gap: var(--gutter-size-small);
}

.group__itemMessage[b-wahj5lhbl0] {
    line-break: anywhere;
    overflow-x: scroll;
}

.status__info[b-wahj5lhbl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutter-size-small);
}

    .status__info > span:last-child[b-wahj5lhbl0] {
        color: var(--colour-action-inactive);
    }

.httpRequest__data[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 50px auto 40px;
}

.exceptionDetails__container > div[b-wahj5lhbl0],
.exceptionDetails__container > pre[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 130px auto;
    gap: var(--gutter-size-small);
}

    .exceptionDetails__container > div > div:first-child[b-wahj5lhbl0] {
        color: var(--colour-action-inactive);
    }

.exceptionDetails__container pre[b-wahj5lhbl0] {
    transform: translateX(-27px);
}

.stackTrace__container[b-wahj5lhbl0]
{
    overflow-x: scroll;
}
/* /Pages/Messages/MessageDetails.razor.rz.scp.css */
.mainContainer[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    padding: var(--gutter-size-small);
    gap: var(--gutter-size);
}

.messageInfo__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 30px auto;
    gap: var(--gutter-size-medium);
}

.expandButton__container[b-s3y3lw62ya] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandButton__iconContainer[b-s3y3lw62ya] {
    transition: 0.2s;
    padding: var(--gutter-size-extra-small);
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .expandButton__iconContainer:hover[b-s3y3lw62ya] {
        background: var(--colour-action-inactive-light);
    }

.expandButton__container.expanded .expandButton__iconContainer[b-s3y3lw62ya] {
    transform: rotate(90deg);
}

.messageDetails__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 120px 200px auto;
    justify-content: space-between;
    gap: var(--gutter-size);
}

.messageDetails__contactNumber[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.messageDetail__container[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.status__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 70px auto;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.messageDetails__heading[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.statusHeading__container[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
    text-align: end;
}

.statusDescription__container.description[b-s3y3lw62ya] {
    color: var(--colour-action-inactive);
}

.contactDetails__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: auto 200px;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    max-width: 650px;
    background: var(--colour-system-background-dark);
    margin: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-small);
}

.contactDetails__heading[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.contactDetails__value[b-s3y3lw62ya] {
}
/* /Pages/Messages/MessageReplyCollection.razor.rz.scp.css */
.mainContainer[b-5cgjo5r62z] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    max-width: 650px;
    background: var(--colour-system-background-dark);
    margin: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-small);
}

.message[b-5cgjo5r62z] {
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-medium);
    max-width: 450px;
}

.message__meta[b-5cgjo5r62z]{
    display: flex;
    gap: var(--gutter-size);
    justify-content: space-between;
}

.message__meta > div[b-5cgjo5r62z]{
    color: var(--colour-action-inactive);
    font-size: var(--font-size-body-2);
}

.ourMessage[b-5cgjo5r62z] {
    margin-right: auto;
}

    .ourMessage .message[b-5cgjo5r62z] {
        background: var(--colour-action-primary);
        color: var(--colour-action-primary-foreground);
        border-bottom-left-radius: 0px;
        padding-left: var(--gutter-size-large);
        margin-left: var(--gutter-size-medium);
        word-wrap: break-word;
    }

.theirMessage[b-5cgjo5r62z] {
    margin-left: auto;
}

    .theirMessage .message[b-5cgjo5r62z] {
        background: var(--colour-action-secondary);
        color: var(--colour-action-secondary-foreground);
        border-bottom-right-radius: 0;
        padding-right: var(--gutter-size-large);
        margin-right: var(--gutter-size-medium);
        word-wrap: break-word;
    }

    .theirMessage .message__meta[b-5cgjo5r62z]{
        flex-direction: row-reverse;
    }
/* /Pages/Messages/Messages.razor.rz.scp.css */
.mainContainer[b-v1f0dm6tfd] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%;
    position: relative;
    min-height: 200px;
}

/* /Pages/Messages/MessageSelector.razor.rz.scp.css */
.mainContainer[b-qaigdp2icq] {
    display: flex;
    flex-direction: column;
    padding: 0 0 2px 0;
}

.heading__container[b-qaigdp2icq] {
    gap: var(--gutter-size-small);
    margin-bottom: var(--gutter-size-small);
}

    .heading__container[b-qaigdp2icq]  .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense,
    .heading__container[b-qaigdp2icq]  .mud-input > input.mud-input-root-outlined {
        padding-top: var(--gutter-size-small);
        padding-bottom: var(--gutter-size-small);
    }

    .heading__container[b-qaigdp2icq]  > div.mud-select {
        max-width: min-content;
        flex-grow: unset;
    }

    .heading__container[b-qaigdp2icq]  .mud-radio:hover .mud-ripple {
        border-radius: 100%;
        overflow: hidden;
        background-color: #f0f0f0;
    }

    .heading__container[b-qaigdp2icq]  .mud-radio-button {
        width: 10px;
        height: 10px;
    }

    
/* /Pages/Reports/Campaign/CampaignReport.razor.rz.scp.css */
.mainContainer[b-hlhi1nqzyh] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}

.searchInputs__container[b-hlhi1nqzyh] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-hlhi1nqzyh] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-hlhi1nqzyh] {
    width: 350px;
}

    .searchInput__input.date[b-hlhi1nqzyh]  input {
        text-align: center;
    }

.searchInput__input.status[b-hlhi1nqzyh] {
    width: 100%;
}

.searchButton__container[b-hlhi1nqzyh] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-hlhi1nqzyh] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}

.reportLoader[b-hlhi1nqzyh] {
    position: relative;
    height: 100px;
}


.summary__container[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    gap: var(--gutter-size);
}

.summary__bodyContainer[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size);
    flex-direction: column;
}

.cost__summary[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size);
}

.summary__costsContainer[b-hlhi1nqzyh] {
    flex: 3;
    display: flex;
    justify-content: space-evenly;
}

.summary__cost[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: var(--gutter-size);
}

    .summary__cost[b-hlhi1nqzyh]:after {
        content: " ";
        width: 4px;
        background: var(--cost-colour);
        position: absolute;
        height: 130%;
        top: 50%;
        left: 0%;
        border-radius: 4px;
        transform: translateY(-50%);
    }

    .summary__cost.credit[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-primary);
    }

    .summary__cost.postpaid[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-secondary);
    }

    .summary__cost.total[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-inactive);
    }

.summary__countsContainer[b-hlhi1nqzyh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.summary__countContainer[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: 100px auto;
}

    .summary__countContainer > div:first-child[b-hlhi1nqzyh],
    .summary__cost > div:last-child[b-hlhi1nqzyh] {
        color: var(--colour-text-description);
    }

.messages__summary[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: minmax(700px, 810px) 5px minmax(530px, 600px);
    gap: var(--gutter-size);
    justify-content: space-between;
}

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider {
        display: none;
    }

.allStats__container[b-hlhi1nqzyh] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.stats__value[b-hlhi1nqzyh] {
    font-size: var(--font-size-heading-2);
    text-align: center;
}

.stats__heading[b-hlhi1nqzyh] {
    color: var(--colour-action-inactive);
}



.campaignStatus__body[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: 180px 280px;
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.campaignStatus__counts[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-hlhi1nqzyh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}

    .campaignStatus__count.selected[b-hlhi1nqzyh] {
        background: var(--colour-action-inactive-light);
    }


    .campaignStatus__count:has(.deliveredCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-hlhi1nqzyh] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.campaigns__container[b-hlhi1nqzyh] {
    opacity: 0;
    pointer-events: none;
}

    .campaigns__container.visible[b-hlhi1nqzyh] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

@media screen and (max-width: 1270px) {
    .messages__summary[b-hlhi1nqzyh] {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .allStats__container[b-hlhi1nqzyh] {
        width: 100%;
    }

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider {
        display: block;
    }

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider-vertical {
        display: none;
    }
}
/* /Pages/Reports/Campaign/CampaignReportMessagesDialog.razor.rz.scp.css */
.mainContainer[b-uv2qjiwnl2] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-uv2qjiwnl2] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-uv2qjiwnl2] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-uv2qjiwnl2] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-uv2qjiwnl2] {
        color: black;
    }

.body__container[b-uv2qjiwnl2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.searchBar__container[b-uv2qjiwnl2] {
    width: 370px;
}

.messageInfo__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 30px auto;
    gap: var(--gutter-size-medium);
}

.expandButton__container[b-uv2qjiwnl2] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandButton__iconContainer[b-uv2qjiwnl2] {
    transition: 0.2s;
    padding: var(--gutter-size-extra-small);
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .expandButton__iconContainer:hover[b-uv2qjiwnl2] {
        background: var(--colour-action-inactive-light);
    }

.expandButton__container.expanded .expandButton__iconContainer[b-uv2qjiwnl2] {
    transform: rotate(90deg);
}

.messageDetails__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 120px 200px auto;
    justify-content: space-between;
    gap: var(--gutter-size);
}

.messageDetails__contactNumber[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.messageDetail__container[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.status__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 70px auto;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.messageDetails__heading[b-uv2qjiwnl2] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.statusHeading__container[b-uv2qjiwnl2] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
    text-align: end;
}

.statusDescription__container.description[b-uv2qjiwnl2] {
    color: var(--colour-action-inactive);
}
/* /Pages/Reports/Campaign/CampaignReportPercentageNumberSwitch.razor.rz.scp.css */
.mainContainer[b-h1b16cxois] {
    height: 40px;
    width: 120px;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    padding: var(--gutter-size-medium);
    position: relative;
    cursor: pointer;
}


.slider[b-h1b16cxois] {
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s cubic-bezier(.82,-0.01,.11,1.01);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--colour-border-primary);
    pointer-events: none;
}

    .slider.left[b-h1b16cxois] {
        left: var(--gutter-size-medium);
    }

    .slider.right[b-h1b16cxois] {
        left: calc(100% - var(--gutter-size-medium));
        transform: translate(-100%, -50%);
    }

.textItems__container[b-h1b16cxois] {
    z-index: 2;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: calc(100% - var(--gutter-size-large));
    height: calc(100% - var(--gutter-size-large));
    pointer-events: none;
    user-select: none;
    padding: 0px 18px;
    transform: translateY(-1px);
}
/* /Pages/Reports/Campaign/ReportCampaignDialog.razor.rz.scp.css */
.mainContainer[b-7yyio2z4j3] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-7yyio2z4j3] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-7yyio2z4j3] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-7yyio2z4j3] {
        color: black;
    }

.allStats__container[b-7yyio2z4j3] {
    border: 1px solid var(--colour-border-primary-light);
    padding: var(--gutter-size);
    border-radius: var(--border-radius-large);
    width: 100%;
}

.body__container[b-7yyio2z4j3] {
    display: grid;
    grid-template-areas:
        "statuses cost campaignStatuses"
        "message message message";
    grid-template-columns: minmax(260px, 400px) minmax(200px, 300px) minmax(530px, 600px);
    gap: var(--gutter-size);
    justify-content: space-between;
    width: 100%;
    grid-template-rows: 300px 300px;
}

    .body__container > div[b-7yyio2z4j3] {
        border: 1px solid var(--colour-border-primary-light);
        padding: var(--gutter-size);
        border-radius: var(--border-radius-large);
        width: 100%;
    }

.campaignStatus__container[b-7yyio2z4j3] {
    grid-area: campaignStatuses;
}

.statuses__container[b-7yyio2z4j3] {
    grid-area: statuses;
}

.cost__container[b-7yyio2z4j3] {
    grid-area: cost;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .cost__container > div:first-child[b-7yyio2z4j3] {
        font-size: var(--font-size-heading-1);
    }

.cost__contaienr > div:last-child[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
}

.allStats__container[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.stats__value[b-7yyio2z4j3] {
    font-size: var(--font-size-heading-2);
}

.stats__heading[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
}

.statuses__heading[b-7yyio2z4j3],
.messagePreview__heading[b-7yyio2z4j3],
.campaignStatus__heading[b-7yyio2z4j3] {
    font-weight: bold;
}

.statuses__container[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

    .statuses__container[b-7yyio2z4j3]  hr {
        flex-grow: unset;
    }

.status__container[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-between;
}

.campaignStatus__container[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
}

.campaignStatus__body[b-7yyio2z4j3] {
    display: grid;
    grid-template-columns: 180px 280px;
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.campaignStatus__counts[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}


    .campaignStatus__count.selected[b-7yyio2z4j3] {
        background: var(--colour-action-inactive-light);
    }



    .campaignStatus__count:has(.deliveredCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-7yyio2z4j3] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.messagePreview__container[b-7yyio2z4j3] {
    grid-area: message;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.messagePreview__message[b-7yyio2z4j3] {
    height: 100%;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    word-wrap:break-word;
}


@media screen and (max-width: 1050px) {
    .body__container[b-7yyio2z4j3] {
        grid-template-areas:
            "cost cost"
            "statuses campaignStatuses"
            "message message";
        grid-template-columns: minmax(200px, 300px) minmax(530px, 600px);
    }
}
/* /Pages/Reports/Mobile/MobileNumberReport.razor.rz.scp.css */
.mainContainer[b-y6ibedtm0d] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}


.searchInputs__container[b-y6ibedtm0d] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}


.searchInputs__heading[b-y6ibedtm0d] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mainContainer[b-y6ibedtm0d]  .searchInputs__body {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-y6ibedtm0d] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-y6ibedtm0d] {
    width: 350px;
}

    .searchInput__input.date[b-y6ibedtm0d]  input {
        text-align: center;
    }

.searchButton__container[b-y6ibedtm0d] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-y6ibedtm0d] {
    position: relative;
    height: 100px;
}


.messages__container[b-y6ibedtm0d] {
    opacity: 0;
    pointer-events: none;
}

    .messages__container.visible[b-y6ibedtm0d] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.message__container[b-y6ibedtm0d] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messageStatus__Container[b-y6ibedtm0d] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-small);
}

.messageStatus__colour[b-y6ibedtm0d] {
    min-width: 20px;
    height: 20px;
    background: var(--colour);
    border-radius: 50%;
}

.messagePreview__heading[b-y6ibedtm0d] {
    font-weight: bold;
}


.messagePreview__container[b-y6ibedtm0d] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.messagePreview__message[b-y6ibedtm0d] {
    height: 100%;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    font-family: var(--font-family-body-1);
    word-wrap: break-word;
}
/* /Pages/Reports/Reply/RepliesReport.razor.rz.scp.css */

.mainContainer[b-lfei770g36] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}

.searchInputs__container[b-lfei770g36] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-lfei770g36] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-lfei770g36] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-lfei770g36] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-lfei770g36] {
    width: 350px;
}

    .searchInput__input.date[b-lfei770g36]  input {
        text-align: center;
    }

.searchButton__container[b-lfei770g36] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-lfei770g36]{
    position: relative;
    height: 100px;
}


.replies__container[b-lfei770g36] {
    opacity: 0;
    pointer-events: none;
}

    .replies__container.visible[b-lfei770g36] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.gridMessage__container[b-lfei770g36] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.childRow__container[b-lfei770g36] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.childRow__item[b-lfei770g36] {
    display: grid;
    grid-template-columns: 160px auto;
}

.replyMessage[b-lfei770g36] {
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    font-family: var(--font-family-body-1);
}

.campaignName__container[b-lfei770g36]
{
    padding-left: var(--gutter-size);
}
/* /Pages/Reports/Usage/UsageReport.razor.rz.scp.css */
.mainContainer[b-pqojtysdra] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}

.heading__container[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
}

.downloadButton__container[b-pqojtysdra]{
    margin-left: auto;
}

.searchInputs__container[b-pqojtysdra] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-pqojtysdra] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-pqojtysdra] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

    .searchInput.month[b-pqojtysdra],
    .searchInput.month .searchInput__input[b-pqojtysdra] {
        width: 150px;
    }

.searchInput__input.date[b-pqojtysdra] {
    width: 350px;
}

    .searchInput__input.date[b-pqojtysdra]  input {
        text-align: center;
    }

.searchButton__container[b-pqojtysdra] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-pqojtysdra] {
    position: relative;
    height: 100px;
}

.gridMessage__container[b-pqojtysdra] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.childRow__container[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.childRow__item[b-pqojtysdra] {
    display: grid;
    grid-template-columns: 160px auto;
}


.gridItems__container[b-pqojtysdra] {
    opacity: 0;
    pointer-events: none;
}

    .gridItems__container.visible[b-pqojtysdra] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.charts__container[b-pqojtysdra] {
    display: grid;
    grid-template-areas:
        "campaigns messages"
        "cost cost";
    width: 100%;
    gap: var(--gutter-size);
    justify-content: space-between;
}

.chart__container[b-pqojtysdra] {
    height: 500px;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
}

.campaignsChart__container[b-pqojtysdra] {
    grid-area: campaigns;
}

.messagesChart__container[b-pqojtysdra] {
    grid-area: messages
}

.costChart__container[b-pqojtysdra] {
    grid-area: cost;
}

.chart__container[b-pqojtysdra]  .lvc-content {
    height: 400px;
}
/* /Pages/Reports/Usage/UsageReportItemView.razor.rz.scp.css */
.mainContainer[b-jhxiug1bky] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-jhxiug1bky] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-jhxiug1bky] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-jhxiug1bky] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-jhxiug1bky] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-jhxiug1bky] {
        color: black;
    }

.body__container[b-jhxiug1bky] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.grids__container[b-jhxiug1bky] {
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}
/* /Pages/Reports/Usage/UsageSummary.razor.rz.scp.css */

.summary__container[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    gap: var(--gutter-size);
}

.summary__bodyContainer[b-vov09trjsd] {
    display: flex;
    gap: var(--gutter-size);
    flex-direction: column;
}

.cost__summary[b-vov09trjsd] {
    display: flex;
    gap: var(--gutter-size);
}

.summary__costsContainer[b-vov09trjsd] {
    flex: 3;
    display: flex;
    justify-content: space-evenly;
}

.summary__cost[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: var(--gutter-size);
}

    .summary__cost[b-vov09trjsd]:after {
        content: " ";
        width: 4px;
        background: var(--cost-colour);
        position: absolute;
        height: 130%;
        top: 50%;
        left: 0%;
        border-radius: 4px;
        transform: translateY(-50%);
    }

    .summary__cost.credit[b-vov09trjsd] {
        --cost-colour: var(--colour-action-primary);
    }

    .summary__cost.postpaid[b-vov09trjsd] {
        --cost-colour: var(--colour-action-secondary);
    }

    .summary__cost.total[b-vov09trjsd] {
        --cost-colour: var(--colour-action-inactive);
    }

.summary__countsContainer[b-vov09trjsd] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.summary__countContainer[b-vov09trjsd] {
    display: grid;
    grid-template-columns: 100px auto;
}

    .summary__countContainer > div:first-child[b-vov09trjsd],
    .summary__cost > div:last-child[b-vov09trjsd] {
        color: var(--colour-text-description);
    }

.messages__summary[b-vov09trjsd] {
    display: grid;
    grid-template-columns: minmax(700px, 810px) 5px minmax(530px, 600px);
    gap: var(--gutter-size);
    justify-content: space-between;
}

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider {
        display: none;
    }

.allStats__container[b-vov09trjsd] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.stats__value[b-vov09trjsd] {
    font-size: var(--font-size-heading-2);
    text-align: center;
}

.stats__heading[b-vov09trjsd] {
    color: var(--colour-action-inactive);
}



.campaignStatus__body[b-vov09trjsd] {
    display: grid;
    grid-template-columns: 180px 280px;
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.campaignStatus__counts[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-vov09trjsd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}

    .campaignStatus__count.selected[b-vov09trjsd] {
        background: var(--colour-action-inactive-light);
    }


    .campaignStatus__count:has(.deliveredCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-vov09trjsd] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1270px) {
    .messages__summary[b-vov09trjsd] {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .allStats__container[b-vov09trjsd] {
        width: 100%;
    }

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider {
        display: block;
    }

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider-vertical {
        display: none;
    }
}
/* /Pages/Templates/MessageTemplates/MessageEditor.razor.rz.scp.css */
.messageEditor[b-eknuswq5of] {
    padding: var(--gutter-size-medium);
    padding-right: 45px; /* Account for the placeholder button*/
    min-height: 100px;
    border-radius: var(--border-radius-medium);
    outline-width: 1px;
    outline-style: solid;
    outline-color: var(--colour-border-primary-light);
}

    .messageEditor:hover[b-eknuswq5of] {
        outline-color: var(--colour-border-dark);
    }

    .messageEditor:focus-within[b-eknuswq5of] {
        outline-color: var(--colour-action-primary);
        outline-width: 2px;
    }

.messageEditor__container.maxLengthExceeded .messageEditor[b-eknuswq5of] {
    outline-color: var(--colour-action-danger-foreground-inverse);
}

.messageEditor > div[b-eknuswq5of] {
    height: 25px;
}

.messageEditor[b-eknuswq5of]  .placeholder {
    background: none;
    border: 1px solid var(--colour-action-primary);
    padding: 0 var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
    color: var(--colour-action-inactive);
    margin-bottom: var(--gutter-size-extra-small);
}

    .messageEditor[b-eknuswq5of]  .placeholder i {
        padding-left: var(--gutter-size-small);
    }

.counter__Container[b-eknuswq5of] {
    display: flex;
    justify-content: end;
}


.messageEditor__container.maxLengthExceeded .counter__Container[b-eknuswq5of] {
    color: var(--colour-action-danger-foreground-inverse);
}
/* /Pages/Templates/MessageTemplates/MessageTemplate.razor.rz.scp.css */
.outerContainer[b-cf2k5v7kn3] {
    height: 100%;
}

.mainContainer[b-cf2k5v7kn3] {
    container-type: inline-size;
    width: 100%;
}

.mainContainer[b-cf2k5v7kn3],
.inputs__container[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.saving .inputs__container[b-cf2k5v7kn3] {
    transition: 0.2s;
}


[b-cf2k5v7kn3] .btn-placeholder {
    position: absolute;
    top: 32px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    min-width: 30px;
    font-weight: 800;
    text-wrap: nowrap;
}


.placeholders__container[b-cf2k5v7kn3] {
    padding: var(--gutter-size-medium);
    min-width: 200px;
}

    .placeholders__container > div[b-cf2k5v7kn3] {
        padding: var(--gutter-size-small);
        cursor: pointer;
        transition: 0.2s;
        border-radius: var(--border-radius-medium);
    }

        .placeholders__container > div:hover[b-cf2k5v7kn3] {
            background: var(--colour-action-secondary);
            color: var(--colour-action-secondary-foreground);
        }

#messageEditor[b-cf2k5v7kn3] {
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    padding: var(--gutter-size-medium);
    padding-right: 52px;
    min-height: 100px;
}

    #messageEditor:focus-within[b-cf2k5v7kn3] {
    }

    #messageEditor:hover[b-cf2k5v7kn3] {
        border-color: var(--colour-action-primary-disabled);
    }

    #messageEditor > div[b-cf2k5v7kn3] {
        height: 25px;
    }

    #messageEditor[b-cf2k5v7kn3]  .placeholder {
        background: none;
        border: 1px solid var(--colour-action-primary);
        padding: 0 var(--gutter-size-small);
        border-radius: var(--border-radius-medium);
        color: var(--colour-action-inactive);
    }

        #messageEditor[b-cf2k5v7kn3]  .placeholder i {
            padding-left: var(--gutter-size-small);
        }

.outerContainer[b-cf2k5v7kn3]  .blade > .content__container {
    height: 100%;
}

.mainContainer:has(.isOnTrialBody__container)[b-cf2k5v7kn3] {
    height: 100%;
}

.isOnTrialBody__container[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    height: 100%;
}

.trialNotice__container[b-cf2k5v7kn3] {
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    border: 1px solid #FCCEE8;
    z-index: 1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

    .trialNotice__container[b-cf2k5v7kn3]:before {
        z-index: 0;
        background: #FCCEE8;
        opacity: 0.2;
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        pointer-events: none;
    }

.trialNotice__heading[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-medium);
}

.trialNotice__headingText[b-cf2k5v7kn3] {
    color: #CD1E70;
    font-size: 12px;
}

.trialNotice__body[b-cf2k5v7kn3] {
    color: #E92188;
    font-size: 10px;
}

.welcomeMessage__container[b-cf2k5v7kn3] {
    border-radius: 8px;
    border: 1px solid var(--colour-action-primary);
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.welcomeMessage__heading[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-large);
    align-items: center;
}

.welcomeMessage__headingText[b-cf2k5v7kn3] {
    font-size: 12px;
}

.welcomeMessage__headingBadge[b-cf2k5v7kn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #1447E6;
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    padding: var(--gutter-size-small);
    border-radius: 16px;
}

.welcomeMessage__description[b-cf2k5v7kn3] {
    font-size: 10px;
}

.welcomeMessage__body[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size);
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 8px;
}

.welcomeMessage__bodyCharacterCount[b-cf2k5v7kn3]{
    font-size: 8px;
}

.welcomeMessage__notice[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
}

    .welcomeMessage__notice > div[b-cf2k5v7kn3] {
        font-size: 10px;
        color: #6A7282;
    }

.welcomeMessage__noticeDot[b-cf2k5v7kn3] {
    width: 2px;
    height: 2px;
    border-radius: 4px;
    background: #6A7282;
}


.unlockCustomTemplatesNotice[b-cf2k5v7kn3] {
    border: 2px solid #FFB74D;
    background: #FFF8E1;
    padding: var(--gutter-size);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    margin-top: auto;
}

.unlockCustomTemplatesNotice__heading[b-cf2k5v7kn3] {
    display: grid;
    gap: var(--gutter-size-small);
    grid-template-areas:
        "icon title"
        "icon heading";
    align-items: center;
}

.unlockCustomTemplatesNotice__headingIcon[b-cf2k5v7kn3] {
    background: #FFB74D;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unlockCustomTemplatesNotice__headingTitle[b-cf2k5v7kn3] {
    color: #E86217;
    font-size: 12px;
    grid-area: title;
}

.unlockCustomTemplatesNotice__headingDescription[b-cf2k5v7kn3] {
    color: #F89D3B;
    font-size: 10px;
    grid-area: heading;
}

.unlockCustomTemplatesNoticeActions__container[b-cf2k5v7kn3]{
    display: flex;
    gap: var(--gutter-size-medium);
}

    .unlockCustomTemplatesNoticeActions__container[b-cf2k5v7kn3]  .viewPricingButton {
        border-color: #FFB86A;
        color: #CF4A1A;
        background: white; 
    }
/* /Pages/Templates/MessageTemplates/MessageTemplates.razor.rz.scp.css */
.mainContainer[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.grid__container[b-ufjnbvgww3] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-ufjnbvgww3]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-ufjnbvgww3]  .mud-menu > button {
    padding: 0px;
}

.message__meta[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-ufjnbvgww3]  .template__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-ufjnbvgww3]  .template__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container:before {
                display: none;
            }
}

.grid__container[b-ufjnbvgww3]  .hide-expand {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .actions__container[b-ufjnbvgww3] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }

    .gridHeading__container[b-ufjnbvgww3] {
        justify-content: space-between;
        flex-direction: row;
    }

    .searchBar__container[b-ufjnbvgww3] {
        width: 370px;
    }
}

.mainContainer[b-ufjnbvgww3]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Shared/Blades/DeleteConfirmationBlade.razor.rz.scp.css */
.mainContainer[b-jmdxt1nru8] {
    margin-top: var(--gutter-size);
    display: flex;
    justify-content: end;
    width: 100%;
    gap: var(--gutter-size);
}


.actions__container[b-jmdxt1nru8] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size);
}

.field__description[b-jmdxt1nru8] {
    margin-bottom: var(--gutter-size);
}

.field__label[b-jmdxt1nru8] {
    font-size: var(--font-size-label-active);
}
/* /Shared/Loaders/ComponentLoader.razor.rz.scp.css */
.mainContainer[b-y0z35bz7l4] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-dialog);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: center;
    align-items: center;
    animation: var(--fade-in-animation);
    opacity: 0.8;
}

.text__container[b-y0z35bz7l4] {
    color: var(--colour-system-foreground);
    font-weight: bold;
}
/* /Shared/Loaders/ProcessStatusLoader.razor.rz.scp.css */

.mainContainer[b-v3w11p1jdl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    animation: var(--fade-in-animation);
    transition: 0.2s;
}

.progress__headingContainer[b-v3w11p1jdl] {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-small);
}

.progressDescription__container[b-v3w11p1jdl] {
    display: flex;
}

.progress__percentage__container[b-v3w11p1jdl] {
    margin-left: auto;
}

.progress__percentage_remainingContainer[b-v3w11p1jdl] {
    display: flex;
    gap: var(--gutter-size-small);
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.failureMessage__container[b-v3w11p1jdl] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-danger-foreground-inverse);
}
/* /Shared/MainLayout.razor.rz.scp.css */
article[b-x8bq7mvu54] {
    padding-left: 185px;
    padding-right: var(--gutter-size-medium);
    padding-top: calc(50px + var(--gutter-size)); /*Add the size of the top app bar so that content doesn't sit behind it */
    display: flex;
    transition: var(--animation-duration-short);
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-x8bq7mvu54] {
        display: none;
    }

    .top-row.auth[b-x8bq7mvu54] {
        justify-content: space-between;
    }

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


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

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

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

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

    .top-row[b-x8bq7mvu54], article[b-x8bq7mvu54] {
        padding-right: 15px !important;
    }
}

/* /Shared/Pages/PageHeader.razor.rz.scp.css */

.heading__container[b-hlrselolo2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

    .heading__container .description[b-hlrselolo2] {
        font-size: var(--font-size-subtitle-1);
        color: var(--colour-text-description);
        max-width: 650px;
    }

.actions__container[b-hlrselolo2]{
    margin: var(--gutter-size-medium) 0px;
}
/* /Shared/SideMenu/SideMenu.razor.rz.scp.css */
.sideMenu__container[b-5ezi54uwql] {
    background: #fff;
    height: calc(100vh - 50px);
    position: fixed;
    top: 50px;
    box-shadow: 5px 0 10px -10px #888888;
    z-index: var(--z-index-blades);
    width: 65px;
    transition: var(--animation-duration-short);
    overflow-y: scroll;
}

    .sideMenu__container:not(.open)[b-5ezi54uwql] {
        /*Hide the scrollbar*/
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        /*Hide the scrollbar on Safari*/
        .sideMenu__container:not(.open)[b-5ezi54uwql]::-webkit-scrollbar {
            display: none;
        }


    .sideMenu__container.open[b-5ezi54uwql] {
        overflow: scroll;
        width: 166px;
        transition: var(--animation-duration-short);
    }

    .sideMenu__container.collapsible:not(.open)[b-5ezi54uwql] {
        width: 166px;
        transform: translateX(-166px);
    }

.sideMenu__header_loadingPlaceholder[b-5ezi54uwql] {
    height: 37px;
    width: 145px;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 10px;
}

    .sideMenu__header_loadingPlaceholder .skeleton[b-5ezi54uwql] {
        background: #cccccc;
        height: 37px;
        width: 145px;
        position: absolute;
        border-radius: var(--border-radius-medium);
        overflow: hidden;
    }

        .sideMenu__header_loadingPlaceholder .skeleton[b-5ezi54uwql]:before {
            content: " ";
            height: 37px;
            width: 50px;
            background: linear-gradient(to right,transparent, #dfdfdf, transparent);
            display: block;
            position: absolute;
            animation: skeletonLoadingAnimation-b-5ezi54uwql 1.5s cubic-bezier(1,-0.02,.46,1) infinite
        }


.sideMenu__items[b-5ezi54uwql] {
    padding-top: var(--gutter-size-large);
}

.sideMenu__item_loadingPlaceholder[b-5ezi54uwql] {
    --loader-width: 145px;
    height: 20px;
    width: var(--loader-width);
    margin: 10px auto;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}


    .sideMenu__item_loadingPlaceholder:first-child[b-5ezi54uwql] {
        margin-top: 20px;
    }

    .sideMenu__item_loadingPlaceholder .skeleton[b-5ezi54uwql] {
        background: #cccccc;
        height: 20px;
        width: 100%;
        border-radius: 4px;
        position: absolute;
    }

        .sideMenu__item_loadingPlaceholder .skeleton[b-5ezi54uwql]:before {
            content: " ";
            height: 20px;
            width: 50px;
            background: linear-gradient(to right,transparent, #dfdfdf, transparent);
            display: block;
            position: absolute;
            animation: skeletonLoadingAnimation-b-5ezi54uwql 1.5s cubic-bezier(1,-0.02,.46,1) infinite
        }

.sideMenu__container:not(.open) .sideMenu__item_loadingPlaceholder[b-5ezi54uwql] {
    --loader-width: calc(100% - var(--gutter-size-small));
}

.sideMenu__container[b-5ezi54uwql]  .mud-icon-root{
    transition: 0s;
}
/*header*/
@keyframes skeletonLoadingAnimation-b-5ezi54uwql {
    from

{
    left: -50px;
}

to {
    left: 100%;
}

}

[b-5ezi54uwql]::-webkit-scrollbar {
    display: none;
}
/* /Shared/SideMenu/SideMenuHeadingItem.razor.rz.scp.css */
.mainContainer[b-mtrjtgm9nr] {
    color: var(--colour-action-inactive);
    font-size: 14px;
    margin-top: var(--gutter-size-small) 0px;
}
/* /Shared/SideMenu/SideMenuItem.razor.rz.scp.css */
.mainContainer[b-sdw0xllkbj] {
    margin: 5px 0px;
    user-select: none;
}

    .mainContainer:not(.open)[b-sdw0xllkbj] {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mainContainer.open[b-sdw0xllkbj] {
        animation: var(--fade-in-animation);
        animation-delay: 0.1s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    .mainContainer[b-sdw0xllkbj]  .dropdownItems__container {
        background: rgba(0,0,0,0.05);
        border-radius: var(--border-radius-medium);
        margin: 5px;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    }

    .mainContainer[b-sdw0xllkbj]  .heading__container {
        margin: 0px;
    }

.heading__container[b-sdw0xllkbj] {
    display: grid;
    grid-template-areas: "icon"
        "text"
        "arrow";
    gap: 2px;
    cursor: pointer;
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size-extra-small) 0px;
    margin: 5px;
    color: #333;
    text-decoration: none;
    width: calc(100% - var(--gutter-size-small));
    transition: var(--animation-duration-short);
    color: var(--colour-action-secondary);
}

.mainContainer.open .heading__container[b-sdw0xllkbj] {
    padding: var(--gutter-size-small);
}

.mainContainer.open .heading__container[b-sdw0xllkbj] {
    grid-template-areas: "icon text arrow";
    grid-template-columns: 20px auto auto;
    width: unset;
    margin: 0px 4px;
    transition: var(--animation-duration-short);
}

.heading__container:hover[b-sdw0xllkbj],
.heading__container.current[b-sdw0xllkbj],
.heading__container.current[b-sdw0xllkbj]  svg:not(.mud-icon-root) path {
    background: var(--colour-action-secondary-hover);
    color: var(--colour-action-secondary-foreground);
    fill: var(--colour-action-secondary-foreground);
}

    .heading__container:hover[b-sdw0xllkbj]  svg.filled path {
        fill: var(--colour-action-secondary-foreground);
        stroke: var(--colour-action-secondary);
    }

    .heading__container:hover[b-sdw0xllkbj]  svg.light path {
        stroke: var(--colour-action-secondary-foreground);
        fill: var(--colour-action-secondary);
    }

.heading__container.active[b-sdw0xllkbj] {
    background: var(--colour-action-secondary);
    color: var(--colour-action-secondary-foreground);
}

.heading__icon_container[b-sdw0xllkbj] {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: icon;
}

    .heading__icon_container[b-sdw0xllkbj]  svg {
        width: 16px;
        height: 16px;
    }

.mainContainer.open .heading__icon_container[b-sdw0xllkbj] {
    margin-right: 5px;
}

.heading__text_container[b-sdw0xllkbj] {
    font-size: var(--font-size-body-2);
    text-align: center;
    grid-area: text;
    overflow-wrap: anywhere;
}

.mainContainer.open .heading__text_container[b-sdw0xllkbj] {
    text-align: left;
}

.mainContainer.open .heading__icon_container[b-sdw0xllkbj],
.mainContainer.open .heading__text_container[b-sdw0xllkbj] {
    font-size: 14px;
}

    .mainContainer.open .heading__icon_container[b-sdw0xllkbj]  svg {
        width: 14px;
        height: 14px;
    }


.mainContainer[b-sdw0xllkbj]  .collapseIcon {
    transform: rotate(270deg);
    transition: transform 0.2s;
}

.heading__container.open[b-sdw0xllkbj]  .collapseIcon {
    transform: rotate(90deg);
}


.heading__container.open[b-sdw0xllkbj] {
    background: rgba(0, 0, 0, 0.05);
}

    .heading__container.open:hover[b-sdw0xllkbj] {
        background: var(--colour-action-secondary-hover);
    }



.dropdownItems__container[b-sdw0xllkbj] {
    overflow: hidden;
    height: 0px;
    padding-left: 0px;
    display: flex;
    transition: var(--animation-duration-short);
    flex-direction: column;
}

.mainContainer.open > .dropdownItems__container[b-sdw0xllkbj] {
    padding-left: 5px;
    transition: var(--animation-duration-short);
}
/* /Shared/TopAppBar/CreditsAppbarDisplay.razor.rz.scp.css */
.mainContainer[b-qa5zzh86hf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .mainContainer.loading[b-qa5zzh86hf] {
        gap: var(--gutter-size-extra-small);
    }

.heading[b-qa5zzh86hf] {
    color: var(--colour-action-primary-disabled);
}


.noAccountIcon__container[b-qa5zzh86hf]
{
    display: flex;
    align-items: center;
}
/* /Shared/TopAppBar/Notifications/NotificationItemsBlade.razor.rz.scp.css */
.mainContainer[b-fnmsvf8k74] {
    height: calc(100vh - 10px);
    width: 400px;
    border-radius: var(--border-radius-large);
    top: 5px;
    position: fixed;
    z-index: var(--z-index-blades);
    background: var(--colour-system-background-light);
    box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.16);
    animation: 0.2s slide-notifications-in-b-fnmsvf8k74 linear;
    right: -100%;
    transition: 0.2s;
    overflow-y: auto;
}

    .mainContainer.open[b-fnmsvf8k74] {
        right: 5px;
        animation: 0.2s slide-notifications-in-b-fnmsvf8k74;
    }

.sticky__container[b-fnmsvf8k74] {
    position: sticky;
    top: 0px;
    margin-top: var(--gutter-size);
    padding: var(--gutter-size-medium);
    border-radius: 8px;
    background: var(--colour-system-background-light);
    z-index: 1;
}

.sticky__shadow[b-fnmsvf8k74] {
    content: " ";
    position: fixed;
    width: 10px;
    height: 47px;
    width: 388px;
    top: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.closeIcon__container[b-fnmsvf8k74] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

    .closeIcon__container:hover[b-fnmsvf8k74]  path:last-child {
        fill: black;
    }

.heading__container[b-fnmsvf8k74] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

h2[b-fnmsvf8k74] {
    font-size: var(--font-size-heading-2);
    line-height: 0.9;
}


.body__container[b-fnmsvf8k74] {
    padding: var(--gutter-size-medium);
}

@keyframes slide-notifications-in-b-fnmsvf8k74 {
    0% {
        right: -100%;
    }

    100% {
        right: 5px;
    }
}
/* /Shared/TopAppBar/Notifications/TopAppBarNotificationsIcon.razor.rz.scp.css */

.mainContainer[b-n5jc5noy8r]  .notifications__icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mainContainer[b-n5jc5noy8r]  .notifications__icon:hover {
        transition: 0.2s;
        background: var(--colour-action-secondary-hover);
    }

    .mainContainer[b-n5jc5noy8r]  .notifications__icon:hover path {
        fill: var(--colour-action-secondary-foreground)
    }
/* /Shared/TopAppBar/RecentStagingProcesses/RecentStagingItem.razor.rz.scp.css */
.heading__container[b-g5wxoj3bv6] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
}

.progress__container.hidden[b-g5wxoj3bv6]{
    display: none;
}
/* /Shared/TopAppBar/RecentStagingProcesses/RecentStagingProcesses.razor.rz.scp.css */
.processes__container[b-mliiglb0te] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    overflow-y: auto;
}

.process__container[b-mliiglb0te] {
    padding: var(--gutter-size);
    background: var(--colour-system-background-dark);
    border-radius: var(--border-radius-medium);  
    align-items: center;
    display: flex;
}

    .process__container[b-mliiglb0te]  > div {
        width: 100%;
    }

    .process__container.loading[b-mliiglb0te] {
        display: flex;
        gap: var(--gutter-size-small);
        flex-direction: column;
    }

        .process__container.loading .subItems__container[b-mliiglb0te] {
            display: flex;
            justify-content: space-between;
        }
/* /Shared/TopAppBar/TopAppBar.razor.rz.scp.css */
.mainContainer[b-ah3mqw34t8] {
    height: 50px;
    width: 100%;
    display: flex;
    background: white;
    padding: var(--gutter-size-small);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: var(--z-index-app-bar);
    box-shadow: 0px 3px 10px -10px #888888;
}

.logo__container[b-ah3mqw34t8] {
    height: calc(100% - var(--gutter-size-small));
}

    .logo__container img[b-ah3mqw34t8] {
        height: 100%;
    }

.mainContainer[b-ah3mqw34t8]  .rightIcons__container {
    margin-right: var(--gutter-size-medium);
    margin-left: auto;
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
}


.mainContainer[b-ah3mqw34t8]  hr {
    height: 50%;
}
/* /Shared/TopAppBar/TopAppBarProfile.razor.rz.scp.css */

.mainContainer[b-x0mnxeugql] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size);
}

.userMenu__container[b-x0mnxeugql] {
    width: 50px;
    display: flex;
    justify-content: center;
    /*z-index: 2;*/ /*commented this out for blazor toasts*/
    width: 40px;
    height: 40px;
    padding: 6px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--colour-primitive-grey);
    border-radius: 50%;
    cursor: pointer;
}

    .userMenu__container img[b-x0mnxeugql] {
        border-radius: 50%;
        height: 38px;
        width: 38px;
    }

    .userMenu__container[b-x0mnxeugql]  .user__icon {
        color: var(--colour-primitive-white);
    }


.profileDropdown__container[b-x0mnxeugql] {
    width: 348px;
    position: absolute;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background: #fff;
    top: 50px;
    right: var(--gutter-size);
    border-radius: 8px;
    z-index: var(--z-index-popover);
    display: none;
    padding: 15px;
    flex-direction: column;
}

    .profileDropdown__container.open[b-x0mnxeugql] {
        display: flex;
    }

    .profileDropdown__container > div[b-x0mnxeugql] {
        width: 100%;
    }

.profileDropdown__item[b-x0mnxeugql] {
    overflow: hidden;
    transition: var(--animation-duration-short);
}

    .profileDropdown__item.first[b-x0mnxeugql] {
        margin-top: 15px;
    }

    .profileDropdown__item > a[b-x0mnxeugql] {
        width: 100%;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #333;
        font-size: 14px;
        display: flex;
        cursor: pointer;
    }

        .profileDropdown__item > a:hover[b-x0mnxeugql] {
            background: #f5f5f5;
        }


        .profileDropdown__item > a > i[b-x0mnxeugql] {
            margin-right: 15px;
        }

.userInfo__container[b-x0mnxeugql] {
    display: flex;
    flex-direction: column;
}

    .userInfo__container .userName__container[b-x0mnxeugql] {
        font-size: var(--font-size-body-1);
    }

    .userInfo__container .userEmail__container[b-x0mnxeugql] {
        font-size: var(--font-size-body-2);
        color: var(--colour-text-description);
    }

.logoutButton__container a[b-x0mnxeugql] {
    font-size: 14px;
    color: #a94442;
    display: flex;
    justify-content: center;
    height: 26px;
    margin: 8px 0px;
}

.newUserExperienceSwitch__container[b-x0mnxeugql] {
    display: none;
}


.rebuildSession__container[b-x0mnxeugql] {
    display: flex;
    justify-content: space-between;
}

    .rebuildSession__container a[b-x0mnxeugql] {
        font-size: 14px;
        color: var(--colour-action-primary);
        text-decoration: underline;
    }

@media screen and (max-width: 485px) {
    .profileDropdown__container[b-x0mnxeugql] {
        width: calc(100% - 60px - var(--gutter-size)); /* 60px is the width of the user side menu */
        right: 5px;
    }
}
/* /Shared/TopAppBar/TrialStatus.razor.rz.scp.css */
.trial-mode-badge[b-uuwozam6gm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #ffe6f0;
    color: #c2185b;
    border-radius: 16px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .trial-mode-badge MudIcon[b-uuwozam6gm] {
        color: #c2185b;
        font-size: 18px;
    }

    .trial-mode-badge:hover[b-uuwozam6gm] {
        background-color: #ffcce0; 
        color: #ad1457; 
        transform: translateY(-1px); 
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

        .trial-mode-badge:hover MudIcon[b-uuwozam6gm] {
            color: #ad1457;
        }