.blue-button {
    height: auto;
    width: auto;

    min-width: 7em;
    /*
    max-width: 20rem;
*/


    background: rgba(44,88,240,0.2);
    background: linear-gradient(to bottom right, rgba(240,240,240,0.1), rgba(44,88,240,0.2), rgba(240,240,240,0.1));
    outline: none;
    color: rgba(4,4,4,0.9);

    font-size: 1rem;
    font-weight:bold;
    font-family: Arial,Helvetica,Tahoma, Licuda, Courier,Georgia, Serif;


    padding-top:0.1em;
    padding-bottom:0.1em;
    padding-left:1em;
    padding-right:1em;

    border-radius:0.5em;
    border-width:1px;
    border-color:darkgray;


    box-shadow: 1px 1px darkgray;

}
.blue-button:hover
{
    background: rgba(44,88,240,0.4);
    background: linear-gradient(to bottom right, rgba(240,240,240,0.2), rgba(44,88,240,0.4), rgba(240,240,240,0.4));


}



.gray-button {
    height: auto;
    width: auto;

    min-width: 5rem;

    /*
    max-width: 20rem;
*/


    background: rgba(200,200,200,0.2);
    background: linear-gradient(to bottom, rgba(200,200,200,0.1), rgba(200,200,200,0.3), rgba(200,200,200,0.1));
    outline: none;
    color: rgba(4,4,4,0.9);

    font-weight:normal;
    font-size: 1rem;
    font-family: Arial,Helvetica,Tahoma, Licuda, Courier,Georgia, Serif;


    padding-top:0.1em;
    padding-bottom:0.1em;
    padding-left:0.8em;
    padding-right:0.8em;


    border-radius:0.5em;
    border-width:1px;
    border-color:darkgray;
    box-shadow: 1px 1px darkgray;

    margin-bottom: 0.2em;

}
.gray-button:hover
{
    background: rgba(200,200,200,0.4);
    background: linear-gradient(to bottom, rgba(200,200,200,0.2), rgba(200,200,200,0.6), rgba(200,200,200,0.2));
}




.gray-button-small {
    height: auto;
    width: auto;

    /*

    min-width: 7rem;
*/

    /*
    max-width: 20rem;
*/


    background: rgba(200,200,200,0.2);
    background: linear-gradient(to bottom, rgba(200,200,200,0.1), rgba(200,200,200,0.3), rgba(200,200,200,0.1));
    outline: none;
    color: rgba(4,4,4,0.9);

    font-weight:normal;
    font-size: 0.8rem;
    font-family: Arial,Helvetica,Tahoma, Licuda, Courier,Georgia, Serif;


    padding-top:0.1em;
    padding-bottom:0.1em;
    padding-left:0.4em;
    padding-right:0.4em;


    border-radius:0.5em;
    border-width:1px;
    border-color:darkgray;
    box-shadow: 1px 1px darkgray;

}
.gray-button-small:hover
{
    background: rgba(200,200,200,0.4);
    background: linear-gradient(to bottom, rgba(200,200,200,0.2), rgba(200,200,200,0.6), rgba(200,200,200,0.2));
}