﻿@media screen and (min-width: 1101px) {
	.btnMainMenuWF-Mobile {display:none!important;}	
	.userStatus .buttonText {
		padding-left: 3px;
		padding-right: 28px;
		max-width: 85px;
		max-height: 15px;
		overflow: hidden;		
	}
}	

@media screen and (max-width: 1100px) {
	.scrittaWorkflow, .btnMainMenuWF {display:none!important;}	
}	

@media screen and (max-width: 950px) {
	.wfTopToolbarButton .fas span {display:none!important;}	
	.scrittaWorkflow, .btnMainMenuWF {display:none!important;}	
	.centerToolbarWF .divPulsPaginaUtente {margin-left: 25px;}
	.mainMenuWorkflow {padding-bottom: 6px;}
}	

@media screen and (min-width: 300px) and (max-width: 880px) {
	/* Per applicazioni mobile */
	.divCorpoPagina , .centerToolbarWF {width:100%; box-sizing:border-box;padding:0;margin:0;}
	.divInizioPagina,
	.divFinePagina,
	.centerToolbarWF .extensionButton {
		display: none;
	}
	#mainDivCartelle {font-size:1.1em;}
	.linkCartella {padding-top:5px;padding-bottom:6px;padding-left:6px;}
	.bloccoElencoMessaggi {font-size:1em;}
	.msgRow {min-height:32px;border-bottom: 1px solid #d2d2d2;}
	html, body, table {font-size:.9em;}
	#divLogoWF {width:30px!important;}
	#linkLogoWF, #linkLogoWF:hover {background:url('Menu-icon48.png') center center no-repeat;background-size:32px 32px;background-color: #00bbff;width:40px;height:40px;}
	.imgPulsanteWF {display:none;}
	/* .button {height:32px} */
	.wfMenu  {font-size: .8em!important;}
	.wfMenuUL {display:inline-block;width:auto;padding:2px;margin:2px;}
	.mainDivToolbarWF .bloccoAltreInfo {float:left;margin-left: 10px;}
	.divHeaderSuggestAnagrafica {width:480px;}
	.mainDivOpzioniRicerca .txtCercaTutto input {width: 8em;height:2em;padding:.3em;}
	#msgTopbarWrapper {height:45px;}
	#msgContentWrapper {top:48px;}
	
	.minicolors, .buttonLayoutHome {display: none!important}

	.fc-miniheader .lblTitle {font-size: 1.2em;min-width: 100px;}

	.mainDivOpzioniRicerca .lblCercaAl, .mainDivOpzioniRicerca .txtCercaAl {display: none;}

	.divContatori {width: 44%;}
	.divMessaggiInterni {width: 55%;}
	.divAttivita {width: 100%;}
	.divAttivita .divPulsantiAttivita {width: 190px;}
	#contentAttivita #newAttivita {height: 45px;}
	#contentAttivita #elencoAttivita {top:45px;}


	.tabLogin {
	  width: 95%;
	  position: relative;
	  top: auto;
	  margin: auto;
	  left: auto;
	  font-size: .9em;
	}
	.infoSessioneScaduta {padding-top: 0px;padding-bottom: 20px;}
	.agenda #btnEventiVRC, .agenda #btnStampa {display: none;}
	.fc-header-title {font-size:.7em;}
	.fc-grid .fc-day-number {font-size: .6em;}
	#schedaInEvidenza .lblDes2, #schedaInEvidenza .lblDes3,  #schedaInEvidenza .rigaCercaAnagrafica {display: none} /* , #schedaInEvidenza .buttonText */
	#schedaInEvidenza .buttonText span {
		width: 1px;
	    height: 16px;
	    overflow: hidden;
	    display: inline-block;
	}
	#schedaInEvidenza .buttonAgenda {width: auto!important;background-position: 4px center!important;}
	#schedaInEvidenza .buttonAgenda .buttonText {display: inline-block;padding-top: 6px;padding-right: 12px;padding-left: 28px;}

	#schedaInEvidenza .button {
		width: 50px;
		height: 45px;
		
 	 	background-position: center center;
	}

	#tabMessaggiInterni .tabslide-tab, .divAttivita .tabslide-tab {min-height: 50px;}

	.divContatori, .divMessaggiInterni, .divAttivita {margin-bottom: 5px;}

	#bloccoSchedeHome .tabslide-tab {overflow: hidden;}
	#bloccoSchedeHome .rigaContatore {padding:5px;padding-top: 10px;padding-bottom: 10px;}
	
	.mobile_app #schedaInEvidenza .rigaCercaAnagrafica {display: block;}
	.mobile_app #schedaInEvidenza .rigaCercaAnagrafica  .lblDesAttivita {display:none;}
	.mobile_app #schedaInEvidenza .rigaCercaAnagrafica #txtRichiamaRagSoc {width:96%;padding:10px;height:auto;font-size:1.2em;}
	.suggestAnagrafica {font-size:12pt!important;}
	
	.divHPTopLeft {width:33%;}
	.divHPTopRight {width:67%;}

	.bloccoCambiaStatusOperatire {display: inline-block;}

	#tabMessaggiInterni .tabslide-tab, .divAttivita .tabslide-tab, #bloccoSchedeHome .tabslide-tab {height: auto;}


	.tabElencoPratiche .col1 {width:15%;}
	.tabElencoPratiche .col2 {min-width:160px;max-width:800px;width:84%;}
	.tabElencoPratiche .col3 {
		max-width: 800px;
		width: 50%;
		margin-left: 15%;
	}
	.tabElencoPratiche .col4 {width: 10%;}
	.tabElencoPratiche .col5 { width: 10%;}
	.tabElencoPratiche .col7 {
		width: 80%;
		margin-left: 15%;
	}
	.tabElencoPratiche .col8 {width: 2%;display: none;}





}

