@charset "UTF-8";

iframe#mainVideo.fullScren	{
	position	: absolute;
    top			: 0;
    left		: 0;
    z-index		: 9990;
    margin-top	: 0;
    height		: 100vh;
    width		: 100vw;
    max-height	: none;
    border		: 0;	
}


@media only screen and (max-width: 1536px) {
	#menuDesktop a span	{ display: none; } 
}


@media only screen and (max-width: 1440px) {
	#page .container,
	#footer .container,
	#footer > div.container,
	#header-top .container,
	#header-menu div.container,
	#header-menu .container		{ margin-left:5%;  margin-right:5%; width: auto; height: 100%; padding: 0;  }

	/*#page .container .container,*/
	#page .container .container.title,
	#page .container .container.pageContent { margin-left: 0; margin-right: 0; width: 100%; }

	#page > .container		{ padding-top: 0; }
	

	iframe.videoBox {
		margin-top: 0;
	    height: calc( 90vw / 16 * 9 );
		max-height: none;
	    border		: 0;	

	}

	div.boxProject {
		max-width: none;
		/* margin: 0; */
	    width: auto;
	    float: none;
	    height: auto;
	    padding-right: unset;
	    border-right: none;
	}

	#colMedia iframe 	{ height: calc( 90vw * .56 ); border: 0; }

	/* box home page*/
	#page div.AdvantageBox { height: calc( 30vw + 3em ); }
}



@media only screen and (max-width: 1390px) {
	#page {
		margin-bottom: 26rem;
	}
	.top-right-info { top: -3.2em; }

	#BottomMap 		{ margin-bottom: .75em; }

	#footer .container div.FooterPagesLink,
	.header-top-center,
	#footer > div.container > p.header-top-left > span	 { display: none; }
}

@media only screen and (max-width: 1280px) {
	#header-menu div.container a 	{ font-size: 1.5vw; }
	#page div.AdvantageBox h3		{ font-size: 1.75vw; }
	#page div.AdvantageBox h3 br	{ display: none; }
	
}



@media only screen and (max-width: 1178px) {

	#footer .header-top-center	{ display: none; }

	.top-right-info { top: -1.5em; }

	#header-top > div > span.left 	{ float: left; }
	#header-top > div > span.right 	{ float: right; }


	/* h1 { width: auto; } */

	#header	{     
	    width			: 100%;
	    height			: 2em;
	    top				: 2em;
		padding			: .5em 0;
	    background-color: #CCE6CC;
	}

	#header-menu img#menuBtnImg		{ display: none !important; }
	#header img#logo,				{ height: 2em; float: left; position: inherit; left: inherit; top: inherit; }


	.top-center-info.red, .top-left-info.red, .top-right-info.red { top: -2.5em; }



}


@media only screen and (max-width: 1024px) {


	#logoContainer,
	#menuDesktop.menuState		{ display: none; }

	#containerMain 				{ margin-top: 9rem; }

	#header-menu img#menuBtnImg {
		display: block !important;
		height: 2.5rem;
		width: 2.5rem;
		position: absolute;
		right: 0;
		top: .75rem;
		z-index: 2;
	}

	#header-menu img#logo {
		height: 3rem;
		top: .5rem;
		display: block;
	    position: absolute;
	    left: 0;
	}


	body			{ background-image: none; }
	.desktop		{ display: none !important; }
	.mobile			{ display: block !important; }
	
	#selMenu		{ text-align: right; }
	#selMenu h1		{ float: none; }


	textarea { max-width: 36.6em; }

	#header-menu.menuState,
	#footer > div.container > p.header-top-right > span:nth-child(1),
	#areaChangeCont { display: none; }

	#footer .header-top-left, #footer .header-top-right {
		display: block;
		float: none;
		text-align: center;
	}

	#menuDesktop > a.lastMenuItem,
	#header-menu div.container a.lastMenuItem {
		border-top: 2px solid var(--darkslategrey);
		border-radius: 0;
		padding-top: 1em;
		margin-top: 1em;
		padding-right: 1rem;
	}


	/* ruota pulsante menu */
	#menuBtnImg.Open,
	#menuBtnImg.Close {
		animation-duration: .5s; 
		animation-direction: normal; 
		animation-timing-function: linear; 
		animation-fill-mode: both;
	}
	#menuBtnImg.Open	{ animation-name: rotationOpen; }
	@keyframes rotationOpen {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(90deg);
		}
	}
	#menuBtnImg.Close	{ animation-name: rotationClose; }
	@keyframes rotationClose {
		from {
			transform: rotate(90deg);
		}
		to {
			transform: rotate(0deg);
		}
	}

	.container.pageContent > p, .container.pageContent > ol, .container.pageContent > ul {
	 	display: block;
	}


	#page div.container.lastNews > div.ntNews {
		border-bottom: 2px solid var(--TableBorderColor);
	    border-radius: 0;
	    padding-bottom: 2em;
	}

	#page div.container.lastNews > div.ntNews > img {
	    width: 100%;
	    margin: 0;
	    border-top-left-radius: 1em;
	    border-bottom-right-radius: 1em;
	    object-fit: cover;
	    object-position: center;
	    height: 18em;
		float: none;
	}

	#page div.container.lastNews > div.ntNews > h3 {
		margin: 2em 0 1em;
	    height: 3em;
	    padding: 0;
	}

}

