* {
  padding:0;
  margin:0;
  box-sizing: border-box;
}

body {
  font-family: 'Montserrat', sans serif;
  margin: 0;
}

#waitImage {
  display: none;
  position: fixed; /*DANNY QUESTA DEVE ESSERE FIXED SENNO SE LA PAGINA è LUNGA SPARISCE*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10005;

}

#waitImage img {
  width: 100px;
}

/**************Lista dei contratti per chi ne ha piu di uno**************/
#listaContratti
{ width: 100%; overflow: auto; 
}
.vocecontratto
{ width: calc(100% - 1.2em);
  border: 0.3em ridge lightgray;
  font-size: 8;
  margin-bottom: 0.3em;
  text-align:left;
  padding: 0.3em; 
  opacity:0.8; 
  cursor:pointer; 
}
.vocecontrattosel
{ border-color: darkblue;
  color: var(--gen-blue);
  opacity: 1;
}
.vocecontratto>i
{ font-size:0.8em !important; display:inline-block; min-width:7em; 
}
.vocecontratto>b
{ font-size:0.8em !important;
}
#cercaContratto { width: 100%; text-align:left; }
#cercaContratto input { width: calc(100% - 3em) !important; }
#iconacerca 
{ width: 2em; height: 2em; margin-left:0.9em; background-image: url('../img/cerca.jpg'); 
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
} 
#cercac { border: 2px solid gray; }


/**************Variazioni contrattuali, simili alla ricerca**************/
.vtext_info
{ margin-top:1em; 
  margin-bottom:1em; 
}
#comune 
{ width: calc(100% - 13em);
  display:inline-block;
  border-radius:0.5em; 
}
#provincia 
{ width: 3em;
  display:inline-block;
  border-radius:0.5em; 
}
#via
{ width: calc(100% - 13em);
  display:inline-block;
  border-radius:0.5em; 
}
#civico 
{ width: 3em;
  display:inline-block;
  border-radius:0.5em; 
}
.procediPopup 
{ margin-bottom: 1em;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  background-color: green;
  width: 13.9em;
  text-align: center;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  border-radius: 1em;
  cursor: pointer;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
}

.sezioneTraffico
{ border: 0.2em solid rgb(35,202,209);
  padding: 1em;
  margin-top: 1em;
  border-radius: 1em;
}

.listacontratti {
  width: 2em;
  height: 2em;
  cursor:pointer;
  background-image: url(../img/l2.png);
  background-position: 1em center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: inline-block;
  background-position: center center;
  display:none;
}

.notashop {
  margin-top: 2em;
  text-align: left;
}

.nomeOfferta {
  display: inline-block;
  font-size: 180%;
  font-weight: bold;
  color: rgb(109,22,140);
}

.nomeOfferta s {
  text-decoration: none;
  font-weight: 300;
  font-size: 85%;
  color: black;
  padding-right: 0.5em;
}

.nomeOfferta i {
  font-style: normal;
}

.nomeOfferta img {
  height:1.2em;
  vertical-align: middle;
}

.anti1 {
  color: #ff2b7c;
  font-weight: bold;
  text-align: center;
  font-size: 120%;
}

.anti2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: justify;
}

.dettaglioTech {
  box-shadow: 0 0 1em rgb(150 150 150);
  border-radius: 1em;
  padding: 1em;
  margin-bottom: 1em;
}

.primoaccesso {
  margin-top: 8em;
  margin-left: 10%;
}

.primoaccesso label {
  width: 10em;
  display: block;
  margin-bottom: 0;
}

.primoaccesso input {
  display: block;
  padding: 1em;
  border-radius: 2em;
  width: 35em;
  margin-bottom: 1em;
}
.pulsanteavanti
{ background-color: blue;
  color: white;
  padding: 1em;
  width: 12em;
  display: block;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  cursor:pointer;
}
.centropagina
{
  margin-bottom:5em;
  color:var(--gen-purple);
}

.gen_header
{
  background-color: rgb(109,22,140);
  color: white;
  height: 6em;
  position: fixed;
  font-size: 60%;
  top: 0;
  width: 100%;
  z-index: 3;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;

}
.gen_header_inside
{
  height: 100%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  align-items: center;
  justify-content: space-between;
}
.genpallino
{ display:inline-block;
  color: rgb(0,255,184);
}

.gen_logo
{
  display:flex;
  align-items: center;
}

.gen_logo b {
  font-weight: 800;
  font-size: 300%;
  padding-right: 0.5em;
  /*cursor: pointer;*/
}

.logoAreaClienti
{
  padding-left: 2em;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 100%;
  line-height: 2.6em;
  align-items: center;
  margin-right: 0;
}
.logoutAreaClienti
{
  font-size: 100%;
  cursor: pointer;
}

