﻿body {
    /*font-size:11pt !important;*/
}

.ui-content {
    padding:0 !important;
}

/*.ui-icon-ellipsis-v:after { 
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M107.143%20348.214v53.571q0%2011.161-7.813%2018.973t-18.973%207.813h-53.571q-11.161%200-18.973-7.813t-7.813-18.973v-53.571q0-11.161%207.813-18.973t18.973-7.813h53.571q11.161%200%2018.973%207.813t7.813%2018.973zM107.143%20205.357v53.571q0%2011.161-7.813%2018.973t-18.973%207.813h-53.571q-11.161%200-18.973-7.813t-7.813-18.973v-53.571q0-11.161%207.813-18.973t18.973-7.813h53.571q11.161%200%2018.973%207.813t7.813%2018.973zM107.143%2062.5v53.571q0%2011.161-7.813%2018.973t-18.973%207.813h-53.571q-11.161%200-18.973-7.813t-7.813-18.973v-53.571q0-11.161%207.813-18.973t18.973-7.813h53.571q11.161%200%2018.973%207.813t7.813%2018.973z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E');
    background-position: right !important;
}
.ui-nosvg .ui-icon-ellipsis-v:after { 
    background-image: url('icons-png/ellipsis-v.png'); 
}*/


/* ##############  VARIE  ############## */

/* NASCONDE LE FRECCE DEI NUMBER */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    text-align:center !important;
}

.WrapCombo {
    white-space:normal !important;
}

.sp1 {
    height:1em;
}

h1 {
    font-size:1.5em;
}

#td_PageTitle {
    font-size:1.5em;
    color:#aaaaaa;
}

/* popup full screen */
/*.ui-popup-container, .ui-popup {
    width: 100%;
    position: absolute;
    top: 0 !important;
    left:0 !important;
}*/

/* scroll del left panel separato dalla pagina */
.ui-panel.ui-panel-open {
        position:fixed;
    }
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#div_LM_WelcomeMSG {
    font-size:15pt;
    padding-bottom:1em;
}

#div_LM_LineStatus {
    text-align:right;
    padding-top:1em;
}

/*#PopupAllegato {
    position:absolute;
    background-color:white;
}*/
#div_AllegatoCaricamento {
    padding-top:7em;
    text-align:center;
}

#div_LM_Versione {
    padding-top: 3em;
    text-align: right;
    font-style:italic;
    color:#bbbbbb;
}


/* ##############  HEADER  ############## */
#div_Header {
    height:40pt;
}

#tab_TR_TopBarStd, #tab_TR_TopBarEdit {
    border-collapse: collapse;
    text-align:center;
    width:100%;
    border: none;
}
#tab_TR_TopBarStd td, #tab_TR_TopBarEdit td {
    border: 0px;
    /*height:40pt;*/
}


#tab_TR_TopBarStd td:nth-child(1) {
    width:40pt;
    min-width:40pt;
    max-width:40pt;
    padding-left:10px;
}
#tab_TR_TopBarStd td:nth-child(2) {
    /*width:50pt;*/
    text-align:left;
    /*width:8em;*/
    min-width:8em;
    max-width:8em;
}
#tab_TR_TopBarStd td:nth-child(4) {
    text-align:right;
}


#tab_TR_TopBarEdit td:nth-child(1) {
    width:50pt;
}
#tab_TR_TopBarEdit td:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#tab_TR_TopBarEdit td:nth-child(3) {
    width:50pt;
}


/* ##############  TABELLE  ############## */

#tab_SchedaViaggio {
    border-collapse: collapse;
    text-align:center;
    width:100%;
    color:#909090;
}

.TabSchedaViaggioBig > tbody > tr > td {
    padding:2pt 4pt 2pt 4pt;
    vertical-align:middle;
    height:2em;
    overflow:hidden;
    text-align:left;
}

.TabSchedaViaggioBig > tbody > tr > td:nth-child(1) { width:15% }
.TabSchedaViaggioBig > tbody > tr > td:nth-child(2) { width:35% }
.TabSchedaViaggioBig > tbody > tr > td:nth-child(3) { width:15% }
.TabSchedaViaggioBig > tbody > tr > td:nth-child(4) { width:35% }

.TabSchedaViaggioSmall > tbody > tr > td {
    display:block;
}
.TabSchedaViaggioSmall > tbody > tr > td:nth-child(2), .TabSchedaViaggioSmall > tbody > tr > td:nth-child(4) {
    padding-bottom:1em;
}


