body {
}

@blu: #507CD1;
@bluChiaro: #D1DDF1;
@bluScuro: #2461BF;

@testoScuro: #333;

.baseRow {
    background-color: #EFF3FB;
}

.altRow {
    background-color: #FFF;
}

.editRow {
    background-color: @bluScuro;
}

.selectedRow {
    background-color: @bluChiaro;
    font-weight: 600;
    color: @testoScuro;
}

.headerRow {
    background-color: @blu;
    font-weight: 600;
    color: white;
}

.footerRow {
    background-color: @blu;
    font-weight: 600;
    color: white;
}

.pagerRow {
    background-color: @bluScuro;
    color: white;
    text-align: center;
    margin: auto;
}

.text-center {
    text-align: center;
    margin: auto;
}

.tStrong {
    font-weight: bold;
    font-size: 1.3em;
}

.flRight {
    float: right;
}

/* Query selezione dimensioni display... */
@media all and (min-width: 768px) {
    #textWrapper {
        font-size: 1.0em;
    }

    #headData {
        margin-top: 0px;
    }
}

@media all and (min-width: 1024px) {
    #textWrapper {
        font-size: 1.1em;
    }

    #headData {
        margin-top: 0px;
    }
}

@media all and (min-width: 1440px) {
    #textWrapper {
        font-size: 1.2em;
    }

    #headData {
        margin-top: 0px;
    }
}

@media all and (min-width: 1600px) {
    #textWrapper {
        font-size: 1.3em;
    }

    #headData {
        margin-top: 0px;
    }
}

@media all and (max-width: 767px) {
    #textWrapper {
        font-size: 0.8em;
    }

    #headData {
        margin-top: 6px;
    }
}

@media all and (max-width: 480px) {
    #textWrapper {
        font-size: 0.6em;
    }

    #headData {
        margin-top: 14px;
    }
}

@media all and (max-width: 320px) {
    #textWrapper {
        font-size: 0.5em;
    }

    #headData {
        margin-top: 18px;
    }
}