@media screen and (min-width: 300px) and (max-width: 760px) {
	.cbBackupSet,
	.lblBackupSet,
	.lblBackupSet,
	.toolbarAzioniMessaggi{
		display: none !important;
	}
	.containerCampiPratica .tabslide-tabs {
		min-height: 200px;
	}
	
	#schedaArchivioPratica {
		min-height: 180px;		
	}

	.mainDivInfoCliente {font-size: 12px;}
	.mainDivInfoCliente .divInputCliente .spacerTop {
		display: none;
	}
}

@media screen and (min-width: 300px) and (max-width: 900px) {
	.divHPTop {height:auto;}
	#bloccoSchedeHome_p1 {display: none;}
	.rightColumnDiff {width: 100%;margin-bottom: 20px;}
	.divContatori, .divMessaggiInterni, .divAttivita {width:100%;float:none;height:auto;padding:0;margin:0;margin-bottom:20px;}
	.divHPTop .tabslide-tab {height:auto;}
	.divMessaggiInterni, .divAttivita, .divContatori {height:auto;}
	.divHPTop .lblDes1 {min-width:120px;}
	.divHPTop .lblDesPratiche {width:auto!important;}
	.divHPTop .lblDes3 {width:auto!important;}	
	.fc-header-left, .fc-header-center, .fc-header-right {white-space:normal!important;width: 100%;display: block;}
	.fc-header-right {text-align: left;}
	.divHeaderSuggestAnagrafica {width:340px;}
	.aniDialog {width: 100%!important;top:0!important;left: 0!important;}  /*max-height: 100%!important;*/
	.aniDialog-title {font-size: 14pt;} 
	.aniDialog-maximize {right: 32px;}
	.aniDialog-resize {right: 60px;}
	.aniDialog-close a, .aniDialog-resize a, .aniDialog-maximize a {font-size: 14pt;}
	

	/*.dettMessaggio .divPulsantiMessaggio {right: auto;left:0;width:100%;top:10px;}*/
    .mainDivOpzioniRicerca .txtCercaTutto input {width: 5em;}
    .mainDivOpzioniRicerca .txtDataSelect {width: 70px;}

    .dettMessaggio #divAzioni2 {display:inline-block;}
 	.dettMessaggio #divAzioni, .dettMessaggio #divRispondi, .dettMessaggio #divInoltra {display:none;}
	.dettMessaggio .divMittente { margin-right: 60px;}
	.dettMessaggioEmail .divMittente {padding-right: 60px!important;}
	.tdAltreInfoInserisciPratica, .linkCRM {display: none;}
	.tabPratica .tdDes, .tabPraticaElencoRighe .td1, .tabPraticaElencoRighe .td4, .tabPraticaElencoRighe .td5, .tabPraticaElencoRighe .td6, .tabPraticaElencoRighe .td8, .tabPraticaElencoRighe .td2_3 a {display: none!important;}
	.tabPraticaElencoRighe .td2_3 {width: 90%;}
	.tabPraticaElencoRighe .td9 {width: 10%;}

	.rigaPrincipalePratica .divRP_1 {width: 80%;font-weight: bold;}
	.rigaPrincipalePratica .divRP_2 , .rigaPrincipalePratica .divRP_3, .rigaPrincipalePratica .divRP_4,	.rigaPrincipalePratica .divRP_5 {display: none;}
	.rigaPrincipalePratica .divRP_6 {width: 20%;}





	.context-menu-item {
	    padding: .3em 3em;
	    font-size: 13pt;
	}

}

