/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 14, 2013 */
@font-face {
    font-family: 'EniExpBold';
    src: url('eniexpbol-webfont.eot');
    src: url('eniexpbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexpbol-webfont.woff') format('woff'),
         url('eniexpbol-webfont.ttf') format('truetype'),
         url('eniexpbol-webfont.svg#eniexpboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniExpLight';
    src: url('eniexplig-webfont.eot');
    src: url('eniexplig-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexplig-webfont.woff') format('woff'),
         url('eniexplig-webfont.ttf') format('truetype'),
         url('eniexplig-webfont.svg#eniexplightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eniexpregregular';
    src: url('eniexpreg-webfont.eot');
    src: url('eniexpreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexpreg-webfont.woff') format('woff'),
         url('eniexpreg-webfont.ttf') format('truetype'),
         url('eniexpreg-webfont.svg#eniexpregregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Eni Logo';
    src: url('enilog-webfont.eot');
    src: url('enilog-webfont.eot?#iefix') format('embedded-opentype'),
         url('enilog-webfont.woff') format('woff'),
         url('enilog-webfont.ttf') format('truetype'),
         url('enilog-webfont.svg#eni_logoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabBold';
    src: url('enitabbol-webfont.eot');
    src: url('enitabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitabbol-webfont.woff') format('woff'),
         url('enitabbol-webfont.ttf') format('truetype'),
         url('enitabbol-webfont.svg#enitabboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabLight';
    src: url('enitablig-webfont.eot');
    src: url('enitablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitablig-webfont.woff') format('woff'),
         url('enitablig-webfont.ttf') format('truetype'),
         url('enitablig-webfont.svg#enitablightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabReg';
    src: url('enitabreg-webfont.eot');
    src: url('enitabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitabreg-webfont.woff') format('woff'),
         url('enitabreg-webfont.ttf') format('truetype'),
         url('enitabreg-webfont.svg#enitabregregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow: hidden;
}





html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.icone_home {
    width: 30px;
    height: 30px;
    margin: 9px 7px;
    float: left;
    padding: 3px;
    background-size: cover;
    /* background-origin: content-box, border-box; */
    background-image: url(../Immagini/tip_mod.png);
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    background-position-y: 3%;
}

#map {
    position: absolute;
    z-index: 5;
    vertical-align: top;
    overflow: hidden;
}


.mover_login_label2 {
    text-align: right;
    color:black;
    font-size: small;
    font-family: 'EniTabBold';
}

.msg {
    position: absolute;
    z-index: 10;
    left: 0%;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee; /*width: 350px;*/
    text-align: center; /*height: 100%;*/
    border-right: 1px solid #9a9a9a;
    /*width: 350px !important;*/
    /*width: 500px !important;*/
    width: 650px !important;
    margin-top: 3%;
    height: calc(100% - 50px) !important;
}

.msgViaggi {
    position: absolute;
    z-index: 10;
    left: 0%;
    padding: 0;
    overflow: auto;
    /*width: 350px !important;*/
    /*width: 500px !important;*/
    width: 650px !important;
    height: calc(100% - 274px) !important;
    direction: rtl;
}




.elementoViaggioNuovo {
    color: #eee;
    letter-spacing: 1px;
    padding: 10px;
    /*font-size: 19px;*/
    font-weight: 400;
    cursor: crosshair;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px;
    margin-top: 12px;
    margin-bottom: 5px;
    background-color: #53a276;
    direction: ltr;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*   box-shadow: 1px 1px 4px 2px #afafaf;*/
}


.titoloViaggio {
    padding: 8px;
}


.elemento * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.elementoMinore * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.elementoMaggiore * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.elementoCliccato * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.TabContainer * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.TabContainer {
    box-sizing: border-box;
    border: 2px solid #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 0px;
    font-size: 19px;
    font-weight: 400;
    
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    background-color: #444;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
    margin: 10px;
    width:97%;
   
}

.elemento {
    box-sizing: border-box;
    border: 2px solid #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 0px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    background-color: #444;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
    /*-webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; */
    /*   -webkit-transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    -o-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
     -webkit-transition: border 0.1s ease;
    -moz-transition: border 0.1s ease;
    -o-transition: border 0.1s ease;
    transition: border 0.1s ease;*/
}

.elementoMinore {
    box-sizing: border-box;
    border: 2px solid #4190c5;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 0px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    background-color: #4190c5;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
}

.elementoMaggiore {
    box-sizing: border-box;
    border: 2px solid #f5786b;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 0px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    background-color: #f5786b;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
}

.elementoPV {
    /*padding: 8px;*/
        padding-bottom: 8px;
    padding-top: 8px;
    float: left;
    width: 88%;
}


.elementoCliccatoPv {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
    border: 2px solid #fed300;
    color: #444;
    background-color: #fed300;
}


.elemento span {
    cursor: pointer;
}



.elementoPvEscluso {
    color: #eee;
    letter-spacing: 1px;
    padding: 10px;
    /*font-size: 19px;*/
    font-weight: 400;
    cursor: crosshair;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px;
    margin-top: 12px;
    margin-bottom: 5px;
    background-color: #53a276;
    direction: ltr;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.elementoVersione {
    box-sizing: border-box;
    border: 2px solid #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 8px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    background-color: #444;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
}

.elementoVersioneOriginal {
}

.elementoVersioneCliccato {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
    color: #fff;
    border: 2px solid #b75e44;
    background-color: #b75e44;
    /* color: #444;
    border: 2px solid #fed300;
    background-color: #fed300;*/
}

.elementoCliccato {
    color: #444;
    background-color: #fed300;
    letter-spacing: 1px;
    box-sizing: border-box;
    border: 2px solid #fed300;
    font-size: 19px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 10px 20px;
    direction: ltr;
    box-shadow: 1px 1px 4px 2px #afafaf;
}

.elemento:hover {
    border: 2px solid #fed300;
    color: #444;
    background-color: #fed300;
}

.filtro {
    position: absolute;
     
left: 0;
right: 0;
margin: auto;
    width: 30%;
    min-width : 385px;
    top: 0px;
    height: 210px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 11;
    padding: 15px;
    display: table-row;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee; /*width: 350px;*/
    text-align: center; /*height: 100%;*/
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
}

.filtroReport {
    position: absolute;
     
left: 0;
right: 0;
margin: auto;
    width: 30%;
    min-width : 385px;
    top: 0px;
    height: 500px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 11;
    padding: 15px;
    display: table-row;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee; /*width: 350px;*/
    text-align: center; /*height: 100%;*/
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
}


.riepilogo {
    position: absolute;
     
left: 0;
right: 0;
margin: auto;
    width: 22%;
    min-width : 187px;
    top: 0px;
    /*height: 171px;*//*260px;187px;*/
    height: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 11;
    padding: 15px;
    display: table-row;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee; /*width: 350px;*/
    text-align: center; /*height: 100%;*/
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
}


.pvDx {
    position: absolute;
    z-index: 10;
    right: 0%;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee;
    text-align: center;
    border-left: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;
    /*width: 350px !important;*/
    width: 250px !important;
    height: calc(50% - 25px ) !important;

   
}


.pvBloccato {
    color: #444;
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: #87a7d4;
    cursor: move;
}


.pv {
    color: #444;
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: rgb(254, 211, 0);
    cursor: move;
}

.pvEniMoov {
    color: #444;
    background-image: url("../Immagini/database.svg");
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: #ff9272; /*rgb(3, 11, 252);*/
    cursor: move;
    background-repeat: no-repeat;
    background-position:center;
}


.pvEscluso {
    color: #444;
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: #ff9272;
    cursor: move;
}

.pvEsclusoBig {
    color: #444;
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: #ff9272;
    cursor: move;
    box-shadow: 0px 0px 5px 5px hsla(0, 0%, 41%, 0.58);
}

.pvOmbreggiato {
    color: rgba(68, 68, 68, 0.3);
    padding: 2px 2px 2px 3px;
    font-size: 16px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid rgba(68, 68, 68, 0.3);
    background-color: rgba(206, 206, 206, 0.3);
    cursor: move;
}

.badge_pv {

       background-color: #fd3622;
       position: absolute;
       z-index:10;
       text-align:  center;
       min-width: 10px;
       padding: 2px 3px;
       font-size: 12px;
       color:  #fff;
       font-family: 'Ubuntu';
       top: -6px;
       left: 17px;
       border-radius: 50%;
       display:none;

}

.pv > .badge_pv {

      background-color: #444;
       display:block;

}

.pvEniMoov > .badge_pv {
    background-color: #444;
    display: block;
}

.pvEscluso > .badge_pv {

  background-color: #444;
       display:block;

}


.pvViaggio > .badge_pv {

    background-color: #fd3622 !important;
       display:block;

}





.pvOmbreggiato > .badge_pv {

      background-color:#9a9a9a;
       display:block;

}


.pvViaggio {
    color: #efefef;
    text-align: center;
    padding: 2px;
    font-family: Arial;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #444;
    background-color: rgb(90, 139, 208);
    cursor: move;
    overflow: hidden;
}

    .pvViaggio * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.base {
    padding: 4px;
    font-size: 17px;
    box-sizing: border-box;
    color: #444;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #444;
    background-color: #53a276;
}

.dxscartati {
    /*height: ;*/
    /*overflow: auto;*/
    /*width: 350px !important;*/
    width: 250px !important;
    height: 100% !important;
}

.dxPvscartati {
    /*height: ;*/
    overflow: auto;
     /*width: 350px !important;*/
    width: 250px !important;
    height: calc(100% - 130px) !important;
}

.dxversioni {
    padding: 5px 0px;
     /*width: 350px !important;*/
    width: 250px !important;
    height: calc(100% - 44px) !important;
    overflow: auto;
}

.dxTitoliversioni {
    /*width: 350px !important;*/
    width: 250px !important;
    height: 100% !important;
    overflow: hidden;
}

/*per l'assegnazione mezzo INIZIO*/
.pvDxAssegnazione {
    position: absolute;
    z-index: 10;
    right: 0%;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee;
    text-align: center;
    border-left: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;
    /*width: 350px !important;*/
    width: 500px !important;
    height: calc(50% - 25px ) !important;

   
}
.dxscartatiAssegnazione {
    width: 500px !important;
    /*width: 350px !important;*/
    height: 100% !important;
}

.dxPvscartatiAssegnazione {
    /*height: ;*/
    overflow: auto;
     width: 350px !important;
    height: calc(100% - 130px) !important;
}

.dxversioniAssegnazione {
    padding: 5px 0px;
     width: 350px !important;
    height: calc(100% - 44px) !important;
    overflow: auto;
}

.dxTitoliversioniAssegnazione {
    width: 350px !important;
    height: 100% !important;
    overflow: hidden;
}

.msgAssegnazione {
    position: absolute;
    z-index: 10;
    left: 0%;
    background-color: rgba(240,248,255,0.6);
    padding: 0;
    color: #eee; /*width: 350px;*/
    text-align: center; /*height: 100%;*/
    border-right: 1px solid #9a9a9a;
    /*width: 350px !important;*/
     /*width: 500px !important;*/
     
     width:650px !important;
     margin-top: 3%;
    height: calc(100% - 50px) !important;
}

.msgViaggiAssegnazione {
    position: absolute;
    z-index: 10;
    left: 0%;
    padding: 0;
    overflow: auto;
    /*width: 350px !important;*/
     /*width: 500px !important;*/
      width: 650px !important;
    height: calc(100% - 274px) !important;
    direction: rtl;
}

/*per l'assegnazione mezzo FINE*/


.scritte {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
    background-color: #fed300;
    letter-spacing: 1px;
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0px;
    font-family: 'Ubuntu';
}

.scritteSpeed {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
    
    letter-spacing: 1px;
    padding: 10px;
    font-size: 11px;/*font-size: 20px;*/
    font-weight: 400;
    border-radius: 0px;
    font-family: 'Ubuntu';
}


.ombra_sinistra {
    box-shadow: -1px 0px 4px 2px #afafaf;
}

.ombra_destra {
    box-shadow: 1px 0px 4px 2px #afafaf;
}

.ombra_giu {
    box-shadow: 0px 1px 4px 2px #afafaf;
}

.stileTab {
    background-color: #eee;
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    color: #444;
    text-align: center;
}

.iconaTab:before {
    font-size: 18px !important;
    cursor: default;
}

.iconaCarico {
    color: #53a276;
}

.iconaScarico {
    color: rgb(90, 139, 208);
}

table.stileTab td {
    background-color: #FFF;
    height: 30px !important;
    /* border-bottom: 1px solid #444;*/
}

table.stileTab tr {
    background-color: #cacaca;
    height: 30px !important;
}


.stileTabPop {
    background-color: #eee;
    width: 100%;
    font-size: 11px;
    border-collapse: collapse;
    color: #444;
    text-align: center;
}

table.stileTabPop td {
    background-color: #FFF;
    height: 30px !important;
    /* border-bottom: 1px solid #444;*/
}

table.stileTabPop tr {
    background-color: #fed300;
    height: 30px !important;
}



.stileTabRis {
    font-family: 'Ubuntu';
    background-color: #eee;
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    color: #444;
    text-align: center;
    border: 1px solid #444;
}

table.stileTabRis td {
    background-color: #FFF;
    height: 30px !important;
    border: 1px solid #444;
    width: 20%;
    padding: 0px 3px !important;
}

table.stileTabRis tr {
    background-color: #fed300;
    height: 30px !important;
    border: 1px solid #444;
}




table.stileTabRis * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.stileTabRisNew {
    font-family: 'Ubuntu';
    background-color: #eee;
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    color: #444;
    text-align: center;
    border: 1px solid #444;
}

table.stileTabRisNew td {
    background-color: #FFF;
    height: 30px !important;
    border: 1px solid #444;
    width: 50%;
    padding: 0px 3px !important;
}

table.stileTabRisNew tr {
    background-color: #fed300;
    height: 30px !important;
    border: 1px solid #444;
}


table.stileTabRisNew * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.espandisx {
    font-size: 30px !important;
    color: #444;
    background-color: #fed300;
    z-index: 0;
    position: absolute;
    top: calc(50% - 26px);
    left: 100%;
    border-radius: 0px 10px 10px 0px;
    padding: 10px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
}

.chiudisx {
    font-size: 30px !important;
    color: #333;
    z-index: -1;
    position: absolute;
    top: calc(50% - 26px);
    left: 100%;
    border-radius: 0px 10px 10px 0px;
    padding: 10px 10px 10px 8px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
    background-color: rgba(240, 248, 255, 0.60);
}

    .chiudisx:hover {
        color: #444;
        background-color: #fed300;
    }


.chiudidx {
    font-size: 30px !important;
    color: #333;
    z-index: -1;
    position: absolute;
    top: calc(50% - 26px);
    right: 100%;
    border-radius: 10px 0px 0px 10px;
    padding: 10px 10px 10px 8px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
    background-color: rgba(240, 248, 255, 0.60);
}


    .chiudidx:hover {
        color: #444;
        background-color: #fed300;
    }



.espandidx {
    font-size: 30px !important;
    color: #444;
    background-color: #fed300;
    z-index: -1;
    position: absolute;
    top: calc(50% - 26px);
    right: 100%;
    border-radius: 10px 0px 0px 10px;
    padding: 10px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
}

.espanditop {
    font-size: 30px !important;
    color: #444;
    background-color: #fed300;
    z-index: 0;
    position: absolute;
    top: 100%;
    left: calc(80%);
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
}

.chiuditop {
    font-size: 30px !important;
    color: #333;
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 10%;
    border-radius: 0px 0px 10px 10px;
    padding: 2px 18px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
    background-color: rgba(240, 248, 255, 0.60);
}

    .chiuditop:hover {
        color: #444;
        background-color: #fed300;
    }



.espandibottom {
    font-size: 30px !important;
    color: #444;
    background-color: #fed300;
    z-index: 0;
    position: absolute;
    bottom: 100%;
    left: calc(80%);
    border-radius: 10px 10px 0px 0px;
    padding: 10px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
}

.chiudibottom {
    font-size: 30px !important;
    color: #333;
    z-index: -1;
    position: absolute;
    bottom: 100%;
    right: 10%;
    border-radius: 10px 10px 0px 0px;
    padding: 2px 18px;
    cursor: pointer;
    height: 30px;
    border: 1px solid #9a9a9a;
    background-color: rgba(240, 248, 255, 0.60);
}

    .chiudibottom:hover {
        color: #444;
        background-color: #fed300;
    }




.risultato {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(240,248,255,0.6);
    bottom: 50px;
    height: 260px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
     
left: 0;
right: 0;
margin: auto;
    width: 30%;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
    text-align: center;
    padding: 0;
    color: #eee;
}

.centroversioni
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(240,248,255,0.6);
    bottom: 50px;
    height: 210px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
     
left: 0;
right: 0;
margin: auto;
   
width: 10%;
min-width: 352px;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
    text-align: center;
    padding: 0;
    color: #eee;
}


.corpo {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(240,248,255,0.6);
    bottom: 50px;
    /*height: 66%;*/
    
    /*height: 54%;*/
    height: 62%;
    position: absolute;
    min-width : 900px;
    text-align: center;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
    text-align: center;
    padding: 0;
    color: #eee;
}

.corpoMappa {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(240,248,255,0.6);
    bottom: 50px;
    /*height: 66%;*/
    
    /*height: 54%;*/
    height: 90%;
    position: absolute;
    min-width : 900px;
    text-align: center;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
    text-align: center;
    padding: 0;
    color: #eee;
}

.corpoReport {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(240,248,255,0.6);
    bottom: 50px;
    /*height: 66%;*/
    
    /*height: 54%;*/
    /*height: 62%;*/
    height: 35%;
    position: absolute;
    min-width : 900px;
    text-align: center;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-top-width: 0px;
    text-align: center;
    padding: 0;
    color: #eee;
}

.cestinoMezzo {
 
/*font-size: 21px !important;
    margin-top: -6px;
    float: left;*/
font-size: 21px !important;
padding: 10px;
}

.cestinoViaggio {
font-size: 21px !important;
padding: 10px;
    /*margin-top: -3px;*/
    /*float: right;*/
    /*float: left;*/

}

/*.cestino {
    font-size: 28px !important;
    margin-top: -3px;
    float: left;
}*/



.cestino2 {
    font-size: 21px !important;
    margin: 4px;
    float:right;
  
}

.tableVisualeTestuale * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tableVisualeTestuale {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
    font-family: 'Ubuntu';
    margin: 0 auto;
    font-size: 16px;
    color: #444;
    width: 97%;
}
.tableVisualeTestuale th {
    width: 150px;
}

    .tableVisualeTestuale tr td.cellaSinistra {
        text-align: right;
        width: 40%;
        padding-right: 20px;
        font-weight: bold;
    }

    .tableVisualeTestuale tr td.cellaDestra {
        text-align: left;
        padding-left: 10px;
    }

    .tableVisualeTestuale tr {
        height: 30px;
    }

        .tableVisualeTestuale tr td.cellaDestra input, .tableVisualeTestuale tr td.cellaDestra select {
        }




.tblFiltroMover * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tblFiltroMover {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
    font-family: 'Ubuntu';
    margin: 0 auto;
    font-size: 11px;
    color: #444;
    width: 80%;
}

    .tblFiltroMover tr td.cellaSinistra {
        text-align: right;
        width: 40%;
        padding-right: 20px;
        font-weight: bold;
    }

    .tblFiltroMover tr td.cellaDestra {
        text-align: left;
        padding-left: 10px;
    }

    .tblFiltroMover tr {
        height: 30px;
    }

        .tblFiltroMover tr td.cellaDestra input, .tblFiltroMover tr td.cellaDestra select {
        }

.btnMover {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #eee;
    letter-spacing: 1px;
    padding: 5px 18px;
    /*font-size: 16px;*/
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Ubuntu';
    margin: 0px 20px;
    background-color: #444;
    direction: ltr;
    -webkit-transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    -o-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
    border-style: none;
}

    .btnMover:hover {
        color: #444;
        background-color: #fed300;
        box-shadow: 0px 0px 4px 2px #afafaf;
    }

.inputMover {
    box-sizing: border-box;
    height: 24px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #9e9e9e;
    padding: 3px 10px;
    font-size: 13px;
    font-family: 'Ubuntu';
    background-color: #f7f7f7;
}



.inputMoverPv {
    box-sizing: border-box;
    height: 39px;
    border-radius: 3px;
    width: 98%;
    margin-left: 2%;
    border: 1px solid #9e9e9e;
    padding: 3px 10px;
    font-size: 20px;
    font-family: 'Ubuntu';
    color: #444;
    background-color: #fed300;
}

    .inputMoverPv option {
        /* Whatever color  you want */
        background-color: #fff;
    }

.inputPvLabel {
    color: #444;
    font-family: 'Ubuntu';
    font-size: 18px;
}


.tasto-salva {
    position: absolute;
    right: 20px;
    font-size: 25px !important;
    cursor: pointer;
}

.tasto-esporta {
    position: absolute;
    left: 20px;
    font-size: 25px !important;
    cursor: pointer;
    color : #444;
}

.tasto-esporta2 {
    /*position: absolute;
    left: 20px;*/
    float: left;
    font-size: 25px !important;
    cursor: pointer;
    color: #444;
}
.tasto-esporta3 {
    /*position: absolute;
    left: 20px;*/
    float: left;
    font-size: 25px !important;
    cursor: pointer;
    color: #444;
}

.iconPopHeader {
    font-size: 26px;
}

.popTab {
    width: 100%;
    font-size: 12px;
}


    .popTab td {
        padding: 6px;
    }

.dettagliokmkl {
    /* margin-right: 10px; */
   font-size: 10px;
   color: #fed300;
   display: table-cell;
   width: 190px;
   white-space:nowrap;
   padding: 0px 5px;


}

.numeroViaggio {
    /* margin-right: 10px; */
     white-space:nowrap;
   display: table-cell;
   width: 15px;
   padding: 0px 3px;
   font-size: 9px;


}

.elementoCliccato .dettagliokmkl {
    /* margin-right: 10px; */
    margin-left: 20px;
    color: #444;
    font-size: 10px;
}

.elemento:hover .dettagliokmkl {
    color: #444;
}

.tabella3 {
    width: 100%;
    margin-top: 4%;
}

    .tabella3 td {
        padding: 15px;
        width: 30%;
    }

    .tabella4 {
    width: 100%;
    margin-top: 4%;
}

    .tabella4 td {
        padding: 5px;
        width: 30%;
    }

/*muova barra*/

.footer_bar {
    background-color: #333;
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    border-bottom: 1px solid #eee;
    display: block;
    clear: both;
    z-index: 100;
}

.bar_sinistra {
    height: 100%;
    margin-left: 0;
    /*width: 180px !important;*/
    /*width: 220px !important;*/
    /*width: 340px  !important;*/
    width: 390px  !important;
      
    display: block;
    float: left;
    text-align: center;
}

.bar_centro {
    height: 100%;
    /*width: calc(100% - 360px);*/ /*max-width:400px;*/
    width: calc(100% - 440px);
    display: block;
    float: left;
    text-align: center;
}

.bar_destra {
    height: 100%;
    /*width: 180px !important;*/
    width: 220px !important;
    display: block;
    float: left;
    text-align: center;
}

.img_footer {
      margin: 7px 10px;
    position: relative;
    top: 4px;

}

.icone_footer {
    color: #eee;
    font-size: 30px !important;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

.icone_blink {
    color: #eee;
    font-size: 30px !important;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

    .icone_footer:hover {
        position: relative;
        top: -5px;
        /*color: #fed300;
            color: #b75e44;*/
    }

    .icone-home_s {
    color: #eee;
    font-size: 33px !important;
    padding: 1px 10px;
    position: relative;
    cursor: pointer;
}

    .icone-home_s:hover {
        color: #fed300;
    }

.icone_footer_s {
    color: #eee;
    font-size: 33px !important;
    padding: 1px 10px;
    position: relative;
    cursor: pointer;
}

    .icone_footer_s:hover {
        color: #fed300;
    }

.mio_badge {
    display: none;
    border-radius: 10px;
    background-color: #ff3b12;
    color: #eee;
    border: solid 2px #eee;
    position: absolute;
    top: 5px;
    left: 29px;
    font-weight: 600;
    font-family: Arial;
    font-size: 13px;
    padding: 3px 5px 2px 5px;
}

.blink_notifica {
    z-index: 99;
    position: absolute;
    bottom: -2px;
    display: block;
    left: 117px;
    background-color: #222;
    opacity: 0.5;
    width: 300px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;
}


.testo_blink_notifica {

   color: #fff;
    font-family: 'Ubuntu';
    position: relative;
    top: -5px;
    font-size: 14px;

}

.lista_notifiche {
    z-index: 99;
    position: absolute;
    bottom: -552px;
    display: block;
    /*left: 117px;*/
    /*left: 165px;*/
    left: 168px;
    background-color: #686868;
    opacity: 0.9;
   /* width: 300px;*/
   width: 400px;
    height: 550px;
    color: #fff;
    font-size: 15px;
    font-family: 'Ubuntu';
   
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;padding: 3px;
}

.lista_notifiche_assegnazione {
    z-index: 99;
    position: absolute;
    bottom: -552px;
    display: block;
    /*left: 117px;*/
    left: 223px;
    background-color: #686868;
    opacity: 0.9;
   /* width: 300px;*/
   width: 400px;
    height: 550px;
    color: #fff;
    font-size: 15px;
    font-family: 'Ubuntu';
   
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;padding: 3px;
}

.lista_notifiche_esiti {
    z-index: 99;
    position: absolute;
    bottom: -552px;
    display: block;
    /*left: 117px;*/
    /*left: 223px;*/
    left: 278px;
    background-color: #686868;
    opacity: 0.9;
   /* width: 300px;*/
   width: 400px;
    height: 550px;
    color: #fff;
    font-size: 15px;
    font-family: 'Ubuntu';
   
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;padding: 3px;
}

.lista_notifiche_esitiOrdini {
    z-index: 99;
    position: absolute;
    bottom: -552px;
    display: block;
    /*left: 117px;*/
    /*left: 223px;*/
    /*left: 278px;*/
    left: 335px;
    background-color: #686868;
    opacity: 0.9;
   /* width: 300px;*/
   width: 400px;
    height: 550px;
    color: #fff;
    font-size: 15px;
    font-family: 'Ubuntu';
   
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;padding: 3px;
}


.scroll_notifiche {
    height: 530px;
    /*overflow: auto;*/
}

.tbl_notifihe {
    width: 100%;

    border-collapse:collapse;
}

.tbl_notifihe tr
{
        height: 45px;
        font-weight: normal;
        border-bottom : 1px solid #fff !important;
}

.fa-eye {
    font-size: 18px !important;
}


.tbl_notifihe th    {
     font-weight: bold;
     color: #fff;
     text-align:left;
     border-bottom : 2px solid #fff !important;

}

.tbl_notifihe_davedere {
    

     font-weight: bold;
      background-color: #aaa;
      color: #222;
}


    .tbl_notifihe tr:hover    {
    
        background-color:#fed300;

     
      color: #444;
      font-weight: bold;
    }
    
    .tbl_notifihe tr:first-child:hover       {
     background-color: transparent;
   
    color: #fff;
        
    }

.btn_canc_uno {
    cursor: pointer;
}


.notifica_btn {

    float: right;
    margin: 0px 10px;
    cursor: pointer;

}


.icona_notifica {
   
    left: 0px;
    padding: 9px;
    height: 59% !important;
    border-radius: 0px 0px 10px 10px;


}

.icone_quest {
    left: -2px;
}

.icone_arrow {
    color: #969696;
    font-size: 29px !important;
    margin: 11px 3px;
    position: relative;
}



.mover_sfondo {
    /*background-image: url('../Immagini/sfondoMover.jpg');*/
    background-image: url('../Immagini/mm4.jpg');
    background-size: 800px 800px;
}


.mover_login_label {
    text-align: right;
    font-family: 'EniTabBold';
}

.mover_login_input {
    border-radius: 5px;
    width: 200px;
    height: 36px;
    margin: 10px;
    border: 1px solid #666;
    padding: 7px;
    font-size: 18px;
    font-family: 'EniTabBold';
    color: #666;
}

.mover_powered {
    font-family: 'Ubuntu';
    font-size: 14px;
    color: #333;
}

.mover_login_error {
    font-family: 'Ubuntu';
    color: #b93c18;
    font-size: 12px;
}


.mover_btn {
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    height: 36px;
    margin: 30px;
    color: #555;
    letter-spacing: 0px;
    background: #ffdc34;
    font-family: 'EniTabBold';
    font-weight: 400;
    padding: 0px 14px;
    font-size: 20px;
    line-height: 36px;
    display: inline-block;
    text-rendering: geometricPrecision;
    box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    cursor: pointer;
    margin: auto;
}

.mover_powered_img {
    height: 20px;
    position: relative;
    top: 3px;
    left: 4px;
}


.mover_login_box {
    position: absolute;
    left: calc(50% - 250px);
    /*top: calc(50% - 220px);*/
    top: calc(34% - 220px);
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 500px;
    height: auto;
    padding: 20px;
}

.mover_login_citofono {
    position: absolute;
    left: calc(50% - 500px);
    /*top: calc(50% - 220px);*/
    top: calc(34% - 220px);
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 1000px;
    /*height: 500px;*/
    height: 680px;
    padding: 20px;
}

/*per la pagina AssegnaMezzo.aspx*/
.titoloViaggio2 {
    padding: 8px;
}


.dettagliokmkl2 {
    /* margin-right: 10px; */
    margin-left: 20px;
    color: #fed300;
    font-size: 11px;
}

.elementoCliccato .dettagliokmkl2 {
    /* margin-right: 10px; */
    margin-left: 20px;
    color: #444;
    font-size: 10px;
}

.elemento:hover .dettagliokmkl2 {
    color: #444;
}



/*GRID MOVER */

.gridMover {
    background-color: #444;
    font-weight: normal;
    color: #fff;
    height: 40px;
    font-size: 11px;/*s*/
    font-family: 'Ubuntu';
    text-align: center;
    
}

    .gridMover th {
        font-weight: normal !important;
    }

.gridMoverPager {
    background-color: #444;
    font-weight: normal;
    color: #fff;
    height: 40px;
    font-family: 'Ubuntu';
}

    .gridMoverPager a {
        margin: 0px 1px;
        font-weight: normal;
        color: #fff !important;
        font-family: 'Ubuntu';
        text-decoration: none;
    }

        .gridMoverPager a:active {
            margin: 0px 1px;
            font-weight: normal;
            color: #fff !important;
            font-family: 'Ubuntu';
            text-decoration: none;
        }

    .gridMoverPager span {
        margin: 0px 1px;
        font-weight: bold !important;
        color: #444 !important;
        background-color: #fff;
        font-family: 'Ubuntu';
        padding: 2px;
        border-radius: 3px;
        /*
    color: #fed300 !important;
    font-size: 18px;
    */
    }


.gridMoverRow {
    font-weight: bold;
    background-color: transparent;
    color: #444;
    font-size: 13px;
    text-wrap: normal;
    border-bottom: 1px solid #444 ;
    text-align: center;
    font-family: 'Ubuntu';
    background-color: rgba(255, 255, 255, 0.8);
    /**/
    height: 37px;
    
    /*height: 25px;*/
}

.mover_ddl {
    width: 90px !important;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 5px;
    height: 25px;
    border: 1px solid #444;
    color: #444;
    position: relative;
    top: -1px;
    margin: 0px;
}


.ddl_150 {
    width: 150px !important;
    
}


.icon_cur_page {
    color: #fed300;
}

.icon_folder {
    font-size: 26px !important;
    position: relative;
    cursor: pointer;
    top: 3px;
    left: 2px;
}


    .icon_folder:hover {
        color: #b75e44;
    }

.icon_calc {
    position: relative;
    font-size: 25px !important;
    cursor: pointer;
    color: #444;
    top: 3px;
}

.icon_riga {
    position: relative;
   
    cursor: pointer;
    color: #444;
    top: 2px;
    font-size : 25px !important;
}

.icon_riga:hover {
   
    color: #b75e44;
}


.icon_genera {
    font-size: 26px !important;
    cursor: pointer;
    color: #444;
}

.icon_calc:hover {
    color: #fed300;
    color: #b75e44;
}


a[disabled="disabled"] > i {
    cursor: not-allowed;
    color: #666;
    border-color: #666;
}

select[disabled="disabled"] {
    cursor: not-allowed;
    color: #666;
    border-color: #666;
}

a[disabled="disabled"] > i:hover {
    cursor: not-allowed;
    color: #666;
}


.icon_genera::after {
    font-size: 26px !important;
    cursor: pointer;
    color: #444;
}



.icon_check_rosso {
    font-size: 26px !important;
    color: #b75e44;
    position: relative;
    top: 2px;
}


.icon_check_verde {
    font-size: 26px !important;
    color: #53a276;
    position: relative;
    top: 2px;
}

.file-upload {
}



    .file-upload input {
        top: 0;
        left: 0;
        margin: 0;
        display: none;
        font-size: 11px;
        font-weight: bold;
        /* Loses tab index in webkit if width is set to 0 */
        opacity: 0;
        filter: alpha(opacity=0);
    }



    .file-upload span {
    }


.btnAllega {
    margin-left: 4px !important;
}


/*tab container  stile*/

.ajax__tab_xp .ajax__tab_body {

    background-color:transparent !important;
  

}
.ajax__tab_xp .ajax__tab_tab{
    background: none !important;
background: #444 !important;
color: #eee;
 width:100%;
     box-sizing: border-box;
    height: 30px !important;
    padding: 9px !important;
    font-family:'Ubuntu';
    font-weight:bold;
    font-size:13px;


}

.ajax__tab_xp .ajax__tab_outer
 {
   
    background: none !important;
   width: 50%;
        padding-right: 0px  !important; 
}

.ajax__tab_xp .ajax__tab_inner{
  background: none !important;
  width:100%;
      padding-left: 0px !important;
}

.ajax__tab_active  .ajax__tab_tab {

background: #fed300 !important;
color: #444 !important;


}

.c-icon {

    color: #444;
    font-size: 62px;
  
}

.c-item:hover > .c-icon {

    color: #fed300;
   

   
  
}

.c-item:hover > .c-text {

    
      /*text-shadow: 0px 0px 6px #aaa;*/ 
   

   
  
}


.c-text {

    font-family:'Ubuntu';
    color: #444;
    font-size: 18px;
    position:relative; 
    top: 8px;
    font-weight:bold;



}

.c-item {
    cursor: pointer;
 width: 160px !important;
    text-align: center;
  display: table-cell;
   padding:  14px 10px;
}


.m-icon {

    color: #eee;
    font-size: 40px;
  
}

.m-item {

padding: 6px; 
cursor:pointer;
}

.m-item:hover {

    background-color: #eee;
 
}


.m-item:hover .m-icon {

color: #444;

}

.m-item:hover>a {

color: #444;


}

.m-fig{
width: 200px;

}

.m-item>a {

    position: relative;
    top: -10px;

color: #eee;
text-decoration:none;
font-size: 17px; 
font-weight: bold;

}

/*MENU */
.lista_menu {
    z-index: 99;
    position: absolute;
    /*bottom: -412px;*/
    /*bottom: -500px;*/
    /*bottom: -660px;*/
    bottom: -620px;
    display: block;
    /*left: 117px;*/
    left: 58px;
    background-color: #686868;
    opacity: 0.9;
    width: 300px;
    /*height: 360px;*/
    /*height: 420px;*/
    /*height: 480px;*/
    /*height: 600px;*/
    color: #fff;
    font-size: 15px;
    font-family: 'Ubuntu';
    /*height: 660px;*/
    height: 620px;
    border-radius: 4px 4px 0px 0px;
    transition: bottom 1s;padding: 3px;
}

.scroll_menu {
    height: 530px;
    overflow: auto;
}

.tabMover {


    background-color: #ff0000;
    font-weight: normal;
    color: #fff;
    height: 40px;
    font-family: 'Ubuntu';
    text-align: center;
    border: none;
    border-collapse : collapse;
    width: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.tabMover tr {
     height: 30px !important; 
    
}

.tabMover td {
     font-size: 9px;

      border: 1px solid #444;
      background-color: #fff;
      color: #444;
     box-sizing:border-box;
     font-weight:bold;
     
}




.tabMover th {
  
      background-color: #444;
    
      /*border: 1px solid #444;*/
}


.cellaPrima {

     background-color: #ddd !important;

}

.cellaMove {

    cursor:pointer;

}



.cellaMove:hover {
   
   
      background-color: #fed300;
      color: #444;
      
     
}

#visOrdini
{
    padding: 20px;
    height: calc(100% - 330px);
    
}

#visMezzi
{
    padding: 20px;
    
    height: calc(100% - 84px);
    
}

#visGen {

     padding: 20px;
    height: calc(100% - 84px);
}

#corpoRisultati {

height: 100% ;

}



/*tabelle resize header scroll*/


table.scroll{

    border-color:transparent;
    width: 100%;
    /*height: 40px;*/
    /*height: 300px;*/

}

       
table.scroll tbody { display : block;  width: 100%; overflow-y: auto;  overflow-x: hidden;      height: 453px;
 }
table.scroll thead { display: block;    width: 100%; }




table.scroll tbody td {

     white-space: nowrap; 
     cursor:pointer;
}

/*NEW*/
table.scroll2 {
    border-color: transparent;
    width: 100%;
    /*height: 40px;*/
    /*height: 300px;*/
}


    table.scroll2 tbody {
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        height: 453px;
    }

    table.scroll2 thead {
        display: block;
        width: 100%;
    }




    table.scroll2 tbody td {
        white-space: nowrap;
        cursor: pointer;
    }



.ultimoHeaderGridOrdini {
    
   border-right : 26px solid #444;
 }

.ultimoHeaderGridMezzi {
    
    border-right : 20px solid #444;
 }
.ultimaCellaGrid {
    
    padding-right:5px;
 }

.tabSetting {
   height: calc(100% - 84px);
    overflow:auto;
}