.list-block input[type="date"], .list-block input[type="datetime-local"] { line-height: unset; }


.lightbox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 999999; }
.lightbox .container { max-width: 80%; margin: 0 auto; border: 1px solid #cfcfcf; margin-top: 15px; margin-bottom: 15px; position: relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.lightbox .header { background: #efefef; font-size: 20px; text-align: center; text-transform: uppercase; padding: 15px; }
/*.lightbox .header::after { content: 'Lista: gestione riga'; }*/
.lightbox .body { background: #fff; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 15px; overflow: auto; max-height: calc(100vh - 250px); }
.lightbox .riga { padding: 5px 15px; border-bottom: 1px solid #cfcfcf; text-align: left; }
.lightbox .riga label { display: inline-block; width: 250px;  }
.lightbox .riga input:not([type='checkbox']) , .lightbox .riga textarea { width: calc(100% - 280px); padding: 5px 10px; }
.lightbox .footer { background: #efefef; padding: 15px;  }
.lightbox .lightbox-btn { text-align: center;  display: inline-block; width: 50%; }
.lightbox .header .lightbox-chiudi { display: inline-block; right: 15px; position: absolute; }

.lightbox.aggiungi-riga .header::after { content: 'Lista: aggiungi riga'; }

.lightbox-content .list-block { margin: 15px 0; }
.lightbox-content .list-block label { width: 150px; display: inline-block;  }
.lightbox-content .list-block input { width: calc( 100% - 350px); display: inline-block; border: 1px solid #cecece; padding: 0; height: auto; } 
.lightbox-content .list-block a { width: 150px; display: inline-block; margin: 0 10px; overflow: unset; }

img{
  max-width:250px;
  margin-top: 30px;
}
input{
  border: 1px solid #c8c7cc;
}
.item-content{
  border-bottom: 1px solid #c8c7cc;
}
.views{
 /* max-width: 480px; */
  margin: 0 auto;
}
.nobot{
border-bottom: 0px none;
}
.red{
color:#ff3b30;
}
.hidden{
display: none !important;
}



input[type="checkbox"][readonly] {
  pointer-events: none;
}

.searchbar-cancel { pointer-events: auto !important; display: block !important; opacity: 1 !important; background: #e7e3e3; margin: 0 0 0 5px !important; font-size: 12px !important; border-radius: 4px; padding: 6px 15px; text-transform: uppercase; }
.data-table table { width: 100%; border: none; padding: 0; margin: 0; border-collapse: collapse; text-align: left; }
.card { font-size: var(--f7-card-font-size); }
.data-table table tbody td, .data-table table thead th { padding: 10px 5px; border-bottom: 1px solid #cdcdcd; }
.data-table table tbody tr:hover { background: #f6f6f6; }

#pleaserotate-container{
	
	top: 50%;
	
}

#pleaserotate-graphic { 
	 
	
	height: 200px; 
	
	-webkit-animation:  2s ease 0s infinite normal none running pleaserotateframess;
	-moz-animation: 2s ease 0s infinite normal none running pleaserotateframess;
	-ms-animation:  2s ease 0s infinite normal none running pleaserotateframess;
  	-o-animation:  2s ease 0s infinite normal none running pleaserotateframess;
	animation: 2s ease 0s infinite normal none running pleaserotateframess;

	transform-origin: 50% 50% 0px;	
}

#pleaserotate-backdrop {
	z-index: 9999999;
}
#pleaserotate-message {
	
	margin-top: 0;
	
}

@-webkit-keyframes  pleaserotateframess{ 
		0% {
		
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
		   
		
		}
		49% {
		
		   
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
		
		}
		100% {
		
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
		
		}
	}

@keyframes  pleaserotateframess{ 
		0% {
		
		   -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
		
		}
		49% {
		
		    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
		
		}
		100% {
		
		   -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
		
		}
	}
	
	
	
	
.data-table table {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
	font-size: 12px;
}
.data-table table tbody td, .data-table table thead th {
    padding: 5px 10px !important;
    border-bottom: 1px solid #cdcdcd;
    font-size: 12px;
}	
table > tbody > tr > td > input, table > tbody > tr > td > textarea {
    border: 1px solid #b9b7b7 !important;
    font-size: 12px !important;
    text-align: left;
    padding: 5px 10px !important;
    height: auto !important;
}
.list-block textarea {
	resize: none;
	min-width: 200px; 
	min-height: 100px; 
}

#status{
	position: absolute;
	top:7px;
	left: 0;
	right: 0;
	z-index:999999;
	width: 6em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 4px;
	color: #fff;
	background-color: #090;
	margin: auto;
	
}

#status.offline
{
	background-color: #900;
}

.mylightbox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 999999; }
.mylightbox .container { max-width: 60%; margin: 0 auto; border: 1px solid #cfcfcf; margin-top: 15px; margin-bottom: 15px; position: relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

.mylightbox .body { background: #fff; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 15px; overflow: auto; max-height: calc(100vh - 200px); text-align: center; }

.mylightbox .footer { background: #efefef; padding: 15px;  }


@media only screen and (max-width: 600px) {
  .lightbox .riga input:not([type="checkbox"]), .lightbox .riga textarea{
	  width: calc(100% - 20px);
  }
}