@charset "utf-8";
/* CSS Document */

*{
    padding: 0;margin: 0;
}

@font-face{
	font-family: estedad;
	src: url("fonts/Estedad[wght,kshd].ttf");
}

body{
	font-family: estedad;
}

.login {
    margin: 0 auto;
    width: 50%;
    border-radius: 20px;
    margin-top: 5%;
    box-shadow: 3px 3px 5px 1px #E1E0E499;
    /*box-shadow: 0px 17px 47px 14px rgba(0,0,0,0.1);*/
    padding: 2px;
}
.form-group{
    margin: 0 auto;
    border: none;
    width: 80%;
    height: 30%;
}
input[type="text"]{
    margin-top: 2%;
    border-radius: 10px;
    text-align: right;
    
}
.txtPasswd{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 20% ;
    margin-top: 0 !important;
}
.btn{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 1px solid #D5D5D5;
    color: #D5D5D5;
    text-align: center;
    margin: 0 auto;
}
.btn:hover{
    background-color: #fff;
    color: #D5D5D5;
    border: 1px solid #D5D5D5;
}
.btn:focus{
   background-color: #fff;
    color: #D5D5D5;
    border: 1px solid #D5D5D5; 
}
button[type="submit"]{
    width: 80%;
    margin-top: 15px;
    border-radius: 10px;
}
button[type="submit"]:hover {
    background-color: #0C81F6;
}

#password{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; 
    text-align: right;
}
.labelpass{
    margin-top: 10px;
}
@media (max-width: 900px) {
    .login {
        margin: 0 auto;
        width: 70%;
        border-radius: 20px;
        margin-top: 5%;
        /*box-shadow: 3px 3px 5px 1px #E1E0E499;*/
        box-shadow: 0px 17px 47px 14px rgba(0,0,0,0.1);
        padding: 2px;
    }
}
@media (max-width: 500px) {
    .login {
        margin: 0 auto;
        width: 90%;
        border-radius: 20px;
        margin-top: 5%;
        /*box-shadow: 3px 3px 5px 1px #E1E0E499;*/
        box-shadow: 0px 17px 47px 14px rgba(0,0,0,0.1);
        padding: 2px;
    }
}