/*---------CustomerInfo.razor.css----------------*/
.csu-text-align-justify {
    text-align: justify;
}

/*----------------------------------------------*/

/*--------------GreenPowerPlan.razor.css------------*/
.csu-green-details {
    background: #E8F5DA;
}

.csu-green-action {
    background: #D5E7D2;
}

.csu-green-action-button {
    background: #009F4D;
}

.csu-color-green {
    color: #009F4D;
}

.csu-dark-green {
    background: #006341;
}

.csu-color-dark-green {
    color: #006341;
}

.csu-image-container {
    width: 85%
}

.csu-green-title-text {
    font-size: 26px;
    font-weight: 700;
}

.csu-color-light-gray {
    color: #9E9E9E
}

@media(max-width: 600px) {
    .csu-remove-button {
        display: none;
    }
}

/*----------------------------------------------*/

/*---------ProductPlan.razor.css----------------*/
.csu-plan-container {
    border-color: var(--mud-palette-background);
}

.csu-price-container {
    min-height: 105px;
}

.csu-rates-container {
    min-height: 370px;
}

.csu-plan-name-container {
    min-height: 74px;
}

.csu-plan-description-container {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csu-benefits-container {
    min-height: 740px;
}

.csu-action-button-container {
    bottom: 14px;
}

.csu-plan {
    min-width: 330px;
    max-width: 330px;
}

/*----------------------------------------------*/

/*-----------ProductSelect.razor.css------------*/
.csu-toggle-container {
    width: 60%;
}

@media(max-width: 600px) {
    .csu-toggle-container {
        width: 100%;
    }

    .csu-plan-container {
        display: flex;
        flex-direction: column;
    }
}

@media(min-width: 601px) {
    .csu-plan-container {
        overflow-x: scroll;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
    }
}

.csu-plan-container .csu-plan:first-child {
    margin-left: auto;
}

.csu-plan-container .csu-plan:last-child {
    margin-right: auto;
}
/*----------------------------------------------*/

/*-----------SignUpWizard.razor.css------------*/

.csu-banner-content {
    width: 95%
}

@media(max-width: 600px) {
    .csu-next-button {
        width: 77px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}