@import 'LyraPrepaid.Web.PartnerApp.Client.rubdtdffya.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Pages/Account/Login.razor.rz.scp.css */
body[b-g0miigwxt5] {
    background-color: #f8f9fa;
}

.container-fluid[b-g0miigwxt5] {
    display: flex;
}

h3[b-g0miigwxt5] {
    font-size: x-large;
    font-weight: bold;
}

.left-side[b-g0miigwxt5] {
    background-color: #fff;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.right-side[b-g0miigwxt5] {
    flex-basis: 50%;
    background: rgb(46, 67, 78);
    display: flex;
}

@media (max-width: 768px) {
    .left-side[b-g0miigwxt5] {
        flex-basis: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .right-side[b-g0miigwxt5] {
        display: none;
    }
}

.right-side img[b-g0miigwxt5] {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn-custom[b-g0miigwxt5] {
    background-color: #ffcc00;
    border: none;
}

    .btn-custom:hover[b-g0miigwxt5] {
        background-color: #ffb700;
    }

.form-label[b-g0miigwxt5] {
    font-weight: bold;
    color: black;
}

.card-info[b-g0miigwxt5] {
    background-color: #2c3642;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
}

    .card-info .details[b-g0miigwxt5] {
        font-size: 1.1rem;
    }

.transaction-info[b-g0miigwxt5] {
    background-color: #2c3642;
    color: #fff;
    padding: 15px;
    margin-top: 20px;
    border-radius: 10px;
}