.logindiv {
    padding: 20px;
    width: 50%;
    margin-left: 25%;
    height: 540px;
}    

@media (max-width: 1030px) {
   .logindiv {
        padding: 20px;
        width: 90%;
        margin-left: 5%;
        height: 540px;
    }
}



.logindiv2, .logindiv3  {
    padding: 20px;
    width: 50%;
    margin-left: 25%;
    min-height: 400px
    max-height: 550px;
}   
.logindiv3  {
    height: 600px;
} 


.logindiv2  .form-group{
    margin-bottom: 1rem !important;
}

.verify-reaction-window{
    height: 400px !important;
}
.verify-reaction-window .reactivation-form-container{
    text-align: center;
}

@media (max-width: 1030px) {
   .logindiv2 {
        padding: 20px;
        width: 90%;
        margin-left: 5%;
        height: 490px;
    }
    .logindiv3  {
        height: 530px;
    } 
}

.other-errors{
    position: relative;
}
.other-errors button{
    font-size: 25px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.forgot-password-screen-buttons ,.reactivation-screen-buttons{
    display: flex;
    gap: 1rem;
    justify-content: center;
}
.reset_pass_button {
  color: #2979ff;
  font-weight: 600;
  font-size: 14px;
}

.reset_pass_button:hover {
   font-weight: 600;
   color: #2979ff;
  text-decoration: underline;
}