@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Boogaloo);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);

.scuro{
  color: var(--color-dark);
}

.chiaro{
  color: var(--color-light);
}

.mezzatinta{
  color: var(--color-halftone);
}

.font-primario {
  font-family: var(--font-primary);
}

.font-secondario{
  font-family: var(--font-secondary);
}

h5 {
  font-family: var(--font-primary);
  font-size: 20px;
  color: var(--color-dark);
  margin-bottom: 0px;
}

footer {
  left:0;
  background-color: var(--color-dark);
  width: 100%;
}
footer .footer-copyright, footer .footer-copyright a {
  color: var(--color-light);
  font-family: var(--font-secondary);
}
footer .footer-copyright a:hover {
  color: var(--color-halftone);
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Footer sempre in basso: niente spazi bianchi sotto */
footer,
footer.page-footer,
footer.cspr-footer {
  margin-top: auto;
  flex-shrink: 0;
}

.page-footer{
  background-color: var(--color-dark) !important;
  color: var(--color-light);
}

.clearfix{
  clear:both;
  width:100%;
  height:1px;
  display:block;
}

#body_login{
  background-image: var(--image-login);
  font-family: var(--font-secondary);
  height: 100%;
  padding-top: 55px;
  border-bottom:5px solid;
  border-color: var(--color-dark);
}

#body_std{
  background-image: var(--image-login);
  font-family: var(--font-secondary);
  height: 100%;
  padding-top: 55px;
  border-color: var(--color-dark);
}


.mezzaMisura{
  margin:0px;
  color: var(--color-halftone);
  font-size: 18px;
}

#divLogin{
  margin-top: 35px;
  font-family: var(--font-primary);
  font-size:19px;
}

#textLoginPers{
  margin-top: 25px;
  font-family: var(--font-primary);
  font-size:10pt;
  color:#575757;
}

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
  line-height: 55px;
}

nav{
  font-family: var(--font-primary);
}

nav a{
  font-family: var(--font-primary);
  font-size: 15px !important;
}

nav .chiaro a{
  height: 55px;
  line-height: 140%;
  max-width: 180px;
  padding-top: 5px;
}

nav .chiaro a i{
  margin-top: -5px;
}

footer h3{
  font-family: var(--font-primary);
}

#navigazione_primaria{
  height: 55px;
  margin-top: 0px;
  background-color: var(--color-dark) !important;
  margin-bottom:9px;
}

#navigazione_primaria_index{
  background-color: var(--color-dark) !important;
  height: 55px;
}

#barraLingue{
  height: 55px;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--color-dark);
  font-family: var(--font-primary);
}

#btnEsci #testoLingue{
  color: var(--color-dark);
}

#titolo_benvenuto_login{
  margin-top: 40px;
}

#form_login{
  margin-top: 35px;
}

nav li a{
  color: var(--color-light);
}

.btn{
  background-color: var(--color-dark) !important;
  color: var(--color-light);
  height: 35px;
  border-radius: 8px;
  font-family: var(--font-primary);
  text-transform: none;
  box-shadow: none;
}

i.left{
  margin-right: 10px;
}

table{
  margin-top: 40px;
  margin-bottom: 40px;
}

.immagineCarrello{
  height: auto;
  max-width: 100px;
}

.tabs{
  margin-bottom: 40px;
}

.btn .hover{
  box-shadow: none;
}

label#lblError, #lblErrorRecuperaPwd {
  clear: both;
  color: #d50000;
  display: block;
  float: none;
  font-family: var(--font-secondary);
  font-size: 16px;
  padding-top: 10px;
  width: 100%;
}

#lblVaiARegistrati, #lblVaiARegistrati label a{
  clear: both;
  text-decoration: underline;
  color: var(--color-halftone);
  margin-top:20px;
  font-size: 16px;
}

label#lblMsg {
  clear: both;
  color: green;
  display: block;
  float: none;
  font-family: var(--font-secondary);
  font-size: 16px;
  padding-top: 10px;
  width: 100%;
}