@media only screen and (max-width: 950px) {

	#footer #CompanyInfo span 		{ display: block; }
	#footer #CompanyInfo span.line 	{ display: inline-block; }
	#footer #CompanyInfo 			{ line-height: 1.5rem; }

	#footer .container .social img {
		width: 2rem;
		height: 2rem;
	}

	#ClockInForced select[name=selProjecAttendanceCard] {
	    width: 100%;
	    max-width: unset;
	}	

	#ClockInForced .DayStartElement {
	    width: 100%;
	    margin: 1em auto;
	    text-align: center;
	}
}

@media only screen and (max-width: 800px) {

	#ClockInForced .AttendanceFormIcons .fieldSize {
	    color: transparent;
	    width: 25%;
	    background-position-x: center;
	}
	.BoxAvviso { top: 6.4em; }

	.shiftTable {
		background-image: url("../images/layout/7920/dir-r-neg.png"); 
		background-repeat: no-repeat; 
		background-position: right; 
		-ms-overflow-x: scroll;
		overflow-x: auto;
	}

	/* #footer 		{ position: initial; } */
	#footer .left 	{ float: none; text-align: center; }
	#footer .right 	{ float: none; text-align: center; }

	#footer div p.right, .header-top-center 				{ display: none; }

	#footer .header-top-right,
	#footer .header-top-left	 	{ position: unset; text-align: center; }

	#pageText, #colMedia 	{ float: none !important; width: auto !important; }
	#colMedia				{ margin-top: 2em; }

	div#menuPageTopRight {
	    display			: block;
	    float			: none;
	    position		: unset;
	    right			: unset;
	    top				: unset;
		margin-bottom	: 1em;
	}
	div#menuPageTopRight div.btnMini {
		border: 1px outset #f7f8f9;
	    padding: .75em 1.5em;
		min-width: max-content;
		margin: 0 .25em .5em 0;
	}
	
	/* div#menuPageTopRight div.btnMini img, */
	#CountryFlag, #topChangeLanguage { display: none; }



	#page > div.container.lastNews > div.ntNews.lf,
	#page > div.container.lastNews > div.ntNews.rt	{ border: 0; padding: 0; margin: 3em 0; width: auto; }

	#page div.AdvantageBox {
		display: block;
		width: 75vw;
		height: calc( 75vw + 7em );
		margin: 4em auto;
	}

	#page div.AdvantageBox h3 { font-size: 1.1em; }

	#footer #CompanyInfo span 		{ display: block; }
	#footer .container .social img 	{ margin: 0 .4em; }


	#authorProfile > ul 							{ padding-left: 1em; }
	#authorProfile > ul > li > span:first-child 	{ width: auto; }

	div[role=tooltip] { display: none !important; }



	.pageImgFormat.video {
	    height: calc(100vw / 16* 9);
	    max-width: none;
	    width: 50%;
	}

}

@media only screen and (max-width: 720px) {
	#header-top div div span.right 	{ float: right; }

	.pageImgFormat.left, .pageImgFormat.right {
	    float: none;
	    clear: both;
		margin: 0 auto;
	    max-width: fit-content;
	}
	.pageImgFormat.left > img,
	.pageImgFormat.right > img {
		float: none !important;
	}

	.pageImgFormat.video {
	    height: calc(100vw / 16* 9);
	    max-width: none;
	    float: none;
	    margin: 0 auto;
	    width: 100%;
	}	

}