.logoutAreaClienti img,
#home-menuBtn img {
  height: 4em;
}
.barrasopra_inside
{ display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
}
.greeting
{ vertical-align: middle;
  display: inline-block;
  align-items: center;
  margin-left: 1em;
  color: var(--normal-white);
}
.codicesconto
{
  font-size: 90%;
  background-color: var(--gen-purple);
  color: white; 
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  border: 0.1px solid var(--gen-purple);
  width: 30%;
  margin: 0 auto;
  border-radius: 1em;
  padding: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
}
.fontpiccolo 
{ font-size: 60%;
  font-style: italic;
}
.codicesconto:hover 
{
  color: #6D168C;
  background-color: white;
}
.promoenergy
{
  font-size: 90%;
  background-color: var(--gen-purple);
  color: white; 
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  border: 0.1px solid var(--gen-purple);
  width: 30%;
  margin: 0 auto;
  border-radius: 1em;
  padding: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
  position:relative; 
  padding-left: 2em;
  padding-right: 11em;
  background-image: url('https://ispadmin.wirelessgroup.it/pannello/img/genioenergy/sfondoverde.png');
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: 100% auto; 
  margin-top: -4em; 
  padding-bottom: 2em;
}
.promoenergy b
{ display:inline-block; 
}
.pulsanteenergy
{ border: 1px solid white;
  padding:0.8em;
  border-radius: 1em;
  cursor: pointer;
  font-size: 80%; 
  margin-top:1em;
  display:block;
  width:20em;
  text-align:center; 
}
.pulsanteenergy:hover
{ background-color:white;
  color:green;
}

.disclaimer
{ font-size: 80%;
  /* float: right; */
  position: absolute;
  bottom: 0;
  right: 2em;
  margin-bottom: 1em;
}
.codicesconto a {
  cursor: pointer;
}
.pamico
{ margin-top: 0.4em !important; 
  margin-bottom:0.4em !important;
}


