@charset "utf-8";
/* CSS Document */
/*@import url("bootstrap.css");*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');
/**/

/*================================== BOOT ===============================================*/
body{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; background-image: url(../img/background.png); background-repeat: no-repeat; background-position: center top; background-color: #0c4b80; }

/*================================== SITE ===============================================*/

#alert { display:none; position: fixed; z-index: 10001; font-size: 14px; color: #000; background-color: rgba(0, 45, 71, 0.90); height: 100%; width: 100%; padding-top: 10%; left: 0px; top: 0px; }
#alert .errori { text-align:center; width: 400px; max-width: 100%; position: relative; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 20px; padding-bottom: 20px; }
#alert .testoAlert { margin: 10px; background-color: #FFF; padding: 20px }

header{  min-height:235px; }
strong{ font-weight:700}
.accesso{ margin-top: -235px; position:relative; max-width:727px;margin-left:150px }
.form_accesso{ position:absolute; z-index:10; bottom:8%; left:43%}
.codice{ border-radius: 30px; padding: 8px 20px; border: none; margin:5px 0; width:230px }
.contentText{font-weight: 300; font-size:20px; text-align:left }
.chiaro{ background-color: rgba(0,0,0,.3); padding:20px; font-size:18px; line-height:26px; }
.cmsForm{ }
.cmsForm .error{ color: #FC0 }
.cmsForm label{ color: #FFF; font-weight: 600; font-style: italic; font-size:20px; margin-bottom:3px }
.form-horizontal{ padding-top:20px}
.form-check-label{ line-height:16px}
.logoConvenzione{ background-color:rgba(255,255,255,.9); padding:10px 0; font-size:25px}
.iscritti{ margin-top:-130px; padding-bottom: 20px; width:100%}
.menu{ position:absolute; z-index:20; right:0px; top:21px; width:100%; font-weight:700; font-style:italic; font-size:15px;}
.menu ul{ margin: 0; list-style-type: none; }
.menu ul li{ display:inline-block; margin:0 10px}
.menu ul a{color:#FFF}
.menu ul a.selected{ color:#ffc107}
.pagination{ margin-top:15px; justify-content: flex-end;}
.page-item.active .page-link{ background-color:#ffc107;border-color:#ffc107}

table{ width:100%}
table td{ padding: 0 5px; border: 1px solid #7398AC; height: 50px }
table th{ text-align:center}

#map{ height:500px; width:100%; opacity:.85}
.contenitoreMappa{ margin:0 -30px}
.rivenditori{ font-size: 12px; line-height: 16px; padding-top:20px }
.info{ width:250px; font-size:12px}
.info h3{ font-size:16px!important}
.card-body{ padding:0px 10px 10px 10px; height:210px}
.card-title{ font-size:15px; font-style:italic; font-weight:700; height:35px; margin-bottom:5px}
.data{ font-size:14px; font-weight:600; text-align:right; font-style:italic}
.nome{font-size:15px; line-height:18px; padding-bottom:5px}
.btnMap{padding:0 5px; color:#052847!important; margin:3px 0; cursor:pointer}
.btnLogin{ border: none; background-image: url(../img/freccia.png); background-repeat: no-repeat; height: 28px; width: 34px; background-color: transparent; position: absolute; z-index: 15; left:190px; top:105px}
.btn-success{ color:#FFF!important}
.off{ opacity:.3}
.bollino_ko{ display: inline-block; width: 15px; height: 15px; margin-left:10px; border-radius: 50%; background-color: #C30 }
.bollino_ok{ display: inline-block; width: 15px; height: 15px; margin-left: 10px; border-radius: 50%; background-color: #0C3 }
.bollino_neutro{ display: inline-block; width: 15px; height: 15px; margin-left: 10px; border-radius: 50%; background-color: #FFFF00 }

#utilizzoCoupon select{ font-size:13px!important; padding:5px}
.pneumatici{ display:none}
#invia{ display:none;}
.btnCerca{ margin-top:34px}
.upload-btn-wrapper {
  margin-top: 0px;
    position: relative;
  overflow: hidden;
  display: inline-block; 
}
.upload-btn-wrapper input[type=file] {
  font-size: 0px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;cursor:pointer;
	height: 45px
}


#cookieChoiceInfo{box-shadow: 0px -5px 8px 0px rgba(0,0,0,.22)}
#cookieChoiceInfo span{ display:block; margin-bottom:10px}
#cookieChoiceInfo a{ color: #FFF; background-color: #666666; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-radius: 3px }
#cookieChoiceInfo a:hover{ background-color:#e73a2c}


@media (max-width: 960px) {
  .menu{ top:60px}
}
@media (max-width: 767px) {
  .menu{ top:21px}
	.menu ul li{ display:block}
	.btnCerca{ margin-top:0px}
}
@media (max-width: 576px) {
  .menu{ top:35px}
	.form_accesso{ top:170px; left:35%;
	transform: scale(0.6);}
	.btnLogin{top:130px}
}