$giallo-scuro:#EEA248;
$bianco: #fff;
$celeste: #2b94d1;
$giallo: #fcc73d;
$grigio: #515151;
$nero: #000000;
$grigio-lite: #aeaeae;
$grigio-superlite: #e5e5ea;

ion-title{
    top: 0;
    left: 0;
    padding: 0 90px 1px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.business-toolbar{
	min-height: 90px;
	--color:$celeste !important;
	color:$celeste !important;
	background-color: transparent!important;
	--background: transparent!important;
	text-align: center;
}

.business-toolbar2
{
	min-height: 90px;
	--color:$celeste !important;
	color:$celeste !important;
	background-color: transparent!important;
	--background: transparent!important;
	text-align: center!important;
	width: 100%!important;
}

ion-tab-bar{
    @media (min-width: 1080px) {
        justify-content: center;
    }
}

.tabbar {
    @media (max-width: 1080px) {
        display: flex;
        overflow-x: scroll;
        min-height: 100px;
        .tabbutton {
            display: inline-block !important;
            min-width: 100px !important;
            width: auto !important;
        }
    }  
}

.body-blue
{
	background-color: #2A93D0;
	height: 100%;
	width: 100%;
}

.body-img1
{
	background-image:url('assets/img/Group3.svg');
	background-size: cover;
	mix-blend-mode: multiply;
}

.body-img2
{
	background-image:url('assets/img/img-per-home-bn.png');
	background-size: cover;
	mix-blend-mode: multiply;
}

.body-blue2
{
	position: absolute;
	background-color: #2A93D0;
	height: 100%;
	width: 100%;
}

.body-img12
{
	background-image:url('assets/img/Group3.svg');
	background-size: cover;
	mix-blend-mode: multiply;
	height: 100%;
}

.body-img22
{
	position: absolute;
	background-image:url('assets/img/img-per-home-bn.png');
	background-size: cover;
	mix-blend-mode: multiply;
	height: 100%;
	width: 100%;
}

.body-desktop {
	font-family: Avenir, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin:0px;
	background-size: cover;
	background-position: center;
    font-size: 24px;
    height: 100%;
	width: 100%;
	overflow-y: scroll; 
}

.body-desktop > * {
	position: absolute;
	width: 100%;
	height: 100%;
}

.bc-grid
{
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bc-grid > ion-row
{
	height: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	ion-col
	{
		height: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.bc-call
{
	padding-inline-start: 0px;
	ion-col
	{
		padding-inline-start: 0px;
	}
}

.bc-title{
	color: #2A93D0;
}

.change-title{
	margin-top:30px;
}

.row-content
{
	height: 20%;
	.background-white
	{
		background-color: white!important;
		--background: white!important;
	}
	.background-transparent
	{
		background-color: transparent!important;
		--background: transparent!important;
	}
}

.div-Consulting
{
	width: 100%;
	.icon {
		margin:auto;
		background: transparent;
		min-height: 40px;
		img {
			max-width: 180px;
			width: 40px;
			margin: auto;
			display: block;
			padding-top: 10px;
			background: transparent !important;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
	}
	.icon2 {
		margin:auto;
		background: transparent;
		min-height: 20px;
		img {
			max-width: 180px;
			width: 20px;
			margin: auto;
			display: block;
			padding-top: 10px;
			background: transparent !important;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
	}
	.title-bianca
	{
		color:white;
	}
	.title-rossa
	{
		color:#E00A16;
	}
	.title-gialla
	{
		color:#EEA248;
	}
	.title-verde
	{
		color:#81BB27;
	}
	.section-title {
		text-align: center;
		font-size: 12px;
		padding: 5px 10px;
		font-family: Avenir, sans-serif;
	}
}

.transparent {
    background-color: transparent!important;
    --background: transparent!important; 
}

.body-form > * {
    background-color: transparent!important;
    --ion-background-color: transparent!important; 
}

.desktop-bcall-col
{
	height: 50%;
	padding-bottom: 0px;
	text-align: center;
}

.desktop-bcall
{
	background:url('assets/img/Rectangle4.png') no-repeat;
	background-size: cover;
	border-start-start-radius: 64px;
	border-start-end-radius: 64px;
	margin-left: 220px;
	//border-radius: 64px;
	opacity: 1;
	height: 100%;
	width: 60%;
	align-content: center;
	.bcall-title
	{
		text-align: center;
		font-size: 20px;
		letter-spacing: 0;
		color: #FFFFFF;
		padding-top: 60px;
	}
	.bcall-content
	{
		text-align: center;
		font-size: 20px;
		letter-spacing: 0;
		color: #FFFFFF;
		font-weight: bold;
		margin-bottom: 10px;
	}
	ion-img
	{
		width: 80%;
		margin-left: 10%;
	}
}

.content-index
{
	margin-left: 10%;
	margin-top: 5%;
	.struttura-servizio
	{
		background-image:url('assets/img/upServizio.png');
	}

	.struttura-creditizia
	{
		background-image:url('assets/img/upCreditizia.png');
	}

	.struttura-immobiliare
	{
		background-image:url('assets/img/upImmobiliare.png'); 
	}

	.struttura-servizio-smart
	{
		background-image:url('assets/img/cerchioservizi.png');
	}

	.struttura-creditizia-smart
	{
		background-image:url('assets/img/cerchiocreditizia.png');
	}

	.struttura-immobiliare-smart
	{
		background-image:url('assets/img/cerchioimmobiliare.png'); 
	}

	.documento-box
	{
		height: 180px;
		.row-box
		{
			height: 100%;
		}
	}

	.documento-box:hover {
		--ion-background-color: $celeste!important;
		background-color: $celeste!important;
		background-image: url('assets/img/RectangleBianco.png');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 80% 5%;
		.documento-text{
			color: white;
		}
	}

	.struttura-sel {
		@media (min-width: 380px) {
			width: 240px;
		}
		@media (max-width: 349px) {
			width: 120px;
		}
		@media (max-width: 379px) and (min-width: 350px) {
			width: 134px;
		}
		margin: 5px 100px 60px 5px;
		border: 1px solid $grigio-lite;
		-webkit-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		-moz-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		float:left;
		border-radius: 20px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 60% 40%;
		.icon {
			margin:auto;
			background: transparent;
			min-height: 80px;
			padding-top: 25px;
			img {
				max-width: 180px;
				height: 80px;
				margin: auto;
				display: block;
				padding-top: 10px;
				background: transparent !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
		.icon2 {
			margin:auto;
			background: transparent;
			min-height: 80px;
			padding-top: 25px;
			img {
				max-width: 64px;
				height: 100px;
				margin: auto;
				display: block;
				padding-top: 10px;
				background: transparent !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
		.icon3 {
			margin:auto;
			background: transparent;
			min-height: 80px;
			padding-top: 25px;
			img {
				height: 100px;
				margin: auto;
				display: block;
				padding-top: 10px;
				background: transparent !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
		.section-title {
			font-weight: bold;
			text-align: center;
			font-size: 16px;
			padding: 15px 10px;
			min-height: 42px;
			height: 80px;
			font-family: Avenir, sans-serif;
			color: $grigio;
		}
		.documento-text {
			color:$nero;
			margin-top: 20px;
			height: 100%;
			margin-left: 20px;
			font-family: Avenir, sans-serif;
			.checkbox-desktop
			{
				margin-right: 5px;
			}
			.title
			{
				height: 70%;
			}
			.data{
				height: 30%;
			}
		}
	}
}

.content-preview
{
	margin-left: 20%;
	margin-top: 10%;
	.struttura-servizio
	{
		background-image:url('assets/img/bottomServizio.png');
	}

	.struttura-creditizia
	{
		background-image:url('assets/img/bottomCreditizia.png');
	}

	.struttura-immobiliare
	{
		background-image:url('assets/img/bottomImmobiliare.png'); 
	}

	.struttura-sel {
		@media (min-width: 380px) {
			width: 180px;
		}
		@media (max-width: 349px) {
			width: 120px;
		}
		@media (max-width: 379px) and (min-width: 350px) {
			width: 134px;
		}
		margin: 5px 100px 5px 5px;
		border: 1px solid $grigio-lite;
		-webkit-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		-moz-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
		float:left;
		border-radius: 20px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 80% 30%;
		.icon {
			margin:auto;
			background: transparent;
			min-height: 150px;
			padding-top: 25px;
			img {
				max-width: 180px;
				width: 100px;
				margin: auto;
				display: block;
				padding-top: 10px;
				background: transparent !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
		.section-title {
			font-weight: bold;
			text-align: center;
			font-size: 16px;
			padding: 15px 10px;
			min-height: 42px;
			height: 120px;
			font-family: Avenir, sans-serif;
			color: $grigio;
		}
		.section-title-smart {
			font-weight: bold;
			text-align: center;
			font-size: 16px;
			padding-top: 50px;
			min-height: 42px;
			height: 120px;
			font-family: Avenir, sans-serif;
			color: $grigio;
			width: 40%;
		}
	}
}

ion-button, ion-input, ion-textarea {
	--ion-font-family: Avenir, sans-serif;
}

.login-field {
    --border-color: rgb(255, 255, 255);
}

strong {
	font-style: normal;
	font-weight: 700;
}

.field-icon {
    margin: 20px 10px 0 0 !important;
    background-color: transparent;
}

.giallo {
	--ion-color-primary: #fcc73d;
}

.login-desktop-content
{
	height: 50%;
}

.contenitore-desktop > *
{
	height: 100%!important;
	padding-bottom: 0px!important;
}

.logo-grande2
{
	padding-top: 30px;
}

.logo-grande2 > * {
	align-self: left;
	display: block;
	text-align: left;
	width: 90px;
	margin-left: 75px;
}

.logout-button > *
{
	width: 45px;
	height: 45px;
}

.logout-button
{
	margin-left: 40%;
}

.menu-buttons
{
	height: 50%;
	margin-top: 15%;
}

.menu-desktop
{
	height:100%;
	padding: 0px;
}

.layout
{
	height: 100%;
}

.layout > *
{
	height: 100%;
	padding: 0px;
}

.layout-row
{
	height: 100%;
}

.documenti-title
{
	//width: 100%;
	margin-left: 100px;
}

.pareri-title
{
	@media (min-width: 600px) {
		width:90%;
	}
	@media (max-width: 600px) {
		width:80%;
	}
}

.pareri-title > *,
.documenti-title > *
{
	color:black;
	font-family: Avenir, sans-serif;
	font-size: 30px;
	text-align: left;
	margin-top: 40px;
	font-weight: bold;
	padding: 0px;
	padding-left: 10px;
	text-align: center;
	//width:100%;
	height: 40px;
}

.preview-title > *
{
	color: black;
	font-family: Avenir, sans-serif;
	font-size: 40px;
	text-align: center;
	margin-top: 70px;
}

.contenitore-desktop {
	margin:auto;
	display:block;
	height: 50%;
	
	.row-download {
		float: right;
		margin-top: 200px;

		ion-img {
			color: #fcc73d;
			//width: 50px;
			//height: 50px;
		}
	}

	.logo-grande > * {
		align-self: left;
		width: 90px;
		display: block;
		text-align: left;
		margin-top: 20px;
		margin-left: 100px;
		margin-bottom: 50px;
	}
	
	.logo-grande2 > * {
		align-self: left;
		display: block;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.bc-title2{
		height: 120px;
		width: 300px;
		margin-left: 20%;
	}
	
	.form-desktop {
		margin-left: 80px;
		height: 100%;
		.login-grid, .login-row
		{
			height: 100%;
			padding-bottom: 0px;
		}
		.login-title
		{
			text-align: left;
			font-size: 40px;
			letter-spacing: 0;
			color: #FFFFFF;
			opacity: 1;
		}
		ion-input[type=text], ion-input[type=password], ion-textarea {
			border: 0px;
			color: $bianco;
			padding: 8px 0px 8px 30px;
			background-position: left center;
			background-size: 18px 18px;
			font-size: 22px;
			margin-top: 20px;
			outline: none;
		}
		::-webkit-input-placeholder {
			font-family: Avenir, sans-serif;
		 	color: $bianco;
		}
		::-moz-placeholder {
			font-family: Avenir, sans-serif;
			color: $bianco;
		}
		:-ms-input-placeholder {
			font-family: Avenir, sans-serif;
			color: $bianco;
		}
		::placeholder {
			font-family: Avenir, sans-serif;
			color: $bianco;
        }
		.ricordami {
			color: $bianco;
			text-transform: uppercase;
			font-size: 18px;
		}
		.accedi {
			ion-button {
				width: 100%;
				text-align: center;
				background: $celeste;
				border: 1px solid $bianco;
				margin-top: 30px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				font-size: 22px;
				margin-bottom: 15px;
			}
		}
		.forgot {
			text-align: center;
			a {
				color: $bianco;
				text-decoration: none;
				font-weight: 700;
				font-size: 16px;
			}
		}
	}
	
	.business-call {
		background: rgba(255, 255, 255, 0.33); 
		padding: 20px;
		margin-top: 30px;
		text-align: center;
		color: $bianco;
		
		.non-account {
			font-size: 14px;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		}
		.title-call {
			font-weight: 700;
			font-size: 24px;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
			
			.giallo {
				color: $giallo;
			}
		}
		.descr-call {
			color: $grigio;
			font-size: 18px;
			text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
		}
		.appuntamento {
			margin-top: 10px;
			
			a {
				background: $giallo;
				padding: 8px 5px;
				font-size: 15px;
				text-transform: uppercase;
				color: $grigio;
				font-weight: 700;
				text-decoration: none;
			}
		}
	}	
}

.no-image {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 74%, rgba(180,217,238,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(180,217,238,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 74%, rgba(180,217,238,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 74%, rgba(180,217,238,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 74%, rgba(180,217,238,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 74%, rgba(180,217,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b4d9ee', GradientType=1 );
	height: 100%;
    width: 100%;
}

.no-image > * {
    background-color: transparent!important;
    --ion-background-color: transparent!important; 
}

.nothing {
	background: none;
}

.icon-md-primary, .icon-ios-primary {
	color: $celeste !important;
	--color:$celeste !important;
}

.logo-piccolo img {
	max-width: 100px;
	min-height: 90px;
}

.immagine-piccola
{
	width: 100px;
	height: 100px;
}

.testo-form {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	color:rgb(81, 81, 81);
}

.item-no-border
{
	--border-color: transparent!important;
}

.text-check-desktop
{
	font-size: 10px!important;
	padding-top: 5px;
	color: #989898!important;
}

.text-check-desktop2
{
	font-size: 10px!important;
	padding-top: 20px;
	color: #989898;
}

.bc-invia
{
	border-radius: 90px;
	background-color:$giallo;
	--ion-color-primary:transparent;
	--border-radius: 90px;
}

.check-desktop
{
	height: 40px;
}

.contenitore-business {
	margin:auto;
	text-align: center;
	color:rgb(81, 81, 81);
	.form {
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		text-align:left;
		ion-input[type=text], ion-input[type=password], ion-textarea  {
			--ion-font-family: Avenir, sans-serif;
			border: 0px;
			color: $grigio;
			padding: 8px 0px;
			font-size: 18px;
			margin-top: 20px;
			outline: none;
		}
		.input-business {
			--border-color: $celeste;
		}
		::-webkit-input-placeholder {
			font-family: Avenir, sans-serif;
		 	color: $grigio;
		 	text-transform: uppercase;
		 	font-weight: bold;
		}
		::-moz-placeholder {
			font-family: Avenir, sans-serif;
			color: $grigio;
			text-transform: uppercase;
			font-weight: bold;
		}
		:-ms-input-placeholder {
			font-family: Avenir, sans-serif;
			color: $grigio;
			text-transform: uppercase;
			font-weight: bold;
		}
		::placeholder {
			font-family: Avenir, sans-serif;
			color: $grigio;
			text-transform: uppercase;
			font-weight: bold;
		}
		textarea {
			overflow:hidden;
		}
		ion-textarea {
			border: 1px solid $celeste;
			margin-top: 6px;
			font-weight: normal;
			text-transform: none;
		}
		.accedi {
			ion-button {
				width: 100%;
				text-align: center;
				background: $celeste;
				border: 1px solid $bianco;
				margin-top: 30px;
				text-transform: uppercase;
				font-weight: 700;
				color: #fff;
				font-size: 22px;
				margin-bottom: 15px;
			}
		}
	}
	.messaggio {
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 24px;
	}
	a {
		color: $celeste;
	}
	.input-check {
		input {
			margin-bottom: 50px;
			float: left;
		}
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		text-align:left;
		color:rgb(81, 81, 81);
	}
	.text-check {
		margin-left: 10px;
	}
	.require {
		text-transform: none;
		font-size:16px;
		text-align: center;
		font-family: Avenir, sans-serif;
		font-weight: bold;
	}
}

.button-icon-download
{
	color:white;
	width: 24px;
	height: 24px;
	background-color: $celeste;
	border-radius: 90px;
	position: absolute;
	top: 45%;
	left: 43%;
}

.button-icon-documenti
{
	color:$giallo-scuro;
	width: 24px;
	height: 24px;
}

.button-icon-archivia
{
	color: rgb(81, 81, 81);
	width: 18px;
	height: 18px;
}

.parere-form
{
	margin-left: 10%;
	margin-right: 10%;
}

.button-date
{
	border: 0px !important;
	border-color: transparent !important;
	background: transparent !important;
	padding-bottom: 18px;
}

.input-date
{
	//border: 0px !important;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-bottom-color: $grigio-lite;
}

.element-date
{
	margin-right: 2px;
	//float: left;
}

.float-date > *{
	float: left;
}

.block-date > *
{
	font-family: Avenir, sans-serif;
	@media (min-width: 474px) {
		font-size: 16px;
	}
	@media (max-width: 475px) {
		font-size: 10px;
	}
}

.blu {
	color: $celeste;
	--ion-color-primary: $celeste;
}

.header-home
{
	border: 0px !important;
    border-bottom-color: transparent !important;
	border-bottom: none !important;
}

.header {
	color: $bianco;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 10px;
	min-height: 70px;
	background-color:$celeste;
    --ion-background-color: $celeste;

	:first-child
	{
		padding-top: 0px;
	}

	.menu-show{
		@media (min-width: 1024px) {
			top:48 px;
		}
		width: 34px;
		height: 34px;
		margin-left: 10px;
		padding-bottom: 5px;
	}
	.logo-piccolo {
		img {
			max-width: 50px;
			display: block;
			margin:auto;
		}
	}
	.exit {
		@media (min-width: 1024px) {
			top:48 px;
		}
		width: 34px;
		height: 34px;
		margin-right: 10px;
	}
}

.title-row
{
	margin-bottom: 30px;
}

.title-row-segreteria
{
	height: 120px;
	margin-bottom: 30px;
}

.back-button-desktop
{
	margin-top: 38px;
	color: $celeste;
	margin-left: 25px;
}

.back-button-desktop-cp
{
	margin-top: 58px;
	color: $celeste;
	margin-left: 25px;
}

.back-button-desktop-reset
{
	margin-bottom: 60px;
}

.back {
	position:absolute; 
	@media (min-width: 1024px) {
		top:48 px;
	}
	/*@media (max-width: 1024px) {
		top:20 px;
	}*/
	width: 30px;
	height: 30px;
	color:$celeste;
	--ion-color-base:$celeste;
}
/*.toolbar-md-primary, .toolbar-ios-primary {
	color: $celeste !important;
	--color:$celeste !important;
}*/

.header-grid, .header-subpage {
	background-color:$celeste;
    --ion-background-color: $celeste; 
}

.md{
	.header-grid {
		height: 80px;
	}
}

.ion{
	.header-grid {
		height: 90px;
	}
}

.header-subpage {
	height: 50px;
}

.contenitore-home {
	font-family: Avenir, sans-serif;
	@media (max-width: 991px) {
		max-width: 95%;
	}
	@media (min-width: 992px) {
		max-width: 58%;
		margin: auto;
	}
	align-content: center;
	.central-doc{
		margin-top: 20px;
		margin-left: 20px;
	}
	.central-home {
		@media (min-height: 480px) and (min-width: 991px) {
			margin-top: 20%;
			margin-left: 20px;
		}
		@media (max-height: 479px), (max-width: 991px) {
			margin-top: 20px;
			margin-left: 20px;
		}
		.box {
			@media (min-width: 380px) {
				width: 148px;
			}
			@media (max-width: 349px) {
				width: 120px;
			}
			@media (max-width: 379px) and (min-width: 350px) {
				width: 134px;
			}
			margin: 5px 15px 5px 5px;
			border: 1px solid $grigio-lite;
			-webkit-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
			-moz-box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
			box-shadow: 0px 3px 4px 0px rgba(184,184,184,1);
			float:left;
			.icon {
				margin:auto;
				background: $celeste;
				min-height: 120px;
				img {
					max-width: 180px;
					width: 100px;
					margin: auto;
					display: block;
					padding-top: 10px;
					background: transparent !important;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
				}
			}
			.section-title {
				font-weight: bold;
				text-align: center;
				font-size: 16px;
				padding: 15px 5px;
				min-height: 42px;
				height: 65px;
				font-family: Avenir, sans-serif;
				color: $grigio;
			}
		}
		.dispari
		{
			@media (max-width: 500px) and (min-width: 319px){
				float: right;
				margin-right: 10px;
			}
		}
		.tre-box
		{
			@media (max-width: 750px) and (min-width: 500px){
				margin-left: calc(50% - 238px);
			}
		}
		.un-box
		{
			@media (max-width: 750px) and (min-width: 500px){
				margin-left: calc(50% - 70px);
			}
		}
	}
}

.menu > *
{
	background: transparent!important;
}

.menu-item
{
	--border-color: transparent!important;
	color: $bianco;
	font-family: Avenir, sans-serif;
}

.item-border-grey
{
	//height: 50px;
	//font-size: 12px;
	color: $bianco;
	font-family: Avenir, sans-serif;
	//margin-right: auto;
}

.titolo-sezione-head {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-family: Avenir, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	@media (min-width: 1080px) {
		margin-top: 10px;
	}
	@media (max-width: 1080px) {
		margin-top: 5px;
	}
	color: $bianco;
	background-color: $celeste;
}

.menu-toolbar
{
	--border-color: transparent!important;
	--ion-background-color: #2b94d1!important;
	color: $bianco;
}

.menu{
	--ion-background-color: #2b94d1!important;
	background-color: $celeste!important;
	--ion-backdrop-color:#2b94d1!important;
}

.ios{
	.menu
	{
		margin-top: 90px;
	}
}

ion-menu{
	ion-content, ion-header{
		--ion-background-color: $celeste!important;
	}
	ion-title{
		text-align: left;
	}
}

.menu-title
{
	font-size: 18px;
	font-weight: bold;
	text-align:left;
	color: $bianco;
	font-family: Avenir, sans-serif;
	background-color:$celeste;
    --ion-background-color: $celeste;
}

.label-border-desktop
{
	font-family: Avenir, sans-serif;
	--ion-font-family: Avenir, sans-serif;
	color: $bianco;
}

.row-results {
	padding: 10px 0px;
	margin: 5px 0px;
	border-bottom: 1px solid $grigio-lite;
	font-family: Avenir, sans-serif;
	//overflow: hidden;
	.check {
		float: left;
		margin-top: 12px;
		margin-right: 15px;
	}
	.table-row {
		.group-icon2
		{
			text-align: center;
			display: inline-block;
			ion-label {
				font-size: 14px;
				min-width: 52px;
			}
			ion-icon {
				height: 25px;
				color:#515151;
				--color: #515151;
				width: 50px;
				//margin-right: 10px;
				//margin-left: 15px;
				display: block;
			}
		}
		.group-icon3
		{
			text-align: center;
			display: inline-block;
			margin-right: 5px;
			ion-label {
				font-size: 14px;
				min-width: 52px;
			}
			ion-icon {
				//margin-right: 10px;
				//margin-left: 15px;
				height: 25px;
				color:#515151;
				--color: #515151;
				width: 100%;
				display: block;
			}
		}
		.select{
			float:right;
			text-align: center;
			ion-icon {
				color:#515151;
				--color: #515151;
				width: 40px;
				height: 25px;
			}
		}
		.data {
			div {
				font-size: 18px;
				font-weight: bold;
				border-bottom: $grigio-superlite;	
			}
			font-size: 14px;
			font-weight: 400;
		}
		.row-text {
			font-size: 15px;
			display:inline-block;
			text-align: left;
			.detail {
				font-size: 16px;
			}
		}
		.row-download {
			float: right;
			ion-icon {
				color: $celeste;
				width: 30px;
				height: 30px;
			}
		}
		.row-download-special {
			float: right;
			overflow: hidden;
			font-family: Avenir, sans-serif;
			
			.group-icon2
			{
				text-align: center;
				display: inline-block;
				ion-label {
					font-size: 14px;
				}
				ion-icon {
					height: 25px;
					color:#515151;
					--color: #515151;
					width: 45px;
					display: block;
				}
			}

			.group-icon3
			{
				text-align: center;
				display: inline-block;
				margin-right: 5px;
				ion-label {
					font-size: 14px;
				}
				ion-icon {
					height: 25px;
					color:#515151;
					--color: #515151;
					width: 45px;
					display: block;
					margin:auto;
				}
			}

			.group-icon {
				text-align: center;
				display: inline-block;
				margin-right: 5px;
				ion-label {
					font-size: 12px;
				}
				ion-icon {
					width: 45px;
					display: block;
					margin:auto;
					color: $celeste;
				}
			}
		}
		.row-text-special {
			font-size: 18px;
			.detail {
				font-size: 12px;
			}
			.detail-margin {
				margin-left: 33px;
			}
		}
	}
}

.footer-tabs-desktop{
	height: 100%;
	max-width: 100%;
}

.content-col
{
	padding: 0px;
}

.footer{
	margin-bottom: 5px;
}

.footer-toolbar
{
	--color:rgb(81, 81, 81);
	color:rgb(81, 81, 81) ;
}

.footer-toolbar > *{
	--color:rgb(81, 81, 81);
	color:rgb(81, 81, 81) ;
	background-color: transparent!important;
    --background: transparent!important; 
}

.footer-tabbar {
    @media (max-width: 1080px) {
        display: flex;
        min-height: 60px;
        ion-tab-button {
            display: inline-block !important;
            //min-width: 80px !important;
			width: auto !important;
			--padding-start: 0px;
			ion-label {
				font-size: 10px;
			}
        }
	} 
	--color-selected: $bianco;
	color: rgb(81, 81, 81);
	background-image: url('assets/img/SegreteriaMenuBackground.svg');
	background-repeat: no-repeat;
	background-position: center -150px;
	background-size: 500px;
	border:0px;
	height:100%;
}

.icon-footer {
	width: 35px;
	height: 35px;
}

.title-infra {
	font-weight: bold;
	text-align: center;
	font-size:24px;
	margin-bottom: 5px;
	color:rgb(81, 81, 81);
}
.selection {
	ion-label {
		margin-top: 2px;
		padding-left: 5px;
		margin-right: 5px;
	}
	ion-select {
		padding-left: 5px;
		padding-top: 2px;
	}
	font-size:18px;
	font-family: Avenir, sans-serif;
	--ion-font-family: Avenir, sans-serif;
	margin-left: 0px;
	border: 0px;
	padding-left: 0px;
}
.download {
	float:right;
	ion-icon {
		width: 30px;
	}
}
.selection-done {
	overflow: hidden;
	width: 80%;
	font-size: 20px;
	font-family: Avenir, sans-serif;
	margin: 2px;
}

.download-icon {
	width: 30px;
	height: 30px;
}

.grigio {
	color:rgb(81, 81, 81);
}

.celeste {
	color: $celeste;
}

.margin-top {
	margin-top: 10px;
}

.chats {
	margin-top:10px;
	
	.quesito {
		font-weight: bold;
		margin: 10px 0px 35px;
		text-align: center;
		font-size:18px;
		line-height: 28px;
		font-family: Avenir, sans-serif;
		color: $grigio;
		margin-right: 35px;
	}
	.back {
		ion-icon {
			width: 30px;
			height: 30px;
		}
		position:relative; 
		float:left;
	}
	.from-me-desktop {
			
		.io{
			font-size:14px;
			color:$bianco;
		}
		
		position: relative;
		padding: 10px 20px;
		color: $bianco;
		font-size: 18px;
		background: $celeste;
		border-radius: 25px;
		float: right;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-right: 20px;
		&:before {
			content: "";
			position: absolute;
			z-index: 2;
			bottom: -2px;
			right: -7px;
			height: 20px;
			border-right: 20px solid $celeste;
			border-bottom-left-radius: 16px 14px;
			-webkit-transform: translate(30, -2px);
		}
		&:after {
			content: "";
			position: absolute;
			z-index: 3;
			bottom: -2px;
			right: -56px;
			width: 26px;
			height: 20px;
			background: white;
			border-bottom-left-radius: 10px;
			-webkit-transform: translate(-30px, -2px);
		}
		p {
			margin: 0px;
		}
	}
	
	.from-them-desktop {
		.operatore{
			font-size:14px;
		}
		position: relative;
		padding: 10px 20px;
		background: $grigio-superlite;
		border-radius: 25px;
		color: black;
		float: left;
		font-size: 18px;
		margin-bottom:10px;
		margin-right: 20px;
		margin-left: 20px;
		&:before {
			content: "";
			position: absolute;
			z-index: 2;
			bottom: -2px;
			left: -7px;
			height: 20px;
			border-left: 20px solid $grigio-superlite;
			border-bottom-right-radius: 16px 14px;
			-webkit-transform: translate(0, -2px);
		}
		&:after {
			content: "";
			position: absolute;
			z-index: 3;
			bottom: -2px;
			left: 4px;
			width: 26px;
			height: 20px;
			background: white;
			border-bottom-right-radius: 10px;
			-webkit-transform: translate(-30px, -2px);
		}
		p {
			margin: 0px;
		}
	}
	.chat-list {
		border-bottom: 1px solid $grigio-lite;
		.check {
			float: left;
			margin-top: 19px;
			margin-right: 15px;
		}
	}
	.row-chat-list {
		border-bottom: $grigio-superlite;
		font-size: 18px;
		padding: 10px 0px;
		font-weight: bold;		
		color:#515151;
		--color: #515151;
		.select{
			float:right;
			ion-icon {
				color:#515151;
				--color: #515151;
				width: 30px;
				height: 30px;
			}
		}
		
		.data {
			div {
				font-size: 18px;
				font-weight: bold;
				border-bottom: $grigio-superlite;	
			}
			font-size: 14px;
			font-weight: 400;
		}
	}
	.download-doc {
		margin-top:5px;
		
		.image {
			//display:inline-block;
			float: left;
			margin-right: 5px;
			ion-icon {
				width: 30px;
				height: 30px;
			}
		}
		.filename {
			//display:inline-block;
			float: left;
			height: 30px;
		}
	}
	.title-question {
		ion-input[type=text], ion-textarea {
			border: none;
			//border-bottom: 1px solid $grigio-superlite;
			font-family: Avenir, sans-serif;
			width: 100%;
			font-size: 18px;
		}
	}
	
	.question-extended {
		margin-top:20px;
		border: 1px solid $grigio-superlite;
		ion-textarea {
			//border: 1px solid $grigio-superlite;
			font-size: 18px;
			font-family: Avenir, sans-serif;
			width: 295px;
			min-height: 80px;
		}
	}
	ion-row {
		.send {
			@media (min-width: 600px) {
				width: 20%;
			}
			@media (max-width: 600px) {
				width: 45%;
			}
			ion-button {
				margin-top: 10px;
				background-color: $giallo;
				--backgroud: $giallo;
				color: $grigio;
				//padding: 10px 0px;
				border-radius: 15px;
				font-size: 18px;
				font-weight: bold;
				border:none;
				//margin: 15px 0px;
			}
		}
		.undo {
			@media (min-width: 600px) {
				width: 20%;
			}
			@media (max-width: 600px) {
				width: 45%;
			}
			margin-left: 5%;
			ion-button {
				margin-top: 10px;
				--background: #e5e5ea;
				background-color: #e5e5ea;
				color: $grigio;
				//padding: 10px 0px;
				border-radius: 15px;
				font-size: 18px;
				font-weight: bold;
				border:none;
			}
		}
	}
}

.clr {
	clear:both;
}

.all-row
{
	width: 100%;
}

.foo-button {
	//position: ;
	bottom: 0;
	z-index: 5;
	padding: 10px 0px 20px;
	background: rgba(255,255,255, 0.6);
	
	.round-btn-desktop {
		border-radius: 50%;
		background: $giallo;
		border: 2px solid $bianco;
		margin: auto;
		display: block;
		text-align:center;
		width:75px;
		height: 75px;
		margin-top: 0px;			
		ion-icon {
			width: 50px;
			height: 50px;
			margin:auto;
			display: block;
			padding-top:12px;
		}
	}
}

.font{
	font-family: Avenir, sans-serif;
}

.archivio-text
{
	margin-top: 3px;
}

.footer-parere {
	height: 90px;
	@media (max-width: 991px) {
		max-width: 100%;
	}
	@media (min-width: 992px) {
		max-width: 56%;
		margin: auto;
	}
}

.search-date-border
{
	border-bottom: 1px solid $grigio-superlite;
}

.form-button {
	--border-radius:0px;
	--box-shadow: 0;
}

.cerca-titolo-doc{
	width: 50%;
}

.search-date {
	font-size: 13px;
	padding-bottom: 5px;
	padding-left:45px;
	margin-bottom: 5px;
	width: 100%;
	font-family: Avenir, sans-serif;
	.riga2
	{
		margin-top: 15px;
	}
	.riga{
		width: 36%;
		border: 1px solid $grigio-lite;
		border-radius: 45px;
		margin-right: 10px;
		padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;
		color: $grigio-lite;
		margin-top: 10px;
		box-shadow: 0px 0px 10px #00000029;
		input{
			color: $celeste;
		}
	}
	.riga-doc{
		width: 36%;
		border: 1px solid $grigio-lite;
		border-radius: 45px;
		margin-right: 10px;
		padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;
		color: $grigio-lite;
		margin-top: 10px;
		box-shadow: 0px 0px 10px #00000029;
		input{
			color: $celeste;
		}
	}
	.riga > *
	{
		border: 0px;
	}
	.riga-doc > *
	{
		border: 0px;
		padding: 0px;
		margin-left: 5px;
		margin-right: 5px;
		.cerca-titolo-doc{
			width: 60%;
		}
	}
	ion-button
	{
		border-radius: 90px;
	}
	.text{
		font-size: 15px;
	}
	.check {
		float: left;
		margin-right: 10px;
		margin-top: 4px;
	}
	.check2 {
		float: left;
		margin-right: 10px;
	}
	.cerca-notula
	{
		margin-right: 10px;
		width: 135px;
	}
	.cerca-titolo
	{
		margin-left: 10px;
		width: 150px;
		@media (max-width: 500px)
		{
			margin-left: 0px;
		}
	}
	.cerca-titolo-cel
	{
		margin-left: 10px;
		width: 150px;
		margin-top: 5px;
		@media (max-width: 500px)
		{
			margin-left: 0px;
		}
	}
	input[type=input] {
		font-size: 15px;
		display: inline-block;
		border: none;
		border-bottom: 1px solid $grigio-superlite;
		width: 50px;
	}
	.search-arrow-red-desktop
	{
		margin-top: -1px;
		background: red; 
		--background: red;
		border: 0px;
		height: 24px;
		width: 24px;
		font-size: 0px;
		float: right;
	}
	.search-arrow-dev
	{
		margin-top: 5px;
	}
	.search-arrow {
		margin-left: 5px;
		margin-top: 0px;
		background: white;
		--background: white;
		border: 0px;
		height: 24px;
		width: 24px;
		float: right;
		font-size: 0px;
		--border-radius:0px;
		--box-shadow: 0;
	}
	.condividi-text{
		font-size: 18px;
	}
	.date-icon
	{
		font-size: 30px;
		margin-bottom: 5px;
	}
	.date-text
	{
		margin-block-start: 7px;
	}
	.float-date
	{
		margin-bottom: 5px;
	}
}

.input-intervento
{
	border-bottom: 1px solid $grigio-superlite;
	width: 90%;
}

.date-div
{
	border-bottom: 1px solid $grigio-superlite;
}

.popover-content {
	@media (min-width: 600px) {
		--min-width: 400px;
	}
	@media (max-width: 600px) {
		--min-width: 100%;
	}
}
.popover-content.sc-ion-popover-md
{
	overflow-x: scroll;
}