.datagrid {}
.datagrid > table {
    font-size: 13px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.datagrid > table > thead tr {}
.datagrid > table > thead td {
    margin: 0px;
    padding: 0px;
}

.datagrid > table > thead td.th_label {
    font-weight: bold;
    text-align: center;
    color: white;
    background: #135385;
    padding-bottom:8px;
    padding-top:5px;
}

.datagrid > table > thead td .th_container {
    position: relative;
    height:0px;
    margin: 0px;
    padding: 0px;
}

.datagrid > table > thead td .th_sort {
    position:absolute;
    right: 0px;
    bottom:0px;
    z-index: 1;
}

.datagrid > table > thead td .th_sort .sort_asc,
.datagrid > table > thead td .th_sort .sort_des,
.datagrid > table > thead td .th_sort .sort_asc:hover,
.datagrid > table > thead td .th_sort .sort_des:hover {
    display: inline;
    color: #fff;
    margin: 1px;
    width: 10px;
    height: 10px;
    font-size: 8px;
    line-height: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.datagrid > table > thead td .th_sort .sort_asc:hover,
.datagrid > table > thead td .th_sort .sort_des:hover {
    color: #D4B533;
}

.datagrid > table > tbody {

}

.datagrid > table > tbody td {
    font-size: 13px;
    border: 1px solid #DDDDDD;
    padding: 3px;

    padding: 5px;
    color: #4D4D4D;
}

.datagrid > table > tbody td a {
    color:#135385;
    text-decoration: none;
}

.datagrid > table > thead td.separator,
.datagrid > table > tbody td.separator {
    border-top: 0px solid white;
    border-bottom: 0px solid white;
    margin: 0px;
    padding: 0px;
    width: 5px;
    background-color: white;
}

/*  COLORI DELLE RIGHE */

/* Colore Standard */
.datagrid > table > tbody tr {
    background: #FEFEFE; /*chiaro*/
}

.datagrid > table > tbody tr:nth-child(even) {
    background: #F5F5F5; /*scuro*/
}

.datagrid > table > tbody tr:hover {
    background: #D5E6F6;
}

/* Colore Red */
.datagrid > table > tbody tr.red {
    background: #FFD7CD;
}

.datagrid > table > tbody tr.red:nth-child(even) {
    background: #FFD0BD;
}

.datagrid > table > tbody tr.red:hover {
    background: #AACCEE;
}

/* Colore Grey */
.datagrid > table > tbody tr.grey {
    background-color: #DDDDDD;
    color: #999999;
}

.datagrid > table > tbody tr.grey:nth-child(even) {
    background-color: #D7D7D7;
}

.datagrid > table > tbody tr.grey:hover {
    background: #AACCEE;
}

/* Nascosto */
.datagrid > table > tbody tr.hidden {
    display: none;
}

/*  NAVIGATOR STYLE */

.datagrid_navigator_top,
.datagrid_navigator_bottom{
    height: 27px;
    line-height: 25px;
    font-size: 12px;
    margin: 4px 0px;
}

.datagrid_tot_results {
    display: block;
    padding-right: 20px;
}

.datagrid_tot_results .n {
    font-weight: bold;
}

.datagrid_tot_pages {
    display: block;
    display:none;
    padding-right: 20px;
}

.datagrid_tot_pages .n {
    font-weight: bold;
}

.datagrid_nav_pages {

}

.datagrid_nav_pages > a,
.datagrid_nav_pages > a:hover,
.datagrid_nav_pages > .actual_page,
.datagrid_nav_pages > .disabled_page {
    display: block;
    margin: 0px 1px;
    padding: 0px 2px;
    min-width: 25px;
    float: left;
    text-align: center;
}

.datagrid_nav_pages > a,
.datagrid_nav_pages > a:hover {
    background-color: #0d406b;
    -webkit-border-radius: 5px;
    border-radius: 1px;
    color: white;
    text-decoration: none;

    border:1px solid #0C3257;
}

.datagrid_nav_pages > a:hover {
    color:yellow;
    font-weight:bold;
}

.datagrid_nav_pages > .actual_page,
.datagrid_nav_pages > .actual_page:hover {
    background-color: #9d9d9b;

    -webkit-border-radius: 5px;
    border-radius: 1px;

    font-weight: bold;
    /*color: black;*/
    text-decoration: none;

    border: 1px solid #888886;
}

.datagrid_nav_pages > .disabled_page {
    background-color: trasparent;
}

.datagrid_num_results {
}

.datagrid_num_results .n {
    font-weight: bold;
}