html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-family: 'Raleway', sans-serif;
}

.closebtn {
  margin-left: 15px;
  color: grey;
  font-weight: bold;
  float: right;
  font-size: 30px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: red;
}

.w3-theme-dk,
.w3-hover-theme-dk:hover {
  color: #fff;
  background-color: #172531
}

.w3-theme-me,
.w3-hover-theme-me:hover {
  color: #fff;
  background-color: #2e4a62
}

.w3-theme-li,
.w3-hover-theme-li:hover {
  color: #fff;
  background-color: #cddbe7
}

.up {
  text-transform: uppercase
}

/* Rimuove Spin da Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /* margin: 0; */
  /* margin-right: 2px!important;
  margin-left: 2px!important;

  padding-right: 2px!important;
  padding-left: 2px!important; */
}

/* Rimuove Spin da Firefox 
input[type=number] {
  -moz-appearance: textfield;
}*/

/* Allinea i campi numerici a destra */
input[type=number] {
  text-align: right;
}

/* padding e margin input */
input[type=date],input[type=time] {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 0px !important;
}

input[type=text],input[type=password],input[type=number] {
  padding-bottom: 0.5px !important;
  padding-top: 0.5px !important;
  margin-bottom: 0px !important;
}

select {
  /* padding: 1px !important; */
  margin-bottom: 0px !important;
  border-radius: 4px !important;
}

/* stile dei label */
label {
  font-weight: bold;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

tr,
th,
td {
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.tes-padding-small {
  padding: 2px 4px !important
}

.tes-margin-0 {
  margin: 0px 1px !important;
  padding: 0px !important;
}

.tes-line-height {
  line-height: 1.0;
}

.tes-bold {
  font-weight: bold;
}

.tes-len20 {
  width: 20px;
}

.tes-len40 {
  width: 40px;
}

.tes-len60 {
  width: 60px;
}

.tes-len80 {
  width: 80px;
}

.tes-len100 {
  width: 100px;
}

.tes-len120 {
  width: 120px;
}

.tes-len140 {
  width: 140px;
}

.tes-len160 {
  width: 160px;
}

.tes-len180 {
  width: 180px;
}

.tes-len200 {
  width: 200px;
}

.tes-len300 {
  width: 300px;
}

.tes-len400 {
  width: 400px;
}

.tes-len420 {
  width: 420px;
}

.tes-len500 {
  width: 500px;
}

.tes-btn-color {
  background-color: #ff9800;
}

.tes-button {
  border: none;
  display: inline-block;
  padding: 4px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap
}

.stickyTable {
  position: sticky;
  top: 0;
  z-index: 1;
}
/* .w3-modal{
  z-index:3;
  display:none;
  padding-top:50px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
} */


/* in data 2024/04/22 ho sistemato la modal in questo modo cosi da farla stare sempre in primo piano senza avere problemi */
.tes-modal {
  display:none;
  position: fixed; /* Stay in place front is invalid - may break your css so removed */  
  padding-top: 100px; /* Location of the box - don't know what this does?  If it is to move your modal down by 100px, then just change top below to 100px and remove this*/
  left: 0;
  right:0; /* Full width (left and right 0) */
  top: 0;
  bottom: 0; /* Full height top and bottom 0 */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 9999; /* Sit on top - higher than any other z-index in your site*/
}