/* _content/ChargeUpApp/Components/Common/MessageDisplay.razor.rz.scp.css */
.btn-primary[b-q4d14idwr6] {
    background-color: var(--InCharge-Brand-Colors-Fast-Orange) !important;
    border-color: var(--InCharge-Brand-Colors-Fast-Orange) !important;
}

.min-vh-50[b-q4d14idwr6] {
    min-height: 50vh;
}
/* _content/ChargeUpApp/Components/Layout/MainLayout.razor.rz.scp.css */

.header-ctn[b-h2x3gzn5w4] {
    display: flex;
    justify-content: start;
    width: 100%;
    align-items: center;
}

.phone .header-ctn[b-h2x3gzn5w4] {
    max-width: 510px;
}



.responsive-layout[b-h2x3gzn5w4] {
    display: flex;
    background-image: var(--background-wall);
    background-size: cover;
    height: 100%;
    justify-content: flex-end;
}

.phone .responsive-layout[b-h2x3gzn5w4] {
    background-image: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.phone main[b-h2x3gzn5w4] {
    padding: 20px;
}

.content[b-h2x3gzn5w4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 55px 0 65px 0;
    width: 70%;
    height: 100%;
    background-color: var(--color-background);
    overflow: auto;
}

.phone .content[b-h2x3gzn5w4] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px 0 45px 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background);
    overflow: inherit;
}


#blazor-error-ui[b-h2x3gzn5w4] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-h2x3gzn5w4] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ChargeUpApp/Components/Pages/Completion.razor.rz.scp.css */
#loader[b-nfde6djb6b] {
    position: relative;  
    width: 120px;
    height: 120px;
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--color-accent);
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-nfde6djb6b 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-b-nfde6djb6b {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom[b-nfde6djb6b] {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom-b-nfde6djb6b;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom-b-nfde6djb6b {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#c-loading[b-nfde6djb6b] {
    display: block;
    text-align: center;
}