/******************************************************************/
/* CSS settings for wizard                                        */
/******************************************************************/


@charset "utf-8";

#steps { display: flex; }
#steps li {
  padding: 10px;
  color: #CCC;
  font: bold 1.8em verdana;
  text-shadow: 1px 1px #f8f8f8;
  text-align: center;
}
#steps li.current,
#steps li.current span { color: #3498DB; }
#steps li span {
  display: block;
  color: #CCC;
  font: 12px verdana;
}
fieldset {
  position: relative;
  padding: 0 2em;
  border: 1px solid #EEE;
  border-radius: 10px;
  width: 650px;
  height: calc(70vh - 11em);
}
legend {
  margin-left: -1em;
  padding: 10px 5px;
  color: #3498DB;
  font-size:18px;
  font-weight: bold;
}
.form-group { margin-bottom: .5em; }
.flex {
  display: flex;
  align-items: center;
}
.prev, .next, .submit {
  position: absolute;
  bottom: 1em;
}
.prev { left: 1em; }
.next, .submit { right: 1em;}
em {
  margin-left: 2em;
  font-size: 11px;
}
.error { color: #b33; }
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#000;}