$giallo-scuro:#EEA248;
$bianco: #fff;
$celeste: #232D4B;
$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;
	background-color: white;
	//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: 60%;
        height: 30px;
        margin-left: 20%;
        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;
	background-color: $celeste;
	opacity: 1;
	width: 100%;
	align-content: center;
}

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

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

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

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

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

.ion-accordion-toggle-icon {
	color: $celeste;
}

.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);*/
		box-shadow: 0px 0px 10px #00000029;
		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: 20px;
			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: 60px;
			min-height: 42px;
			height: 120px;
			font-family: Montserrat, sans-serif;
			color: $grigio;
			width: 40%;
		}
	}
	.struttura-consulting-smart
	{
		//background-image:url('assets/img/MenuconsultingSmart.png');
	}

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

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

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

.titolo-home
{
	position: static!important;
	padding: 0 10px 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: Montserrat, 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-consulting-smart
	{
		//background-image:url('assets/img/cerchioconsulting.png');
	}

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

	.struttura-training-smart
	{
		//background-image:url('assets/img/cerchiotraining.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: 120px;
		margin: 5px 46px 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);*/
		box-shadow: 0px 0px 10px #00000029;
		float:left;
		//border-radius: 20px;
		background-repeat: no-repeat;
		background-position: center 20%;
		background-size: 80px 80px;
		.icon {
			margin:auto;
			background: transparent;
			min-height: 100px;
			padding-top: 25px;
			margin-bottom: 15px;
			img {
				max-width: 180px;
				height: 100px;
				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: Montserrat, sans-serif;
			color: $grigio;
		}
		.documento-text {
			color:$nero;
			margin-top: 20px;
			height: 100%;
			margin-left: 20px;
			font-family: Montserrat, 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: Montserrat, 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;
				color:$grigio-lite;
			}
		}
		.row-text2 {
			font-size: 20px;
			text-align: center;
			width: 100%;
			.detail {
				font-size: 16px;
				color:$grigio-lite;
			}
			.detail2 {
				font-size: 16px;
				color:$celeste;
			}
		}
		.button-div{
			height: 20%;	
			font-size: 25px;			
			.form-button {
				width: 50%;
				margin-left: 25%;
				background-color: $giallo-scuro;
				height: 100%;
			}
			.form-button2 {
				width: 70%;
				margin-left: 25%;
				background-color: $giallo-scuro;
				height: 100%;
			}
			ion-button
			{
				font-size: 25px!important;
			}
		}
		.button-div2{
			height: 20%;
			width: 100%;	
			font-size: 25px;
			text-align: center;
			.form-button2 {
				background-color: white;
			}
			.form-button3 {
				width: 80%;
				background-color: $giallo-scuro;
				height: 50px;
				margin-left: 10%;
			}
			ion-button
			{
				font-size: 25px!important;
			}
			ion-icon
			{
				color: $giallo-scuro;
				width: 40px;
				height: 40px;
			}
		}
		.row-download {
			float: right;
			ion-icon {
				color: $celeste;
				width: 40px;
				height: 40px;
			}
		}
		.row-download-special {
			float: right;
			overflow: hidden;
			font-family: Montserrat, 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;
}

.cerca-titolo-pareri{
	width: 40%;
}

.search-date-smart {
	font-size: 13px;
	padding-bottom: 5px;
	padding-left:10px;
	margin-bottom: 5px;
	width: 100%;
	font-family: Montserrat, sans-serif;
	.riga2
	{
		//margin-top: 15px;
		padding-top: 0px!important;
	}
	.riga{
		width: 83%;
		border: 1px solid $grigio-lite;
		//border-radius: 45px;
		margin-right: 10px;
		padding-left: 5px;
		padding-top: 7px;
		padding-right: 0px;
		//padding-left: 0px;
		/*padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;*/
		color: $grigio-lite;
		margin-top: 10px;
		min-height: 37px;
		box-shadow: 0px 0px 10px #00000029;
		input{
			color: $celeste;
			background-color: white;
		}
		.testo-ricerca > *
		{
			border: 0px;
			margin-top: 8px;
			margin-left: 2px;
		}
		.testo-ricerca3
		{
			margin-top: 0px!important;
		}
		.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 > *
	{
		border: 0px;
	}
	ion-button
	{
		//border-radius: 90px;
	}
	.text{
		font-size: 15px;
	}
	.check {
		float: left;
		margin-right: 10px;
		margin-top: 4px;
	}
	.check2 {
		float: left;
		margin-right: 10px;
		//margin-top: 9px;
	}
	.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: 37px;
		width: 37px;
		font-size: 0px;
		float: right;
		--border-radius: 0px;
		margin: 0px;
	}
	.search-arrow-dev
	{
		margin-top: 5px;
	}
	.search-arrow {
		//margin-left: 5px;
		margin-top: 11px;
		margin-bottom: 0px;
		background: $giallo-scuro;
		--background: #EEA248;
		border: 0px;
		//height: 40px;
		//width: 40px;
		height: 37px;
		width: 37px;
		float: right;
		font-size: 0px;
		--border-radius:0px;
		--box-shadow: 0;
		//padding-top: 7px;
		//margin: 0px;
	}
	.condividi-text{
		font-size: 18px;
	}
	.date-icon
	{
		font-size: 30px;
		margin-bottom: 5px;
		margin-top: 2px;
	}
	.date-text
	{
		margin-block-start: 7px;
		margin-top: 9px;
		margin-left: 2px;
	}
	.float-date
	{
		margin-bottom: 5px;
	}
	.select-titolo
	{
		padding-top: 0px;
	}
}

.button-icon-documenti-smart
{
	color:white;
	width: 24px;
	height: 24px;
}

.button-icon-documenti-smart2
{
	color:white!important;
	width: 24px;
	height: 24px;
	background-color:$celeste;
	border-radius: 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%;
}

.pareri-title-smart
{
	@media (min-width: 600px) {
		width:70%;
	}
	@media (max-width: 600px) {
		width:60%;
	}
}

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

.contenitore {
	margin:auto;
	display:block;
	
	.logo-grande {
		width: 300px;
		margin: auto;
		display: block;
		text-align: center;
		margin-top: 100px;
		margin-bottom: 50px;
	}	
	
	.form {
		ion-input[type=text], ion-input[type=password] {
			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;
			}
		}
	}	
}

.notifica-content
{
	border: 0px;
	margin-left: 100px;
	width: 100%!important;
}

.item-no-border2
{
	border: 0px!important;
}

.corso-content2
{
	color:$celeste;
	border: 0px;
	width: 100%;
}

.corso-content2-center
{
	text-align: center;
}

.miei-corsi-title
{
	//margin-left: 10px;
	width: 70%;
	margin-top: 40px;
	ion-title
	{
		padding: 0px;
	}
}