label#lblError2{
  clear: both;
  color: #d50000;
  display: block;
  float: none;
  font-family: var(--font-secondary);
  font-size: 16px;
  padding-top: 10px;
  width: 100%;
}

#lblMessage {
  display: block;
  margin-top: 10px;
  width: 100%;
  font-family: var(--font-secondary);
  font-size: 16px;
}

.card-reveal{
  background-color: var(--color-light) !important;
}

.sfondoTrChiaro{
  background-color:RGBa(255, 194, 94, 0.8);
}

#immagineFesteggiato{
  border-radius:50%;
  height:200px;
  width:200px;
  border-color: var(--color-halftone);
  border-width:2px;
  border-style:solid;
  margin:0 auto;
  margin-top: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.footer-copyright{
  font-size: 14px;
  font-family: var(--font-secondary);
  font-style: var(--color-light);
}

footer h3.center{
  font-size: 32px;
}

#boxBenvenuto{
  background-color: rgba(255, 255, 255, 0.7);
  margin:0 auto;
  margin-top:50px;
  border-radius:10px
}

#contenitore_logo_index img {
  width: auto;
  height: 100%;
  max-width: 225px;
}

#contenitore_logo_index{
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
  height: 135px;
  margin: -40px 0;
  overflow: hidden;
  padding: 10px;
  width: 245px;
}

.tabs .indicator{
  background-color: var(--color-halftone);
}

.tabs .tab a, .tabs .tab a:hover {
  color: var(--color-dark);
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: none;
}

@media (min-width:1420px) {
  body.a_sposi .right.hide-on-med-and-down.mnu_sposi li {
    left: -200px;
    position: relative;
  }
  .col_carrello_descrizione {
    position: relative;
    left: -50px !important;
  }
}

@media (max-width:1192px) and (min-width:900px) {
  body.a_sposi .right.hide-on-med-and-down.mnu_sposi li {
    left: -20px;
    position: relative;
  }
}

@media (max-width:1420px) and (min-width:1192px){
  body.a_sposi .right.hide-on-med-and-down.mnu_sposi li {
    left: -140px;
    position: relative;
  }
}

@media (max-width: 1025px) and (min-width: 970px){
  body.a_invitati .right.hide-on-med-and-down.mnu_invitati{
    position:relative;
    left: 90px;
  }
}

@media (min-width:351px) and (max-width: 992px) {
  nav {
    margin-top: 30px;
  }
  .brand-logo.center img {
    height: auto;
    margin: -25px 0 0;
    max-width: 190px;
    width: 100%;
  }
  div.privacy{
    height: auto;
    overflow: auto;
  }
}

@media (max-width: 350px) {
  nav {
    margin-top: 30px;
  }
  .brand-logo.center img {
    height: auto;
    margin: -15px 0 0;
    max-width: 190px;
    width: 100%;
  }
  #spaziaturaNavAlto{
    margin:10px
  }
  div.privacy{
    height: auto;
  }
}

.servizio{
  /* min-height:550px;*/
}

.card-reveal .card-title {
  font-family: var(--font-primary);
  font-size: 17px;
}

.card-reveal p{
  font-family: var(--font-secondary);
  font-size: 16px;
}

.quadroServizio{
  /*height:200px;*/
}

.immagineServizio{
  /*height:200px;*/
}

.titoloServizio{
  color: var(--color-dark) !important;
  background-color: rgba(255, 255, 255, 0.5);
  width:100%;
  text-shadow: 1px 1px #fff;
}

#contenitoreCosaCiHannoRegalato{
  max-width: 470px;
  margin: 0 auto;
}

#torta{
  margin-left: -30%;
  height: 190px;
}

#id_a_che_punto_siamo{
  padding: 28% 0;
  line-height: 160%;
  text-align: left;
  margin-left: 20px;
}

#id_a_che_punto_siamo_pwb {
  padding: 5% 0;
  line-height: 160%;
  text-align: left;
  margin-left: 20px;
}

#immagineViaggio{
  min-height:200px;
  width: 100%;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.lblInvalid{
  color: red !important;
}

.decoro, .decoro svg{
  color: var(--color-halftone) !important;
  fill:currentColor !important;
  height:50px !important;
  margin-bottom: -15px !important;
}