@media only screen and (max-width: 650px) {


	form[name=frmUpd] select,
	input[type=file]				{ width: calc( 100% - 11em ); }

	#page 						{ margin-bottom: 28em; }

	#footer #CompanyInfo 		{ line-height: .75rem; margin-bottom: 1rem; }

	#footer #CompanyInfo span	{ margin: 0 0 1em 0; display: block; }
	

	#BoxAllarme	{ top: 6.6em; }

	.left, .right		{ float: none; }

	.left.margin		{ margin-left: 0; }
	.w49, .w45			{ width: auto; }

	.BoxAvviso {
	    width: calc( 100% - 8% );
	    padding: 0 4% 2em;
	    margin: 0;
	    top: 5em;
	    left: 0;
	    border: 0;
	    border-radius: 0;
	    opacity: 1;
	    height: auto;
	    text-align: center;
	}

	/* .container		{ width: 90% !important; margin: 0 auto; padding-top: 0 !important; } */

	img#cmdEditIco	{ display: none; }

	#GoogleMap, #EstimateMap, #BottomMap	{ display: none; }

    /* h1			 	{ margin-top: 1em; margin-bottom: 1.5em;  } */



	form[name=Clearance] input[name=GoodsDescription],
	form[name=Clearance] input[name=Carrier],
	form[name=Clearance] input[name=DeliveryAddress],
	form[name=Clearance] input[type=datetime-local],
	form[name=Clearance] input[type=number],
	form[name=Clearance] input[type=email],
	form[name=Clearance] input[type=tel],
	form[name=Clearance] input[name=DeliveryContact],
	form[name=Clearance] input[name=Referent]			{ width: calc( 100% - (2px + .4em) ) ; max-width: none; }
	form[name=Clearance] select 						{ width: 100%; }

	div.boxProject {
	    max-width: none;
	    margin: 0;
	    float: none;
	    height: auto;
	    width: 100%;
    	margin-bottom: 2em;
    	margin-top: 0; /*2em; */
		min-width: unset;
    }

	#SelectCountryLanguage > select {
	    width: 100%;
	}

	
	button				{     
	    display: inline-block;
	    text-align: center;
	    border-radius: .25em;
	    padding: .75em 1.5em;
	    /* width: 6em; */
	    border-color: #f7f8f9;
		border-width: 1px;
	    background-color: #f7f8f9;
	}	


	p.breadcrumb		{ display: none; }
	table.table tr td div.strech { width: 90%; margin: auto; }

	/* form[name=frmFilters] label		{ display: none; } */
	form[name=frmFilters] select	{ margin-bottom: 1em;  }
	form[name=frmFilters] label > button	{ 
	    display: block;
	    float: right;
	    margin: .5em 0;
	}


	/* Paging : Navigation */ 
	table div.nav 			{ height: 2em; }
	table div.nav div.left	{ display: none; }
	table div.nav #nav-first,
	table div.nav #nav-previous,
	table div.nav #nav-last,
	table div.nav #nav-next { margin: 0 .5em; }

	form[name=frmUpd] input[type=number]	{ width: 6em; }

	#authorProfile > p:first-child 				{ margin-left: calc( 25% + 2em ); }
	#authorProfile > p > img 						{ width: 25%; float: left !important; }


}

@media only screen and (max-width: 540px) {

	#selMenu select { width: 100%; }

	form textarea, form input, form select, button { font-size: 1em; /* !important; */ }
	textarea 								{ max-width: -webkit-fill-available; }

	form[name=frmUpd] select,
	input[type=file]						{ width: 100%; width: -webkit-fill-available; }


	/* ProjectsList.html */
	input[name=tSeek] 						{ width: calc( 100% - (2px + .4em) ) }
	form[name=frmMSel] #filters select 		{ width: calc( 100% - 2px ); margin-bottom: inherit; }

	.pageImgFormat.video,
	.pageImgFormat			{ float: none; max-width: none; margin: 1em 0;  }


}



