/* panel stylesheet for smartphones */
/* scrollbars will disappear, so most things that should scroll should have overflow:auto; */
html
	{
	--menu-width:45px;
	--titolo-height:85px;
	}

/*things that appear or disappear when space is constrained*/
span.phone{display:inline;}
span.nophone, .titolo .cfg{display:none;}

#bflex
	{
	grid-template-areas:
		"barra barra"
		"contenuto contenuto"
		"contenuto contenuto";
	}

.popmenu #bflex
	{
	grid-template-areas:
		"barra barra"
		"menu contenuto"
		"menu contenuto";
	}

#corpof .titolo,
#corpof #hoverhelp,
#corpof .cmdbuttons
	{
    left:0 !important;
    width:100% !important;
	}

.popmenu #corpof .titolo,
.popmenu #corpof #hoverhelp,
.popmenu #corpof .cmdbuttons
	{
    left: var(--menu-width) !important;
    width: calc(100vw - var(--menu-width)) !important;
	}
		
#corpos
	{
	padding-right:0;
	}
	
.titolo
	{
	padding-top:10px;
	padding-bottom:10px;
	}
	
.titolo h1
	{
	font-size:22px;
	}
	
.titolo h1 a
	{
	pointer-events: none;
	}
	
.titolo + #corpofc
	{
    /* margin-top: 85px !important; */
 }
	
.compact #corpofc,
.compact #corpofc .listb
	{
    min-height:100vh;
	}
	
#azien
	{
	width:160px;
	text-overflow:ellipsis;
	}
	
.listb
	{
	overflow-x:auto;
	}

.listb.withfilters
	{
	position:static;
	}

#corpofc
	{
	position:relative;
	}

/*comandi testata lista*/
.testaco
	{
	box-shadow: #0000007a 6px 5px 13px 0px;
	}

/*this makes all the page turn off the menu*/
.testaco_tog:has(+ .testaco.on)::before
	{
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	z-index:-1;
	position:fixed;
	}

.testaco_tog
	{
    height: 25px;
	margin-top:10px;
	}

.testaco_tog img
	{
    width: 25px;
	}

#cld_importa, #cld_esporta
	{
	display:none;
	}

#cl_person_box
	{
	text-align:left;
	/*line-height:25px;*/
	padding-top:0;
	}

#cl_person_box br
	{
	/*display:inline;*/
	}
	
/*collapse sacrifcial columns in lists*/
.list .testaet th.collapsiblep, .list > tbody td.collapsiblep { display:none;}

#menupop
	{
	display:block;
	}

#menufc
	{
	z-index: 2;
	height:auto;
	bottom:auto;
	}

#menufc, #menub
	{
	display:none;
	}

#azien, #ticker, #addmenu .grutitolo, #profile
	{
	width:auto;
	}

#azien span, #ticker span, #addmenu .grutitolo span, #profile span
	{
	font-size:0;
	}

#corpos {
    padding-left:0;
	/*background-color:yellow;*/
}

/*main menu*/
.popmenu #corpos
	{
	padding-left:0px; /*161*/
	}

.popmenu #menu .grutitolo
	{
	font-size:17px;
    /*padding-right:41px;*/
    padding-left: 13px;
	}
	
#menu .grutitolo:before, #menupack:before
	{
	margin-right:11px;
	}

.popmenu #menu .grutitolo span.count
	{
	display:none; /*inline-block*/
	}

.popmenu #menu .grutitolo.attuale:after
	{
	border-width:0;
	}

.popmenu #menu > li:hover .grutitolo.attuale:after
	{
	border-style: solid;
	border-width: 19px 10px;
    border-color: transparent #333333 transparent transparent;
	}

.popmenu #menu > li .grutitolo + a.edit
	{
	display:none;
	}

body.popmenu:not(.packmenu) #menu .gruppo.attuale
	{
    background-color: #333333;
    display: none;
    margin-bottom: 11px;
    min-height: 39px;
    padding-bottom: 8px;
    padding-top: 7px;
    position: absolute;
    right: -172px;
    top: 0;
    width: 172px;
    z-index: 100;
	}

