/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 16, 2022, 5:11:21 PM
    Author     : 91852
*/

.login-page {
    display: flex;
    height: 90vh;
    align-items: center;
    justify-content: center;
    background-color: #000f1abf;
}

.login-screen {
    min-height: 360px;
    width: 720px;
    background: white;
    margin: 20px;
}
.login-img {
    width: 50%;
    background: #c2dde5;
    background-image: url('https://media.istockphoto.com/photos/chalk-drawing-of-light-bulb-among-other-bulbs-picture-id1159999334?s=612x612');
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 20px;
    padding-top: 50px;
    -webkit-box-shadow: inset 98px -151px 187px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 98px -151px 187px 0px rgba(0,0,0,0.75);
    box-shadow: inset 98px -169px 187px 0px rgb(0 0 0 / 75%);
}
.login-img .brand-logo {
    max-width: 200px;
    padding-bottom: 30px;
}

.login-screen {
    display: flex;
    flex-direction: row;
    position: absolute;
}

form#loginFrm {
    width: 50%;
    padding: 20px;
}
.btn-primary {
    
}
.login-page-bg {
    background-image: url('https://media.istockphoto.com/photos/chalk-drawing-of-light-bulb-among-other-bulbs-picture-id1159999334?s=612x612');
    background-size: cover;
    position: absolute;
    height: 90vh;
    width: 100vw;
    z-index: -1;
    filter: blur(3px);
    opacity: 0.7;
}

@media screen and (max-width: 720px) {

    .login-screen {
        margin-top: 40px;
        flex-direction: column;
        max-width: 90%;
    }

    .login-img {
        width: 100%;
        height: 160px;
    }

    form#loginFrm {
        width: 100%;
    }
}


.text-message.otp-msg-error{
    color: red;
}


.text-message.otp-msg-success{
    color: green;
}