/* ---- GridView ---- */
table.ResponsiveGrid {
    border-color: #808080;
}

    table.ResponsiveGrid thead, th, tfoot {
        background-color: #005751;
        color: #B6D13E;
        height: 20px;
    }

    table.ResponsiveGrid th a {
        color: white !important;
    }

    table .ResponsiveGrid thead tr {
        background-color: #005751;
        color: #B6D13E;
        height: 20px;
    }

    table.ResponsiveGrid tfoot {
        background-color: #005751; 
        color: red;
        height: 20px;
    }

    table.ResponsiveGrid tbody tr {
        border-color: #efefef;
    }

    table.ResponsiveGrid tr:hover {
        background-color: lightgray;
    }

    table.ResponsiveGrid td.toUpper {
        text-transform: capitalize;
    }

    table.ResponsiveGrid tr.PagerList, tr.PagerList:hover {
        background-color: #005751;
        color: #B6D13E;
        color: #B6D13E;
    }

/*** Sorting styles ***/
table.ResponsiveGrid .sortasc-row {
    background-color: #ffffcc;
}

table.ResponsiveGrid th.sortasc-row {
    background-color: #FFFF99;
}

    table.ResponsiveGrid th.sortasc-row a {
        color: #0094ff !important;
        background: url('Images/desc.gif') no-repeat right center;
        display: block;
        padding: 0px 20px 0px 5px;
    }


table.ResponsiveGrid .sortdesc-row {
    background-color: #ffffcc;
}

table.ResponsiveGrid th.sortdesc-row {
    background-color: #ffff99;
}

    table.ResponsiveGrid th.sortdesc-row a {
        color: #0094ff !important;
        background: url('Images/asc.gif') no-repeat right center;
        display: block;
        padding: 0px 20px 0px 5px;
    }



@media only screen and (max-width: 767px) {

    /* Forza la tabella a non comportarsi come una normale tabella */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Nasconde le intestazioni della tabella */
    #no-more-tables .ResponsiveGrid thead, th, tfoot {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

        #no-more-tables tr:hover {
            /*background: url('images/pattern.jpg') repeat;*/
            background-color: lightgray;
            /*color: green;*/
        }

    #no-more-tables td {
        /* Inserisce il comportamento come una riga */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 25%;
        white-space: normal;
        text-align: left;
        /*color: green;*/
    }

        #no-more-tables td:before {
            /* Inserisce il comportamento come un'intestazione di tabella */
            position: absolute;
            /* I valori top/left agiscono come padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            /*color: red;*/
        }

        /* Aggiunge l'etichetta ai dati della tabella */
        #no-more-tables td:before {
            content: attr(data-title);
        }
}