.form-cnt {
  display: block;
  margin: 15pt 20pt 0 20pt;
}

.form-cnt__form-ctl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13pt;
}

.form-cnt__form-ctl--sub { margin-top: 5pt; }

.form-ctl__caption {
}

.form-ctl__value {
  width: 40%;
  font-size: 12pt;
}

.form-ctl__value__input {
  font-size: 12pt;
  outline: none;
  border: 0;
  padding: 0;
  background: transparent;
  width: 100%;
  color: &clr_from_ctl_input;;
  border-radius: 0;
  border-bottom: solid 1px &clr_from_ctl_input_border;;
}


.form-ctl__value-textarea {
  font-size: 12pt;
  width: 40%;
}

.form-ctl__value-textarea textarea {
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
  min-height: 20pt;
  max-height: 153pt;
  outline: none;
  height: 51pt;
  font-size: 13pt;
  color: &clr_from_ctl_input;;
  background-color: &clr_bg;;
}

.form-apply-cnt {
  width: 100%;
  text-align: center;
}

.form-apply {
  height: 33pt;
  padding: 0 30pt;
  margin: 20pt 0 5pt 0;
  border-radius: 12pt;
  font-size: 13pt;
  border: 0;
  background-color: &clr_btn_bg;;
  color: &clr_btn_txt;;
  outline: 0;
  width: 100%;
  max-width: 300pt;
}
.form-apply:hover, .form-apply:focus {
  background-color: &clr_btn_hover;;
}

/* Modifications for wide screens. */
@media (min-width: 768px) {
  .form-apply {
    width: auto;
  }
}