.decoro svg g path{
  fill: var(--color-halftone);
}

.decoro.sx{
  /*margin-right: -100px;*/
}

.decoro.dx{
  /*margin-left: -100px;*/
}

.footer{
  height:50px;
}

.immagineLingua{
  margin: 0;
  height:25px;
  position: relative;
  top: 5px;
}

.bandierineAggiornaTesti {
  height:35px;
  float: left;
}

input.valid:not([type]), input.valid:focus:not([type]), input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus{
  border-bottom: 1px solid;
  border-color: var(--color-halftone) !important;
  box-shadow: 0 1px 0 0 var(--color-halftone) !important;
}

input.valid:not([type]) + label::after, input.valid:focus:not([type]) + label::after, input.valid[type="text"] + label::after, input.valid[type="text"]:focus + label::after, input.valid[type="password"] + label::after, input.valid[type="password"]:focus + label::after, input.valid[type="email"] + label::after, input.valid[type="email"]:focus + label::after, input.valid[type="url"] + label::after, input.valid[type="url"]:focus + label::after, input.valid[type="time"] + label::after, input.valid[type="time"]:focus + label::after, input.valid[type="date"] + label::after, input.valid[type="date"]:focus + label::after, input.valid[type="datetime-local"] + label::after, input.valid[type="datetime-local"]:focus + label::after, input.valid[type="tel"] + label::after, input.valid[type="tel"]:focus + label::after, input.valid[type="number"] + label::after, input.valid[type="number"]:focus + label::after, input.valid[type="search"] + label::after, input.valid[type="search"]:focus + label::after, textarea.materialize-textarea.valid + label::after, textarea.materialize-textarea.valid:focus + label::after{
  color: var(--color-halftone) !important;
}

input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  border-bottom: 1px solid;
  border-color: var(--color-halftone) !important;
  box-shadow: 0 1px 0 0 var(--color-halftone) !important;
}

input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label{
  color: var(--color-halftone) !important;
}

.progress{
  height:20px;
}

.titolo{
  margin: 60px 0px;
}

.header_pagine{
  font-family: var(--font-secondary);
  background-image: var(--image-header);
  background-size: 100% auto;
  background-position: center;
  padding-bottom: 60px;
}

.header_pagina_servizi{
  font-family: var(--font-secondary);
  background-image: var(--image-header);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color:#fff;
}

@media (max-width:550px) and (min-width: 100px){
  .header_pagina_servizi.finestraGrande{
    background-size: auto 100%;
  }
}

.margint20 {
  margin-top:20px;
}

.corpo_pagine {
  font-family: var(--font-secondary);
  min-height: calc(100vh - 363px);
  flex: 1 0 auto;
  color: var(--color-dark);
}

.scrittaModLingua {
  margin-left: 10px;
  text-transform: none;
}

#formPassword {
  margin-top: -40px;
}

#spaziaturaNavAlto.row{
  left: 0;
  right: 0;
  width: auto;
  margin:0;
}

#spaziaturaNavAlto.row nav{
  height: 55px;
}

#spaziaturaNavAlto.row .col.offset-s7{
  margin-left: 0;
  float: right;
  padding: 0;
}

.progress .determinate{
  background-color: var(--color-light);
}

.progress{
  background-color: var(--color-dark);
}

i.scarica {
  position: relative;
  top: 5px;
  color: var(--color-halftone);
}

#boxBenvenuto p.scuro{
  margin:20px 0;
}

#boxBenvenuto i {
  position: relative;
  top: 5px;
}

#messageWelcome{
  padding-top:30px;
}

#totale {
  color: var(--color-halftone) !important;
  font-family: var(--font-primary);
  font-size: 18px;
}

table th td{
  height: 45px;
}

table.regali i {
  color: var(--color-halftone);
  position: relative;
  top: 5px;
}

.testata_tabelle{
  background-color: var(--color-dark);
  font-family: var(--font-primary);
  color: var(--color-light);
  font-weight: normal;
}

