.myOverlay{
    transition: 0.3s ease-in-out;

}


#email_label{
    transition: 0.3s ease-in-out;
}


#password_label{
    transition: 0.3s ease-in-out;
}





label{
    float: left;
}
.chec_label{
    float: none;
}

.rememberMe{
    float: left;
}


.forgot{
float: right;
text-decoration: none;
}

a.forgot{
text-decoration: none;

}

.login2-box .form-row .form-group{
display: block;
}


.login2-box {
top: 45%;
position: absolute;
left:50%;
width: 500px;
transform: translate(-50%, -50%);
background-color: #eee;
text-align: center;
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
  
}

.login2-box h2{
text-align: left;
margin-bottom: 40px;
margin-top: 40px;
}

.login-btn{
width:100%;
margin-top: 10px;
border-radius: 0px;
}



.login2-box .text{
margin-top: 30px;
margin-bottom: 30px;
}




.login2-box a{
text-decoration: none;
}

input[type="text"]{
margin-bottom: 15px;
border-radius: 0px;

}

input[type="password"]{
margin-bottom: 15px;
border-radius: 0px;

}

.login-icons{
font-size: 25px;
padding-top:10px;
padding-right:10px;
}

/* The overlay effect with black background */
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: rgb(0,0,4);
background-color: rgba(0,0,0,4); /* Black with a little bit see-through */
}

    /* The content */
.overlay-content {
text-align: center;
margin: auto;

}

    /* Close button */
.overlay .login2-box .closebtn {
position: absolute;
top: 0px;
right: 45px;
font-size: 40px;
cursor: pointer;
color: #ccc;
    transition: .6s ease-in-out;
}

.overlay .login2-box .closebtn:hover {
    transform: rotate(360deg);
color: #000;
}

.open-button {
background-color: #555;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
width: 280px;
}

.remPass{
    margin-bottom: 25px;
    font-size: 15px;
}

@media only screen and (max-width: 575px) {
.login2-box {

    width:300px;
    padding-left: 5px;
    padding-right: 5px;

}

.remPass{
    font-size: 13px;
}
}