.login_block
{
  width: 60%;
  min-height: 18em;
  text-align: center;
  box-shadow: 0 0 1em rgb(200 200 200);
  border-radius: 1em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login_testoup
{
  color: rgb(154,154,154);
  margin-bottom: 1em;
}
.portainput
{
  border: 0.1em solid var(--gen-purple);
  border-radius: 1.5em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0;
  overflow: hidden;
  background-image: url(../img/l1.png);
  background-position: 1em center;
  background-repeat: no-repeat;
  background-size: auto 70%;
}
.portapass
{
  border: 0.1em solid var(--gen-purple);
  border-radius: 1.5em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0;
  overflow:hidden;
  background-image: url(../img/l2.png);
  background-position: 1em center;
  background-repeat: no-repeat;
  background-size: auto 70%;
}
#inputUser
{
  /* border-radius: 1.5em; */
  /* color: rgb(154,154,154) !important; */
  /* width: calc(100% - 3em); */
  width:100%;
  background-color: white !important;
  font-size: 120%;
  border: 1px solid rgb(109,22,140);
  font-weight: bold;
  border: 0 !important;
  line-height: 2.5em;
  padding-left: 3em;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  background: #fff !important;
  opacity: 0.5;
}
#inputPassword
{
  /* width: calc(100% - 3em); */
  width: 100%;
  background-color: white !important;
  font-size: 120%;
  color: rgb(154,154,154) !important;
  border: 0 !important;
  line-height: 2.5em;
  font-weight: bold;
  padding-left: 3em;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  background: #fff !important;
  opacity: 0.5;
}
.login_block_ok
{
  color: white;
  text-transform: uppercase;
  background-color: rgb(109,22,140);
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  position: relative;
  display: block;
  width:70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  border-radius: 2em;
  cursor: pointer;
}
.ricordami
{ display: inline-block;
  position: relative;
  width: calc(30% - 3em);
  font-size:70%;
  font-weight: bold;
  vertical-align: top;
  margin-top:2em;
  text-align:left;
  padding-left:3em;
  background-image: url(../img/rem_off.png);
  background-position:left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor:pointer;
}
.ricordamisel
{ background-image: url(../img/rem_on.png) !important;
}
.lostpassword
{ display: inline-block;
  position: relative;
  width: calc(30% - 1em);
  font-size:70%;
  font-weight: bold;
  vertical-align: top;
  margin-top:2em;
  text-align:left;
  cursor:pointer;
}
.recuperapassword
{
  width: 60%;
  text-align: center;
  box-shadow: 0 0 1em rgb(200 200 200);
  border-radius: 1em;
  padding: 1em;
  font-size: 0.7em;
  color: var(--gen-purple)
}
#inputPassEmail
{ width: calc(100% - 3em);
  /* border-radius: 1.5em; */
  background-color: white !important;
  font-size: 120%;
  /* color: rgb(154,154,154) !important; */
  border: 1px solid rgb(109,22,140);
  font-weight: bold;
  border: 0 !important;
  line-height: 2.5em;
  padding-left: 3em;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none !important;
  background: #fff !important;
  opacity: 0.5;
}

.paginaaperta
{ color: var(--gen-aqua);
  text-transform: uppercase;
  display:flex;
  align-items: center;
  margin-left: 2.2em;
}
.paginaaperta a
{ cursor: pointer; 
}
.login-block
{ margin-top: 6em;
}

.paginaPrincipale
{
  width: 100%;
  padding: 5em 0em 3em 0em;
  display: none;
}

/*Suddivido la pagina principale in due righe*/

.paginaPrincipaleR1
{
  width: 51%;
  margin: 0em auto 2em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.tabs {
  display:none;
  font-size: 80%;
  width: 60%;
  margin: 0 auto;
}
.tabselector
{
  width: 9.5em;
  font-size: 85%;
  color: #6D168C;
  cursor: pointer;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.tabrouters
{
  background-image: url(../img/sfondoGen.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 100vh;
  width: 60%;
  text-align: left;
}
.tablte
{ background-color: rgb(2,142,191);
    background-image: url(../img/tipo.jpg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: calc(100vh - 2.3em);
    width: 100%;
    margin-top: -4em;
    margin-bottom: 6em;
    border: 1px solid #0189b9;
}
.infoSIM
{ width: 44%;
  margin-top: 4em;
  display: block;
  margin-left: 1em;
  border: 0.2em solid rgb(0,255,184);
  border-radius: 1em;
  background-color: rgb(84,0,219);
  padding: 2em;
}
.iservA
{ text-transform: none;
  font-weight: bold;
  color: white;
  line-height: 1em;
  margin: 0;
  margin-top: 1em;
}
.iservB
{ width: 12em;
  line-height: normal;
  color: rgb(84,0,219);
  background-color: rgb(0,255,184);
  display: inline-block;
  padding: 0.4em;
  border-radius: 1em;
  font-size: 120%;
}
.datiservB
{ display: block;
  width: 6.5em;
  height: 6.5em;
  line-height: 6.5em;
  text-align: center;
  color: white;
  font-weight: lighter;
  font-size: 120%; 
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center center; 
}
/*Il gauge lo facciamo con una sequenza di immagini. Semplice ma funziona */
.B0 { background-image: url(../img/B0.png); }
.B1 { background-image: url(../img/B1.png); }
.B2 { background-image: url(../img/B2.png); }
.B3 { background-image: url(../img/B3.png); }
.B4 { background-image: url(../img/B4.png); }
.B5 { background-image: url(../img/B5.png); }
.B6 { background-image: url(../img/B6.png); }
.B7 { background-image: url(../img/B7.png); }
.B8 { background-image: url(../img/B8.png); }
.B9 { background-image: url(../img/B9.png); }


.datiservBinfo
{ font-size: 90%;
  color: white;
}
.datiservBinfo b
{ color: rgb(0,255,184);
}
.datiservBinfoAlert
{ font-size: 90%;
  color: red;
}

.psim
{   color: rgb(84,0,219) !important;
    background-color: rgb(0,255,184) !important;
    display: inline-block;
    width: auto !important;
    text-transform: none !important;
}
.intab
{
  height: 10em;
  font-weight: bold;
  text-transform: uppercase;
  border: 0.1px solid #6D168C;
  border-radius: 1.8em;
  position:relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: 0.5s;
}
.intab_disabled
{ opacity: 0.5;
  cursor: not-allowed;
}

/* ON HOVER GOES UP */
.intab:hover {
  transform: translateY(-10px);
}

.single-element:hover {
  transform:none;
}

.listaAcquisti
{ width: 100%;
  box-shadow: 0 0 1em rgb(150 150 150);
  border-radius: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.rigatotaliacq td { border-top: 1px solid red; }

.logoutButton {
  display:none;
}

#moduloTrasloco,
.moduloVoltura
{
  width: 100%;
  overflow: auto;
  font-size: 80%;
  color: var(--gen-purple);
  z-index: 10;
  background-color: white;
  padding: 1em 2em;
  border:0.1px solid var(--gen-purple);
  /* height: 30em;
  max-height: calc(100vh - 4em);
  border-radius: 1em;
  box-shadow: 0 0 1em rgb(200 200 200); */
  scrollbar-color: var(--gen-purple) var(--gen-aqua);
}

#moduloTrasloco h1,
.moduloVoltura h1 {
  color: var(--gen-aqua);
  margin-bottom: 1em;
  text-align: center;
}
#moduloTrasloco p,
#moduloVoltura p {
  margin-bottom: 1em;
}

#areadisdetta
{ width: 100%;
  height: 4em;
  font-size: 80%;
}
.nuovocommento
{ width: 100%;
  font-size: 80%;
}

.copy
{ position: absolute;
  top: 2em;
  color: rgb(109,22,140);
  font-weight: bold;
  font-size: 80%;
}
.img_facebook
{ width: 2em;
  height: 2em;
  position: absolute;
  display: inline-block;
  background-image: url(../img/ac_facebook.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  right: 19em;
}
.img_instagram
{ width: 3em;
  height: 2em;
  position: absolute;
  display: inline-block;
  background-image: url(../img/instagram.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  right: 16em;
}
.img_linkedin
{ width: 3em;
  height: 2em;
  position: absolute;
  display: inline-block;
  background-image: url(../img/linkedin.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  right: 13em;
}
.img_youtube
{ width: 3em;
  height: 2em;
  position: absolute;
  display: inline-block;
  background-image: url(../img/youtube.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  right: 10em;
}
.img_assistenza
{ width: 12em;
  height: 2em;
  position: absolute;
  color: rgb(109,22,140);
  font-weight: bold;
  display: inline-block;
  background-image: url(../img/cuffieblu.png);
  background-size: auto 95%;
  background-repeat: no-repeat;
  background-position: right top;
  right: 0em;
  padding-top: 0.5em;
  text-decoration: none;
}

.popup
{
  font-family: 'Montserrat', sans serif !important;
  border: 0.1em solid rgb(109,22,140) !important;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--gen-purple);
  font-size: 1.3em;
}

.corpovoltura
{
  text-align: justify;
  /* padding: 2em; */
  line-height: 150%;
}

.corpotrasloco
{ line-height: 150%;
  text-align: justify;
  border-radius: 1em;
  margin: 2em 0em;
}

.datawrong
{
  border: 2px solid red !important;
}

.tabservizi {
  border: 0;
  padding-bottom: 1em;
}

.servizio
{ border: 0.25em solid rgb(242,242,242);
  border-radius: 1em;
  padding: 1em;
  width: 100%;
  margin-bottom: 2em;
  box-shadow: 0 0 1em rgb(200 200 200);
}
.serviziostagionale
{ border: 0.25em solid rgb(242,242,242);
  border-radius: 1em;
  padding: 1em;
  width: 100%;
  margin-bottom: 2em;
  box-shadow: 0 0 1em rgb(200 200 200);
}
/*grafico di banda.. se non lo vedo non debuggo */
.grafico
{
  width: 60%;
  min-height: 10em;
  display: inline-block;
  margin-top: 6em;
}

.avatar_cliente
{
  display: inline-block;
  width: 8%;
  margin-top: -1em;
}

.cambiaAvatar
{
  position: absolute;
  z-index: 2;
  width: 2em;
  height: 2em;
  background-color: rgb(35,202,209);
  top: 11.7em;
  left: 6.3em;
  border-radius: 1em;
  background-image: url(../img/pennamodifica.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 60%;
}

.datiSinistra
{
  width: 50%;
  display: inline-block;
  border-right: 0.2em solid rgb(244,244,244);
  margin-right: 1.5%;
  vertical-align: top;
}

.datiDestra
{
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.servA
{
  font-size: 110%;
  display: block;
  width: 100%;
  position: relative;
  vertical-align: top;
  color: #A0A0A0;
  text-transform: lowercase;
  margin: 2em 0em 1em 0em;
}

.servB
{
  display:flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  line-height: 115%;
  margin-top: -0.7em;
}

.attivo { color:green; }
.disattivo { color: red; }

.servizioattivo
{
  margin-bottom: 4em;
}

.serviziovoip
{
  margin-bottom: 4em;
}

.serviziogenerico
{
  margin-bottom: 4em;
}

.telA
{
  color: #A0A0A0;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgb(240,240,240);
  overflow: hidden;
}

.telB
{
  display:inline-block;
  vertical-align:top;
  width: 20%;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgb(240,240,240);
  overflow: hidden;
  font-weight: bold;
}

.variazione
{
  margin: 1em;
  position: relative;
  background-color: rgb(203,197,234);
  color: rgb(109,22,140);
  padding: 1em;
  border-radius: 1em;
  width: 97.5%;
  margin-left: 0;
}

.vtitle {
  font-weight: 800;
  font-size:150%;
}

.vcosto {
  width: calc(100% - 16em);
}

.pulsantemodificaVar
{
  color: black;
  font-size: 80%;
  background-color: rgb(35,202,209);
  cursor: pointer;
  padding: 0.6em;
  margin-left: auto;
  width: 15em;
  text-align:center;
  text-transform: uppercase;
  margin-bottom: 0.2em;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 1em;
  position: absolute;
  right: 1em;
  top: calc(50% - 1em);
}

.pulsanteriavvia
{ color: black;
  font-size: 80%;
  background-color: #23CAD1;
  cursor: pointer;
  padding: 0.6em;
  margin-left: auto;
  width: 11em;
  text-align:center;
  text-transform: uppercase;
  margin-bottom: 0.2em;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 1em;
  position: absolute;
  right: 1em;
  top: 8.3em;
  margin-bottom:1em;
}
.router
{ margin: 0.5em;
  padding: 0.5em;
  background-color: white;
  box-shadow: 0 0 0.5em rgb(200 200 200);
  border-radius: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 65%;
  position:relative;
}
.router hr
{ border: 0.1em solid rgb(240,240,240);
  background-color: rgb(240,240,240);
}
.campoConfig
{ width: 49%;
  display: inline-block;
}
.campoConfig input  { background-color: rgb(240,240,240); border: 0.2em solid rgb(240,240,240); width:90%; }
.campoConfig select { background-color: rgb(240,240,240); border: 0.2em solid rgb(240,240,240); width:95.2%; }
.campoConfigWiFi
{ width: 49%;
  display: block;
}
.campoConfigWiFi input  { background-color: rgb(240,240,240); border: 0.2em solid rgb(240,240,240); width:90%; }
.campoConfigWiFi select { background-color: rgb(240,240,240); border: 0.2em solid rgb(240,240,240); width:95.2%; }
.tabpacchetti
{ margin-bottom:6em;
  text-align:center;
}
.titoloSezionePacchetti
{
  font-size: 350%;
   color: #ff2b7c;
}

.titoloSezionePacchetti div
{
  font-weight: 900;
  display:inline-block;
}

.sottotitoloSezionePacchetti
{
  font-size: 200%;
  font-weight: 300;
  color:black;
  margin-bottom: 2em;
}
.pacchetto
{
  width: 35%;
  min-height: 22.5em;
  position:relative;
  display: inline-block;
  text-align: center;
  border-radius: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
  vertical-align: top;
  margin-left: 2em;
  margin-bottom: 2em;
  transition:1s;
}

.pacchetto:hover {
  transform: scale(1.05);
}


.pacchettotitolo
{
  font-size: 80%;
  border-top-left-radius: 0.75em;
  border-top-right-radius: 0.75em;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 4em;
  background-color: rgb(109,22,140);
  color: #ff2b7c;
  font-weight: 900;
  background-size: auto 42%;
  background-repeat: no-repeat;
  background-position: 50% 70%;
}
.pacchettotitolo I { font-style:normal; color:white; font-weight: 900; }
.pacchettodesc
{
  width: 95%;
  margin: 1em auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 80%;
}
.pacchettocosto
{
  color: rgb(109,22,140);
  font-size:100%;
  text-align:center;
  margin-bottom:1em;
}
.pacchettocosto i
{ color: #ff2b7c; font-style:normal;
}
.azionipacchetto
{
  text-align: center;
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
  bottom: 0;
  position: absolute;
  margin: 0em auto 1em auto;
  text-align: center;
  width: 100%;

}
.azionipacchetto div
{ margin-left: auto;
  margin-right: auto;
  background-image: none;
  width: 90%;
}
.disattiva { background-color: rgb(109,22,140) !important; }
.tabfatture
{ margin-bottom: 6em;
}
.tabfatture h1
{ padding-left: 2em;
  background-image: url(../img/invoice.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.fatture
{
  width: 96%;
  margin-left: 3%;
  font-size: 70%;
  border-collapse: collapse;
}

.fattureprev {
  font-size: 50% !important;
}

.fatture th
{ color: rgb(180,180,180);
  width: 1%;
  font-weight: normal;
  line-height: 3em;
}
.fatture td
{ line-height: 3em; font-size:120%;
}
.fatture tr:nth-child(even)
{ background-color: rgb(242,242,242);
}
.dapagare div
{ display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: red;
  border-radius: 1em;
  margin-bottom: 0.3em;
  margin-right: 0.3em;
}
.pagata div
{ display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: green;
  border-radius: 1em;
  margin-bottom: 0.3em;
  margin-right: 0.3em;
}
.inscadenza div
{ display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: yellow;
  border-radius: 1em;
  margin-bottom: 0.3em;
  margin-right: 0.3em;
}
.azionefatture
{ cursor: pointer;
  color: white;
  text-transform: uppercase;
  padding: 0.4em;
  width: 7em;
  display: inline-block;
  line-height: 1;
  border-radius: 1em;
  font-weight: bold;
  font-size: 90%;
}
.azionepaga
{ text-align: center;
  background-color: #00bc1d;
}
.azioneweb
{ text-align: left;
  background-color: #ff2b7c;
  background-image: url(../img/occhiodira.png);
  background-repeat: no-repeat;
  background-position: 5em center;
  background-size: auto 70%;
  padding-left: 1.5em;
  width: 7em;
  font-size: 80%;
}
.sceglianno
{ width: 100%;
  font-size: 150%;
  border-radius: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  margin-top:1em;
  cursor: pointer;
  color: black;
}
.sceglianno table
{   font-size: 70%;
}
.sceglianno:hover { opacity: 0.7;  }
.sceglianno i
{
  font-style: normal;
  color: white;
  padding: 0.1em;
  background-color: rgb(109,22,140);
  height: 1em;
  width: 1em;
  display: inline-block;
  border-radius: 1em;
  text-align: center;
  line-height: 0.9em;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.tabassistenza
{

}

.ticket
{
  border: 1px solid var(--gen-purple);
  padding: 1em;
  margin-bottom: 2em;
  border-radius: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
}

.ticket h1
{ padding-left: 2em;
  background-image: url(../img/pin-help.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.tipoticket
{
  width: 100%;
  box-shadow: 0 0 1em rgb(200 200 200);
  border-radius: 1em;
  cursor: pointer;
  font-weight: bold;
  color: rgb(109,22,140);
  font-size: 75%;
  padding: 1.5em 0em;
  text-align: center;
  margin-bottom: 1.5em;
}
.tipoticketsel
{ color:white;
  background-color: rgb(109,22,140);
}

#noteticket
{
  width: 100%;
  height: 10em;
  border: 0;
  box-shadow: 0 0 1em rgb(200 200 200);
  resize: none;
  border-radius:1em;
  padding: 1em;
}

.pulsantemodifica
{
  color: white;
  background-color: rgb(35,202,209);
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: bold;
  border-radius: 1em;
  padding: 1em 0em;
  width: 100%;
  /*display: flex;*/
  text-align:center; 
  justify-content: center;
  align-items: center;
}

.pulsantemodifica:hover {
  background-color: var(--gen-purple);
  background-image: none;
  color: var(--gen-aqua);
}

.pulsantemodifica_popup
{
  display: block;
}

.pulsanteticket
{
  text-align: center;
  margin: 1.5em 0em;
  width: 100%;
  padding: 1em 2em;
}

.tabvoltura {

}

.tabvoltura h1
{
  padding-left: 2em;
  background-image: url(../img/equalizer.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-bottom: 1em;
}

.modifiche
{
  width: 100%;
  min-height: 21em;
  display: flex;
  flex-direction: column;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  box-shadow: 0 0 1em rgb(200 200 200);
  border-radius: 1em;
  margin-bottom: 2em;
}

.modifiche h2
{
  color: #ff2b7c;
  text-transform:uppercase;
}

.pulsantevr
{
  text-decoration: none;
  color: white;
  background-color: rgb(109,22,140);
  width: 14em;
  text-align: center;
  padding: 0.6em;
  border-radius: 2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  cursor:pointer;
  margin: 2em 0em;
}

.tabdocumenti h1
{ padding-left: 2em;
  background-image: url(../img/docs.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.singolodocumento
{
  display: block;
  width: 100%;
  margin-top: 2.5em;
}
.singolodocumento a
{ text-decoration: none;
  color: rgb(109,22,140);
  background-color: white;
  box-shadow: 0 0 1em rgb(200 200 200);
  display: inline-block;
  width: 100%;
  padding: 2%;
  border-radius: 1em;
  display: inline-block;
  font-weight: bold;
  line-height: 4em;
  background-image: url(../img/frecciadoc.png);
  background-repeat: no-repeat;
  background-size: auto 40%;
  background-position: 97% center;
}
.singolodocumento a:hover
{ background-image: url(../img/frecciadocr.png);
  color:white;
  background-color: rgb(109,22,140);
}
.dettagliodocumento
{ width: 90%;
  display: block;
  position: relative;
  margin-left: 4%;
  padding: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
  margin-top: 0.5em;
  border-radius: 1em;
}
/****************************E_SHOP***************************/
.tabshop
{ position: relative;
}
.tabshop h1
{ padding-left: 2em;
  background-image: url(../img/bag.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.mostracarrello
{
  width: 100%;
  text-align: center;
  margin: 2em 0em;
  overflow: hidden;
  display: block;
}
.carrello1
{
  background-color: rgb(109,22,140);
  width: 100%;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  padding: 1em;
  margin: 0;
  color: white;
  position: relative;
  line-height: 3em;
  font-size: 75%;
  text-align: right;
  border: 0.2em solid rgb(109,22,140);
  background-image: url(../img/bag_ino.png);
  background-repeat: no-repeat;
  background-size: auto 40%;
  background-position: 10% center;
}
.carrello2
{ padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 0.2em solid rgb(109,22,140);
  border-right: 0.2em solid rgb(109,22,140);
}
.carrello3
{ border-bottom: 0.2em solid rgb(109,22,140);
  border-right: 0.2em solid rgb(109,22,140);
  border-left: 0.2em solid rgb(109,22,140);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
.carrello3 div
{ background-color: rgb(0,167,225);
  color: white;
  text-transform: uppercase;
  font-size: 75%;
  font-weight: bold;
  padding: 0.7em;
  margin-bottom: 0.5em;
  width: 14em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2em;
  cursor:pointer;
}
.categoriaprodotto
{ position: relative;
  display: inline-block;
  width: 11em;
  margin: 0.5em 0.5em 0.5em 0em;
  text-align:center;
  cursor:pointer;
  font-weight: 500;
  color: rgb(150,150,150);
}
.catselected
{ border-bottom: 0.2em solid rgb(109,22,140);
    color: rgb(109,22,140);
}
.categoriaprodotto:hover { color: black; }
.categoriatitolo
{ height: 2em;
  line-height: 2em;
  font-size: 120%;
}
.prodottoShop
{
  width: 48%;
  margin-right: 2%;
  border-radius: 1em;
  box-shadow: 0 0 1em rgb(200 200 200);
  display: inline-block;
  position: relative;
  margin-top: 2%;
  margin-bottom: 0;
}
.titoloprodotto
{ text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: rgb(109,22,140);
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  color: white;
  font-size: 100%;
  background-image: url(../img/info.png);
  background-size: auto 40%;
  background-repeat: no-repeat;
  background-position: 97% 0.5em;
}
.imgprodottomini
{ height: 12em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
}
.costoprodotto
{ text-align: center;
  font-size: 140%;
  border-bottom: 0.10em solid green;
  width: calc(100% - 2em);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}
.quantitaprodotto
{ display: block;
  text-align: center;
  /* width: 100%; */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* background-color: red; */
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 180%;
}
.quantitaconfig
{ display: block;
  text-align: center;
  /* width: 100%; */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* background-color: red; */
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 180%;
}
.immaginiprodotto
{ width: 22em;
  padding: 0.5em;
  height: 20em;
  overflow: auto;
  display: inline-block;
  left: 0;
  top: 0;
  position: relative;
}
.chiudiprodotto
{ width: 2em;
  height: 2em;
  margin-left: auto;
  cursor: pointer;
  background-image: url(../img/chiudidp.png);
  background-size: 100% 100%;
  background-position:center center;
}
.immaginiprodotto img
{ width:19em;
  margin-left: 1em;
}
.testo_prodotto
{ width: calc(100% - 24em);
  display: inline-block;
  text-align: justify;
}
.dettaglioprodotto
{ padding: 1em;
  border: 0.25em solid rgb(242,242,242);
  border-radius: 1em;
  margin-left: 3em;
  margin-right: 3em;
  margin-top:2em;
  margin-bottom: 6em;
  text-align: left;
  position: fixed;
  top: 0;
  background-color: white;
  z-index: 10;
  box-shadow: 0 0 2em black;
}
.quantitaprodotto div
{ display: inline-block;
}
.quantitaconfig div
{ display: inline-block;
}
.buttonminus
{ display: inline-block;
  width: 1em;
  height: 1em;
}

.buttonplus
{ display: inline-block;
  width: 1em;
  height: 1em;
}
.buttonplus:hover,
.buttonminus:hover {
  cursor:pointer;
}
.testino
{ display: block !important;
  font-size: 45%;
}

.carrello3
{
  cursor: pointer;
}

/*****************Dettaglio ticket cliente********************/
.parlaNOC
{ font-size: 80%;
  text-align: right;
  margin-right: 2em;
}
.parlaCliente
{ font-size: 80%;
  text-align: left;
  margin-left: 2em;
}



/**************************FINE E_SHOP************************/

.pulsanteindietro
{
  display: inline-block;
  color: black;
  background-color: #F0F0F0;
  cursor: pointer;
  padding: 1em 0em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 1em;
}

.pulsanteindietro:hover { background-color: #D0D0D0; }
.pulsanteindietro_popup
{
  display: block;
}
#okbutton
{
  color: white;
  border: 0;
  box-shadow: none;
  background-color: rgb(35,202,209);
  font-size: 100%;
  width: 90%;
  margin: 0 auto;
  border-radius: 1em;
}
#nobutton
{
  border: 0;
  color: black;
  background-color: #F0F0F0;
  box-shadow: none;
  font-size: 100%;
  width: 90%;
  border-radius: 1em;
  padding: 0.4em;
  margin: 0 auto;
}


/*******************SEZIONE DETTAGLIO VOIP********************/
.sezioneChiamate
{ background-color: white;
  margin: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.titoloChiamate
{ text-transform: uppercase;
  margin-top: 3em;
  margin-bottom: 1em;
  font-weight: 700;
}
.noChiamate { color:gray; }
.siChiamate { cursor: pointer; color:black; }
.chiamateMese
{ letter-spacing: 0px;
  padding-bottom: 0.5em;
  font-family: 'Karla', sans-serif;
}
.bolded { font-weight: bold; text-decoration: underline; }
.dettaglioVociVoip
{ border: 0.3em solid rgb(240,240,240);
  border-radius: 1em;
  box-shadow: 2px 2px 5px rgb(240 240 240);
  margin-top: 1em;
  margin-bottom: 2em;
}
.dettaglioVociVoip table
{ width: 100%;
}
.legendavoip
{ font-size: 50%;
  color: black;
  letter-spacing: normal;
  font-weight: normal;
}
.sezioneLegenda { text-align: right; }
.quadratino
{ width: 2em;
  height: 1em;
  display: inline-block;
  border: 1px solid gray;
  padding-right: 0.5em;
}
.testolegenda
{ display: inline-block;
  width: 37em;
  text-align: left;
}
.fissigratis { background-color: #E8FFB0; }
.fissi       { background-color: #E0FFA0; }
.cell        { background-color: #E0FFFF; }
.totcell     { background-color: #D0FFFF; }
.totaleChiamate { font-weight: bold; }
.dettaglioChiamate table
{ font-family: 'Karla', sans-serif;
  letter-spacing: 0px;
  width: 94%;
  margin-top: 1em;
  margin-bottom: 3.5em;
  text-align: left;
  border-collapse: collapse;
}
.nuovocommento
{ width: 100%;
  height: 8em;
}

/****************FINE SEZIONE DETTAGLIO VOIP******************/

.spiegarecupero
{
  font-size: 150%;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom:2em;
}

.spiegarecupero p i {
  color: var(--gen-aqua);
  position:relative;
}

.spiegarecupero p .fa-arrow-right {
  animation: moveRight 1s linear infinite;
}

.spiegarecupero p .fa-arrow-left {
  animation: moveLeft 1s linear infinite;
}

@keyframes moveRight {
  0%{left:0px;}
  25%{left:5px;}
  50%{left:10px;}
  75%{left:5px;}
  100%{left:0px;}
}

@keyframes moveLeft{
  0%{right:0px;}
  25%{right:5px;}
  50%{right:10px;}
  75%{right:5px;}
  100%{right:0px;}
}

.cambiaAvatar {
  display:none;
} /*al momento niente cambio di avatar */

body {
  font-size: 15px;
}










/* ..................... DANNY ................. */
/* ..................... DANNY ................. */
/* ..................... DANNY ................. */
:root {
  --normal-black: #000;
  --normal-white: #FFF;
  --roman-red: #CD0000;
  --scottish-blue: #0065bd;
  --eleganBlue: #427ed1;
  --lighter-blue: #4c8be0;
  --darker-yellow: #ffaf00;
  --coral-red: #FF7F50;
  --emerald-green: #00C957;
  --slate-blue: #7171C6;
  --medium-purple: #8968CD;
  --midnight-blue: #191970;
  --aqua: #00FFFF;
  --ruby-red: #e0115f;
  --scarlet-red: #ff2400;
  --linkedin-blue: #0077b5;
  --youtube-red: #da2b28;
  --instagram-fuchsia: #db067a;
  --facebook-lightblue: #6ca5d4;
  --gen-lightblue: #28c9d0;
  --gen-purple: #6d168c;
  --gen-aqua: #00ffb8;
  --gen-turquoise: #28ffd0;
  --gen-fuchsia: #ff2b7c;
  --gen-blue: #0000ee;
  --gen-light-purple: #bca6cb;
  --gen-purple2: #6831ac;
  --salvagente-blue: #28c9d0;
  --esigente-yellow: #f4ce00;
  --cream-white: #f0f0f0;
  --dimgray: #696969;
  --pale-green: #6ec59f;
  --pale-blue: #37c1cb;
  --text-gray: #cbc5ea;
  --gen-light-violet: #CE8BE6;
  --gen-white-snow: #e9e2ee;
  --gen-background-white: #f2eaf5;
  --gen-mix-white-gray: #f2f2f2;
  --gen-background-pink: #fff1f6;
  --faq-blue: #00a7e1;
  --ham-pink: #f8ab9c;
  --gen-prime-celeste: #7adee2;
  --pale-yellow: #f3ee76;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  list-style: none;
  color: inherit;
}
li {
  list-style: none;
}
.hide {
  display: none;
}
.blur-all {
  filter:blur(8px);
}
.no-overflow {
  overflow: hidden;
}
.flex-row {
  display:flex;
}
.flex-column {
  display:flex;
  flex-direction: column;
}

#outside-container {
  position: relative;
  font-size: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  height: 100%;
}

.ricordami-pw-box {
  display:flex;
  justify-content:center;
  color: var(--gen-purple);
}

#burger {
  font-size: 25px;
  color: var(--gen-aqua);
  display: none;
}

#burger a:first-of-type {
  display: flex;
  justify-content: flex-end;
}

#burger .fa-bars {
  height:1em;
}

#burger .fa-sign-out-alt {
  font-size: 3em;
}

/* ..... DROPDOWN ..... */
.dropdown {
  width: 60%;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  font-size: 17px;
  z-index: 10;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
  color: var(--gen-purple);
  background-color: var(--normal-white);
  overflow-y: auto;
  scrollbar-color: var(--gen-aqua) var(--gen-purple2);
  margin:0 auto;
}

@media (orientation: landscape)
{ .dropdown { column-count:2; height: 80%; min-height: 34em; top:3em; font-size: 14px; }
}
@media (orientation: portrait)
{ .dropdown { height:100%; min-height: 100vh; font-size: 17px; top:0; }
}

.dropdown li {
  width: 90%;
  min-height: 5em;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown li a {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dropdown li span {
  display: flex;
  flex-direction: column;
}

.dropdown li a img {
  padding: 0px;
  height: 3em;
  margin: 1em 0em;
}

.fa-times {
  cursor: pointer;
  font-size: 30px;
  position: relative;
  top: 30px;
  right: 15px;
}

#li-speciale {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  border:none;
  height:6em;
}

#home-menuBtn {
  border-bottom: 0.1px solid var(--gen-purple);
  cursor: pointer;
  display: flex;
  height:5em;
}

#home-menuBtn i {
  font-size: 3em;
  margin-right: 0.2em;
}

.dropdown li:last-of-type {
  border: none;
}

/* ..... FOOTER ..... */

.footer {
  width: 100%;
  position:absolute;
  bottom:0;
  left:0;
  border-top: 0.1em solid rgb(109, 22, 140, 0.1);
  /* debug */
  height: 5em;
  min-height: 5em;
}

.footer .central-container {
  width: 60%;
  height: 100%;
  margin:0 auto;
  display:flex;
}

.footer .central-container .footer-container {
  font-size: 0.8em;
  line-height: 140%;
  width:100%;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  color:var(--gen-purple);
}

.call-us {
  color: var(--gen-aqua);
  font-weight: bold;
  cursor:pointer;
}

.pw-recovery {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

.uppop {
  font-size: 0.8em;
  min-height: 30em;
}

.uppop b:first-of-type {
  margin-bottom: 1em;
  font-size: 1.5em;
}

#greet {
  font-weight: 500;
  font-size: 100%;
  /*cursor:pointer;*/
}

#virgolette {
  font-size: 160%;
  font-weight: 500;
  color: var(--gen-aqua);
}


.richiestacampo-speciale {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;

}

.richiestacampo-speciale .pulsantemodifica {
  margin: 2em 0em 1em 0em;
}

.dy-btn-edit {
  margin: 2em 0em;
}

.dy-vrtext {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 90%;
  margin: 0 auto;
}


.all-elements {
  display: flex;
  flex-direction: column;
}

.menuSelector {
  margin: 0;
  width: 100%;
  padding: 0;
}

.menuSelector .single-element {
  border: none;
  border-bottom: 0.1px solid var(--gen-purple);
  border-radius: 0;
  background-size: 8% auto;
  background-position: center 1em;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}

.box-head {
  height: 100%;
  border-left: 0.15em solid rgb(0,255,184);
}

.intab_anagrafica {
  display:flex;
  justify-content: center;
}

.intab img {
  height: 3em;
  margin-bottom: 0.3em;
}

.metteVociInline1 {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.metteVociInline2 {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
}

.img-container {
}

.para-container {
}

#nuovocell {
  font-size: 120%;
}

#linkfilmato {
  margin-top: 1em;
  text-decoration: underline;
  cursor: pointer;
}

.trasloco-btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#scegli-contratto-img {
  height: 4.5em;
  margin-right: 0em;
}

/*Qui la nuova gestione delle stagionali*/
.titolop
{  margin: 0.3em;
}
.testop
{ font-size: 70%;
  text-transform: none;
  width: 100%;
  display: block;
}

#moduloVolturaID.moduloVoltura form {
  margin: 2em 0em;
}

#moduloVolturaID.moduloVoltura form .corpovoltura center {
  font-weight: bold;
  margin-right: auto;
  border-bottom: 1px solid var(--gen-purple);
  padding-bottom: 2em;
  text-align: left;
}

#moduloVolturaID.moduloVoltura form .corpovoltura input,
#moduloVolturaID.moduloVoltura form .corpovoltura select {
  border: 1px solid var(--gen-purple);
  border-radius: 5px;
  height: 2em;
  padding-left: 10px;
  margin-bottom: 10px;
}

#moduloVolturaID.moduloVoltura form .corpovoltura select {
  border:none;
}

#moduloVolturaID.moduloVoltura form .corpovoltura input:focus {
  outline: none;
}

a.download {
  color: var(--gen-purple);
  font-weight: bold;
  text-decoration: underline;
  animation: onOff 3s linear infinite;
}

@keyframes onOff {
  0% {text-decoration: underline;}
  25% {text-decoration: none;}
  50% {text-decoration: underline;}
  75% {text-decoration: none;}
  100% {text-decoration: underline;}
}

#moduloVolturaID.moduloVoltura .trasloco-btn-container {
  width:50%;
  margin:0 auto;
}
.tabpromoGenEnergy { width: 100% !important; }
#intab_promoGenEnergy{
  background-color: #008944;
  color: white;
}
.chiamaora
{ font-size: 150%; 
}
.anti3
{ margin-top:1em; 
}
.anti4
{ background-color: #5349d8;
  width: 80%;
  border-radius: 4em;
  box-shadow: 0px 0px 5px 1px #5349d8;
}
.anti4>img { width: 8em; }

/* ..................... DANNY ................. */
/* ..................... DANNY ................. */
/* ..................... DANNY ................. */