/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 23.7.2019, 10:54:04
    Author     : josef.chadim
*/
.login-screen{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    top: 0;
    left: 0;
}

.login-content{
    background-color: white;
    border: solid 1px grey;
    margin: auto;
    width: 200px;
    padding: 40px;
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
}
input[type=text],input[type=password]{
    padding-left: 4px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
}
input[type=button]{

    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
}
@media screen and (max-width: 1000px){
    .login-content{
        width:700px;
        height: 400px;
    }
    input[type=text],input[type=password]{
        font-size: 6em;
        height: 1.2em;
    }
    input[type=button]{
        font-size: 4em;
        height: 1.2em;
    }
}



input[type=password]:hover,input[type=password]:hover{
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;

}