body{
    /*background-color: rgb(249, 249, 249);*/
    background-color: rgb(174, 174, 174);
    padding-top: 4%;
    font-size: 14px;
}

.table{
    background-color: rgb(125, 125, 125);
    box-shadow: 5px 5px 3px #0c0c0c;
    margin-left:auto; margin-right: auto;
    padding: 1px;
    font-size: 14px;
    border-collapse: collapse ;

}

.th{ /*intestazione tabella*/
    background-color: rgb(57, 57, 57);
    /*border-top-left-radius: 11px;*/
    /*border-top-right-radius: 11px;*/
    padding-bottom: 3px;
    padding-top: 3px;
}

/*testo log*/
.log{
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 16%;
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: 2px;
    font: normal 18px/1 Verdana, Helvetica;

    background-image:url('../grafica/utenteg.png');
    background-repeat:no-repeat;
    background-size: 35px 35px;
    background-position: 31%;
}

.tf{ /*fondo tabella*/
    padding-top: 14%;
    padding-bottom: 14%;
    font:  18px Arial, Helvetica;
    color: rgb(255, 255, 255);
}

.db{ /*nome database*/
    padding-bottom: 3%;
    text-align: center;
    font: 11px Arial, Helvetica;
    color: #353535;
}

#buttonAccedi{   /*pulsanti */
    /*background-image:url('../grafica/lucchetto.png');
    background-repeat:no-repeat;
    background-size: 20px 25px;
    background-position: 10%;*/
    border-radius:5px;
    background-image: linear-gradient( #838383, #ffffff);

    border: 2px solid #fc6e0e;
    height: 45px;
    width: 80%;
    cursor: pointer;
    font: bold 16px Arial, Helvetica;
    color: #2e2e2e;

}

#buttonAccedi:hover{
    background-image: linear-gradient( #4c4c4c, #c7c7c7);
    border: 2px solid #343434;
    color: #ffffff;
}

#buttonAccedi:focus{
    outline: none;
}

input{
    border-radius:5px;
    padding-left: 8%;
    border: 2px solid #fc6e0e;
    height: 45px;
    color: #2e2e2e;
}

input:focus{
    outline: none;
}

#source{
    border-radius:5px;
    background-color: #ffffff;
    padding-left: 8%;
    border: 2px solid #fc6e0e;
    height: 30px;
    color: #2e2e2e;
}

#source:focus{
    outline: none;
}

#source:hover{
    border: 2px solid #343434;
}

#password:hover{
    border: 2px solid #343434;
}

#user:hover{
    border: 2px solid #343434;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a0a0a0;
}

.user{
    background-color: #ffffff;
    font: 15px Arial, Helvetica;
}

.pass{
    background-color: #ffffff;
    font: 15px Arial, Helvetica;
}