:root 
	{
	  --sfondo:#fff;  
	  --verde:#51b197;
	  --arancione:#ff8700;
	}
	
	body
	{
		background-color: #eeeff7;
	}
	
	*
	{
		font-family:Exo;
	}
	
	a, a:visited, a:active
	{
		color: #838383;
	}
	
	.cfilter_container
	{
		display:flex;
		align-items:center;
		float:left;
		width: auto;
		margin:15px 0;    
		flex-wrap: wrap;    
		max-width: calc(100% - 400px);
	}
	 
	
	label
	{
		display:block;
		font-size:11px;
		margin-bottom:2px;
		margin-top:10px;
		color:#c5790c;
	}
	
	.material-symbols-outlined
	{
	    vertical-align: middle;
	}
	
	.btn-cwms
	{
		background-color:var(--verde);
		border-color:var(--verde);
		color:white;
	}
	
	.btn-cwms2
	{
		background-color:var(--arancione);
		border-color:var(--arancione);
		color:white;
	}
	
	.navbar
	{
		border-bottom:1px #ddd solid;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.navbar-brand 
	{
		display:flex;
		align-items:center;
		font-size:16px;
		line-height:18px;
		color:#666 !important;
	}
	.navbar-brand img
	{
		width:60px;
		margin-left:20px;
		margin-right:5px;
	}
	
	.bg-body-tertiary
	{
		background-color:var(--sfondo) !important;
		
	}
	
	.navbar-collapse 
	{
		flex-grow:0 ;
		text-align: right;
		justify-content: flex-end;
		margin-right:10px;
	}
	
	.navbar-collapse a
	{ 
		color:#666 !important;
	}
	
	 
	.nav-item
	{
		font-size: 11px;
		    line-height: 20px;
		text-align:center;
		padding:0 2px !important;
		border-left: 1px #bbb solid;
		position:relative;
	}
	
	 
	
	.navbar-toggler
	{
		color:white !important;
	}
	
	.table_view_1
	{
		padding:15px;
		font-size: 14px;
		color:#666;
		border:1px #ddd solid;
		margin:15px;
		border-radius:8px;
		background:white;
	}
	
	.pics_view_1
	{
		padding:15px;
		font-size: 14px;
		color:#666;
		border:1px #ddd solid;
		margin:15px;
		border-radius:8px;
	}
	
	.card_view_1
	{
		padding:15px;
		font-size: 14px;
		color:#666; 
		margin:15px;
		border-radius:8px;
	}
	
	.form_view_1
	{
		padding:15px;
		font-size: 14px;
		color:#666;
		border:1px #ddd solid;
		margin:15px;
		border-radius:8px;
		background:white;
	}
	.table_view
	{
		font-size: 14px;
		width:100%;
		MARGIN-BOTTOM: 20PX;
	}
	
	.pics_view
	{
		font-size: 14px;
		width:100%;
		MARGIN-BOTTOM: 20PX;
		display:flex;
		flex-wrap:wrap;
		gap:5px;
	}
	
	.pics_view div
	{
		flex-basis:100px; /*calc(10% - 5px);*/ 
	}
	
	.pics_view div img
	{
		width:100%;
		aspect-ratio:1;
		object-fit:contain;
		object-position:center;
		border:1px #ddd solid;
	}
	
	.cwms_message
	{
		background:white;
		padding:20px;
		color:#333;
		text-align:center;
		border-radius:8px;
		max-width:100%;
	}
	
	.cwms_message button
	{
		margin:2px;
	}
	
	
	.pager
	{
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}
	
	.pager button 
	{
		border: 1px #ddd solid;
		padding: 10px;
		background:white;
	}
	
	.table_view td:last-child
	{
		text-align:right;
		
		    
	}
	
	.table_header
	{
		font-size:16px;
		margin: 0 0 10px 0;
		font-weight:bold;
		color:#333;
	}
	
	.pics_header
	{
		font-size:16px;
		margin: 0 0 10px 0;
		font-weight:bold;
		color:#333;
	}
	
	.card_header
	{
		font-size:16px;
		margin: 0 0 10px 0;
		font-weight:bold;
		color:#333;
	}
	
	.card_container
	{
		display:flex;
		flex-wrap:wrap;
		gap:15px;
	}
	
	.card_container>div
	{
		flex-basis:calc(25% - 45px);
		padding:15px;
		border:1px #ddd solid;
		border-radius:8px;
	}
	
	.card_title
	{
		font-weight:bold;
		font-size:16px;
		margin-bottom:15px;
	}
	
	.card_text
	{
		font-size:14px;
	}
	
	.table_view td, .table_view th
	{
		padding:2px 5px;
		border-bottom:1px #eee solid;
	}
	
	
	
	.form_header
	{
		font-size:16px;
		margin: 0 0 10px 0;
		font-weight:bold;
		color:#333;
	}
	
	
	
	
	input, select
	{
		width:100%;
		border:none;
		border-bottom:1px #ddd solid;
		padding:4px;
		font-size:14px; 
	}
	
	input:read-only
	{ 
		pointer-events:none;
		background: rgba(255, 0, 0, .04);
	}
	
	
	input[type='checkbox']
	{
		width:30px;
		height:30px;
		pointer-events:auto;
	}
	
	input[type='color']
	{
		width:30px;
		height:30px;
		pointer-events:auto;
	}
	
	textarea
	{
		    width: 100%;
		height: 80px;
		border-radius: 4px; 
		border-color: #ddd;
		padding: 5px;
	}
	
	.selected_row_table
	{
		background:#51b19729;
	}
	
	.form_view
	{
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
	
	.form_view div
	{
		flex-basis: calc(20% - 15px);
	}
	
	.content_type_textarea
	{
		flex-basis: calc(50% - 15px) !important;
	}
	
	.content_type_hidden
	{
		display:none;
	}
	
	.content_type_divider
	{
		flex-basis: calc(100% - 15px) !important;
	}
	
	.content_type_multicheckbox
	{
		flex-basis: calc(100% - 15px) !important;
	}
	
	
	@media only screen and (max-width: 991px)
	{
		.cfilter_container
		{  
			max-width: 100%;
			width:100%;
		}
		
		.nav-item
		{
			border:none;
			text-align:left;
			font-size:18px;
			margin:10px 0;
		}
		
		.nav-item br
		{
			display:none;
		}
		
		.navbar-collapse
		{
			margin-top:40px;
			
		}
		
		.navbar-brand img
		{
			width:60px;
			margin-left:00px;
			margin-right:15px;
		}
		
		 
		 
	}
	
	.onlyMobInline
	{
		display:none;
	}
	
	.popupFrame
	{
		width:700px;
		max-width:100%;
		height:70vh;
		border:none;
	}
	
	.frameCloser
	{
		top:-13px;
		right:-13px;
		background:white;
		border-radius:50%;
		z-index:9;
		cursor:pointer;
	}
	
	.contatto_highlite
	{
		font-size: 12px;
		padding: 7px; 
		border-radius: 5px; 
		margin-right: 15px;
	}
	
	.salvastato
	{
		margin-top:0px; 
		float:left;   
		vertical-align: baseline;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px
	}

	.statoselect
	{
		width:140px;
		float:left;
		font-size:16px;
		margin-right:20px;    
		background: #117f61;    
		color: white;
		border-top-right-radius:6px;
		border-bottom-right-radius:6px;
		text-transform: uppercase;
		padding: 7px 3px;    
		border-bottom: 1px #117f61 solid;
	}
	
	.tornaelenco
	{
		padding:7px; margin-left:8px;background:#333;margin-top:0px; float:right;     vertical-align: baseline;
	}
	
	@media only screen and (max-width: 991px)
	{
		table, tbody
		{
			display:flex;
			flex-wrap:wrap;
		}
		.contatto_highlite
		{
			width: 100%;
			text-align: center;
			margin-right:0;
		}
		
		.salvastato
		{
			margin-top:0px; 
			float:left;   
			vertical-align: baseline;
			border-top-right-radius:6px;
			border-bottom-right-radius:6px;
			width:100%;
		}
		
		.tornaelenco
		{
			width:100%;
			margin-top:20px;
		}

		.statoselect
		{
			width:100%;
			float:left;
			font-size:16px;
			margin-right:20px;    
			background: #117f61;    
			color: white;
			border-top-right-radius:6px;
			border-bottom-right-radius:6px;
			border-top-left-radius:6px;
			border-bottom-left-radius:6px;
			text-transform: uppercase;
			padding: 7px 3px;    
			border-bottom: 1px #117f61 solid;
		}
		
		.onlyMobInline 
		{
			display:inline-block;
			width:33%;
			overflow: hidden;
			text-overflow: ellipsis;
			vertical-align:bottom;
		}
		
		tr
		{
			display:flex;
			flex-wrap:wrap;
			background:#f8f8f8;
			margin-bottom:20px;
			padding:0 5px;
			width:calc(100% - 10px);
		}
		
		th
		{
			display:none;
		}
		
		td
		{
			flex-basis:100%;
		}
		
		.table_view_1 div
		{
			flex-wrap:wrap;
		}
		
		.table_view td:last-child 
		{
			text-align: center;
		}
		
		.form_view div 
		{
			flex-basis: calc(100% - 15px);
		}
		
		.popupFrame
		{ 
			 /*height: calc(100% - 70px);
			 margin-top: 70px;*/
			 height:99vh;
		}
		
		.frameCloser
		{ 
			right:unset;
			right:0px;
			top:0px;
			background:white;
			border-radius:50%;
			z-index:9;
			cursor:pointer;
		}
		
		.form_view_1, .table_view_1
		{
			margin-left:0;
			margin-right:0;
		}
		/*
		.col-12, .col
		{
			padding:0;
		}*/
		
	}
  
  #themask
  {
	  z-index: 9;
  }