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

.standard-padding
{
	padding-top: 20px;
}

.smartphone-bcall
{
	background:url('assets/img/Rectangle3.png') no-repeat;
	background-size: cover;
	border-top-left-radius: 64px;
	border-top-right-radius: 64px;
	//border-radius: 64px;
	opacity: 1;
	height: 100%;
	align-content: center;
	.bcall-title
	{
		text-align: center;
		font-size: 20px;
		letter-spacing: 0;
		color: $celeste;
		padding-top: 40px;
	}
	.bcall-content
	{
		text-align: center;
		font-size: 20px;
		letter-spacing: 0;
		color: $celeste;
		font-weight: bold;
		margin-bottom: 10px;
	}
	ion-img
	{
        width: 30px;
        height: 30px;
        margin-left: 48%;
        margin-top: 10px;
	}
}

.footer-smartphone
{
    height: 20%;
}

.footer-smartphone > *
{
	height: 100%!important;
	padding: 0px!important;
}

.content-login-smartphone
{
    height:80%;
}

.back-white {
	position:absolute; 
	@media (min-width: 1024px) {
		top:48 px;
	}
	/*@media (max-width: 1024px) {
		top:20 px;
	}*/
	width: 30px;
	height: 30px;
	color:$bianco;
	--ion-color-base:#fff;
}

.bold
{
	font-weight: bold;
}

.background-blu
{
	//background-color: $celeste;
	background:url('assets/img/toolbarimage.png') no-repeat ;
	//margin-left: 220px;
	//border-radius: 64px;
	opacity: 1;
	width: 100%;
	border-end-end-radius: 64px;
	align-content: center;
}

.bc-height
{
	height: 201px;
	background-size: 100% 201px;
}

.rp-height
{
	height: 161px;
	background-size: 100% 161px;
}

.home-height
{
	height: 120px;
	background-size: 100% 120px;
}

.subpage-height
{
	height: 160px;
	background-size: 100% 160px;
}

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

.messaggio-bianco
{
	color:$bianco;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
}

.content-preview-smart
{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10%;
	.struttura-sel-smart {
		width: 100%;
		margin-top:20px;
		margin-bottom: 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: left bottom;
		background-size: 50% 85%;
		height:140px;
		.icon {
			margin-left: 10%;
			margin-right:20%;
			background: transparent;
			min-height: 70px;
			padding-top: 40px;
			img {
				max-width: 180px;
				width: 70px;
				margin:auto;
				display: block;
				padding-top: 10px;
				background: transparent !important;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
		}
		.section-title-smart {
			font-weight: bold;
			text-align: center;
			font-size: 16px;
			padding-top: 45px;
			min-height: 42px;
			height: 120px;
			font-family: Avenir, sans-serif;
			color: $grigio;
			width: 40%;
		}
	}
	.struttura-servizio-smart
	{
		background-image:url('assets/img/MenuServiziSmart.png');
	}

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

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

.content-login-smartphone{
	width: 100%;
}

.titolo-home
{
	position: static!important;
	padding: 0 50px 1px!important;
}

.menu-show{
	@media (min-width: 1024px) {
		top:48 px;
	}
	width: 34px;
	height: 34px;
	margin-left: 10px;
	padding-bottom: 5px;
}

.exit {
	@media (min-width: 1024px) {
		top:48 px;
	}
	width: 34px;
	height: 34px;
	margin-right: 10px;
}

.titolo-sezione-head-smart {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-family: Avenir, sans-serif;
	padding-left: 15px!important;
	padding-right: 15px!important;
	color: $bianco;
}

.back-button-smart
{
	color: $bianco;
	margin-left: 25px;
}

.content-index-smart
{
	margin-left: 5%;
	margin-top: 5%;

	.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 {
		width: 150px;
		margin: 5px 10px 30px 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 20%;
		background-size: 80px 80px;
		.icon {
			margin:auto;
			background: transparent;
			min-height: 50px;
			padding-top: 25px;
			margin-bottom: 15px;
			img {
				max-width: 180px;
				height: 50px;
				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%;
			}
		}
	}
}

.row-results-smart {
	padding: 10px 0px;
	margin: 5px 10px;
	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;
		}
		.data2 {
			div {
				font-size: 18px;
				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;
				color:$grigio-lite;
			}
		}
		.row-download {
			float: right;
			ion-icon {
				color: $celeste;
				width: 40px;
				height: 40px;
			}
		}
		.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;
			}
		}
	}
}

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

.search-date-smart {
	font-size: 13px;
	padding-bottom: 5px;
	padding-left:10px;
	margin-bottom: 5px;
	width: 100%;
	font-family: Avenir, sans-serif;
	.riga2
	{
		margin-top: 15px;
	}
	.riga{
		width: 83%;
		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;
		min-height: 34px;
		box-shadow: 0px 0px 10px #00000029;
		input{
			color: $celeste;
		}
		.testo-ricerca > *
		{
			border: 0px;
			//margin-top: 8px;
			margin-top: 2px;
			margin-left: 2px;
		}
		.testo-ricerca2
		{
			display: inline-block;
			margin-top: 10px;
			margin-left: 2px;
			max-width: 200px;
		}
		ion-label > *
		{
			border: 0px;
			margin-top: 8px;
			margin-left: 2px;
		}
		.testo-ricerca-select{
			padding-top: 0px;
			padding-bottom: 0px;
			float:left;
		}
	}
	.riga-doc{
		width: 83%;
		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
	{
		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: 20px;
		background: white;
		--background: white;
		border: 0px;
		height: 40px;
		width: 40px;
		float: right;
		font-size: 0px;
		--border-radius:0px;
		--box-shadow: 0;
		padding-top: 7px;
		margin-bottom: 0px;
	}
	.condividi-text{
		font-size: 18px;
	}
	.date-icon
	{
		font-size: 30px;
		margin-bottom: 5px;
	}
	.date-text
	{
		margin-block-start: 7px;
	}
	.float-date
	{
		margin-bottom: 5px;
	}
}

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

.share-button
{
	margin-left: 10px;
}

.list-smart
{
	padding: 0px;
}

.footer-tabs-smart
{
	max-width: 100%;
	border-top-right-radius: 64px;
	border-top-left-radius: 64px;
	height: 60px;
	background-color: $giallo;
}

.footer-tabbar-smart {
    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-repeat: no-repeat;
	background-position: center -150px;
	background-size: 500px;
	border:0px;
	height:100%;
}
