.form-switch .form-check-input {
    width: 2.8125em;
    height: 1.8125em;
    margin-top: -0.25rem;
    margin-right: 0.75rem;
}


form-check-input:checked {
    background-color: green;
    border-color: grey;
}
.form-check-input:checked{
  background-color: green;
}
.form-switch .form-check-input:checked{
  background-color: green;
}
.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='green'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='lightgray'/%3e%3c/svg%3e");
}


input.error{
    border-color: red;
}

.form-check-label{
    width: 90%;
}

.banner{
  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
  color: white;
  border-bottom: 3px solid #d8354c;
}
.banner .title{
  color:white !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active,
.btn-success{
  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
}

.spiega{
  text-align: center;
  /*width: 200px;*/
  /*transform: rotate(-30deg);*/
  font-style: italic;

}
.spiega i::before{
  transform: rotate(-80deg) !important;
  font-size: 80px;
}
#calendar-layer,
#form-layer{
  overflow-x: hidden;
}


@media (min-width: 1400px) {
  
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px !important;
}
}




.dataapp{
  border-radius: 15px;
  background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
  padding: 25px;
  color: white;
}
.dataapp .day{
  font-size: 80px;
  margin-top: -20px;
}
.dataapp .hour{
  font-size: 30px;
}
.dataapp .month{
  text-transform: uppercase;
    font-size: 25px;
}

.dataapp .weekday{
  margin-top: -20px;
}

.dato.nominativo{
  font-size: 25px;
  margin-bottom: 15px;

}

.dati{
  position: relative;
  padding: 15px;
  background-color: #f7f7f7;
    border-radius: 15px;
}

.stato{
  padding: 15px;
  background-color: #f7f7f7;
    border-radius: 15px;
}
#codice{
  font-size: 31px;
    text-align: center;
}