* {
font-family: sans-serif;
}

h1 {
font-size: 50px;
}

h2 {
font-size: 30px;
font-family: sans-serif;
 color: #000;
 position: relative;
top: 20;
}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1.8em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #7d7362;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #7d7362;
}
.styled-table tbody tr.active-row {
    /*font-weight: bold;*/
    color: #7d7362;
}

.apri a {
font-weight: bold;
color: #7d7362;
}

.apri a:hover {
font-weight: bold;
color: #000;
}

.indietro {
 font-size: 1.8em;
 font-family: sans-serif;
 margin-right: 10px;
}

.indietro a {
font-weight: bold;
color: #7d7362;
}

.indietro a:hover {
font-weight: bold;
color: #000;
}

input[type=password],
input[type=text] {
  width: 90%;
  padding: 20px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 10px solid #808080;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.4em;
  background: #EAEAEA;
}


.tableFixHead {
overflow-y: auto;
height: 600px!important;
width: 99%;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1000000;
  background-color: #7d7362;
}


.layer_div {
width:100%;
height:100%!important;
margin-bottom: 100px!important;
display:block;
overflow-x: auto!important;
background: #fff;
}



.act {
  background-color: #fcf176!important;
  color: #000!important;
}


/*tabella risultato*/
table.minimalistBlack {
 font-family: sans-serif;
   border: 1px solid #000000;
  width: 98%;
  text-align: left;
  border-collapse: collapse;
  font-size: 1.4em;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #000000;
  padding: 2px 2px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 3px solid #000000;
}
table.minimalistBlack thead th {
  font-weight: bold;
  color: #000000;
  text-align: left;
}
table.minimalistBlack tfoot td {
  /*font-size: 14px;*/
}
/*fine tabella risultato*/

.errore {
color: #fff;
background-color: red;
}

.non_trovato {
color: #fff;
background-color: red;
font-size: 1.4em;
height: 50px;
}

.warning {
color: #000;
background-color: #FF6A00;
font-size: 1.4em;
height: 50px;
}

.trovato {
color: #fff;
background-color: green;
font-size: 1.4em;
height: 50px;
}

p {
font-size: 20px;
}

/*CLASSI PER LA CHECKBOX*/

 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  /*bottom: 25px;*/
  height: 50px;
  width: 50px;
  background-color: #808080;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ec1c23;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  /*left: 9px;
  top: 5px;*/ /*anna: cambio allineamento spunta*/
  left: 20px;
  top: 15px;  
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

/* CLASSI PER LA CHECKBOX -- INIZIO*/



.butt_si {
	background-color: green;
	border-radius:20px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size: 51px;
	padding:16px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	margin-right: 20px;
	
}

.butt_si a {
	color: #ffffff;
}

.butt_si:hover {
	background-color:#77b55a;
	color: #000000;
}
.butt_si:active {
	position:relative;
	top:1px;
	color:#ffffff;
}


.butt_no {
	background-color:#d12222;
	border-radius: 20px;
	border:1px solid #a80f0f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size:50px;
	padding:16px 21px;
	text-decoration:none;
	text-shadow:0px 1px 0px #662929;
	margin-left: 20px;
	
}

.butt_no a {
	color: #ffffff;
}

.butt_no:hover {
	background-color:#d42f5d;
	color: #ffffff;
}
.butt_no:active {
	position:relative;
	top:1px;
}

#loading_spinner { 
position: absolute;
  left: 50%;
  top: 50%;
    z-index: 10000000!important;
  height:150px;
  width:150px;
}

#spinner {
position: absolute;
background-color:#000;
width: 100%;
height: 100%;
margin: 0 auto;
z-index: 9999999!important;
background:#000000; color:black; opacity: 0.5;
display:none; 
}

.livello_nascondi_input_barcode {
height:1px;
width:1px;
overflow:hidden;
position:absolute;
top:-100;
left:0px;
}



select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #EAEAEA; /* Fallback color if gradients are not supported */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: 120%;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


textarea {
padding: 10px;
border:3px dashed #808080;
background-color: #FFF;
font-size: 120%;
}

input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 6px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #bbbbbb;
  background-color: #e7e6e7;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: #93e026;
}


.bianco {
	color: #fff!important;
}

.nero {
	color: #000!important;
}

.qta_table {
	border: 1px solid #808080;
	width: 350px;
	border-collapse: collapse!important;
}

.qta_table td {
	border: 1px solid #808080;
	padding: 2px!important;
	 
}

.qtaapprontatotot,
.qtaapprontato {
	color: red;
	
}

.qtaevasotot,
.qtaevaso {
	color: green;
	
}

.qta_table tr {
	border-collapse: collapse!important;
	
}	 
	 


.completo,
.green {
	background-color: #badd65!important;
}

.selezionato,
.yellow {
	background-color: #f7e655!important;
}


/*01/02/2024 aggiungo stile bottoni per login page*/

input[type=button], input[type=submit], input[type=reset] {
  background-color: #9b907c;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 24px;
}

.login_text {
font-size: 18px;
}



/*01/02/2024 aggiungo stile bottoni per login page FINE*/


.btn {
	background-color:#e8e8e8;
	border-radius:4px;
	border:4px solid #9b907c;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Verdana;
	font-size:28px;
	padding:12px 30px;
	text-decoration:none!important;
	width: 80%;
}
.btn a:hover {
	/*background-color:#b2b7b8;*/
	text-decoration: none;
	color:#9b907c;
}
.btn a {
	position:relative;
	top:1px;
	text-decoration: none;
	color:#000000;
}


.btn_tit {
	background-color:#9b907c;
	border-radius:4px;
	border:4px solid #9b907c;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Verdana;
	font-size:28px;
	padding:12px 30px;
	text-decoration:none!important;
	width: 80%;
}