.testata_carrello {
  background-color: var(--color-dark);
  font-family: var(--font-primary);
  color: var(--color-light);
  font-weight: normal;
  height: auto;
  padding: 10px 0 10px 20px;
  margin-bottom: 0;
}

.riga_carrello{
  padding:10px;
  border-bottom: solid 1px #eee;
}

.container .row.riga_carrello {
  margin: 0;
}

.riga_carrello .col {
  max-height:100px;
  width:100%;
  margin: auto;
  text-align: left;
}

.riga_carrello div {
  line-height:100px;
}

i.material-icons.left.mezzatinta {
  line-height:100px !important;
}

i.material-icons.right.mezzatinta {
  line-height:100px !important;
}

.inputCart{
  width:200px;
}

.testata_tabelle th {
  height: 45px;
  font-weight: normal;
  padding: 10px 0 10px 20px;
}

.stile_riga_scuro{
  background-color: #eee;
}

td {
  color: var(--color-dark);
  padding: 10px 0 10px 20px;
}

.stile_riga_chiaro{
  background-color: #fff;
}

.stile_riga_alert{
  background-color: #ffdc42;
}

#id_menu_carrello{
  display: inline;
  margin:0;
  padding: 0;
}

.pagamenti{
  margin: 10px 0 0px 0;
}

div.privacy{
  margin-top: 15px;
  font-size: 14px;
  color: var(--color-dark);
  height: 150px;
  overflow: scroll;
}

h5.privacy{
  color: var(--color-halftone);
}

.registrazione .decoro{
  height: 30px;
  margin-bottom: -10px;
}

#lblRecuperaPassword a{
  text-align: center;
  font-size: 16px;
  display: block;
  width: 100%;
  color: var(--color-halftone);
  margin:0;
  margin-bottom: -10px;
}

#lblRecuperaPassword{
  display: block;
  width: 100%;
}

.linguaSelezionata{
  background-color: #ddd;
}

#scaricaProgrammaDettagli{
  color: var(--color-dark);
}

h5#nomeFesteggiato{
  font-size: 24px;
  text-shadow: 2px 2px 1px rgba(255,255,255,0.6);
}

#immagineLogin{
  background-image: var(--image-header);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

#new_body{
  margin-top: 50px;
  background-image: var(--image-header);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

#body_login{
  background-image: url("../../../standard/siapDesign/img/sfondo.jpg");
}

.prezziScuri{
  color: var(--color-dark) !important;
}

#report a {
  color: var(--color-dark);
}

.servizioRegalato p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.card .card-title{
  font-size: 17px;
  font-family: var(--font-primary);
  color: var(--color-dark);
}

.side-nav.large a, .side-nav.large li{
  color: var(--color-dark);
}

.side-nav li #regalatoMobile{
  line-height: 27px;
}

.side-nav li:hover, .side-nav li.active{
  background-color: transparent;
}

.btnApriServizio{
  text-align: center;
}

.pulsantiDettaglio {
  margin-top: 30px;
  margin-bottom: 30px;
}

a {
  cursor: pointer;
}

#visTotale{
  padding-right: 25px;
  margin: 0;
  margin-top: 20px;
}

#cartTable {
  margin-bottom: 0;
}

td, th{
  border-radius: 0 !important;
}

thead{
  border-bottom: none;
}

.nascosto{
  visibility: hidden;
  display: none;
}

.testata_tab_mobile{
  background-color: var(--color-dark);
  font-family: var(--font-primary);
  color: var(--color-light);
}

.testata_tab_mobile p{
  margin:10px;
}

.elem_mobile{
  border-bottom: 1px solid var(--color-dark);
  padding-bottom: 10px;
  margin-top: 10px;
}

.elem_mobile p input{
  text-align: center;
}

.elem_mobile p.left{
  margin-left: 10px;
}

.infoServizio div{
  margin: 0;
  padding: 0;
}

.pulsanti_elem_cart_mob{
  margin: 0 auto;
  height: 50px;
  width: 70px;
  display: block;
}

.infoLogin h5.center.titolo{
  margin-bottom: 40px;
}

.infoLogin p {
  text-align: center;
  color: var(--color-halftone);
  font-style: italic;
  margin: -20px;
}

