body { background: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; -webkit-text-size-adjust: 100%; }
.container-fluid { max-width: 680px; margin-left: auto; margin-right: auto; }
body, a, a:hover { color: #666666; }
	a, a:hover { text-decoration: none; }
.extralarge, h1 { font-size: 24px; }
.large, h2 { font-size: 20px; }
.medium, h3 { font-size: 16px; }
.normal, h4 { font-size: 14px; }
.small { font-size: 12px; }
.font-weight-medium { font-weight: 500; }
hr { border-top-color: rgba(0,0,0,0.1); }
.black, .text-dark { color: #000; }
.green { color: #577700; }
.light-green { color: #96C417; }
.bg-light-grey, .template-navigation { background: #F6F6F6; }
.bg-dark, .bg-dark-green, nav.bg-dark, footer { background: #082400!important; }
.bg-green { background: #577700!important; }
.bg-red { background: #ED3F36!important; }
img.logo-shakeapp { margin-top: 33%; float: none; }
.navbar-back { padding: 8px 0; }
.navbar-brand { font-size: 17px; top: 10px; width: 120px; text-align: center; font-weight: 400; position: absolute; left: 0; right: 0; margin: 0 auto; }
.navbar-user { top: 15px; width: 25px; position: absolute; left: auto; right: 55px; margin: 0; }
.navbar img.icon { margin: 0; max-width: 100%; height: auto; }
	.navbar img.icon.icon-arrow-back { width: 9px; margin-top: 0; }
	.navbar img.icon.icon-arrow-user { width: 24px; }
	.navbar img.icon.icon-menu { width: 25px; }
.dropdown-toggle::after { display: none; }
.navbar-dark .navbar-toggler { color: rgba(255,255,255,0); border-color: rgba(255,255,255,0); padding: .25rem 0; }
button:focus { outline: 0px dotted; outline: 0px -webkit-focus-ring-color; }
.navbar-dark .navbar-nav .nav-link { font-size: 14px; color: rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,0.1); }
.navbar-dark .navbar-nav .nav-item:last-child .nav-link { border-bottom: none; }
footer { letter-spacing: 0.7px; }
.template-navigation { margin-top: 52px; font-size: 11px; padding: 10px 0; text-align: center; color: rgba(62,69,76,1); }
	.template-navigation a, .template-navigation img.icon { font-weight: 400; opacity: 0.5; }
		.template-navigation a.active, .template-navigation a.active img.icon { opacity: 1; }
	.template-navigation img.icon { width: 24px; display: block; margin: 0 auto 3px auto; max-width: 100%; height: auto; }

@media (max-width: 420px) {
	.template-navigation { font-size: 10px; }
}

.box-valori { width: 265px; height: 155px; margin: 0 auto; position: relative; }
	.box-valori img.valori { width: 100%; max-width: 265px; margin: 0 auto; }
	.box-valori img.ruota { transform: rotate(0deg); bottom: 0; left: 48px; position: absolute; z-index: 100; }
.template-valori .extralarge { font-size: 48px; }
.table td, .table th { padding: 1rem; border-top-color: rgba(0,0,0,0.1); }
.nav-pills .nav-item .nav-link { border: 1px solid #3E454C; color: #3E454C; border-left: none; border-radius: 0; font-weight: 400; }
.nav-pills .nav-item:first-child .nav-link { border-left: 1px solid #3E454C; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #3E454C; }
.btn, .btn.btn-primary { background: #577700; padding-top: 15px; padding-bottom: 15px; font-weight: 300; letter-spacing: 0.5px; border: none; border-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff!important; }
	.btn.btn-lg { font-size: 18px; }
	.btn.btn-red { background: #ED3F36; }
.form-control { font-size: 16px; color: rgba(0,0,0,0.5); border: 1px solid #707070; border-radius: 0; font-weight: 300; }
.form-adress .form-control { padding-left: 0; border: 1px solid #fff; border-bottom: 1px solid rgba(0,0,0,0.2); }
.form-control.input-address { background: url('../img/placeholder-small.png') #fff no-repeat center right; }
.custom-control-label::after { border: 1px solid #707070; background-color: #fff; }
.table input[type="radio"] { position: relative; top: 3px; float: left; }
.table label { margin-left: 5px; float: left; width: 95%; position: relative; }
	.table label code { font-size: 110%; color: #220000; font-weight: bold; }
h3 img { float: left; width: 100%; position: relative; }

/* Struttura */
h5 { padding: 5px 10px; background: #F0F0F0; color: #202020; border-radius: 5px; }
.alert { padding: 10px; padding-left: 40px; }
	.alert i { position: absolute; top: 15px; left: 12px; }

/* Utility */
.nohpadding { padding-left: 0; padding-right: 0; }
.novpadding { padding-top: 0; padding-bottom: 0; }
.nopadding { padding: 0; }

/* Slot */
.slot-autenticazione { margin: 10px 0; }
.slot-cambio-password { margin: 10px 0; }
.slot-contribuzione { margin: 10px 0; }
.slot-password-dimenticata { margin: 10px 0; }
.slot-profilo-utente { margin: 10px 0; }
.slot-registrazione-utente { margin: 10px 0; }
.slot-reinvio-mail-attivazione { margin: 10px 0; }

/* ALERT */
.alert { border-radius: 1px; padding-right: 40px; min-height: 50px; }
	.alert ul { padding-left: 15px; line-height: 1.6; }
		.alert ul li { list-style: circle; list-style-position: outside; }
	.alert > i { position: absolute; top: 15px; right: 15px; }

@media (max-width: 420px) {
	.btn.btn-lg { font-size: 12px!important; padding: 8px 5px!important; }
}