@media screen and (min-width: 300px) and (max-width: 648px) {
	.tabElencoPratiche .col4 {
		display: none;
	}
	.mainDivOpzioniRicerca .divCampo {float: left;}
	.divPulsInfo, .buttonTopbarNuovoTab {display: none;}
	.bloccoNotifiche {margin-right: 40px;}
	.bloccoNotifiche .iconaEmailInUscita {margin-top:3px;height: 30px; }
	.mainDivOpzioniRicerca .buttonText {display: none;}
	#currentContext {background-color: transparent;border: 0;background-image: url('menu-icon.png')!important;}
	.mainDivOpzioniRicerca .lblCercaTutto,.mainDivOpzioniRicerca #divPulsanteScaricaPosta, .mainDivOpzioniRicerca .lblCercaDal {display: none;}
	#currentContext, .mainDivOpzioniRicerca .txtCercaTutto, .mainDivOpzioniRicerca .txtCercaDal {float:left;margin-right: 2px;}
	#currentContext, .mainDivOpzioniRicerca .button {width:30px;background-position: center center;}
	#divPulsanteCercaFax .button {background-image: url('fax.png')!important}
	#divPulsanteCercaEmail .button {background-image: url('email.png')!important}
	.divPulsantiGrandi {
		position: relative!important;
		top: auto!important;
		left: auto!important;
		text-align: right;
    	margin-top: 10px;
	}
	.centerToolbarWF .divPulsPaginaUtenteDx {
		margin-left: 0;
	}
	.divPulsantiGrandi .button, .divPulsantiGrandi .button:hover {
	  min-width: 28px!important;
	  min-height: 28px!important;

	}
	.dettMessaggio .buttonText, .dettMessaggio .buttonText:hover {
	  padding-top: 5px!important;
	}

	.tabNuovaEmail .txtCercaDestinatario {width:260px;}
	#divContIframeMessaggio {top:128px!important;}
	
	.wfHorizontal .dettMessaggioEmail {display: none!important;}
    .wfHorizontal #divContIframeMessaggio {top: 0px!important;}
	
	.divServerSMTP {display: none;}
	
	
	/*.dettMessaggio .divPulsantiMessaggio {right: auto;left:0;width:100%;}*/
    .divPulsantiMessaggio .divPulsStampa, .divPulsantiMessaggio .divPulsColors,
    .buttonTopbarNuovoFax, .divNomeOperatore, .divImmagineOperatore {display: none!important;}

    .dettMessaggio .divPulsMessaggio {margin-right: 5px;} /* float: left;margin-left: 5px; */
    #pnElencoCartelle-toggler {top:0!important;height: 100%!important;background-position: top center!important;}

	.pulsanteInviaEmail {float: none!important;margin-top: 10px;}
	.bloccoElencoMessaggi {padding:0;}

	.txtMsgCercaDal, #cercaTutto {height: 32px;}
	
	.spanInizioRiga2, .spanInizioRiga3 {width: 4px;}

	.mainDivOpzioniRicerca .riga2, .mainDivOpzioniRicerca .riga3 {
		padding-top: 6px;
	}


	#formEmail .divConfermaLettura, #formEmail .divSalvaSuBozze {margin-top: 10px;}

	#contentAttivita, #contentAttivita #newAttivita, #contentAttivita #elencoAttivita {height: auto;position:relative;top:auto;left: auto;right: auto;bottom: auto;}
	.divAttivita .divPulsantiAttivita {width: 175px;}
	.divAttivita .txtNewAttivita {
		width: 38%;
    	padding-top: 6px;
    	padding-bottom: 6px;
    	font-size: 1.2em;
    }

    .wfCalEvent {font-size: .65em!important;}
    .fc-event-time {display: none!important;}
    .viewAgenda .lbl {width: 30%;padding-left: 0;margin-left: 0;margin-right: 0;display: inline-block;}
    .viewAgenda .val {width: 60%;padding-left: 0;margin-left: 0;margin-right: 0;display: inline-block;}
    .viewAgenda .val #filtroTesto {width: 100%;}
    .viewAgenda .luogoAppuntamento {display: none;}
    .tabStampaAppuntamenti .oraEvento {width: 60px;}
    .stampaAppuntamenti {font-size:.9em;}

	/* .divHPBottom {opacity:0;height: 10px;overflow: hidden;} */

	/* **************BLU DHOC ************************************************* */
	.mainContainerDocumentBD .lblFirst, .mainContainerDocumentBD .lbl {width:100%!important;display: block;padding-left: 0!important;font-size: .8em;}
	.mainContainerDocumentBD .rigaProtocollo, .mainContainerDocumentBD .rigaTags {display: none!important;}
	.bdLayout .titoloGrande {font-size: 1.2em;}
	.elencoCartelleBD, .elencoDocumentiBD {top:auto!important;}
	
	.mainContainerDocumentBD .rigaDescrizione .myTextbox,
	.mainContainerDocumentBD .rigaNominativo .myTextbox {
		width: 100%;
	}

	.divChiaviNotifiche .rigaIntestazione::before {
		content: 'Elenco dispositivi registrati';
		font-weight: bold;
	}
	.divChiaviNotifiche .riga {margin-bottom: 20px;padding: 10px;box-sizing: border-box;}
	.divChiaviNotifiche .rigaIntestazione {margin-bottom: 2px;	}
	.divChiaviNotifiche .riga .inlineBlock {height: auto;line-height:1.6em;}
	.divChiaviNotifiche .riga .tipoApp,
	.divChiaviNotifiche .riga .keyV,
	.divChiaviNotifiche .riga .device {display: block;width: 100%;height: auto;}
	.divChiaviNotifiche .riga .tipoApp {font-size: 2em;font-weight: bold;}
	.divChiaviNotifiche .riga .cosaNotificare {width:90%;padding-top: 10px;}	

	.divChiaviNotifiche .riga .notificheInviate {width: 48%;box-sizing:border-box;border: 1px solid #a2a2a2;min-height: 80px;padding: 5px;background-color: #f2f2f2;}
	.divChiaviNotifiche .riga .notificheInviate::before{
		content: "Notifiche inviate: ";
		font-weight: bold;
		display: block;
		
	}
	
	.divChiaviNotifiche .riga .errori {width: 48%;box-sizing:border-box;border: 1px solid #a2a2a2;min-height: 80px;padding: 5px;background-color: #f2f2f2;}
	.divChiaviNotifiche .riga .errori::before{
		content: "Errori: ";
		font-weight: bold;
		display: block;		
	}
	.divChiaviNotifiche .rigaIntestazione .inlineBlock {display: none!important;}


	.divChiaviNotifiche .ckMsgInt, .divChiaviNotifiche .ckAgenda, .divChiaviNotifiche .ckEmail, .divChiaviNotifiche .ckEmailInt {width: 100%;display: block;padding: 5px;padding-left: 0;}

	.divChiaviNotifiche .quandoNotificare::before{
		content: "Quando notificare: ";
		font-weight: bold;
		display: inline-block;
		min-width: 150px;
	}

	.divChiaviNotifiche .ckMsgInt::before{
		content: "Messaggi interni: ";
		font-weight: bold;
		display: inline-block;
		min-width: 150px;
	}
	.divChiaviNotifiche .ckEmail::before{
		content: "Email: ";
		font-weight: bold;
		display: inline-block;
		min-width: 150px;
	}
	.divChiaviNotifiche .ckEmailInt::before{
		content: "Email prioritarie: ";
		font-weight: bold;
		display: inline-block;
		min-width: 150px;
	}
	
	.divChiaviNotifiche .ckAgenda::before{
		content: "Agenda: ";
		font-weight: bold;
		display: inline-block;
		min-width: 150px;
	}
}


@media screen and (min-width: 300px) and (max-width: 365px) {
	.buttonEliminaConPraticheChiuse {max-width: 180px;overflow: hidden;}
	.buttonEliminaTutti {max-width: 120px;overflow: hidden;}	
	.button .buttonText {white-space: nowrap;}
}

@media screen and (min-width: 300px) and (max-width: 520px) {
	.tabNuovaEmail .spacerListe{display: block;width: 100%;height: 2px;}
	.suggestAnagrafica {
		min-width: 200px !important;
		width: 96% !important;
		left: 1% !important;
		font-size: .8em;
		box-sizing: border-box;
		padding-right: 42px !important;
	}
	.centerToolbarWF .suggestAnagrafica {position: fixed!important;top:42px!important;font-size: .8em;}	
	.suggestAnagrafica .buttonSuggest {
		width: 40px;
	}
}

@media screen and (min-width: 250px) and (max-width: 430px) {
	.btnPaginaUtente {
		background: url('circle_home.png') center center;
		background-size: contain;
		width: 28px;
		height: 28px;
		margin-top: 6px;
		margin-left: 10px
	}
	.divComboVaiPratica, .buttonTopbarNuovaEmail {
		display: none;
	}

	.btnPaginaUtente img {display: none;}
	.btnPaginaUtente a {display: block;width:100%;height: 100%;}
	.mainDivToolbarWF .bloccoAltreInfo {
		margin-left: 5px;
		margin-right: 1px;
		right: 0;
	}
	.centerToolbarWF .divSpacer2, .centerToolbarWF .divSpacer3 {display: none;}	
	.mainDivOpzioniRicerca .txtCercaTutto input {width: 8em;height:2em;padding:.3em;}
	.mainDivOpzioniRicerca .txtCercaDal {display: none;}
	.suggestCercaIndirizzo, .suggestCercaTelefono, .lblSuggestCercaIndirizzo, .lblSuggestCercaTelefono {display: none;}

	.fc-event-time, .fc-event-title {
		width: 100%!important;
		display: none!important;
		overflow: hidden!important;
		height: 12px!important;
		font-size: .9em!important;
	}
 	
 	.fc-event-title {
		width: 100%!important;
		display: inline-block!important;
		overflow: hidden!important;
		height: 12px!important;		
		font-size: .9em!important;
	}

	.divDatiEventoFull .sepatatoreDataFine, .divDatiEventoFull .divSx {width: 100%;display: block;}
	.divDatiEventoFull #spanIdEvento {display: none;}

}

@media screen and (min-width: 280px) and (max-width: 330px) {
	.tabNuovaEmail .txtNomeMittente, .tabNuovaEmail .txtEmailMittente, .tabNuovaEmail .rigaMittente {width:100%;}
	#msgTopbarWrapper {height:85px;}
    #msgContentWrapper {top:88px;}
    .mainDivOpzioniRicerca .txtCercaTutto input {width: 10em;height:2em;padding:.3em;}
    .mainDivOpzioniRicerca .divPulsantiCerca {
        width:100%;
		padding-left: 21px;
		box-sizing: border-box;
	}    
	#currentContext {
		background-color: #f3f3f3;
		border-radius: 50%;
		padding: 0;
		width: 30px;
		min-width: 30px;
		height: 30px;
		min-height: 30px;
	}
	.divCercaTutto {width:80%;}
	.txtCercaTutto, #cercaTutto {
		width: 100%;
	}
}

