:root{
	--background-color-gradient: linear-gradient(45deg, #BB1271, #D2146D, #FF7A51, #FEBB53);
}

/*  Modifiche template metronic */

/* CUstomizzazione header */
.page{
	/* background-image: url(assets/media/bg/bg-10.jpg); */
	background: var(--background-color-gradient);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 350px;
}
.header {
	/* background-color: transparent; */
	background: var(--background-color-gradient);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 350px;
}
.header-fixed .header{
	box-shadow: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.402);
}
.header-menu .menu-nav > .menu-item > .menu-link .menu-text {
	color: #ffffff !important;
	font-weight: 500 !important;
}
.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
	background-color: rgba(255, 255, 255, 0.3) !important;
}

.btn.btn-hover-transparent-white .svg-icon svg g [fill] {
	  -webkit-transition: fill 0.3s ease !important;
	  transition: fill 0.3s ease !important;
	  fill: #ffffff !important;
	}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text){
	background-color: rgba(255, 255, 255, 0.3) !important;
}

/* header mobile */
.header-mobile{
	background-color: transparent !important;
}

@media (max-width: 991.98px) {
	.topbar {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		height: 60px;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: transparent;
		-webkit-transition: margin-top 0.3s ease opacity 0.3s ease,, background-color 0.3s ease;
		transition: margin-top 0.3s ease opacity 0.3s ease,, background-color 0.3s ease;
		margin-top: -60px;
		z-index: 2;
		opacity: 0;
	}
	.topbar-mobile-on .topbar {
		z-index: 6;
		padding: 0 0;
		/* -webkit-box-pack: center; */
		/* -ms-flex-pack: center; */
		/* justify-content: center; */
		margin-top: 0;
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.2);
		-webkit-transition: margin-top 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
		transition: margin-top 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
	}
	.header-menu-mobile .menu-nav > .menu-item.menu-item-here > .menu-heading .menu-text,
	.header-menu-mobile .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text {
		color: #6993FF !important;
	}
	.header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-text,
	.header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-text {
		color: #3F4254 !important;
	}
  
}
/* icone header mobile */


.header-mobile .burger-icon span {
	background-color: rgba(255, 255, 255, 0.7);
}
.header-mobile .burger-icon span::before, 
.header-mobile .burger-icon span::after {
	background-color: rgba(255, 255, 255, 0.7);
}
.header-mobile .burger-icon:hover span {
	background-color: #ffffff;
}
.header-mobile .burger-icon:hover span::before, 
.header-mobile .burger-icon:hover span::after {
	background-color: #ffffff;
}
.header-mobile .burger-icon-active span {
	background-color: #ffffff;
}
.header-mobile .burger-icon-active span::before, 
.header-mobile .burger-icon-active span::after {
	background-color: #ffffff;
}


input.is-invalid,
select.is-invalid,
select.is-invalid + .select2-container .select2-selection{
	border: 1px solid red !important;
}

.card.roundest {
	border-radius:1.55rem!important;
}

//immagino con aspect fill