@media only screen and (max-device-width: 480px) {

    #ph_BodyWrapper #WrapperAreaContenuti {

	    width: -moz-calc(100% - 0px)!important;
	    width: -webkit-calc(100% - 0px)!important;
	    width: -o-calc(100% - 0px)!important;
	    width: calc(100% - 0px)!important;      

    }

    body {

      margin-top: 10px;

    }

    #dv_Logo {

      width: 100%;
      margin-left: 10px;

    }

    #dv_Wrapper {

      width: 100%;

    }

		.logoOrizzontale {
		    width: 80px;
    }

		#loginLogoWrapper{

				width : 100% !important; 
			 margin-top: -20% !important; 
			/* width: 150px !important; */
			/* height: 150px !important; */
			/* background-size: 100% !important; */
			
		}
		
		#boxTondeggiateWrapper{
		
			width : 95% !important;
			padding-top: 25px !important;
			padding-bottom: 25px !important;
			background : #F5F5F5 !important;
		
		}
	
		#boxTondeggiateWrapper #userWrapper, #boxTondeggiateWrapper #passwordWrapper {

			width : 100% !important;
			margin-bottom : 10px !important;
		
		}
	
	
	
		#boxTondeggiateWrapper #lb_UserWrapper, #boxTondeggiateWrapper #lb_PasswordWrapper{
		
			width: 100% !important;
			text-align: left !important;
			padding-left: 10px !important;
			font-size: 22px !important;
			margin-bottom : 5px !important;
			text-transform : capitalize;
			
		
		}
		
		#boxTondeggiateWrapper #tb_UserWrapper, #boxTondeggiateWrapper #tb_PasswordWrapper{
		
			width : 100% !important;
		
		}		
		
		#boxTondeggiateWrapper #tb_User, #boxTondeggiateWrapper #tb_Password{
		
			width : 90% !important;
			height : 40px !important;
			margin-left : 0px !important;	
			font-size : 22px !important;
		
		}						
					
		#boxTondeggiateWrapper #ricordaWrapper{

			padding-left: 2px !important;
			width : 31% !important;
		
		}					
					
		#boxTondeggiateWrapper .zCheckbox{
		
			width : 20px !important;
			height : 20px !important;
		
		}

		#boxTondeggiateWrapper #ch_RicordaWrapper{

			margin-left : 0px !important;
			padding-left: 10px !important;
				
		}	
		
		
		#boxTondeggiateWrapper #lb_RicordaWrapper{
		
			width: 60% !important;
			text-align: left !important;
			padding-left: 5px !important;
			padding-top : 2px !important;
			font-size: 17px !important;			
			color : rgb(95,95,95);
			float : right;
			text-transform : capitalize;
			
				
		}	
		


		#boxTondeggiateWrapper #bt_Login{
		
			height: 30px !important;
			line-height: 30px!important;			
			font-size : 15px !important;
			border-radius : 10px !important;
			background-size: 100% !important; 
			left : 100% !important;
			top : -30px !important;
				
		
		}			
					
																									

		#footerWrapper{
		
			width : 95% !important;
		
		}


		#appDownload{
		
			display : block !important;
			height : 52px;
			width : 100%;
			margin-bottom : 20px;
			background-color : rgba(128, 128, 128, 0.13);
		}
		
		
		#appDownloadLink{
			
			position : absolute;
			left : 0px;
			top : 0px;
			
		
		}
		
		#appDownloadText {
		
			position: absolute;
			width: 80%;
			margin: 10px auto 10px;
			left: 40px;
			font-size : 13px;
			
		}

		#topMenu.nascosto {
			position : fixed;
			top : 0px;
			left : -160px;
			width : 150px !important;
			overflow : hidden;
			height : 100% !important;
			background : #333 !important;			
			
		}

		#topMenu.visibile {
		
			position : fixed;
			top : 0px;
			/* left : -160px; */
			/* width : 150px !important; */

			/*
  		width: -moz-calc(100% - 50px)!important;
  		width: -webkit-calc(100% - 50px)!important;
  		width: -o-calc(100% - 50px)!important;
  		width: calc(100% - 50px)!important;
  		*/

  		width : 50% !important;

			z-index : 101;
			height : 100% !important;
			background : #333 !important;
			overflow : scroll;
			z-index : 1000;

			right: -180px;
			

		}	
				
		
		#topMenu>div {
				
			/* width : 148px !important; */

			width: 100%important;

		}
		
		#topMenu a.navigationMenu{
			
			font-size : 16px !important;
			color : #ccc !important;
		
		}
		
		#topMenu>div{
			
			background : inherit !important; 
			border: 1px solid #AAAAAA;
		
		}
		
		#showMenu {
		
			display: block !important;
			position : fixed;
			top : 0px;

		}

		#showMenuLink {
			
			
			width : 70px;
			height : 69px;
			display : block;
			
		
		}				
		
		.navigationSubMenu{
			
			width : 150px !important;
			padding : 0px !important;
			margin-left : -3px !important;
			font-size : 16px;
		}
		
		.navigationSubMenu .navigationSubMenu{
		
			width : 150px !important;
			margin : 0px 0px 0px 0px !important;
		
		}

		#userInfoWrapper {
		
			display : none !important; 
			float: none !important; 
			top:70px !important; 
			
		
		}

		#userInfoMark{
		
			position : absolute;
			top : -50px;
			left : 90%;
			
			
		
		}
		
		#showUserInfoLink {
			
			background-image: url('/public/backoffice/custom/images/mobile/icona_utenti.png');
			width : 34px;
			height : 24px;
			display : block;
		
		}
		
		#userInfo{
			
			display : none;		
			position : absolute;
			left : 60%;
			z-index : 100;	

		
		}		

		#pn_AjaxWrapper{
		
			width : 100% !important;
			min-width : 1px !important;
			
		}

		#pn_Ajax{
		
			overflow : scroll;
		
		}


		#ph_BodyWrapper{
		
			width : 100% !important;
			min-width : 1px !important;
			min-height : 200px !important;
			overflow : hidden;	
			padding-left : !important;	
			padding-right : !important;	
			margin-top : 10px;
			border-left: 0px!important;
			border-right: 0px!important;
			border-bottom: 0px!important;
			border-top: 1px solid #AAAAAA;
			
		}
		
		
		table {
		
		
		}


		#zeus {		
			
		
		}
		
		body { 
			position : absolute;
						
		}
		
		#MMWrapperMobile{
		
			overflow : scroll;
		
		}
		
		#MMWrapper{
		
			min-height : 10px !important;
			border: 0px !important;
			width : 96% !important;
			overflow : scroll !important;
			margin : 0px 0px 0px 0px!important;
			padding : 0px 0px 0px 0px!important;
		
		}
		
		
		#dashboardWrappers{
		
			margin: 0px 0px 0px 0px !important;
			overflow : scroll !important;
		
		}
		
		#pulsantieraWrapper{
		
			/*bottom: 17px; 		*/
			position : fixed; 
			/*position : absolute;*/
			top : 0px;
  					
		}
		
		#TabMenuWrappers{
			
			position : fixed;
			height : 6%;
			left : 0px;
			z-index : 200;
  		top: -moz-calc(100% - 9%);
  		top: -webkit-calc(100% - 9%);
  		top: -o-calc(100% - 9%);
  		top: calc(100% - 9%);
			
		}
		
		#tabMieiTicket{
		
			background : url('/public/backoffice/images/icona_persona.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: -15px;	
			margin-left : calc(100% / 2 - 10px);		
						
					
		}
		
		#tabInCarico{
		
			background : url('/public/backoffice/images/icona_inCarico.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: 0px;			
			margin-left : calc(100% / 2 - 10px);
						
					
		}
		
				
		#tabReparto{
		
			background : url('/public/backoffice/images/icona_valigetta.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: 0px;			
			margin-left : calc(100% / 2 - 10px);
						
					
		}

		#tabSupervisione{
		
			background : url('/public/backoffice/images/icona_cravatta.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: 0px;			
			margin-left : calc(100% / 2 - 10px);
						
					
		}																																																																																
				
		
										
		#tabDiscussione{
		
			background : url('/public/backoffice/images/icona_gruppo.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: 0px;		
			margin-left : calc(100% / 2 - 10px);	
						
					
		}
		
																												
		#tabRicerca{
		
			background : url('/public/backoffice/images/icona_lente.png');
			font-size : 0px;
			background-size: 20px 20px;
			width: 20px !important;
			height: 20px;
			top: 0px;	
			margin-left : calc(100% / 2 - 10px);		
						
					
		}
		

		#refresh{
		
		
		}
		
		.TabPanel{
		
			width : 100% !important;
			overflow-y : scroll;		
			overflow-x : hidden;		
			height: 100%;
			position : absolute;
		}
		
		.TabMenu {
			
			
/*			width : 33% !important;*/
/*					width : calc(100% / 4) !important;  */
			line-height : 100% !important;
			background: url('/public/backoffice/images/sfondo_tab_menu1.png') repeat-x top;    
			background-size:100% 100%;
			height : 100% !important;
			border-left : 0px !important;
			border-right : 0px !important;
			padding-top : 5%;
			display : inline-block;
			font-size : 12px;
			
		}
  
		.TabMenu:hover {
		  
		  /*
		  background: url('/public/backoffice/images/sfondo_tab_menu1.png') repeat-x top;    
		  background-size:100% 100%;
		  color: #000000;
		  font-weight: normal;
		  */
			line-height : 100% !important;
			background : url('/public/backoffice/images/sfondo_tab_menu_selezionato.png') repeat-x top;
			background-size:100% 100%;
			height : 100% !important;	
			color : white;	
		  
		}		
		
	
		.selectedTab{
			line-height : 100% !important;
			background : url('/public/backoffice/images/sfondo_tab_menu_selezionato.png') repeat-x top;
			background-size:100% 100%;
			height : 100% !important;	
				
		
		}
		
		#AreaContestuale{
			
			z-index : 101;
			position : fixed;
			overflow : scroll !important;
			height : 100% !important;
			z-index: 101;
			height: 100% !important;
			background: #333 !important;			
			width : 180px !important;
			top : 0px;
			right : -180px;	
		}

		#showAreaContestuale{
		
			display : block !important;
			left : 10px;
			position : absolute;
			top : -50px;
			left: -moz-calc(100% - 35px);
  		left: -webkit-calc(100% - 35px);
  		left: -o-calc(100% - 35px);
  		left: calc(100% - 35px);
			
			
		}
		
		#showAreaContestualeLink{
		
			background-image: url('/public/backoffice/images/icona_menu.png') ;
      background-size: 30px 30px;
			width : 30px;
			height : 30px;
			display : block;
			margin: 15px 0 0 10px;
							
		}
		
		
		#Parametri{
			
			display : none !important;
		
		}
		
		
		
		#AzioniContestuali{
		
			margin-top : 0px !important;
			background: #333 !important;	
			border : 0px !important;	
			padding : 0px 0px 0px 0px !important;
		}

		#AreaContestualeWrapper{
		
			position : relative !important;
			
		}

		#ec_AreaContestuale_aExpandCollapse{
			
			display : none !important;
			
		}
				
		
		
		.testataCommessa {
		
			width : 100px;
		
		}
		
		
		#dvDettaglioFrameWrapper{
		
			width : 100% !important;
			
		
		}
		
		#dvDettaglioFrameWrapper #a_ChiudiFrame{
		
			display : none;
		
		}
		
		#dvFiltriRicerca{
		
			z-index : 102 !important;
		
		}
		
		
		.pulsantieraMobileWrapper{
		
			width : 50% !important;
		
		}
		
		.pulsantieraMobile{
		
			display : block !important;
			width : 100% !important;
		
		}
		
		#dvFrame{
		
			width: 100% !important;
  		height: 100% !important;
			z-index : 400 !important;	
		
		}
		
		#dvNuovaPratica{
		
			z-index : 200 !important;
		
		}
		
		#dvDettaglioFrame{
			
			width : 100% !important;
			height : 101% !important;
			min-height : 300px !important;
			top : -7px;
			
		}
		
		#frPratica{
					
			width : 100% !important;
			height : 100% !important;
      min-height: 470px;
									
		}
		
		
		#disegnaOggettiFormRunWrapper{
		
			width : 97% !important;
  		/*height: 100% !important;*/
  		height: -moz-calc(100% - 30px)  !important;
  		height: -webkit-calc(100% - 30px)  !important;
  		height: -o-calc(100% - 30px)  !important;
  		height: calc(100% - 65px)  !important;
			
			padding-top : 35px;
			padding-left : 10px;
			padding-bottom : 0px;

		}
		
		#disegnaOggettiFormRun{
		
			width : 100% !important;
			height : 100% !important;			
		
		}
		
		#cruscotto {
		
			width : 100% !important;
			
		}						


		.pulsanteEvento, .pulsanteEventoCustom{
		
			width : 90%;
			font-size : 12px !important;
			padding-top : 3px !important;
			padding-bottom : 3px !important;
		
		}
    
    #cruscottoWrapper {
    
      margin-left: 0px!important;
    
    }

		.running {
		
			width : 98%;
		
		}

		.wWrappers{
		
			width: calc(100% - 10px) !important;
			min-width : calc(100% - 50px)  !important;
		}
		
		.wTicketTitle{
		
			width : 100% !important;
			min-width : 100%  !important;
		
		}

		.wNotesHistory{
		
			overflow : visible !important;
			height : auto !important;
		
		}


		.wNotesHistory .notesText {
		
			width: calc(100% - 85px) !important;
			
		}
		
		.wNotesHistory .notesText textarea{
		
		
			width: calc(100% - 15px) !important;
		
		}
						
		.wInputs{
		
			font-size : 16px !important;
			padding : 5px;
			width : 97% !important;
			margin-left : 0px;
		
		}
		
		.map-canvas{
		
			width : 100% !important;
		
		
		}
		
		.listaPratiche>li{
		
			font-size : 16px !important;
		
		}
		
		.listaEventi {
		
			width : 95% !important;
			margin-top : 10px !important;
		
		}
		
		.listaEventi>li{
		
			width : 90% !important;
		
		}
		
		.wLabels {
		
			font-size : 16px !important;
		
		}
				
		.wDescriptions {
		
			font-size : 16px !important;
		
		}
		
		.titoloPagina{
		
			font-size : 20px !important;
		
		}
		
		.title {
		
			font-size : 16px !important;
		
		}
		
		label[for=wCTAAccettazione]{
		
			width : calc(100% - 25px) !important;
			font-size : 16px !important;
		
		}
		
		.wWrappers>.wLabels {
		
			width : 100% !important;
			text-align : left;
			color : rgb(173,172,172) !important;
		
		}
					
		
		#tabNota, #tabNota1, #tabNota2, #tabNota3 {
		
			width : 25% !important;
			padding-top : 0px !important;
			line-height : 24px !important;
		
		}	
		
		.boxOmbreggiato.pannelsWrapper{
		
			overflow-x : hidden !important;
		
		}

						
}