@randstad-design/orbit-multitheme/dist/assets/theme-spherion/bundles/forms.css

multitheme Front-end code based on Randstad Human Forward components

select:active, select:focus {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border: 2px solid #ff661a;
  outline: none;
  padding-left: 18px; }

select::-ms-clear {
  display: none; }

select.untouched {
  color: #97999b;
  fill: #97999b; }

.form-group__input select, .form-group__input select:active, .form-group__input select:focus {
  padding-right: 50px; }

select[disabled] {
  color: #97999b;
  fill: #97999b;
  background: #f8f8f8;
  pointer-events: none; }

.select-arrow.icon {
  color: #ff661a;
  pointer-events: none;
  right: 20px;
  top: 22px; }
  select:disabled + .select-arrow.icon {
    color: #97999b;
    fill: #97999b; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .form-group__input select {
    padding-right: 25px; }
  .select-arrow {
    display: none; } }

.form-group--selection-control .form-group__input + .form-group__input {
  margin-top: 15px; }
  @media (min-width: 941px) {
    .form-group--selection-control .form-group__input + .form-group__input {
      margin-top: 10px; } }

.form-group--selection-control .form-group__label {
  margin-bottom: 15px; }

.form-group--selection-control + .button {
  margin-top: 40px; }

.selection-control {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 0 3px; }
  @media (min-width: 941px) {
    .selection-control {
      font-family: Montserrat, arial, sans-serif;
      font-size: 18px;
      text-transform: none;
      line-height: 30px; } }
  .selection-control__input {
    position: relative;
    top: 0; }
    @media (min-width: 941px) {
      .selection-control__input {
        top: 2px; } }
  .selection-control__control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #e2e2e2;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
    .bg-brand--gradient-orange .selection-control__control {
      border: 2px solid #fff; }
  .selection-control input {
    opacity: 0;
    position: absolute; }
    .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
      border-color: #ff661a; }
    .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
      border-color: #ff661a; }
      .bg-brand--gradient-orange .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: #2e2e2e; }
      .bg-brand--gradient-orange .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: #2e2e2e; }
    .selection-control input:focus + .selection-control__control {
      border-color: #ff661a; }
      .bg-brand--gradient-orange .selection-control input:focus + .selection-control__control {
        border-color: #2e2e2e; }
  .selection-control:hover .selection-control__control {
    border-color: #ff661a; }
    .bg-brand--gradient-orange .selection-control:hover .selection-control__control {
      border-color: #2e2e2e; }
  .selection-control__label {
    cursor: pointer;
    margin-left: 10px; }
    .meta-content .selection-control__label {
      word-break: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto; }

.selection-control--disabled,
.selection-control--disabled a {
  color: #4d4d4d;
  pointer-events: none; }
  .selection-control--disabled .selection-control__control,
  .selection-control--disabled a .selection-control__control {
    background: #f8f8f8;
    border-color: #e2e2e2; }
  .selection-control--disabled input:checked + .selection-control__control,
  .selection-control--disabled a input:checked + .selection-control__control {
    border-color: #f8f8f8; }
  .selection-control--disabled a,
  .selection-control--disabled a a {
    pointer-events: all;
    text-decoration: underline; }

.form-group--error .selection-control__control {
  background: #fef5f4;
  border-color: #f13c23; }
  .bg-brand--gradient-orange .form-group--error .selection-control__control {
    border-color: #2e2e2e; }

.selection-control--checkbox svg {
  margin-top: -1px;
  opacity: 0; }

.selection-control--checkbox polyline {
  fill: transparent;
  stroke: #fff;
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  -webkit-transition: stroke-dashoffset 0.5s ease;
  transition: stroke-dashoffset 0.5s ease; }

.selection-control--checkbox input:checked + .selection-control__control {
  background: #ff661a;
  border-color: #ff661a; }
  .bg-brand--gradient-orange .selection-control--checkbox input:checked + .selection-control__control {
    background: #2e2e2e;
    border-color: #2e2e2e; }
  .selection-control--checkbox input:checked + .selection-control__control svg {
    opacity: 1; }
  .selection-control--checkbox input:checked + .selection-control__control polyline {
    stroke-dashoffset: 0; }

.selection-control--checkbox input:checked:focus + .selection-control__control,
.selection-control--checkbox input:checked:hover + .selection-control__control {
  outline: 2px solid #ff661a;
  outline-offset: 1px; }

.selection-control--checkbox a {
  text-decoration: none;
  -webkit-text-decoration: none; }

.selection-control--indeterminate input + .selection-control__control svg {
  opacity: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate .selection-control__control {
  background: #ff661a;
  border-color: #ff661a; }
  .bg-brand--gradient-orange .selection-control--indeterminate .selection-control__control {
    background: #2e2e2e;
    border-color: #2e2e2e; }

.selection-control--indeterminate--animate input + .selection-control__control svg {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate input:focus + .selection-control__control,
.selection-control--indeterminate input:hover + .selection-control__control {
  outline: 2px solid #ff661a;
  outline-offset: 1px; }

.selection-control--indeterminate .selection-control__control--indeterminate {
  background: #fff;
  border-radius: 1.5px;
  height: 3px;
  left: 4px;
  pointer-events: none;
  top: 11px;
  width: 16px; }
  @media (min-width: 941px) {
    .selection-control--indeterminate .selection-control__control--indeterminate {
      bottom: 13px; } }

.selection-control--checkbox.selection-control--disabled .selection-control__control {
  border-color: #97999b; }

.selection-control--checkbox.selection-control--disabled input:checked + .selection-control__control {
  background: #97999b;
  border-color: #97999b; }

.selection-control--checkbox.selection-control--disabled.selection-control--indeterminate .selection-control__control {
  background-color: #97999b;
  border-color: #97999b; }

.selection-control--radio-button .selection-control__control {
  border-radius: 50%; }
  .selection-control--radio-button .selection-control__control::after {
    content: '';
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0); }

.selection-control--radio-button input:checked + .selection-control__control,
.bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control {
  position: relative;
  background-color: #fff; }
  .selection-control--radio-button input:checked + .selection-control__control::after,
  .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
    background: #ff661a;
    border-radius: 50%;
    height: 12px;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    width: 12px; }
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after, .bg-brand--gradient-orange
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: #2e2e2e; }

@media (max-width: 940px) {
  .selection-control--radio-button .selection-control__input {
    top: 1px; } }

.selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control {
  border-color: #97999b; }
  .selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control::after {
    background: #97999b; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: solid 1px #e2e2e2;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: none;
  color: #2e2e2e;
  cursor: initial;
  font-family: Montserrat, arial, sans-serif;
  margin: 0;
  min-height: 60px;
  padding: 15px 19px 18px;
  text-overflow: ellipsis;
  width: 100%; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      font-family: Montserrat, arial, sans-serif;
      font-size: 18px;
      text-transform: none;
      line-height: 30px; } }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #97999b;
    fill: #97999b;
    opacity: 1; }
  input[type="color"]::-ms-clear, input[type="date"]::-ms-clear, input[type="datetime"]::-ms-clear, input[type="datetime-local"]::-ms-clear, input[type="email"]::-ms-clear, input[type="month"]::-ms-clear, input[type="number"]::-ms-clear, input[type="password"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="text"]::-ms-clear, input[type="time"]::-ms-clear, input[type="url"]::-ms-clear, input[type="week"]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear, select::-ms-clear {
    display: none; }
  input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #ff661a;
    border-style: solid;
    border-width: 2px;
    outline: none;
    padding: 14px 18px 17px; }
    .bg-brand--gradient-orange input[type="color"]:active, .bg-brand--gradient-orange input[type="color"]:focus, .bg-brand--gradient-orange input[type="date"]:active, .bg-brand--gradient-orange input[type="date"]:focus, .bg-brand--gradient-orange input[type="datetime"]:active, .bg-brand--gradient-orange input[type="datetime"]:focus, .bg-brand--gradient-orange input[type="datetime-local"]:active, .bg-brand--gradient-orange input[type="datetime-local"]:focus, .bg-brand--gradient-orange input[type="email"]:active, .bg-brand--gradient-orange input[type="email"]:focus, .bg-brand--gradient-orange input[type="month"]:active, .bg-brand--gradient-orange input[type="month"]:focus, .bg-brand--gradient-orange input[type="number"]:active, .bg-brand--gradient-orange input[type="number"]:focus, .bg-brand--gradient-orange input[type="password"]:active, .bg-brand--gradient-orange input[type="password"]:focus, .bg-brand--gradient-orange input[type="search"]:active, .bg-brand--gradient-orange input[type="search"]:focus, .bg-brand--gradient-orange input[type="tel"]:active, .bg-brand--gradient-orange input[type="tel"]:focus, .bg-brand--gradient-orange input[type="text"]:active, .bg-brand--gradient-orange input[type="text"]:focus, .bg-brand--gradient-orange input[type="time"]:active, .bg-brand--gradient-orange input[type="time"]:focus, .bg-brand--gradient-orange input[type="url"]:active, .bg-brand--gradient-orange input[type="url"]:focus, .bg-brand--gradient-orange input[type="week"]:active, .bg-brand--gradient-orange input[type="week"]:focus, .bg-brand--gradient-orange input:not([type]):active, .bg-brand--gradient-orange input:not([type]):focus, .bg-brand--gradient-orange textarea:active, .bg-brand--gradient-orange textarea:focus, .bg-brand--gradient-orange select:active, .bg-brand--gradient-orange select:focus {
      border-color: #2e2e2e; }
  input[type="color"]:-moz-read-only:not(select):not(.flatpickr), input[type="color"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="color"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="date"]:-moz-read-only:not(select):not(.flatpickr), input[type="date"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="date"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="email"]:-moz-read-only:not(select):not(.flatpickr), input[type="email"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="email"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="month"]:-moz-read-only:not(select):not(.flatpickr), input[type="month"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="month"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="number"]:-moz-read-only:not(select):not(.flatpickr), input[type="number"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="number"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="password"]:-moz-read-only:not(select):not(.flatpickr), input[type="password"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="password"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="search"]:-moz-read-only:not(select):not(.flatpickr), input[type="search"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="search"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr), input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="text"]:-moz-read-only:not(select):not(.flatpickr), input[type="text"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="text"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="time"]:-moz-read-only:not(select):not(.flatpickr), input[type="time"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="time"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="url"]:-moz-read-only:not(select):not(.flatpickr), input[type="url"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="url"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="week"]:-moz-read-only:not(select):not(.flatpickr), input[type="week"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="week"]:-moz-read-only:not(select):not(.flatpickr):focus, input:not([type]):-moz-read-only:not(select):not(.flatpickr), input:not([type]):-moz-read-only:not(select):not(.flatpickr):active, input:not([type]):-moz-read-only:not(select):not(.flatpickr):focus, textarea:-moz-read-only:not(select):not(.flatpickr), textarea:-moz-read-only:not(select):not(.flatpickr):active, textarea:-moz-read-only:not(select):not(.flatpickr):focus, select:-moz-read-only:not(select):not(.flatpickr), select:-moz-read-only:not(select):not(.flatpickr):active, select:-moz-read-only:not(select):not(.flatpickr):focus {
    color: #97999b;
    fill: #97999b;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"]:read-only:not(select):not(.flatpickr), input[type="color"]:read-only:not(select):not(.flatpickr):active, input[type="color"]:read-only:not(select):not(.flatpickr):focus, input[type="color"][disabled], input[type="color"][disabled]:active, input[type="color"][disabled]:focus, input[type="date"]:read-only:not(select):not(.flatpickr), input[type="date"]:read-only:not(select):not(.flatpickr):active, input[type="date"]:read-only:not(select):not(.flatpickr):focus, input[type="date"][disabled], input[type="date"][disabled]:active, input[type="date"][disabled]:focus, input[type="datetime"]:read-only:not(select):not(.flatpickr), input[type="datetime"]:read-only:not(select):not(.flatpickr):active, input[type="datetime"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime"][disabled], input[type="datetime"][disabled]:active, input[type="datetime"][disabled]:focus, input[type="datetime-local"]:read-only:not(select):not(.flatpickr), input[type="datetime-local"]:read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"][disabled], input[type="datetime-local"][disabled]:active, input[type="datetime-local"][disabled]:focus, input[type="email"]:read-only:not(select):not(.flatpickr), input[type="email"]:read-only:not(select):not(.flatpickr):active, input[type="email"]:read-only:not(select):not(.flatpickr):focus, input[type="email"][disabled], input[type="email"][disabled]:active, input[type="email"][disabled]:focus, input[type="month"]:read-only:not(select):not(.flatpickr), input[type="month"]:read-only:not(select):not(.flatpickr):active, input[type="month"]:read-only:not(select):not(.flatpickr):focus, input[type="month"][disabled], input[type="month"][disabled]:active, input[type="month"][disabled]:focus, input[type="number"]:read-only:not(select):not(.flatpickr), input[type="number"]:read-only:not(select):not(.flatpickr):active, input[type="number"]:read-only:not(select):not(.flatpickr):focus, input[type="number"][disabled], input[type="number"][disabled]:active, input[type="number"][disabled]:focus, input[type="password"]:read-only:not(select):not(.flatpickr), input[type="password"]:read-only:not(select):not(.flatpickr):active, input[type="password"]:read-only:not(select):not(.flatpickr):focus, input[type="password"][disabled], input[type="password"][disabled]:active, input[type="password"][disabled]:focus, input[type="search"]:read-only:not(select):not(.flatpickr), input[type="search"]:read-only:not(select):not(.flatpickr):active, input[type="search"]:read-only:not(select):not(.flatpickr):focus, input[type="search"][disabled], input[type="search"][disabled]:active, input[type="search"][disabled]:focus, input[type="tel"]:read-only:not(select):not(.flatpickr), input[type="tel"]:read-only:not(select):not(.flatpickr):active, input[type="tel"]:read-only:not(select):not(.flatpickr):focus, input[type="tel"][disabled], input[type="tel"][disabled]:active, input[type="tel"][disabled]:focus, input[type="text"]:read-only:not(select):not(.flatpickr), input[type="text"]:read-only:not(select):not(.flatpickr):active, input[type="text"]:read-only:not(select):not(.flatpickr):focus, input[type="text"][disabled], input[type="text"][disabled]:active, input[type="text"][disabled]:focus, input[type="time"]:read-only:not(select):not(.flatpickr), input[type="time"]:read-only:not(select):not(.flatpickr):active, input[type="time"]:read-only:not(select):not(.flatpickr):focus, input[type="time"][disabled], input[type="time"][disabled]:active, input[type="time"][disabled]:focus, input[type="url"]:read-only:not(select):not(.flatpickr), input[type="url"]:read-only:not(select):not(.flatpickr):active, input[type="url"]:read-only:not(select):not(.flatpickr):focus, input[type="url"][disabled], input[type="url"][disabled]:active, input[type="url"][disabled]:focus, input[type="week"]:read-only:not(select):not(.flatpickr), input[type="week"]:read-only:not(select):not(.flatpickr):active, input[type="week"]:read-only:not(select):not(.flatpickr):focus, input[type="week"][disabled], input[type="week"][disabled]:active, input[type="week"][disabled]:focus, input:not([type]):read-only:not(select):not(.flatpickr), input:not([type]):read-only:not(select):not(.flatpickr):active, input:not([type]):read-only:not(select):not(.flatpickr):focus, input:not([type])[disabled], input:not([type])[disabled]:active, input:not([type])[disabled]:focus, textarea:read-only:not(select):not(.flatpickr), textarea:read-only:not(select):not(.flatpickr):active, textarea:read-only:not(select):not(.flatpickr):focus, textarea[disabled], textarea[disabled]:active, textarea[disabled]:focus, select:read-only:not(select):not(.flatpickr), select:read-only:not(select):not(.flatpickr):active, select:read-only:not(select):not(.flatpickr):focus, select[disabled], select[disabled]:active, select[disabled]:focus {
    color: #97999b;
    fill: #97999b;
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"][disabled], input[type="color"][readonly]:not(.flatpickr), input[type="date"][disabled], input[type="date"][readonly]:not(.flatpickr), input[type="datetime"][disabled], input[type="datetime"][readonly]:not(.flatpickr), input[type="datetime-local"][disabled], input[type="datetime-local"][readonly]:not(.flatpickr), input[type="email"][disabled], input[type="email"][readonly]:not(.flatpickr), input[type="month"][disabled], input[type="month"][readonly]:not(.flatpickr), input[type="number"][disabled], input[type="number"][readonly]:not(.flatpickr), input[type="password"][disabled], input[type="password"][readonly]:not(.flatpickr), input[type="search"][disabled], input[type="search"][readonly]:not(.flatpickr), input[type="tel"][disabled], input[type="tel"][readonly]:not(.flatpickr), input[type="text"][disabled], input[type="text"][readonly]:not(.flatpickr), input[type="time"][disabled], input[type="time"][readonly]:not(.flatpickr), input[type="url"][disabled], input[type="url"][readonly]:not(.flatpickr), input[type="week"][disabled], input[type="week"][readonly]:not(.flatpickr), input:not([type])[disabled], input:not([type])[readonly]:not(.flatpickr), textarea[disabled], textarea[readonly]:not(.flatpickr), select[disabled], select[readonly]:not(.flatpickr) {
    color: #97999b;
    fill: #97999b;
    background: #f8f8f8;
    pointer-events: none; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      padding: 13px 19px 15px; }
      input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
        padding: 12px 18px 14px; } }

.form-group--error input[type="color"], .form-group--error input[type="date"], .form-group--error input[type="datetime"], .form-group--error input[type="datetime-local"], .form-group--error input[type="email"], .form-group--error input[type="month"], .form-group--error input[type="number"], .form-group--error input[type="password"], .form-group--error input[type="search"], .form-group--error input[type="tel"], .form-group--error input[type="text"], .form-group--error input[type="time"], .form-group--error input[type="url"], .form-group--error input[type="week"], .form-group--error input:not([type]), .form-group--error textarea, .form-group--error select {
  background: #fef5f4;
  border-color: #f13c23; }
  .bg-brand--gradient-orange .form-group--error input[type="color"], .bg-brand--gradient-orange .form-group--error input[type="date"], .bg-brand--gradient-orange .form-group--error input[type="datetime"], .bg-brand--gradient-orange .form-group--error input[type="datetime-local"], .bg-brand--gradient-orange .form-group--error input[type="email"], .bg-brand--gradient-orange .form-group--error input[type="month"], .bg-brand--gradient-orange .form-group--error input[type="number"], .bg-brand--gradient-orange .form-group--error input[type="password"], .bg-brand--gradient-orange .form-group--error input[type="search"], .bg-brand--gradient-orange .form-group--error input[type="tel"], .bg-brand--gradient-orange .form-group--error input[type="text"], .bg-brand--gradient-orange .form-group--error input[type="time"], .bg-brand--gradient-orange .form-group--error input[type="url"], .bg-brand--gradient-orange .form-group--error input[type="week"], .bg-brand--gradient-orange .form-group--error input:not([type]), .bg-brand--gradient-orange .form-group--error textarea, .bg-brand--gradient-orange .form-group--error select {
    border-color: #2e2e2e; }

textarea {
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
  min-height: 110px;
  overflow: hidden;
  resize: none;
  vertical-align: top; }
  textarea.fixed-size {
    min-height: 200px;
    overflow: auto; }

.textarea--expand {
  min-height: 60px;
  max-height: 160px;
  overflow-y: auto; }
  @media (min-width: 501px) {
    .textarea--expand {
      max-height: 180px; } }

@media (min-width: 941px) {
  textarea {
    min-height: 150px; }
    textarea.fixed-size {
      min-height: 250px; } }

.form-group {
  position: relative; }
  .form-group__action-link {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5px;
    text-align: right;
    width: auto; }
  .form-group__label {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    color: #2e2e2e;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 5px; }
    .bg-brand--gradient-orange .form-group__label {
      color: #fff; }
  .form-group__optional, .form-group__message, .form-group__required {
    color: #97999b; }
    .bg-brand--gradient-orange .form-group__optional, .bg-brand--gradient-orange .form-group__message, .bg-brand--gradient-orange .form-group__required {
      color: #fff; }
  .form-group__optional {
    font-family: Montserrat, arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    line-height: 15px;
    margin-left: 1px;
    text-decoration: none; }
  .form-group__required {
    font-family: Montserrat, arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    line-height: 15px;
    margin-left: 5px; }
  .form-group__message {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    display: block;
    margin-top: 10px; }
  .form-group__input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .form-group__input--button input[type]:-moz-read-only {
    padding-right: 50px; }
  .form-group__input--button input[type],
  .form-group__input--button input[type]:focus,
  .form-group__input--button input[type]:read-only {
    padding-right: 50px; }
  .form-group__input--icon-left .icon {
    left: 20px;
    top: 20px; }
    .form-group__input--icon-left .icon svg {
      fill: #ff661a; }
  .form-group__input--icon-left input {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:-moz-read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[readonly] {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:focus {
    padding-left: 49px; }
  .form-group__input--icon-left input[type]:-moz-read-only + .icon svg {
    color: #97999b;
    fill: #97999b; }
  .form-group__input--icon-left input[type]:read-only + .icon svg {
    color: #97999b;
    fill: #97999b; }
  .form-group__input--icon-left input[readonly] + .icon svg {
    color: #97999b;
    fill: #97999b; }
  .form-group__input.clearable-input button {
    height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 20px; }
    .form-group__input.clearable-input button .icon {
      left: initial;
      top: 0; }
    .form-group__input.clearable-input button .icon svg {
      color: #97999b;
      fill: #97999b;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }
    .form-group__input.clearable-input button:hover .icon svg {
      color: #97999b;
      fill: #97999b; }
  .form-group__input.clearable-input input::-ms-clear {
    display: none; }
  .form-group__input.clearable-input--active button {
    opacity: 1;
    pointer-events: auto; }
  .form-group--error .form-group__feedback {
    opacity: 1; }
  .form-group--error input[type='text']:-moz-read-only + .icon svg {
    color: #97999b;
    fill: #97999b; }
  .form-group--error input[type='text']:read-only + .icon svg {
    color: #97999b;
    fill: #97999b; }
  .form-group__feedback {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    color: #f13c23;
    fill: #f13c23;
    display: block;
    margin-top: 10px;
    opacity: 0.5; }
    .bg-brand--gradient-orange .form-group__feedback {
      color: #2e2e2e;
      fill: #2e2e2e; }
  .form-group__characters {
    font-family: Montserrat, arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    line-height: 15px;
    bottom: 18px;
    margin-top: 10px;
    pointer-events: none; }
    .form-group__characters:not(.text--negative) {
      color: #97999b; }
      .bg-brand--gradient-orange .form-group__characters:not(.text--negative) {
        color: #fff; }
  .form-group + .form-group {
    margin-top: 30px; }
  .form-group.currency-format .form-group__input {
    border: solid 1px #e2e2e2;
    background: #fff;
    border-radius: 4px;
    display: block;
    height: 60px;
    overflow: hidden; }
    .bg-brand--gradient-orange .form-group.currency-format .form-group__input {
      border: solid 1px #e2e2e2; }
    .form-group.currency-format .form-group__input.readonly {
      background: #f8f8f8; }
    .form-group.currency-format .form-group__input:focus-within {
      border-color: #ff661a;
      box-shadow: 0 0 0 1pt #ff661a; }
      .bg-brand--gradient-orange .form-group.currency-format .form-group__input:focus-within {
        border-color: #2e2e2e;
        box-shadow: 0 0 0 1pt #2e2e2e; }
    .form-group.currency-format .form-group__input input,
    .form-group.currency-format .form-group__input input:focus {
      border-color: transparent;
      border-radius: 0; }
    .form-group.currency-format .form-group__input input {
      position: absolute;
      width: 70%;
      padding: 12px 18px 14px; }
    .form-group.currency-format .form-group__input span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      background: #f4f8fd;
      border-right: 1px solid #d7d7d7;
      color: #2e2e2e;
      display: inline-block;
      line-height: 58px;
      max-width: 132px;
      padding: 0 15px;
      pointer-events: auto; }
      .form-group.currency-format .form-group__input span.icon svg {
        height: 20px;
        padding-top: 20px;
        width: 20px; }
  .form-group.currency-format.form-group--error .form-group__input,
  .form-group.currency-format.form-group--error.currency-format .form-group__input {
    background: #fef5f4;
    border-color: #f13c23; }
    .bg-brand--gradient-orange .form-group.currency-format.form-group--error .form-group__input, .bg-brand--gradient-orange
    .form-group.currency-format.form-group--error.currency-format .form-group__input {
      border-color: #2e2e2e; }
    .form-group.currency-format.form-group--error .form-group__input:focus-within,
    .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
      background: #fef5f4;
      border-color: #f13c23;
      box-shadow: 0 0 0 1pt #f13c23; }
      .bg-brand--gradient-orange .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-brand--gradient-orange
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        border-color: #2e2e2e; }
      .bg-brand--gradient-orange .form-group.currency-format.form-group--error .form-group__input:focus-within, .bg-brand--gradient-orange
      .form-group.currency-format.form-group--error.currency-format .form-group__input:focus-within {
        box-shadow: 0 0 0 1pt #2e2e2e; }
    .form-group.currency-format.form-group--error .form-group__input span,
    .form-group.currency-format.form-group--error.currency-format .form-group__input span {
      background: #fef5f4;
      border-color: #f13c23;
      color: var(--color-ui-negative); }
      .bg-brand--gradient-orange .form-group.currency-format.form-group--error .form-group__input span, .bg-brand--gradient-orange
      .form-group.currency-format.form-group--error.currency-format .form-group__input span {
        border-color: #2e2e2e; }
  .form-group.currency-format input[type='text']:-moz-read-only:not(select):not(.flatpickr), .form-group.currency-format input[type='number']:-moz-read-only:not(select):not(.flatpickr) {
    border: none; }
  .form-group.currency-format input[type='text']:read-only:not(select):not(.flatpickr),
  .form-group.currency-format input[type='number']:read-only:not(select):not(.flatpickr) {
    border: none; }
    .form-group.currency-format input[type='text']:-moz-read-only:not(select):not(.flatpickr) .form-group__input:focus-within, .form-group.currency-format input[type='number']:-moz-read-only:not(select):not(.flatpickr) .form-group__input:focus-within {
      border: none; }
    .form-group.currency-format input[type='text']:read-only:not(select):not(.flatpickr) .form-group__input:focus-within,
    .form-group.currency-format input[type='number']:read-only:not(select):not(.flatpickr) .form-group__input:focus-within {
      border: none; }

@media (min-width: 941px) {
  .block__content .form-group {
    width: calc((38/43) * 100%); } }

@media (max-width: 940px) {
  .form-groups--row .form-group + .button,
  .form-groups--row .form-group + .form-group {
    margin-top: 10px; } }

@media (min-width: 941px) {
  .form-groups--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .form-groups--row .form-group {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-top: 0; }
      .form-groups--row .form-group + .button--icon.button--m,
      .form-groups--row .form-group + .button--filled.button--m,
      .form-groups--row .form-group + .form-group {
        margin-left: 5px; }
    .form-groups--row .button {
      margin-top: 0; } }

.password-validator__validate-list {
  margin-top: 10px; }
  .password-validator__validate-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .password-validator__validate-list li {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    color: #97999b;
    line-height: 24px;
    margin-top: 5px;
    width: calc(50% - 10px); }
    @media (min-width: 941px) {
      .password-validator__validate-list li {
        font-family: Montserrat, arial, sans-serif;
        font-size: 18px;
        text-transform: none;
        line-height: 30px; } }
    .bg-brand--gradient-orange .password-validator__validate-list li {
      color: #fff; }

.password-validator .icon {
  margin: 0;
  right: 0;
  top: 0; }
  .password-validator .icon svg {
    color: #97999b;
    fill: #97999b; }

.password-validator__validate-list li.valid {
  -webkit-transition: color 0.2s 0.2s;
  transition: color 0.2s 0.2s;
  color: #97999b;
  text-decoration: line-through; }
  .bg-brand--gradient-orange .password-validator__validate-list li.valid {
    color: #fff; }

.password-validator .show-password {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  z-index: 1; }
  .password-validator .show-password .icon {
    display: block; }
  .password-validator .show-password.is-password-visible svg {
    fill: #ff661a; }

/*# sourceMappingURL=forms.css.map */