@media only screen and (max-width: 500px) {


	h3 { margin-top: 2em; }
	.top-right-info { top: -1.5em; }

		
	#loginForm .left	{ float: none; max-width: 100%; min-height: 10em; margin-top: 0; position: absolute; top: 3em; left: 0; }
	#loginForm .right	{ float: none; width: 100%; }
	

	.pageImgFormat.video,
	.pageImgFormat			{ float: none; max-width: none; margin: 1em 0; }
	.pageImgFormat.video 	{ height: calc( 100vw / 16 * 9 ); }	


	#containerMain 	{ margin-top: 7rem; }
	#selMenu		{ margin-bottom: 2rem; }

	#page			{ 
		margin-top: 6rem; 
		height: 100%;
	    min-height: 100%;
	    margin-bottom: 22em;
		display: block;
	}
	

	#page > div.container > p > button > img { text-align: center; width: 2em !important; height: 2em !important; margin: 0 auto 0.1em; display: block; }
	/* #page div.container img.icona24			 { width: 2em !important; height: 2em !important; margin: .25em .25em !important; vertical-align: -1em !important; } */
	*/
	#page p img {
		float: none !important;
		border: 0 !important;
		max-width: 100%;
		clear: both;
		width: 100%;
		height: auto;
	}

	#page p img.flagCountry,
	img.flagCountry, 
	.icona24,
	#page div.container img.icona24 {
	    width: 1.5em;
	    height: 1.5em;
	    display: inline-block;
	    vertical-align: bottom;
	}


	#page p img.ISOFlag, #ISOFlag {
	    /* width: inherit; */
	    max-width: unset;
	    vertical-align: middle;
	}


	/* h1 { font-size: 1.5em; } */

	form[name=login]	{ width: 100%; }

	.table td, 
	.table th 			{ padding: 0.3em 0.3em; }
	.table img.icona	{ width: 16px; height: 16px; }
	

	button.btnTop		{ 
		padding-top		: .5em;
	    padding-bottom	: .5em;
	    position		: absolute;
	    top				: 0;
	    right			: 0;	
	}	

	form[name=frmUpd] select 				{ width: 100%; width: -webkit-fill-available; }
	form[name=frmUpd] input  				{ width: calc( 100% - 5.6em ); }
	form[name=frmUpd] input[name=saveFrm] 	{ width: 100%; height: 15vw; }
	form[name=frmUpd] input[type=date]		{ width: 10em; }


	#header-top						{ display: none; }
	#header, #header-menu			{ top: 0; }


/*
	input[type=submit], button[type=submit], input[type=button].save {
	    background-color: green;
	    color: white;
	    height: 20vw;
	    width: 100%;
	}
*/

	textarea	{ height: 6em; }

	form[name=tabEdit] input	{ width: calc( 100% - ( 2px + .4em) ); }

	form[name=frmPjcNfo] label,
	form[name=frmTender] label,
	form[name=frmPjcLoc] label	{ display: block; }	

	form[name=frmRil] 	label,		
	form[name=frmComm] 	label	{ display: none;}


	select { background-color: transparent; }

