body{ margin:0px; font-family: 'Montserrat', sans-serif;  font-size:15px; background-size:cover; background-repeat:no-repeat;}
.container_web_app{  color:#ffffff; background-color:#FC4A14; }


.add-button-footer{
    background-color: #FC4A14;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 42px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 18px;
    font-weight: 700;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	margin:auto;
	margin-top:100px;
	width:100%;
	padding-bottom:70px;
}

.img-responsive{ width:100%;}

.cont_logo{ max-width:130px; margin:auto; margin-top:20px; margin-bottom:5px;}
.white_700{ color:#FFF; font-weight:700; font-size:18px;}



body{ margin:0px; font-family: 'Montserrat', sans-serif;}
.container_arancione{ 
background: #fc4a14; /* Old browsers */
background: -moz-linear-gradient(left,  #fc4a14 0%, #ff6900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fc4a14 0%,#ff6900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fc4a14 0%,#ff6900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4a14', endColorstr='#ff6900',GradientType=1 ); /* IE6-9 */
 color:#ffffff; }
.promozione_titolo{ text-align:center; padding-top:20px; font-size:21px; font-weight:700;}
.promozione_descrizione{ text-align:center; padding-top:4px; padding-bottom:12px; font-size:19px;font-weight:600; min-height:70px; line-height:24px;}


.promozione_button_scroll{ text-align:center; margin-top:12px; padding-bottom:15px;}
.text_button_submit_2{ display:none}

.button{ background-color:#FFF; color:#FC4A14; text-transform:uppercase; line-height:42px; padding-left:14px; padding-right:14px; font-size:18px;font-weight:700; border:0px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
 }
 
.button_1{ background-color:#FFF; color:#FC4A14; line-height:42px; padding-left:14px; padding-right:14px; font-size:17px;font-weight:700; border:0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-bottom: 3px;
padding-top: 3px;
margin-left: 3px;
margin-right: 3px;
}


.button_1_active{ background-color:#4472c4; color:#ffffff;}

.button_1:hover{color:#FC4A14; text-decoration:none;}


.button_2{background-color:#FFF; color:#000000; line-height:28px; padding-left:14px; padding-right:14px; font-size:15px;font-weight:700; border:0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-bottom: 3px;
padding-top: 3px;
margin-left: 3px;
margin-right: 3px;
text-align:left;
width:100%;
margin-bottom:20px;
margin-top:20px;
}
.arrow_1{ float:right}
.arrow_1 img{ width:23px;}

 
.animate__animated.animate__bounce {
  --animate-duration: 2s;
}
.img_arrow{width:40px; margin-top:30px; cursor:pointer; margin-bottom:28px;}







.container_customer{
background: rgb(252,74,20);
background: -moz-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(252,74,20,1) 100%);
background: -webkit-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(252,74,20,1) 100%);
background: linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(252,74,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc4a14",endColorstr="#fc4a14",GradientType=1);
}
.header_account{font-size:15px; color:#FFF; text-align:center; padding-top:42px; padding-bottom:20px;}

.account_login{ padding-top:5px; padding-bottom:5px; text-align:center;}

.dropdown-toggle{ width:100%;}
.sel_operatore{ font-size:16px; padding-left:16px; padding-top:14px; font-weight:500; padding-bottom:10px; color: #000000}
.opzione_operatore{font-size:16px; font-weight:800; padding-left:15px; padding-bottom:2px; color: #000000} 


.container_customer_p{ padding:16px;}

.text-privacy{ color:#FFF; font-size:15px; padding-bottom:20px; 
}

.divider-animate {
display: block;
width: 100%;
height: 80px;
max-height: 80px;
margin: 0;
z-index: 5;
margin-top:-80px;
left: 0px;
float: left;

}
.divider-animate .parallax1 > use {
    animation: divider-animate-parallax1 10s linear infinite;
		animation-delay: -2s;
}



.footer{ color:#97999B; font-size:15px;}
.footer_copyright{ margin:auto; width:300px; text-align:center}
.footer_links{ margin:auto; width:300px; text-align:center}
.footer_ssl{ margin:auto; width:42px; text-align:center; padding-top:22px;}
.footer_web_app{ margin:auto; width:150px; text-align:center; padding-top:15px; color:#2A99D5; font-size:13px;}



.container_customer_register_old{
	background: rgb(252,74,20);
	background: -moz-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
	background: -webkit-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
	background: linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc4a14",endColorstr="#ff6900",GradientType=1);
}

.icon_register{margin:auto; width:115px; text-align:center; padding-top:50px;}
.text_register{margin:auto;  text-align:center; padding-top:20px; padding-bottom:36px; font-size:18px;font-weight:700; color:#ffffff; line-height:26px;}

.button_close_register{ padding-bottom:120px;}
.container_customer_register{ min-height:500px; display:none}


.alert_campi_vuoti{ margin-top:10px; background-color:#FFF; font-size:15px; clear:both; padding:12px; color:#000000; }

.footer_cont_1{border-bottom:2px #FF6900 solid; margin:25px;}

.footer_seven_consulting{text-align:center; padding-bottom:15px; margin:auto; width:260px;}




.btn_privacy{ cursor:pointer; color:#000; font-weight:600;}
.container_qr_code{ margin:auto; width:175px; text-align:center; margin-top: 28px;}
.container_qr_code_text{ text-align:center; padding-top:12px; color:#FFF; font-size:18px; letter-spacing: 2px;}



.container_input {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:right;
}

.container_input input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 1px #000 solid;
}

.container_input:hover input ~ .checkmark {
  background-color: #ccc;
}


.container_input input:checked ~ .checkmark {
  background-color: #ffffff;
  border: 1px #000 solid;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_input input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmark:after {
  left: 9px;
  top: -8px;
  width: 12px;
  height: 28px;
  border: 1px solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container_save_qr_code_text{ padding-top:30px; padding-bottom: 30px;}

.modal-header, .modal-body, .modal-footer{ background-color:#333; color:#ffffff;}
.operatore_selezionato{ font-size:14px;}


@keyframes divider-animate-parallax1 {
  0% {
    transform: translate(-85px, -3%);
}
100% {
    transform: translate(90px, -3%);
}
}


.container_customer_logo_influencer{ margin:auto; width:330px; padding-top:40px;}
.influencer_bg_01{background: rgb(252,74,20);
background: -moz-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
background: -webkit-linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
background: linear-gradient(152deg, rgba(252,74,20,1) 0%, rgba(255,105,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc4a14",endColorstr="#ff6900",GradientType=1); color:#ffffff;}
.influencer_what_jip{padding-top:20px; padding-bottom:10px; text-align:center; font-size:18px; font-weight:700;}
.influencer_btn_jip{padding-top:10px; padding-bottom:20px; text-align:center; font-size:15px;}
.influencer_txt_remember{ text-align:right; line-height: 22px; font-size: 15px;}
.influencer_txt_01{font-size: 15px; text-align:center; padding-top:3px; padding-bottom:20px;}
.influencer_txt_02{font-size: 15px; text-align:center; padding-top:3px; padding-bottom:20px; font-weight:700;}





















.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333333;
  position: fixed;
  width:100%;
  z-index: 99;
  max-width:800px;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 12px 20px;
  text-decoration: none;
  font-size: 20px;
  display: block;
  line-height:24px;
  margin-bottom:0px;
  margin-top:0px;

}
.topnav a:hover {
  color: #ffffff;

}

.topnav .icon {
  background: #ffffff;
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  color:#FF6900;
  line-height:54px;
}

.topnav a:hover {

}
.topnav .icon i{ font-size:32px; margin-top:26px; margin-left: 20px; cursor: pointer; margin-right: 25px;}
.topnav .icon span{ font-size:38px; margin-top:24px; margin-left: 5px; cursor: pointer; margin-right: 25px;}
.active {
  background-color: #ffffff;
  color: white;
}








@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.spinner-border {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    vertical-align: text-bottom;
    border: .25em solid;
    border-right: .25em solid transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}




#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */

}

.container_dashboard{ display:none;}
.btn_dashboard{ margin-bottom:20px; margin-top:15px; 
margin-left: auto;
margin-right: auto;}

.btn_dashboard .cont_logo .normale{display:block;}
.btn_dashboard .cont_logo .attivo{ display:none;}


.btn_dashboard  .attivo .normale{display:none;}
.btn_dashboard  .attivo .attivo{ display:block;}




.bg-header_mese{ background-color:#FC4A14; color:#FFF;}
.bg-header_mese h3{margin-top: 10px; margin-bottom: 10px;}
.bg-header_giorno{max-width:45px; height:22px; text-align:center; background-color:#FF6900; padding:5px;}
.bg-header_giorno h5{ font-size:18px;}
.cella_calendario{ font-size:18px; color:#FFF; background-color: rgba(255, 105, 0, 0.4); background: rgba(255, 105, 0, 0.4);}
.calendar_giornocorrente{ font-weight:700;}
.calendar_day_disabled{ background-color:#CCC; color:#eeeeee;}
.btn_header_calendario{ width:30px;}
.button_calendario_scorri_mesi{ padding:5px; cursor:pointer;}

.appuntamento_elenco_bf{-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px; border:1px #FF6900 solid; background-color:#FFF; padding:12px;}
.container_motivo_richiesta{ width:260px; text-align: left; line-height: 32px; color: #000;}
.appuntamento_container{ margin-bottom:15px;}
#button_appuntamento_send{ display:none;}
#appuntamento_richiesta_inviata{ min-height:400px; display:none;}



.img-circle {
    border-radius: 50%;
    height: 85px;
    width: 85px;
	border:4px #FFFFFF solid;
}

.seleziona_premio{ cursor:pointer; margin-top:15px;}
.seleziona_premio_disabled{margin-top: 15px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */}
.seleziona_premio_selezionato .img-circle{height: 95px; width: 95px; border:4px #00aa00 solid; -webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;}

#btn_riscatta_premio{ display:none;}




.corner_elenco_bf{-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px; border:1px #FF6900 solid; background-color:#FFF; padding:12px; display:none}
.container_nome_corner{ width:100%; text-align: left; line-height: 32px; color: #000; cursor:pointer; font-size:13px; padding-left:16px; display:none;}
.container_nome_corner_preferito {
    width: 100%;
    text-align: left;
    line-height: 32px;
    color: #000;
	font-size:11px;
}








.facebook-sign-in_small{width:120px; cursor:pointer; 	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.13);
box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.13);
	
	}
.facebook-sign-in_small:hover{width:120px; cursor:pointer; -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25);}

.d-inline {
    display: inline-block;
	vertical-align: bottom;
	height: 70px;
	width: 120px;
	margin-left: 8px;
	margin-right: 8px;
}

.login_failed{ display:none;}

.field-icon {
  float: right;
  margin-right: 20px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  color:#000000;
}


#appuntamento_nuova_richiesta{ margin-bottom:45px;}


.container_lista_appuntamenti{ margin-top:15px; margin-bottom:15px;}
.lista_appuntamenti{ margin-bottom:15px; border-bottom:1px #000000 solid; padding-bottom:15px;}

.appuntamento_container{ display:none}


.background_card{ background-image:url(../images/card.png); background-repeat:no-repeat; background-size:contain; background-position:center top;}



.card_dal{text-align:center; padding-top:calc(29%); color:#ffffff;}
.card_nome{  text-align:center; padding-top:2px; font-weight:700; color:#ffffff; padding-left:30px; padding-right:30px;}
.card_codice{  font-size:16px; color:#ffffff; text-align:center; padding-top:calc(8%); letter-spacing: 2px;}
.btn_modal_dialog{ cursor:pointer;}

.container_qr_code_card{position: absolute; width: 75px; }
.footer_webapp{ background-color:#97999B; text-align:center; color:#ffffff; line-height:40px; padding-top:15px; padding-bottom:15px;}
.face_ocra {
    font-family: 'OCR A Std';
    src: url('../fonts/OCRAStd.woff2') format('woff2'),
        url('../fonts/OCRAStd.woff') format('woff');



}

.f-w_700{ font-weight:700;}


.appuntamento_da_confermare{background-color:#4473c5; padding-top:12px;}
.appuntamento_confermato{ background-color:#133670; padding-top:12px;}
.table_punti{ border-color:#ffffff;}
.table_punti th{ font-size:13px; border-color:#ffffff;}
.table_punti td{ font-size:12px; border-color:#ffffff;}


.table_documenti{border-color:#fc4a14; border:2px #fc4a14 solid  !important;}
.table_documenti td{ font-size:16px; border:2px #fc4a14 solid  !important; background-color:#FFF; color: #000; font-weight: 600; line-height:34px !important;}





.table_solo_per_te{border-color:#fc4a14; border:2px #fc4a14 solid  !important;}
.table_solo_per_te td{ font-size:16px; border:2px #fc4a14 solid  !important; background-color:#FFF;  line-height:34px !important; cursor:pointer;}

.dettaglio_solo_per_te_0{color: #000; font-weight: 600;}
.dettaglio_solo_per_te_1{color: #666; font-weight: 500;}


.notify{padding-right: 0px;}

.notify_icon {position: absolute;
width: 5px;
height: 5px; display: inline-block;
left: 10px;
top: 20px;}

.regione_punto_vendita{ color:#000; font-size:15px; margin-top:8px; line-height:26px; font-weight:600; cursor:pointer}

.regione_appuntamento{font-size:18px; font-weight:600; background-color:#FFF; color:#000; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; line-height:42px; padding:10px; margin-bottom:16px; cursor:pointer;}
.nome_regione_appuntamento{ text-align:left;}

.appuntamenti_punti_vendita{ display:none}

.icon_info_livelloaccesso{font-size:32px !important; margin-top:8px; margin-bottom:12px; cursor:pointer}