.infoLogin p.disclaimer {
  text-align: left;
}

.dropDownPagamento{
  margin-top: 15px;
}

input#amountSold_2.scuro.prezziScuri{
  margin-bottom: 0px;
}

input#mob_input_2.scuro.prezziScuri.inputFeeSold{
  margin-bottom: 0px;
}

.elem_mobile input#mob_input_2.scuro.prezziScuri.inputFeeSold{
  width: 50px !important;
}

div.progress.center.col.s8.m6.l4.offset-s2.offset-m3.offset-l4:before{
  content: ""
}

#tabella_mobile img.immagineCarrello{
  margin-top: 10px;
}

#tabella_mobile .elem_mobile p{
  margin-bottom: 0px;
  margin-top: 0px;
}

a.disabled {
  pointer-events: none;
}

.nascondi{
  display:none;
  visibility: hidden;
}

.mostra {
  display:visible;
}

#price_start{}
#tag_amountSold{}

@media (max-width: 992px){
  #contenitore_logo_index{
    width: 210px;
    height: 110px;
    margin: -27px 0;
  }
  .brand-logo.center img{
    margin: 0;
  }
  #navigazione_primaria{
    margin-top: 40px;
  }
  .decoro{
    max-width: 80px;
  }
}

@media (min-device-width: 600px){
  #btnDestraDetail a{
    float: right;
  }
  #btnSinistraDetail a{
    float: left;
  }
  #registrazioneDaAbbassare{
    margin-bottom: 22px !important;
  }
  .riga_carrello .col {
    line-height:100px;
  }
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: var(--color-halftone);
  font-size: 14px;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 100px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
}

footer.page-footer .footer-copyright .container {
  margin-top:25px;
}

.intestazionePay {
  padding: 10px 20px;
  margin-top: 20px;
}

.boxPay  {
  border: solid 1px #eee;
  border-radius: 10px;
  padding: 10px;
}

.boxPay img {
  width: 100%;
}

.boxPay label {
  font-family: var(--font-secondary);
  color: var(--color-dark)
}

[type="radio"]:checked + label:after {
  border: 2px solid var(--color-halftone);
  background-color: var(--color-halftone);
}

a.button_strength {
  color: var(--color-halftone);
  font-family: var(--font-secondary);
}

.input-field label.active {
  font-size: 16px !important;
}

.rowQuote {
  margin-bottom:5px;
}

.centraNav {
  margin: auto 0;
  vertical-align: middle;
  line-height: 50%;
}

.statusPWB {
  border: 5px solid;
  border-radius:100%;
  text-align:center;
  padding:10px;
  max-width:150px;
  max-height:150px;
  height:20vw;
  width:20vw;
}

.percentualePWB {
  position:relative;
  top:10%;
}

.fixMargin {
  margin-right: 0;
}

.col_carrello_descrizione {
  overflow: hidden;
}

@media (max-device-width: 600px){
  .decoro{
    display: none;
    visibility: hidden;
  }

  #btnDestraDetail, #btnDestraDetail a{
    float: none;
    text-align: center;
  }

  #btnSinistraDetail, #btnSinistraDetail a{
    float: none;
    text-align: center;
    margin-top:0;
  }

  #id_a_che_punto_siamo{
    text-align: center;
    margin: 0;
    padding: 0;
  }

  #torta{
    margin-left: 0%;
  }

  .riga_carrello .col {
    line-height:40px;
  }

  .importoCarrello span{
    float: left;
    margin-right: 10px;
  }

  .importoCarrello input{
    float: left;
    width: 60%;
  }

  .inputCart, .importoCarrello input {
    margin: 0 !important;
  }

  i.material-icons.left.mezzatinta {
    line-height: 40px !important;
  }

  .nascondi_device {
    visibility: hidden;
    display: none;
  }

  .statusPWB {
    max-width:300px;
    max-height:300px;
    height:100vw;
    width:100vw;
    margin: 0 auto;
  }

  .percentualePWB {
    top:30%;
  }

  #id_a_che_punto_siamo_pwb {
    text-align: center;
  }
}
