#wizard-form {
    max-width: 500px;
    margin: 0 auto;
}
.wizard-step {
    margin-bottom: 20px;
}
button {
    margin-top: 10px;
}


/* Input, textarea e select disabilitati */
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #d8d9da;   /* grigio scuro */
  color: #000000;              /* testo grigio chiaro */
  border-color: #d8d9da;       /* bordo tono su tono */
}

/* Se vuoi uniformare anche i placeholder (in WebKit/Blink) */
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: #000000;
}

/* Per Firefox */
input:disabled::-moz-placeholder,
textarea:disabled::-moz-placeholder {
  color: #020202;
}

 /* Finestra alert */
 /* backdrop */
 #modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  display: none;
  align-items: center;
  justify-content: center;
}
/* finestra */
#modal {
  background: #fff;
  border-radius: 4px;
  width: 300px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  overflow: hidden;
  font-family: sans-serif;
}
/* header */
#modal header {
  background: #f2f2f2;
  padding: 10px;
  font-weight: bold;
}
/* body */
#modal .body {
  padding: 20px;
}
/* footer */
#modal footer {
  padding: 10px;
  text-align: right;
  background: #f9f9f9;
}
#modal button {
  margin-left: 5px;
}

.box-form {
  background-color: #e9ecef;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.box-form--bordered {
  background-color: transparent;
  padding: 30px;
  border: 3px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
}