body {
        font-family: Helvetica, Arial, Sans-Serif;
        font-size: 12px;
        margin: 0px;
    }
    
    .legenda_vert {
        position: relative;
        color: #cc0000;
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-position: 0px -25px;
        height: 50px;
        vertical-align: middle;
        line-height: 50px;
        border-style: none;
        border-width: 1px;
        border-top: solid 3px #000000;
    }
    
    .legenda {
        position: relative;
        color: #cc0000;
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-position: 0px -25px;
        height: 50px;
        vertical-align: middle;
        line-height: 50px;
        border-style: none;
        border-width: 1px;
    }
    
    span.legenda {
        margin-left: 100px;
        font-weight: bolder;
        font-size: 2em;
    }
    
    .legenda-bus {
        background-image: url('img/bus.png');
    }
    
    .legenda-ambulanze {
        background-image: url('img/bus-abz.png');
    }
    
    .legenda-autovetture {
        background-image: url('img/car.png');
    }
    
    .legenda-autovetture-sedia {
        background-image: url('img/doblo.png');
    }
    
    .legenda-furgoni {
        background-image: url('img/van.png');
    }
    
    .legenda-inline {
        width: 100px;
    }
    
    .block {
        border-style: none;
        border-width: 1px;
        text-transform: uppercase;
        width: 410px;
        text-align: left;
        height-min: 58px;
    }
    
    .block_targa_vert {
        position: absolute;
        top: 5px;
        left: 30px;
        height: 50px;
        line-height: 33px;
        width: 240px;
        margin: 0px;
        font-weight: bolder;
        font-size: 3em;
    }
    
    .block_nota_vert {
        position: absolute;
        top: 38px;
        left: 30px;
        height: 20px;
        width: 240px;
        margin: 0px;
        padding-left: 5px;
        font-size: 1em;
        text-align: justify;
    }
    
    .wide {
        width: 100%;
        margin: 0px;
        border-style: solid none none none;
        border-width: 1px;
        display: inline-block;
    }
    
    .base {
        background-color: #00a650;
        color: white;
    }
    
    .block_mezzo {
        position: relative;
        float: left;
        width: 285px;
        min-height: 54px;
        border-right: solid 1px black;
    }
    
    .block_inner {
        display: inline-block;
        margin: 1px 0px 0px 5px;
        width: 100%;
        position: relative;
    }
    
    .block_inner_r {
        position: absolute;
        top: 0px;
        right: 10px;
    }
    
    .block_inner_l {
        width: 70%;
    }
    
    .block_equipaggio {
        position: relative;
        float: left;
        width: 200px;
        min-height: 54px;
        border-right: solid 1px black;
    }
    
    .block_in_corso {
        font-weight: bolder;
        color: #008000;
    }
    
    .block_prossima_destinazione {
        font-weight: bolder;
    }
    
    .block_destinazione {
        position: relative;
        float: left;
        width: 200px;
        min-height: 54px;
        border-right: solid 1px black;
    }
    
    .block_warning {
        background: url("img/warning.png");
        background-repeat: no-repeat;
        background-size: 18px;
        padding: 0 0 0 30;
        margin: 3px;
    }
    
    .block_note {
        position: relative;
        float: left;
        width: 300px;
        padding-top: 3px;
        min-height: 54px;
    }
    
    .block_ruote {
        position: relative;
        float: left;
        width: 26px;
        padding: 5px;
        min-height: 1px;
    }
    
    .down {
        background-color: #ed1c24;
        color: white;
    }
    
    .in_corso {
        background-color: #008000;
        color: white;
    }
    
    .uscita {
        background-color: #5BC0DE !important;
        color: black;
    }
    
    img.block {
        top: 3px;
        height: 55%;
        width: 55%;
        margin: 0px;
        text-align: left;
    }
    
    .block_targa {
        position: absolute;
        top: 0px;
        left: 60px;
        height: 30px;
        width: 240px;
        margin: 0px;
        font-weight: bolder;
        font-size: 3.5em;
    }
    
    .block_divieto {
        position: absolute;
        top: 0px;
        left: 100px;
        height: 80px;
        width: 80px;
        background-image: url('img/divieto.png');
        background-size: 80px 80px;
        background-repeat: no-repeat;
        z-index: 100;
    }
    
    .block_118 {
        font-size: 1.8em;
        text-align: center;
        font-weight: bolder;
        color: #7b7979;
        line-height: 54px;
        vertical-align: middle;
    }
    
    .block_emergenza {
        background-color: #dddddd;
    }
    
    .block_ordine {
        position: absolute;
        top: 12px;
        left: 5px;
        height: 20px;
        width: 20px;
        margin: 1px;
        font-size: 1.6em;
        font-weight: bold;
        line-height: 5px;
    }
    
    .block_segnalazioni {
        position: absolute;
        top: 5px;
        left: 35px;
        height: 20px;
        width: 20px;
        margin: 1px;
    }
    
    .block_eliporto {
        position: absolute;
        top: 29px;
        left: 0px;
        height: 25px;
        width: 30px;
        margin: 1px;
    }
    
    .block_mezzo_backoffice {
        position: relative;
        width: 600px;
        height: 100px;
        font-size: 1.4em;
    }
    
    .block_ordine_backoffice {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        margin: 1px;
        font-size: 1.6em;
        font-weight: bold;
        line-height: 5px;
    }
    
    .block_eliporto_backoffice {
        position: absolute;
        top: 40px;
        left: 0px;
        height: 25px;
        width: 30px;
        margin: 1px;
    }
    
    div.block_descrizione_backoffice {
        position: absolute;
        top: 76px;
        left: 90px;
        padding-left: 5px;
        height: 50px;
        width: 470px;
    }
    
    input.block_descrizione_backoffice {
        padding: 0px;
        border-style: none none solid none;
        background-color: inherit;
        height: 100%;
        line-height: 20px;
    }
    
    .block_carburante_backoffice {
        position: absolute;
        top: 0px;
        left: 350px;
    }
    
    .block_carburante_interno_backoffice {
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 0.8em;
    }
    
    .block_row {
        /*height: 55px !important;*/
    }
    
    .qr {
        font-size: 3.5em;
    }
    
    .block_nota {
        position: absolute;
        font-style: italic;
        top: 50px;
        left: 60px;
        height: 20px;
        width: 210px;
        margin: 0px;
        font-size: 1em;
        text-align: justify;
        visibility: hidden;
    }
    
    .block_red {
        color: #cc0000;
    }
    
    .block_perc {
        position: absolute;
        top: 6px;
        left: 200px;
        width: 55px;
        height: 55px;
        margin: 0px;
    }
    
    .block_gas {
        position: absolute;
        top: 6px;
        left: 235px;
        width: 40px;
        height: 55px;
        margin: 0px;
    }
    
    .block_punto {
        position: absolute;
        top: -8px;
        left: 385px;
        width: 30px;
        height: 70px;
        margin: 0px;
        line-height: 80px;
        vertical-align: middle;
        font-weight: bolder;
        font-size: 4em;
    }
    
    .section {
        border-style: none;
        padding-top: 0px;
    }
    
    .section_border_left {
        border-left: dashed;
        border-width: 5px;
    }
    
    .section_border_top {
        border-top: dashed;
        border-width: 5px;
    }
    
    .section_border_slim {
        border: dashed;
        border-width: 2px;
    }
    
    div.indicatore {
        height: 500px;
        margin: 80px;
    }
    
    div.livello {
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    div.blocco_input {
        text-align: left;
        float: left;
        margin: 20px;
        width: 440px;
        display: inline-block;
    }
    
    .pulsante {
        font-weight: bolder;
        font-size: 1.3em;
        background-color: blue;
        color: white;
        padding: 5px;
        border: none;
    }
    
    div.pulsante {
        border-radius: 5px;
    }
    
    .titolo {
        text-align: left;
        font-weight: bolder;
        font-size: 2.5em;
        margin: 10px;
    }
    
    td.backoffice {
        font-size: 1em;
        font-weight: bolder;
    }
    
    td.backoffice-right {
        text-align: left;
    }
    
    .slider-selection {
        background: #BABABA;
    }
    
    .slider-handle {
        background: #CC0000;
    }
    
    .modal-lg {
        width: 80%;
    }
    
    .bandarossa {
        position: fixed;
        bottom: 0px;
        height: 78px;
        left: 0px;
        width: 100%;
        background-color: #cc0000;
        color: white;
        font-size: 3em;
        font-weight: bolder;
        line-height: 78px;
        text-align: center;
    }
    
    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border: 1px solid #000;
    }
    
    #tableModal td {
        margin-bottom: 50px;
    }