body {
    padding-bottom: 0px !important;
    bottom: 0px;
    padding-top: 0 !important;
}
.multi-form-style {
/*    margin:0px auto;
    max-width: 100%;
    padding: 20px 20px 20px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border: 0px solid #CDCDCD;
    border-radius: 10px;
    margin-top:120px;*/
}
.informativa {
    text-align: justify;
}
/*//PINO 20241112*/
/*button, input {
    padding: 10px;
}*/
.btn-primary.btn-outline {
    color: #fff;
    background-color: #428bca;
}
.btn-outline:hover {    
    color: #428bca;
    background-color: #ddd;
    transition: all .5s;
}
.mostrarisultati li {
    padding: 5px;
    display: block;
    list-style: none;
    margin: 15px 0 0 0;
}
#ricarica ul{
    padding: 0px 15px 15px 15px;
    display: block;
    margin: 2px 0 0 0;
}

.btn_sr {
    display: inline-block;
    padding: 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: underline;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
	}
#ricarica ul{
    list-style-type: square;
}
#ricarica ol {
    list-style-type: circle;
}


div.mostrarisultati ul {
    list-style-type: none;
    width: 100%;
    padding:0;
}

h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}

/*div.mostrarisultati li:input[type=radio]:checked{
  background: #ffca91;
  border:1px solid #039;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.yellowBackground {
  color: #ccc;
  font-style: italic;
  background: #ccc;
} */
.yellowBackground {
    color: #f00;
    font-style: normal;
    background: #ffca91;
} 

/*input[type=radio] + div.mostrarisultati li {
  color: #ccc;
  font-style: italic;
  background: #ccc;
} 
input[type=radio]:checked + div.mostrarisultati li  {
  color: #f00;
  font-style: normal;
  background: #ffca91;
} */
.col-xs-12 .item-value, .col-xs-11 .item-value, .col-xs-10 .item-value, .col-xs-9 .item-value,
.col-xs-8 .item-value, .col-xs-7 .item-value, .col-xs-6 .item-value, .col-xs-5 .item-value,
.col-xs-4 .item-value, .col-xs-3 .item-value, .col-xs-2 .item-value, .col-xs-1 .item-value {
    max-width: 100%;
}

.item-value-titolo {
    color: #003556;
    /*border-bottom: 0px solid #3d5480;
    background-color: #eee;*/
    text-align:right;
    float: left;
    padding:2px 2px 0px 2px;
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:10px;
    /*background-color:#ffffcc;*/
}
.first {
    float: left;
    width:50%;  
}
.second {
    float: left;
    width:40%;
}
.third {
    float: left;
    width:45%;
    text-align:right;
    color: #3d5480;
}
/*p:not(#foo) > */
input[type='radio'] + label:before { /* Contenuto generato per le label associate ai radio button */
    content: "";
    width: 15px; 
    height: 15px; 
    border: solid 1px #222;
    -webkit-border-radius: 7.5px; 
    border-radius: 7.5px; /* Border-radius: 7.5px = metà di larghezza e altezza */
    background: #fff;
    cursor: pointer;
    position: absolute; /* Posizioniamo il contenuto generato rispetto alla label */
    top: -1px; /* Spostamento verticale */
    left: -5px; /* Spostamento orizzontale */
}
input[type='radio']:checked + label:after { /* Segno di spunta dei radio button e suo colore */
    content: "";
    display: block; /* Display: block per centrare il segno di spunta orizzontalmente */
    width: 8px; /* Creiamo un cerchio più piccolo */
    height: 8px; /* Anche in altezza */
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0 auto;
    background-color: #222; /* Colore di sfondo */
}

input[type='checkbox'] + label:before { /* Contenuto generato per le label associate ai radio button */
    content: "";
    width: 54px; 
    height: 54px; 
    border: solid 1px #222;
    -webkit-border-radius: 7.5px; 
    border-radius: 7.5px; /* Border-radius: 7.5px = metà di larghezza e altezza */
    background: #fff;
    cursor: pointer;
    position: absolute; /* Posizioniamo il contenuto generato rispetto alla label */
    top: -1px; /* Spostamento verticale */
    left: -5px; /* Spostamento orizzontale */
}
input[type='checkbox']:checked + label:after { /* Segno di spunta dei radio button e suo colore */
    content: "";
    display: block; /* Display: block per centrare il segno di spunta orizzontalmente */
    width: 80px; /* Creiamo un cerchio più piccolo */
    height: 80px; /* Anche in altezza */
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    position: absolute;
    top: 3px;
    left: 0;
    margin: 0 auto;
    background-color: #222; /* Colore di sfondo */
}

div.pay-select:hover {
    /*border: 1px solid #822433;
    background-color: #FEB73C;*/
}
div.pay-select {
    float: left;
    width: 470px;
    margin: 0px 0px 5px 35px;
    border: 1px solid #FFF;
    padding: 3px 8px;
}
div.pay-radio {
    float: left;
    padding: .5rem;
    min-width: 11rem;
}
div.pay-label {
    float: left;
    padding: 5px 0px 0px 0px;
    width: 140px;
}
#separatore {
    float: left;
    margin: 8px 0px 0px 0px;
}
hr.separatore {
    clear:left;
    padding: 14px 0px 0px 0px;
    margin:0px;
    border: none;
}
div.pay-image {
    float: left;
    width: 280px;
}

.text-on-pannel {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: 20px;
    padding: 5px 5px;
    position: absolute;
    margin-top: -47px;
    border: 1px solid #337ab7;
    border-radius: 8px;
}
.panel {
    /* for text on pannel */
    /*//PINO 20241008*/
    /*margin-top: 2rem !important;*/
}

#error, .status, .explanation_note {
    background: none repeat scroll 0 0 #FFEBE8;
    border: 1px solid #DD3C10;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    width:100%;
}
.opzioni-pagamento {
    float:left;
    padding-top: 20px !important;
}
.copy {
    text-align: left ;
    font-size:12px;
    font-weight: bold;
    float:left;
}
.version {
    text-align: right ;
    font-size:10px;
    float:right;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.boxleft {
    overflow: auto;
}
.boxleft::after {
    content: "";
    float:left;
    display: table;
}
/* //PINO 20200901*/
.item-zona {
    padding: 3px 6px;
}
/* //PINO 20200901*/
.valore-importo {
    color: #000;
    font-weight: bold;
}
/* //PINO 20201014 
   //PINO 20201014
*/
.rif-covid {
    margin-top: 1rem;
    color: #000;
    background-color: #ff3333;
    font-size: 1.3rem;
    border: #eee solid 1px;
    height: 3rem;
    display: block;
    width:  100%;
    padding: 0 6px;
}