@media screen and (min-width: 810px) {
	#schedaInEvidenza .buttonAgenda {display: none;}
}

@media screen and (min-width: 600px) and (max-width: 1200px) {
	/* risolizione <1100 */
	.divCorpoPagina , .centerToolbarWF {width:100%; box-sizing:border-box;}
	.divInizioPagina, .divFinePagina {display:none;}
	#mainDivCartelle {font-size:1.1em;}
	.linkCartella {padding-top:5px;padding-bottom:6px;padding-left:6px;}
	/*.bloccoElencoMessaggi {font-size:12px;}*/
	.msgRow {min-height:32px;border-bottom: 1px solid #d2d2d2;}
	

	.bloccoPulsantiPratica .btnCercaPratiche,
	.bloccoPulsantiPratica .btnAltrePratiche {
		display: none;
	}
}

@media screen and (min-width: 1201px) {
	html, body, table {font-size: 12px;}
}


@media screen and (min-width: 1201px) and (max-width: 1300px) {
	.divCorpoPagina , .centerToolbarWF {width:96%;}	
}

@media screen and (min-width: 1201px) {
	.divHPTopLeft {width: 37%;}
	.divHPTopRight {width: 63%;}
}

@media screen and (min-width: 1301px) and (max-width: 1500px) {
	.divCorpoPagina , .centerToolbarWF {width:98%;}
	.mainDivPagina {background-image: none;}
}

@media screen and (min-width: 1420px) and (max-width: 1700px) {
	.divCorpoPagina , .centerToolbarWF {width:96%;box-sizing: border-box;}
	#schedaImpianto li a, #schedaOffice li a, .wfMenuUL > li a {
		padding: 5px;
	}
}

