.modal-card-head {
  margin: 0;
}
.modal-card-foot {
  padding-top: 10px;
  padding-bottom: 10px;
}
#content .modal-card-title {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 0;
}
div.modal {
  padding-top: 11vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
/*  z-index: 0;*/
}
input[type="text"].input {
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
}

.steps-content {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1em;
  text-align: left;
}

.box {
  display: block !important;
  border: none !important;
}
div.box {
  background-color: #fff;
  border-radius: 6px;
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
}

input[type="text"],
input[type="password"] {
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
}