@import 'SmartFinCore.App.Client.8jdolkxnjm.bundle.scp.css';
@import '_content/Anonymous.UI/Anonymous.UI.r89ncky3jz.bundle.scp.css';
@import '_content/Asset.UI/Asset.UI.f8py5r2v7m.bundle.scp.css';
@import '_content/Auth.UI/Auth.UI.mt38jka4wm.bundle.scp.css';
@import '_content/BusinessRules.UI/BusinessRules.UI.jjjkz5yutu.bundle.scp.css';
@import '_content/Deposit.UI/Deposit.UI.h3m9ihin2r.bundle.scp.css';
@import '_content/EventScheduler.UI/EventScheduler.UI.kvmrd2iwmv.bundle.scp.css';
@import '_content/Inventory.UI/Inventory.UI.xsnzjbiuco.bundle.scp.css';
@import '_content/Loan.UI/Loan.UI.68u9yoh1f2.bundle.scp.css';
@import '_content/Mandi.UI/Mandi.UI.0rf64nb1zd.bundle.scp.css';
@import '_content/Mid.UI/Mid.UI.udp7811uhc.bundle.scp.css';
@import '_content/PayRoll.UI/PayRoll.UI.vm3piu1lnj.bundle.scp.css';
@import '_content/Share.UI/Share.UI.lbqidxtmsj.bundle.scp.css';
@import '_content/SMSMailNotify.UI/SMSMailNotify.UI.fuszvl3e1h.bundle.scp.css';
@import '_content/Web.Shared/Web.Shared.0uua3ss7ql.bundle.scp.css';

/* _content/SmartFinCore.App/Components/Account/Pages/Login.razor.rz.scp.css */
*[b-r7j9rhs862] {
    box-sizing: border-box;
}
.sub-container[b-r7j9rhs862] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
    background: linear-gradient(135deg,#730580,#F0662E);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);
}

.centered-element[b-r7j9rhs862] {
    position: absolute;
    top: 25%;
    left: 33%;
    padding: 25px;
    background: rgba(255, 255, 255, 0.27);
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    /*backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);*/
    text-align: center;
}

.form-control[b-r7j9rhs862] {
    border-color:blue;
    border: 2px solid #ccc; /* Border color */
    border-radius: 4rem; /* Border radius for rounded corners */
    padding: 8px 12px; /* Padding inside the input box */
    font-size: 16px; /* Font size */
    outline: initial; /* Remove default focus outline */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clr[b-r7j9rhs862] { /*This class is not applied, it dosen't work */
    color: red !important;
    font-weight: 700 !important;
    background-color: snow !important;
}
/* Optional: Style when input is focused */
.form-control:focus[b-r7j9rhs862] {
    border-color: #007bff; /* Change border color when focused */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add shadow when focused */
}
.input-border[b-r7j9rhs862] {
    border: 2px solid #0000FF !important;
}
h1[b-r7j9rhs862], h3[b-r7j9rhs862] {
    color: snow;
}

/*Dhanalakshmi*/
.bg[b-r7j9rhs862] {
    background: url("images/SmartBg.svg");
    background-size: cover; /* Ensures the image covers the div */
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
}

.cardBg[b-r7j9rhs862] {
    margin-left: 250px;
    margin-right: 250px;
    margin-top: 80px;
    border-radius: 10px;
    box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.3);
}

.cardOTPBg[b-r7j9rhs862] {
    margin-bottom: 10px;
    margin-left: 350px;
    margin-right: 350px;
    margin-top: 250px;
    border-radius: 10px;
    padding: 50px;
    padding-bottom: 50px;
    box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.3);
}
.cardshadow[b-r7j9rhs862] {
    box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.3);
}
.login-card[b-r7j9rhs862] {
    gap: 20px;
    align-items: center;
    padding: 1px;
    border: none;
}
.cardcommon[b-r7j9rhs862] {
    border: none;
    overflow: hidden;
    align-items: center;
    background-color: #ffff;
    width: 100%;
    margin:20px;
}

.SmartPigmy[b-r7j9rhs862] {
    background: url("images/SmartPigmy.png");
    height: 400px;
    width: 430px;
    margin: 5px;
}

.SmartFincore[b-r7j9rhs862] {
    background: url("images/SmartFincore.png");
    height: 400px;
    width: 430px;
    margin: 5px;
}
.SmartSahakari[b-r7j9rhs862] {
    background: url("images/SmartSahakari.png");
    height: 400px;
    width: 430px;
    margin: 5px;
}

.SmartNeft[b-r7j9rhs862] {
    background: url("images/SmartNeft.png");
    height: 400px;
    width: 430px;
    margin: 5px;
}

.TextSize[b-r7j9rhs862] {
    font-size: 1px;
}

.marquee-container[b-r7j9rhs862] {
    width: 480px;
    height: 410px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.Login-container[b-r7j9rhs862] {
    width: 250px;
    height: 410px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    padding: 30px;  
}
.vertical-line[b-r7j9rhs862] {
    border-left: 2px solid #000000;
    margin-left: 20px;
}

.marquee[b-r7j9rhs862] {
    display: flex;
    flex-direction: row;
    position: absolute;
    animation: marquee-animation-b-r7j9rhs862 30s linear infinite;
}

@keyframes marquee-animation-b-r7j9rhs862 {
    0% {
        left: 0;
    }

    50% {
        left: -910px;
    }

    100% {
        left: 0;
    }
}
@media (max-width: 768px) {
    .Login-container[b-r7j9rhs862] {
        overflow: hidden;
        white-space: nowrap;
        padding: 5px;
    }
    .bg[b-r7j9rhs862], .cardOTPBg[b-r7j9rhs862] {
        background: linear-gradient(135deg, #1316CE 30%, #F2048A 80%, #F7070B 99%);
        margin: 10% auto;
        width: 90%;
        max-width: 400px;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.3);
    }

        .cardOTPBg .cardshadow[b-r7j9rhs862] {
            box-shadow: 3px 10px 25px rgba(0, 0, 0, 0.3);
        }

    .page[b-r7j9rhs862], main[b-r7j9rhs862], .content[b-r7j9rhs862], .parent-container[b-r7j9rhs862] {
        width: 100% !important;
        max-width: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .parent-container[b-r7j9rhs862] {
        padding: 10px;
    }

    .col-md-7[b-r7j9rhs862], col-12.col-md-7[b-r7j9rhs862] {
        display: none !important;
    }
    .vertical-line[b-r7j9rhs862] {
        border-left: none !important;
        margin-left: 0 !important;
    }
    /* Make the login section full-width */
    .col-md-5[b-r7j9rhs862], .col-12.col-md-5[b-r7j9rhs862] {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cardcommon[b-r7j9rhs862] {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .login[b-r7j9rhs862] {
        height: 200px !important;
        width: 150px !important;
    }

    .card[b-r7j9rhs862] {
        width: 100%;
        max-width: 100%;
        padding: 5px;
        margin: 0 auto;
    }

    .dx-textbox[b-r7j9rhs862], .dx-button[b-r7j9rhs862] {
        width: 100% !important;
    }
}