@media screen and (max-width: 690px) {
	.containerCampiPratica .bloccoSx,
	.containerCampiPratica .bloccoDx {
		width: 100%;
		min-width: 100px;		
		margin-bottom: 10px;
	}
	.bloccoPulsantiPraticaSx .pulsanti,
	#wfClientStatus,
	.centerToolbarWF .userStatus {
		display: none;
	}


	.popupInserisciMailNellaPratica {
		left: 0;
		width:99%;
		margin-left: 0;
	}
}

@media screen and (min-width: 691px) and (max-width: 850px) {
	.containerCampiPratica .bloccoSx {
		width: 39%;
		min-width: 100px;
		font-size: .9em;
	}

	.containerCampiPratica .bloccoDx {
		width: 60%;
		min-width: 100px;
		font-size: .9em;
	}
	.bloccoPulsantiPraticaSx .pulsanti,
	#wfClientStatus {
		display: none;
	}
}

@media screen and (min-width: 1350px) {
	.containerCampiPratica .bloccoSx {
		width: 32%;
	}

	.containerCampiPratica .bloccoDx {
		width: 67%;
	}
	.miniTag {
		padding: 4px;		
	}
}


@media screen and (min-width: 1650px) {
	/* risoluzione > 1550 */
	html,body,table {
		font-size: 12px; 	
	}
	.divCorpoPagina , .centerToolbarWF {width:95%;}
	.linkCartella {display:block;position:relative;padding-left:20px;padding-top:14px;padding-bottom:14px;padding-left:10px;}
	.msgRow .divMittente {padding-top:5px;padding-bottom:2px;}
	.msgRow .divData {padding-top:5px;padding-bottom:2px;}
	/* .msgRow .divOggetto {padding-top:2px;padding-bottom:4px;} */
	.msgRow .divTags {padding-top:2px;padding-bottom:5px;}
	.mainDivOpzioniRicerca .divPulsantiCerca {width:300px;}
	.mainDivOpzioniRicerca .pulsSvuotaCartella {width:140px;}
	.mainDivOpzioniRicerca .pulsSvuotaCartella a {width:110px;}

	#schedaImpianto li a, #schedaOffice li a, .wfMenuUL > li a {
		padding: 6px;
	}
}
