textBox div table tr td {
    text-align: justify;
}

#modal1{
    width: 20%;
    background-color: black;
}
@media screen and (max-width: 1450px){
    #modal1{
        width: 30%;
    }
}

@media screen and (max-width: 1000px){
    #modal1{
        width: 50%;
    }
}

@media screen and (max-width: 700px){
    #modal1{
        width: 70%;
    }
}

.login{
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.02)),color-stop(100%, rgba(13, 157, 9, 0.8)));
    background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.8) 100%);
    background: -o-linear-gradient(top,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.8) 100%);
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.8) 100%);
    background: -moz-linear-gradient(to bottom,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.8) 100%);
    width: 80%;
    height: 137% !important;
}

.login:hover{
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.02)),color-stop(100%, rgba(13, 157, 9, 0.9)));
    background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.9) 100%);
    background: -o-linear-gradient(top,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.9) 100%);
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.9) 100%);
    background: -moz-linear-gradient(to bottom,rgba(0, 0, 0, 0.02) ,rgba(13, 157, 9, 0.9) 100%);   
}

#user,#password,#email{
    color:white;
}

#user:focus:not([readonly]) ,#password:focus:not([readonly]),#email:focus:not([readonly]) {
    border-bottom: 1px solid #35C3D6;
    box-shadow: 0 1px 0 0 #35C3D6 ;
}

#user:focus:not([readonly])+label ,#password:focus:not([readonly])+label ,#email:focus:not([readonly])+label {
    color:#35C3D6;
}

.login-txt,.logout-txt{
    color: white;
}