body{
    width: 100%;
    height: 100%;

}
.container{
    position:relative;
    min-height: 720px;
    
}
.login-container{
    position:absolute;
    top:20%;
    left:35%;
    border:1px solid lightgray;
    border-style: dotted;
    border-radius: 3px;
    padding:30px;
    min-height: 350px;
    width: 350px;
}
.logo{
    max-width: 290px;
    border:none;
}
.footer{
    background-color:darkgray;
    height: 100%;
}
.form{
    display: inline-block;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.form > input {
    margin-bottom: 5px;
}
.input-field{
    width: 100%;
}
.btn-login{
    position: relative;
    left: 15%;
    min-width: 200px;

    background-color: rgb(46, 46, 46);
    color:white
}
.btn-login:hover{
    background-color: black ;
}
input[type=password]:not(.browser-default):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid black;
    -webkit-box-shadow: 0 1px 0 0 black;
    box-shadow: 0 1px 0 0 black;
}