body {
    font-size: 16px;
    background-color: #C7C9C7;
    font-family: Calibri, Verdana, Geneva, Tahoma, sans-serif;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

.logo {
    display: block; 
    margin: 0 auto; /* centra orizzontalmente */
}
    
.txtCentrato {
    text-align: center;
}

.txtDestra {
    text-align: right;
}

.calend-width {
    width: 50%;
}

.gvElencoAttivita {
    ''border-collapse: collapse;
}

.hr-sinistra {
    margin-left: 0 !important;
    margin-right: auto;
    border: thin solid #000000;
    width: 40%;
}

.reset-div {
    clear: both;
    text-align: initial;
    position: static;
}

.ddlTipo {
    width: 20%;
}

.ddlVenditori {
    width: 30%;
}

.ddlClienti {
    width: 60%;
}

.note-label {
    /* serve a visualizzare le note con ritorni a capo */
    white-space: pre-line;
}

.tr-linea-sotto {
    /* cella della tabella con linea sotto */
    border-collapse: collapse;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

.tr-linea-sotto-destra {
    /* cella della tabella con linea sotto e destra */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-right-style: solid;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: black;
    border-collapse: collapse;
}

.tr-bordo {
    /* cella della tabella bordata */
    border: 1px solid #000000;
    border-collapse: collapse;
}

table.lvElencoAttivita th,
table.lvElencoAttivita td {
    /* celle della Listview lvElencoattivita bordate */
    border: 1px solid #000000;
    padding: 8px;
}

.pager span,
.pager a {
    /* per aumentare lo spazio tra i numeri del pager nel GridView */
    margin: 0 5px; /* spazio orizzontale */
    padding: 5px 10px;
}

.gvDettaglio {
    width: 70%;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: right;
}


@media screen and (max-device-width : 400px) {
    /* Smartphone  */
    body {
        font-size: 1em;
    }

    .logo {
        width: 70px;
        height: 50px;
    }

    .calend-width {
        width: 100%;
    }

    .lvElencoAttivita {
        width: 100%;
        font-size: 0.9em;
        ''border-collapse: collapse;
    }

    .ddlTipo {
        width: 50%;
    }

    .ddlVenditori {
        width: 100%;
    }

    .ddlClienti {
        width: 100%;
    }

    .gvDettaglio {
        width: 100%;
/*        font-size: 0.9em;*/    
    }
}