body.popmenu:not(.packmenu) #menu .gruppo.attuale
	{
	display:none;
	}

.popmenu #menu > li:hover .gruppo
	{
	display:block !important;
	}

.listfilters .cond
	{
	width:100%;
	max-width:100% !important;
	}

.listfilters .cond:first-child
	{
	max-width:calc(100% - 120px) !important;
	}
	
.listfilters .cond input,
.listfilters .cond select
	{
	width:100%;
	max-width:100%;
	}
	
.listfilters .fcmds
	{
    top: 15px;
    right: 15px;
    position: absolute;
    }

.titolo:not(.compact) + #corpofc,
.titolo:not(.compact) + #calend,
.titolo:not(.compact) + .listb,
.titolo:not(.compact) + #corpofc .listb
	{
    min-height:calc(100vh - var(--titolo-height) - var(--topbar-height));
	}
	
table.list thead th.testacmd span,
.listfilters .fconds span.cond:after,
table.list thead tr:has(th.descr) th.testacmd[colspan="1"],
table.list thead tr:has(th.descr) th.canomit,
table.list tbody tr:has(th) .rcmd a.canomit,
table.list tbody tr:has(th) .rcmd:has(a.canomit):first-child,
table.list tbody tr:has(th) .rcmd a.canomit:last-child:first-child,
.codapg.noscroll .rshow form + span,
.codapg.noscroll .pgtog
	{
	display:none !important;
	}

table.list tbody tr:has(th) .rcmd:has(a.canomit)
	{
	padding:0 !important;
	}

th .fmenu
	{
    margin-right:10px;
	}

th .fmenu > span,
th:not(:nth-of-type(2)) .fmenu > span
	{
	top:25% !important;
	left:30px !important;
	right:30px !important;
	position:fixed !important;
	}

th .fmenu > span a
	{
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	
.codapg.noscroll
	{
	background-color:#ffffff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	}
	
.codapg.noscroll
	{
	left:15px;
	right:15px;
	/*bottom:27px;*/
	height:36.5px;
	position:fixed;
    border: 1px solid #e5e5e5;    
	top:calc(min((100vh - 51.5px),(var(--topbar-height) + var(--titolo-height) + var(--filt-height) + 34px + (38px * var(--num-rows)))));
	display:block;
	}
	
.codapg.noscroll tbody
	{
	width:100%;
	height:100%;
	display:block;
	}
	
.codapg.noscroll tr
	{
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
	}
	
.codapg.noscroll td
	{
	width:40px !important;
	height:100%;
	}
	
.codapg.noscroll a img
	{
	top:0 !important;
	}
	
.codapg.noscroll .rshow
	{
	padding-left:0 !important;
	padding-right:0 !important;
	}
	
.codapg.noscroll .rshow input:not([type])
	{
	padding:0 !important;
	max-width:calc(100% - 12px);
	}

.editform[name="search"],
.editform[name="search"] table
	{
	margin:0 !important;
	}

.editform[name="search"] table,
.editform[name="search"] table tbody
	{
	display:block !important;
	max-width:100% !important;
	}
	
.editform[name="search"] table thead
	{
	display:none !important;
	}

.editform[name="search"] tr
	{
	display:flex;
	flex-direction:column;
	}

.editform[name="search"] tbody > tr > td
	{
	width:100% !important;
	padding:15px 0 !important;
	text-align:left !important;
	}

.editform[name="search"] tbody > tr > td input
	{
	height:22px !important;
	width:100% !important;
	}

.editform[name="search"] tbody > tr > td span.phone
	{
	display:inline-block;
	width:30% !important;
	}

.editform[name="search"] tbody > tr > td span.phone + select
	{
	width:calc(70% - 5px) !important;
	}
	
.editform[name="search"] tbody > tr > td:first-child
	{
	font-weight:bold;
	text-align:center !important;
	}

.editform[name="search"] tbody > tr > td:nth-child(4)
	{
	text-align:center !important;
	}

.editform[name="search"] tbody > tr > td.fltmng button
	{
	display:block;
	margin: 10px auto;
	}