/* ----------- Media Query ----------- */

/* ----------- Samsung ----------- */




@media screen and (height: 640px) and (width: 360px) {

    .ui-btn {
        font-size: 0.9em !important;
        margin-top: 0 !important;
    }

    .button-home {
        background-color: #70a166 !important;
        color: #ffffff !important;
        text-align: center !important;
        text-shadow: none !important;
        font-weight: bold !important;
        margin: 1.2em 0 !important;;
        padding: 2.5em 1em !important;;
        line-height: 2em;
        background: -webkit-radial-gradient(#70a166, #567209);
        background: -o-radial-gradient(#70a166, #567209);
        background: -moz-radial-gradient(#70a166, #567209);
        background: radial-gradient(#70a166, #567209);
    }

}

@media screen and (height: 592px) and (width: 360px) {

    .ui-icon-password{
        image-resolution: snap;
        width: 50%;
        height: 50%;
        border-radius: 1px!important;
        background: url("/jax-web/resources/images/show_password.png") top left !important;
    }
    .btnCreate {
        background-image: url("/jax-web/javax.faces.resource/images/show_password.png.jsf") !important;
        width: 30px;
        height: 30px;
        background-position: -10px -10px;
    }
    .iconOnlyButton{
        background: transparent !important;
        border: none !important;
        margin: 0;
    }
    .ui-btn {
        font-size: 1em !important;
        margin-top: 0 !important;
    }

    .button-home {
        background-color: #70a166 !important;
        color: #ffffff !important;
        text-align: center !important;
        text-shadow: none !important;
        font-weight: bold !important;
        margin: 1.2em 0 !important;
        padding: 2.5em 1em !important;
        background: -webkit-radial-gradient(#70a166, #567209);
        background: -o-radial-gradient(#70a166, #567209);
        background: -moz-radial-gradient(#70a166, #567209);
        background: radial-gradient(#70a166, #567209);
    }

}


body {
    height:100%;
}

.contenuto {
    max-height: 90% !important;
    display: block;
}

.page {
    background-color: #ffffff !important;
    overflow: hidden !important;
}

.header {
    height:2em;
    background-color: #70a166 !important;
    color:#FFFFFF !important;
    text-align:center;
}

.toolbar {
    height: 2.0em;
    background-color: #70a166 !important;
    color: #FFFFFF !important;
    text-align: center;
    background : -webkit-linear-gradient(#567209, #70a166);
    background : -o-linear-gradient(#567209, #70a166);
    background : -moz-linear-gradient(#567209, #70a166);
    background : linear-gradient(#567209, #70a166);
}

.footer {
    height:2.2em !important;
    background-color: #70a166 !important;
    color:#FFFFFF !important;
    text-align:center;
    line-height: 0.3;
    position: absolute !important;
    bottom: 0;
    width:100%;
    text-shadow: none !important;
    background: -webkit-linear-gradient(#70a166, #567209);
    background: -o-linear-gradient(#70a166, #567209);
    background: -moz-linear-gradient(#70a166, #567209);
    background: linear-gradient(#70a166, #567209);
}

.ui-footer .ui-title {
    padding: .9em 0 !important;

}

.ui-input-text {
    margin-top: 0;
}

.ui-btn-icon-right:after {
    background-color: #70a166 !important;
}

.table-stripe tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}

.ui-mobile label {
    margin: 0 0 .1em;

}

.ui-select {
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    background-color: transparent !important;
}

.ui-datatable-tablewrapper {
    margin-top:1.5em;

}


.text-input{
    background-color:#fbfbfb;
    border:solid 1px #000000;
    height:2em;
    color:#797979;
}

input[type="text"][disabled] {
    color: #000 !important;
}
.ui-state-disabled{
    opacity: 0.8 !important;
}
.calendar{
    background-color:#fbfbfb;
    height:28px;
    color:#797979;
    vertical-align: middle;
    margin: 1em 0;
    display: inline-block;
}

.output-label{
    font-size: 14px !important;
    color:#797979;
    width:250px ! important;
}

.output-label-100{
    font-size: 14px !important;
    color:#797979;
    width:100px ! important;
}

.output-label-50{
    font-size: 14px !important;
    color:#797979;
    width:50px ! important;
}

.output-label-60{
    font-size: 14px !important;
    color:#797979;
    width:60px ! important;
}

.output-label-55{
    font-size: 14px !important;
    color:#797979;
    width:55px ! important;
}

.output-label-200{
    font-size: 14px !important;
    color:#797979;
    width:250px ! important;
}

.qrgrid{
    border: 1px solid #000000;
    margin-bottom: 1.2em;
    background-color: #ffffff !important;
}


.output-label-center{
    font-size: 14px !important;
    color:#797979;
    width:100% ! important;
    text-align: center !important;
    line-height: 0.5em;
    padding-top: 2.5em
}

.output-label-qr{
    font-size: 18px !important;
    color:#797979;
    width:100% ! important;
    text-align: center !important;
    line-height: 0.5em;
    padding-top:1.5em;
    padding-bottom:1.5em;
}

.output-label-ricaricabile{
    font-size: 18px !important;
    color:#797979;
    width:100% ! important;
    text-align: center !important;
    line-height: 1.5em;
}

.output-label-pagamento {
    font-size: 16px !important;
    color: #70a166;
    margin: 6% !important;
    text-align: center;
    font-weight: bold !important;
}

.output-label-pagamento-ped {
    font-size: 20px !important;
    color: #70a166 !important;
    margin: 2% !important;
    text-align: center;
    font-weight: bold !important;
}

.output-label-ricarica {
    font-size: 16px !important;
    color: #70a166;
    text-align: center;
    font-weight: bold !important;
}

.output-label-free{
    font-size: 15px !important;
    color:#797979;
}
.output-mail-free{
    font-size: 15px !important;
    color:#797979 !important;
}

.output-label-right{
    font-size: 11px !important;
    color:#797979;
    text-align: right !important;
    vertical-align: middle !important;
}

.output-label-green{
    font-size: 11px !important;
    color:#70a166 !important;
    width:200px ! important;
}

.output-label-green-bold{
    font-weight: bold !important;
    font-size: 16px !important;
    color:#70a166 !important;
    width:200px ! important;
}

.left{
    text-align: left!important;
}

.output-label-bold{
    font-weight: bold !important;
    font-size: 16px !important;
    width:200px ! important;
}


.output-label-green-30{
    font-weight: bold !important;
    font-size: 20px !important;
    color:#70a166 !important;
    width:100% ! important;
    text-align: center;
}

.output-label-error-bold{
    font-weight: bold !important;
    font-size: 14px !important;
    color:#AA2727 !important;
    width:500px ! important;
    text-align:center !important;
}
.output-label-alert-rfc58-bold{
    font-weight: bold !important;
    font-size: 14px !important;
    color:#AA2727 !important;
    /*width:200px ! important;*/
    text-align:justify !important;
}

.output-label-alert-rfc58-bold.ui-outputlabel.ui-widget {
    display: inline;
}

.output-label-header{
    font-weight: bold !important;
    font-size: 20px !important;
    color:#70a166 !important;
    text-align:center !important;
    padding-top:0.5em;
    padding-bottom:1.5em;
}

.rec-password {
    margin-left: 0.1em;
    font-size: 13px;
    text-decoration: none;
    color: #70a166 !important;

}
.ext-link {
    text-decoration: underline;
    font-size: 16px !important;
    color: #70a166 !important;
    text-align: center;
    font-weight: bold !important;

}
.reg-link {
    margin-left: 0.1em;
    font-size: 13px;
    text-decoration: none;
    color: #70a166 !important;

}

.output-label-error{
    font-weight: bold !important;
    font-size: 14px !important;
    color:#FF0000 !important;
    text-align:center !important;
    padding-top:3px;
}

.output-label-importo{
    font-weight: bold !important;
    font-size: 30px !important;
    color:#000000 !important;
    text-align:center !important;
}

.output-label-importo-green{
    font-weight: bold !important;
    font-size: 30px !important;
    color:#70a166 !important;
    text-align:center !important;
}

.button {
    margin: 10px;
    padding: 1px 1px 1px 1px;
    border: 1px solid #aaa;
    width:100% !important;
    height:40px;
    background-color: #70a166 !important;
    color:#fbfbfb !important;
    text-align:center;
    font-size: 13px !important;
}

button.button-text-15 > span{

    font-size: 15px !important;
}

.button-large {
    margin-right: 10px !important;
    padding: 1px 4px 1px 1px;
    border: 1px solid #aaa;
    height:40px;
    background-color: #70a166 !important;
    color:#fbfbfb !important;
    text-align:center;
    font-size: 18px !important;
    text-shadow: none !important;
    margin-top: 1.5em;
}

.step{
    text-align:center !important;
    width:75px !important;
    height:15px !important;
}

.toolbar-icon {
    padding-top:0.2em !important;
    width:1.75em !important;
    height:1.75em !important;
}

.toolbar-icon-menu {
    padding-top:0.1em !important;
    width:2.0em !important;
    height:2.0em !important;
}

.select-menu{
    text-align: center;
    width: 100% !important;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.4 !important;
}


.ui-selectonemenu{
    width: 20% !important;
}
.ui-selectonemenu-label{
    width: 20% !important;
    text-align: center;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

.select-menu-hour{
    text-align: center;
    width: 20% !important;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.0 !important;
}

.select-menu-ricarica{
    text-align: center;
    width: 100% !important;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.0 !important;
}

.output-label-menu{
    font-size: 16px !important;
    color:#ffffff;
    text-align: left !important;
    border-bottom: 1px solid  #ffffff;
    height:20px !important;
}

.output-label-menu-small{
    font-size: 11px !important;
    color:#ffffff;
    text-align: left !important;
    align: left !important;
    border-bottom: 1px solid  #ffffff;
    height:20px !important;
}
#pedaggio_targhe_transiti_form\:transitiTable th {
    text-align: center !important;
}

.datatable {
    color: #70a166 !important;
    font-size: 0.7em ;
    line-height: 1.4em;
}

.datatable_sollecito {
    color: #797979;
    font-size: 0.7em ;
    line-height: 1.6em;
}

.menu-principale {
    background-color: #70a166 !important;
    color: #ffffff !important;
    text-align: left !important;
    text-shadow: none !important;
    font-weight: bold !important;
    width: 100%;
    border: 1px solid #ffffff !important;
}

#menu_form .ui-panelgrid .ui-panelgrid-cell{
    background-color: #70a166;
    text-align: center !important;
}

#menu_form\:paga_pedaggio span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5%20C4.447%2C6%2C4%2C6.447%2C4%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1%20S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}
.ui-widget .disk{
    background-image: url("/jax-web/javax.faces.resource/images/paga-pedaggio.png.jsf") !important;
    width: 16px !important;
    height: 16px !important;
}
#menu_form\:paga_sollecito span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}
#menu_form\:conto_prepagato_portal span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}
#menu_form\:registrazione_portal span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
     border-radius: 1em;
     display: block;
     width: 22px;
     height: 22px;
}
/*#menu_form\:profilo span.ui-icon{*/
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");*/
    /*!*background-color: #666;*!*/
    /*background-color: rgba(0,0,0,.3);*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*-webkit-border-radius: 1em;*/
    /*border-radius: 1em;*/
    /*display: block;*/
    /*width: 22px;*/
    /*height: 22px;*/
/*}*/
#menu_form\:profilo_jaw span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}
#menu_form\:cronologia_pagamenti span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}

#menu_form\:logout span.ui-icon{
    /*background-color: #666;*/
    background: rgba(0, 0, 0, .3) url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%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%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    display: block;
    width: 22px;
    height: 22px;
}


.button-home {
    background-color: #70a166 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-shadow: none !important;
    font-weight: bold !important;
    /**margin: 1.2em 0; */
    padding: 2.5em 1em;
    background: -webkit-radial-gradient(#70a166, #567209);
    background: -o-radial-gradient(#70a166, #567209);
    background: -moz-radial-gradient(#70a166, #567209);
    background: radial-gradient(#70a166, #567209);
}
.button-home-menu {
    background-color: #70a166 !important;
    color: #ffffff !important;
    text-align: left !important;
    text-shadow: none !important;
    font-weight: bold !important;
    width:80% !important;
    height: 50px !important;
    font-size: 0.8em !important;
    /**margin: 1.2em 0; */
    padding: 2.5em 1em;
    background: -webkit-radial-gradient(#70a166, #567209);
    background: -o-radial-gradient(#70a166, #567209);
    background: -moz-radial-gradient(#70a166, #567209);
    background: radial-gradient(#70a166, #567209);
}

.ui-button.button-home-menu.ui-widget span{

    width:fit-content !important;
    font-size: 1.4em !important;
    padding-left: 70px;
    text-align: center !important;
}

.ui-btn {
    font-size: 1em;
    margin-top: 0 !important;
}

.ui-btn-icon-top {
    padding-top: 5em !important;
}

.ui-icon-paga-button:after {
    background: url('../resources/images/paga-pedaggio.png') no-repeat !important;
    background-size: 3.5em 3.5em  !important;
    width: 3.5em;
    height: 3.5em;
    margin-left: -1.5em;
}
.ui-icon-sollecito-button:after {
    background: url('../../resources/images/paga-sollecito.png') no-repeat !important;
    background-size: 3.5em 3.5em !important;
    width: 3.5em;
    height: 3.5em;
    margin-left: -1.5em;
}
.ui-icon-free-button:after {
    background: url('../../resources/images/ricaricabile.png') no-repeat !important;
    background-size: 3.5em 3.5em !important;
    width: 3.5em;
    height: 3.5em;
    margin-left: -1.5em;

}

.ui-icon-green-arrow:after {
    background-image: url('../../images/arrow_1.png') !important;
    z-index: auto;
}

.ui-icon-qrcode:after {
    background-image: url('../../images/QRCode.png') !important;
    background-size: 4.5em 4.5em;
    width: 5.5em;
    height:5.5em;
    background-color: transparent;
    margin-left: -2.5em;
    padding-top: -2.5em;
}

.qr-button {
    padding-top: 6em !important;
}

.ui-btn select {

    background-color: white;
}

.ui-column-header {
    background-color: #ffffff !important;
}

.ui-dot {
    background-color: #aaaaaa;

}

.ui-btn-icon-notext:after {
    display:none;
}

.ten-percent {
    width: 10%;
}

.twenty-percent {
    width: 20%;
}

.thirty-percent {
    width: 30%;
}

.forty-percent {
    width: 40%;
}

.fifty-percent {
    width: 50%;
}

.sixty-percent {
    width: 60%;
}

.seventy-percent {
    width: 70%;
}

.eighty-percent {
    width: 80%;
}

.ninety-percent {
    width: 90%;
}

table.dettaglio, table.item-descr, table.tracking {
    background-color: #FFFFFF;
    padding: 0;
    width: 100%;
    margin: 10px 0 0 0;
    float:left;
}
table.dettaglio tr td {text-align:left;border-bottom: 1px solid #003c7f;height: 50px;}
table.dettaglio .odd {font-weight:bold;background: #FFFFFF;}
table.dettaglio .even {text-align:right;background: #FFFFFF;}

table.dettaglio, table.item-descr, table.tracking {
    background-color: #FFFFFF;
    padding: 0;
    width: 100%;
    margin: 10px 0 0 0;
    float:left;
}
table.dettaglio_account tr td {text-align:left; height: 3.5em;}
table.dettaglio_account .odd {font-weight:bold;background: #FFFFFF;}
table.dettaglio_account .even {text-align:right;background: #FFFFFF;}

.simple-link{
    text-decoration : none;
    font-weight: bold !important;
    font-size: 18px !important;
    color:#797979 !important;
    width:100% ! important;
}

.header-link{
    text-decoration : none;
    font-weight: bold !important;
    font-size: 18px !important;
    color:#70a166 !important;
    width:100% ! important;
}

.ui-column-header {
    border: none !important;
}

@media (max-width: 35em) {
    .ui-paginator .ui-paginator-page {
        display: inline !important;
    }
}

.ui-bar-a {
    background-color: #ffffff !important;
    border-collapse: collapse !important;
    border-color: #ffffff !important;
    color: #797979;
    font-weight: bold;
    height: 4.0em !important;
}

.ui-datascroller-list {
    list-style: none;
    padding-left: 0;

}

.ui-btn-b {
    margin-bottom:0;
}

.ui-icon-loading{

}