#tab_S_PerDis {
    width:100%;
}
.tab_S_PerDisSmall > tbody > tr > td {
    display:block;
}




#tab_Spese {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    color: #909090;
}
#tab_Spese td {
    vertical-align: middle;
}
#tab_Spese td:nth-child(1) {
    /*padding:1em 1em 1em 0;*/
    width: 10%;
}
#tab_Spese td:nth-child(2) {
    /*padding:1em 0 1em 1em;*/
    width: 30%;
}
#tab_Spese td:nth-child(3) {
    /*padding:1em 0 1em 1em;*/
    width: 20%;
}
#tab_Spese td:nth-child(4) {
    /*padding:1em 0 1em 1em;*/
    width: 40%;
}

#tab_SpeseSmall {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    color: #909090;
}
#tab_SpeseSmall > th > td {
    vertical-align: middle;
}
#tab_SpeseSmall td:nth-child(1) {
    /*padding:1em 1em 1em 0;*/
    width: 10%;
}
#tab_SpeseSmall td:nth-child(2) /* TIPO SPESA*/{
    /*padding:1em 0 1em 1em;*/
    width: 20%;
}
#tab_SpeseSmall td:nth-child(3) {
    /*padding:1em 0 1em 1em;*/
    width: 10%;
}
#tab_SpeseSmall td:nth-child(4) {
    /*padding:1em 0 1em 1em;*/
    width: 60%;
}




#tab_Chilometraggio {
    border-collapse: collapse;
    text-align: center;/*left;*/
    width: 100%;
    color: #909090;
}
#tab_Chilometraggio > th > td {
    vertical-align: middle;
    text-align: center;
}
#tab_Chilometraggio td:nth-child(1) {
    /*padding:1em 1em 1em 0;*/
    width:8em;
}
#tab_Chilometraggio td:nth-child(2) {
    /*padding:1em 0 1em 1em;*/
    /*width:50%;*/
    width:16em;
}
#tab_Chilometraggio td:nth-child(3) {
    width:8em;
}
#tab_Chilometraggio td:nth-child(4) {
    width:8em;
}


#tab_ChilometraggioSmall {
    border-collapse: collapse;
    border-spacing: 0;
    text-align:left;
    width:100%;
    color:#909090;
}
#tab_ChilometraggioSmall > tbody > tr > td > th {
    vertical-align:middle;
    text-align:center;
    padding:0 0 1em 0;
}
#tab_ChilometraggioSmall table {
    width:100%;
}



/* ##############  POPUP  ############## */

.PopupBody {
    overflow:auto;
}

.PopupTab {
    border-collapse: collapse;
    text-align:left;
    width:100%;
    color:#909090;
}
.PopupTab td {
    vertical-align:top;
    padding:0;
}

.PopupTabSmall {
    border-collapse: collapse;
    text-align:left;
    width:100%;
    color:#909090;
}
.PopupTabSmall td {
    vertical-align:top;
    padding:0;
}


.PopupTabSmall > tbody > tr > td {
    display:block;
}


.PopupFooter {
    border-collapse: collapse;
    width:100%;
}

.PopupFooter td {
     width:33%;
     padding:0;
     text-align:right;
}


/* ###  BACHECA  ### */

#div_P3{
    padding-left:1em !important;
}

.BachecaInner {
    overflow:hidden; 
    height:13em;
    text-overflow: ellipsis;
    font-size:0.8em;
    transform: rotate(-3deg);
}
.BachecaFirma {
    padding-top:5pt;
    overflow:hidden; 
    height:1em;
    text-overflow: ellipsis;
    font-size:0.8em;
    text-align:right;
    transform: rotate(-3deg);
}
.Bacheca {
    /*background-color:yellow;*/
    width: 12em;
    height: 12em;
    padding: 2em 2em 2em 2em;
    /*display:inline-block;*/
    background-image: url('images/Postit3.png');
    background-size: 16em;
    background-repeat: no-repeat;
}
.BachecaDaLeggere {
    /*background-color:yellow;*/
    width: 12em;
    height: 12em;
    padding: 2em 2em 2em 2em;
    /*display:inline-block;*/
    background-image: url('images/PostitDaL.png');
    background-size: 16em;
    background-repeat: no-repeat;
}

/* ###  INFO UTILI  ### */

#div_IU_List {
    padding:2em;
    line-height:200%;
}