/* Inputs. */
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
input[type=text] {
  width: 100%;
  height: 50px;
  line-height: 1.67;
  font-size: 0.0703125remrem;
  padding: 0 0 0 20px;
  border-radius: 0;
  border: 1px solid #052049;
  color: #052049;
}

::-moz-placeholder {
  color: #052049;
}

::placeholder {
  color: #052049;
}

button,
input[type=button] {
  border: 0;
}

.form-item {
  margin-bottom: 20px;
}

label {
  font-size: 0.0625remrem;
  line-height: 0.0859375remrem;
  padding-bottom: 6px;
  display: block;
  font-weight: 600;
  color: #052049;
  letter-spacing: 1px;
}

details {
  margin-bottom: 20px;
}

summary {
  margin-bottom: 20px;
}

form .description {
  margin-top: 4px;
  line-height: 1.5;
}

fieldset {
  border: 0;
  margin: 0 0 20px 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 6px;
  color: #052049;
}

.js-form-type-select {
  position: relative;
}
.js-form-type-select:before {
  content: " ";
  background-image: url("/themes/custom/dos/dist/icon/svg/dropdown-arrow.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 100%;
  position: absolute;
  top: 20px;
  right: 20px;
}
.js-form-type-select::before {
  z-index: 10;
}
.js-form-type-select.has-label:before {
  top: 50px;
}
.js-form-type-select select {
  font-size: 0.0703125remrem;
  padding: 0 0 0 20px;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  outline: none;
  appearance: none;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  background-image: none;
  height: 50px;
  border: 1px solid #052049;
  width: 100%;
  color: #052049;
}
details .js-form-type-select select {
  width: 98%;
}
.filter-sort .js-form-type-select select {
  padding: 2px 4px 2px 10px;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Checkbox */
.js-form-type-checkbox.form-item,
.form-type-checkbox.form-item {
  margin: 0 0 0.0390625remrem 0;
}
.js-form-type-checkbox input[type=checkbox],
.form-type-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.js-form-type-checkbox input[type=checkbox] + label::after,
.form-type-checkbox input[type=checkbox] + label::after {
  content: none;
}
.js-form-type-checkbox input[type=checkbox]:checked + label,
.form-type-checkbox input[type=checkbox]:checked + label {
  font-weight: 400;
}
.js-form-type-checkbox input[type=checkbox]:checked + label::after,
.form-type-checkbox input[type=checkbox]:checked + label::after {
  content: "";
}
.js-form-type-checkbox input[type=checkbox]:checked + label::before,
.form-type-checkbox input[type=checkbox]:checked + label::before {
  content: "";
  background-color: transparent;
  border: 3px solid #485e7f;
  color: #485e7f;
}
.js-form-type-checkbox input[type=checkbox]:focus + label::before,
.form-type-checkbox input[type=checkbox]:focus + label::before {
  background-color: transparent;
  color: #485e7f;
  border: 3px solid #485e7f;
}
.js-form-type-checkbox label:not(.error),
.form-type-checkbox label:not(.error) {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-weight: 400;
  margin-right: 16px;
  padding-top: 4px;
}
.js-form-type-checkbox label:not(.error)::before,
.js-form-type-checkbox label:not(.error)::after,
.form-type-checkbox label:not(.error)::before,
.form-type-checkbox label:not(.error)::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.js-form-type-checkbox label:not(.error)::before,
.form-type-checkbox label:not(.error)::before {
  height: 22px;
  width: 22px;
  border: 3px solid #070707;
  left: -2px;
  top: 3px;
  border-radius: 2px;
  padding: 10px;
}
.js-form-type-checkbox label:not(.error)::after,
.form-type-checkbox label:not(.error)::after {
  height: 8px;
  width: 14px;
  border-left: 3px solid;
  border-bottom: 3px solid;
  transform: rotate(-51deg);
  left: 4px;
  top: 10px;
  color: #485e7f;
  font-weight: 700;
}

/* Radio */
.js-form-type-radio.form-item,
.form-type-radio.form-item {
  margin: 0 0 0.0390625remrem 0;
}
.js-form-type-radio input[type=radio],
.form-type-radio input[type=radio] {
  opacity: 0;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.js-form-type-radio input[type=radio] + label::after,
.form-type-radio input[type=radio] + label::after {
  content: none;
}
.js-form-type-radio input[type=radio]:checked + label,
.form-type-radio input[type=radio]:checked + label {
  font-weight: 400;
}
.js-form-type-radio input[type=radio]:checked + label::after,
.form-type-radio input[type=radio]:checked + label::after {
  content: "";
}
.js-form-type-radio input[type=radio]:checked + label::before,
.form-type-radio input[type=radio]:checked + label::before {
  content: "";
  background-color: transparent;
  border: 3px solid #485e7f;
  color: #485e7f;
}
.js-form-type-radio input[type=radio]:focus + label::before,
.form-type-radio input[type=radio]:focus + label::before {
  background-color: transparent;
  border: 3px solid #485e7f;
  color: #485e7f;
}
.js-form-type-radio label:not(.error),
.form-type-radio label:not(.error) {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-weight: 400;
  margin-right: 16px;
  padding-top: 4px;
}
.js-form-type-radio label:not(.error)::before,
.js-form-type-radio label:not(.error)::after,
.form-type-radio label:not(.error)::before,
.form-type-radio label:not(.error)::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.js-form-type-radio label:not(.error)::before,
.form-type-radio label:not(.error)::before {
  height: 22px;
  width: 22px;
  border: 3px solid #070707;
  left: 0;
  top: 3px;
  border-radius: 30px;
}
.js-form-type-radio label:not(.error)::after,
.form-type-radio label:not(.error)::after {
  background-color: #485e7f;
  height: 8px;
  width: 8px;
  left: 7px;
  border-radius: 20px;
  top: 10px;
}

.profile-teaser .js-form-type-radio label:not(.error) {
  margin-right: 10px;
}

textarea {
  font-size: 0.0703125remrem;
  width: 100%;
  color: #052049;
  line-height: 1.67;
  padding: 6px 20px;
  border-radius: 0;
  border: 1px solid #052049;
  min-height: 100px;
}
/*# sourceMappingURL=form.css.map */