:root {
  --light-grey: #cbcdd4;
  --white: #fff;
  --main-black: #101417;
  --success: #15af58;
  --medium-grey: #a7a8ad;
  --error: #d52b2b;
  --warning: #eb6f26;
  --dark-grey: #4a4c52;
  --blue-charging: #172ede;
  --light-info: #a0c7d9;
  --dark-info: #064b6b;
}
/*

*/

nav.navbar.navbar-fixed-bottom {
	height: 90px;
	margin: 16px 0 0;
	box-shadow: 0 -4px 8px 0 rgba(74, 76, 82, 0.7);
	border-top: solid 0.5px #rgba(255,255,255,0.2);
	background-color: var(--main-black);
}

.tabbar {
	padding: 21px 0 17px 0;
}

nav.navbar.navbar-fixed-bottom a {
	text-align: center;
	display: block;
	
	
	font-weight: 500;

}
/*
nav.navbar.navbar-fixed-bottom a.active {
	color: var(--green);
}
*/
nav.navbar.navbar-fixed-bottom .far {
	font-size: 24px;
	margin: 0 0 10px 0;
}
nav.navbar.navbar-fixed-bottom .gi-icon {
	width: 24px;
	height: 24px;
	margin: 0 0 10px 0;
}

.gi-page p {
	margin: 15px 0;
}
.gi-page .gi-logo-a{
	margin: 56px 0 43px 0;
	display: inline-block;
    text-decoration: none;
    box-shadow: none;
}
.gi-page .gi-logo {
	
	height: 54px;	
}


.gi-email-verifica {
	font-weight: bold;
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 105px;
	right: 15px;
	display: none;
	z-index: 1037;
}

.gi-page {
	display: none;
	margin-bottom: 106px;/*90px + 16px */
}

#page-loading-bg {
	z-index: 2001;
	opacity: 0.5;
	background: var(--main-black);
	
}

#page-loading-fg {
	z-index: 2002;
	opacity: 1;
	background: transparent;
}

#page-loading-bg, #page-loading-fg{
	display: none;
	position: fixed;
	left: 0;
	right:0;
	bottom: 0;
	top: 0;
	overflow: hidden;
}

#page-loading-fg .msg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	/*margin-top: 64px;*/
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}

#page-loading-fg .gi-panel {
	max-width: 480px;
	margin: 0 auto;
	padding: 10px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.spinner {
	width: 128px;
	height: 128px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -64px; /* width / 2 */
	margin-top: -128px; /* height / 2 */
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@-webkit-keyframes pulsating /* Safari and Chrome */ {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes pulsating {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
.pulsating {
	-webkit-animation: pulsating 0.5s linear infinite;
	-moz-animation: pulsating 0.5s linear infinite;
	-ms-animation: pulsating 0.5s linear infinite;
	-o-animation: pulsating 0.5s linear infinite;
	animation: pulsating 0.5s linear infinite;
}

/* ==== Add to Home Screen PWA === */

#a2hs{
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	max-width:280px;
	margin: 0 auto;
	z-index: 1038;
	padding: 12px 35px;
	text-align: center;
}

#a2hs .gi-logo {
	width: 30px;
	height: 30px;
	padding: 3px;
	background-color: white;
	border-radius: 17.5%;
	margin: 2px 5px;
}

/*
#a2hs .gi-ios-share {
	width: 25.5px;
	height: 25.5px;
	padding: 3px;
	background-color: #f7f7f7;
	border-radius: 17.5%;
	margin: 2px 5px;
}
*/

#a2hs .gi-ios-share,
#a2hs .gi-ios-a2hs {
	width: 25.5px;
	height: 25.5px;
	padding: 3px;
	background-color: white;
	border-radius: 17.5%;
	margin: 2px 5px;
}

#a2hs .gi-safari {
	width: 32px;
	height: 32px;
	padding: 3px;
	background-color: white;
	border-radius: 17.5%;
	margin: 2px 5px;
}

.gi-btn-navbar-a2hs-install{
	display:none !important;
}

body.navbar-a2hs-install-show form.gi-btn-navbar-a2hs-install{
	display:block !important;
}
body.navbar-a2hs-install-show a.gi-btn-navbar-a2hs-install{
	display:block !important;
}

body.a2hs-modal-show form.gi-btn-navbar-a2hs-install, body.a2hs-modal-show a.gi-btn-navbar-a2hs-install{
	display: none !important;
}

a.h2 {
	display:block;
}



/* 
 * TODO vedere footer
  */

.footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 15px 15px 15px;
}
.footer > .container {
	padding-left: 0;
	padding-right: 0;
}
/*
.gi-row:first-of-type {
	margin-top: 0;
}
*/
.gi-row {
	position: relative;
	/*margin-top: 1rem;*/
}
.gi-col-10,
.gi-col-20,
.gi-col-30,
.gi-col-40,
.gi-col-50,
.gi-col-60,
.gi-col-70,
.gi-col-80,
.gi-col-90,
.gi-col-100 {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.gi-col-10 { width: 10%; }
.gi-col-20 { width: 20%; }
.gi-col-30 { width: 30%; }
.gi-col-40 { width: 40%; }
.gi-col-50 { width: 50%; }
.gi-col-60 { width: 60%; }
.gi-col-70 { width: 70%; }
.gi-col-80 { width: 80%; }
.gi-col-90 { width: 90%; }
.gi-col-100 { width: 100%; }




.notifiche {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1040;
}
.notifica {
	display: none;
}

.gi-lista-eventi{
	overflow-y:auto;
}
.gi-lista-ordini{
	overflow-y:auto;
}
.gi-lista-tessere_ricariche{
	overflow-y:auto;
}

#gi_page_storico_cariche{
	margin-bottom: 0;
}

/* mio iframe fullscreen */
.gi-iframe-open {
	overflow: hidden;
}
.gi-iframe-open .gi-iframe-container{
	position: fixed;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	z-index:3000;/* deve risultare davanti al loader */
}

.card-wallbox{
    margin-bottom: 0;
    font-weight: 500;
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 13px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
	
	color: #fff;
    background-color: rgba(255,255,255,.2);
	display: block;
    width: 100%;


	white-space: normal;
    text-align: left;
	
	
	
	
}

.card-wallbox img {
    width: 85.8px;
    margin-top: 11px;
    margin-bottom: 29px
}

.card-wallbox div {
    margin-bottom: 3px
}