/*
	form input,
	form select	{
		width: 100% !important; 
		max-width: 100% !important; 
		max-width: -webkit-fill-available !important; 
		width: -moz-available !important; 
		width: fill-available !important; 
		width: -webkit-fill-available !important; 
	}
*/

	form[name=frmTender] textarea,
	form[name=frmWeb] textarea,
	form[name=frmPjcLoc] textarea,
	form[name=frmRil] textarea		{ height: 6em; width: calc(100% - .4em); }

	/* ProjectUploads */
	form[name=frmUpload] input,
	form[name=frmUpload] select		{ margin-bottom: 1em; }


	/* ProjectLocation */
	form[name=frmPjcLoc] input,
	form[name=frmPjcLoc] select		{ margin-bottom: 1em; }
	form[name=frmPjcLoc] input[name=Latitudine],
	form[name=frmPjcLoc] input[name=Longitudine]	{ width: 10em !important; }
	form[name=frmPjcLoc] select[name=ISOCountry]	{ width: 15em !important; }
	form[name=frmPjcLoc] input[name=CAP]			{ width: 7.5em !important; }
	form[name=frmPjcLoc] input[name=Provincia]		{ width: 10em !important; }	
	form[name=frmPjcLoc] p.relative a img.icona24	{ position: absolute; top: calc( 50% - .75em ); padding-left: inherit; right: 0; }	

	/* ProjectContacts */
	form[name=frmPeople] input,
	form[name=frmPeople] select		{ margin-bottom: 1em; }


	/* ProjectInfo */
	form[name=frmPjcNfo] input,
	form[name=frmPjcNfo] select		{ margin-bottom: 1em; }
	form[name=frmPjcNfo] textarea	{ margin-top: 0; }


	/* ProjectContract */
	#box_GaraPiattaforma_sel	{ margin-top: -.5em; }
	form[name=frmTender] input,
	form[name=frmTender] select	{ margin-bottom: .5em; }
	ul#idUserFrom_popup 		{ line-height: 2em;  }


	.top-left-info { top: -1.6em; font-size: .75em; right: 0; left: auto; }
	
	form[name=frmUpload] input[type=file] { width: calc( 100% - (.4em + 2px) ); }


	form[name=frmContactEditor] input[type=number] 	{ text-align: right; }
	form[name=frmContactEditor] label {
		display		: block;
		width		: auto;	
		margin-top	: .5em;
	    color		: #888;
	}
	form[name=frmContactEditor] .ISOFlag				{ display: none; }
	form[name=frmContactEditor] textarea 				{ margin-top: .5em;   }
	form[name=frmContactEditor] select			 		{ width: 100%;  font-size: 1em; }
	form[name=frmContactEditor] textarea,
	form[name=frmContactEditor] input[type=email],
	form[name=frmContactEditor] input[type=url],
	form[name=frmContactEditor] input[type=text]		{ width: calc( 100% - (.4em + 2px) ); }
	/* form[name=frmContactEditor] textarea[name=Annotazioni] { width: auto; } */
	form[name=frmContactEditor] h3						{ margin-top: 2em; }

	form[name=frmContactEditor] select.phonePrefix,
	form[name=frmContactEditor] input[name=ipAddress],
	form[name=frmContactEditor] input[type=number],
	form[name=frmContactEditor] input[name=CAP],
	form[name=frmContactEditor] input[name=points],
	form[name=frmContactEditor] input[name=Latitudine],
	form[name=frmContactEditor] input[name=Longitudine]	{ width: 6em; }

	form[name=frmContactEditor] input[type=tel],
	form[name=frmContactEditor] input[name=Provincia] 	{ width: calc( 100% - 7.5em ); }

	form[name=frmPjcNfo] input[type=checkbox],
	form[name=frmContactEditor] input[type=checkbox]	{ 
		-ms-transform: scale(2); /* IE */
		-moz-transform: scale(2); /* FF */
		-webkit-transform: scale(2); /* Safari and Chrome */
		-o-transform: scale(2); /* Opera */
		transform: scale(2);
		padding: .5em;
		margin: .5em;
	}
	label small { display: block; }


	/* menu progetti */
	p#ProjectSelection					{ position: unset !important; }
	p#ProjectSelection select			{ width: 100% !important; }
	p#ProjectSelection label			{ display: none !important; }


	ul.HomePageMenu li { display: block; text-align: left; 	}
	
	.up_down 			{ min-width: 3em; }
	.up_down img.up		{ top: -.5em;  }
	
	/* Mass Email Editor */
	#recipiens { float: none; margin-right: 0; }
	form[name=frmPagina] {
	    width		: auto !important;
	    max-width	: none !important;
	    position	: relative;
	    float		: none;
	}
	form[name=frmPagina] input[type=number]	{ width: 3em; }

	span.navInfo	{ position: unset; font-size: 100%; text-align: unset; width: unset; top: unset; left: unset; }

	form[name=frmMSel] p select { width: calc( 100% - .4em ) !important;  margin-bottom: 1em; }

	ol, ul 		{ padding-left: 1em; }
	blockquote 	{ margin-left: 1em; }

	
	#page div.container.lastNews img {
	    max-width: 100%;
	    float: none;
	    margin: 0 0 1em 0;
	    border: 0;
	    border-top-left-radius: 0;
	    width: -webkit-fill-available;
	}
	#page div.container.lastNews div.ntNews
		{ height: auto; padding-left: 0; padding-right: 0;  }


	#header-top div div span.left	{ display: none; }
	
	#footer #CompanyInfo { text-align: center; font-size: 1rem;  }
	#footer #CompanyInfo span	{ display: block; margin: 0;  padding: .25rem; }	


	#page div.AdvantageBox img.site 	{ object-fit: contain; }

}

@media only screen and (max-width: 375px) {


	#page > div.container > div.container { width: auto !important; }
	#page > div.container.lastNews > div.ntNews.lf,
	#page > div.container.lastNews > div.ntNews.rt	{ border: 0; padding: 0; margin: 3em 0; width: auto; }
	#mobTitle		{ display: none; }
	#selMenu		{ margin-bottom: 2em; }
	#list input[type=date]	{ width: 8em; }
	#selMenu select		{ width: 100%; }

	ul.HomePageMenu	{ float: none; margin-left: 0; }

	#page > div.container > div.container > colmedia > iframe { height: 54vw; border: 0; }

	.left.margin	{ margin-left: 0; }
	#startDay	{ max-width: 10em; }


}


@media only screen and (max-width: 360px) {
	#page > div.container > div.container > colmedia > iframe { height: 54vw; border: 0; }
	

}


