.login {
        font-weight:400;  
        height: 80vh;
        display:flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;  
        background-color: #541e51;
        background: url(/portal/img/login.jpg) no-repeat center;
        background-size: cover;
    }

    .login h2,  .loginStatus { 
        color:#fff;
    }

    .login p , .login h2 {        
        margin:0px;
        text-align: center; 
     }

    .login h2 { 
    font-size: 2rem;
    padding: 1rem;
    }

    #loginForm {  display:flex;}

    .confirmBlock { display:none; }  

    #loginForm, .confirmBlock { 
        max-width:30rem;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding:1rem 0rem;
        background-color:#fff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);	
       /* background-color: rgba(63, 21, 81, 0.8); */
        }


    .confirmBlock p:first-child { 
        padding: 0.5rem 0.5rem 0rem; 
        font-weight: 600;
    }

    .confirmBlock p:not(:first-child), .confirmBlock ul li { 
        padding: 0rem 1rem  0.5rem ; 
        font-size:0.9rem;
    }
    .confirmBlock ul li {
        list-style: circle inside none;
        
    }
    .confirmBlock ul li b { 
        font-weight: 600;
    }


    #loginForm input  {
        padding:0.5rem;
        margin:0.5rem;
        width:95%;
        max-width:15rem;
    }

    .checkbox-container  { 
        display:flex;
        align-items: center;
    }
    
    #loginForm input[type="checkbox"] {
      width: 1rem;
      height: 1rem;
    }

    .loginStatus { 
        display:none; 
        font-size:0.7rem;
        background-color: #e34c4c;
        border-radius: 1rem;
       
    }

    a.forgotPassLink { 
        margin:0.5rem 0rem;
    }

.error-message {
    background-color: #FFBABA; /* Light red background for contrast */
    padding: 10px;
    font-size: 16px;
    text-align: center;
    max-width: 400px; /* Optional: limit the width */
    margin: 10px auto; /* Center it horizontally */
}