/*
SLC Customization
----------------------------------------------------------------------------------------------------
All Forms
---------------------------------------------------------------------------------------------------- 
*/

.umbraco-forms-fieldset .row-fluid,
.umbraco-forms-navigation.row-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 0) and (max-width: 767px) {
  .umbraco-forms-fieldset .row-fluid .umbraco-forms-container,
  .umbraco-forms-navigation.row-fluid .umbraco-forms-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Bootstrap v5 fix by uskinned - Umbraco Forms uses an older version */
.umbraco-forms-fieldset .row-fluid > *,
.umbraco-forms-navigation.row-fluid > * {
  flex-shrink: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: var(--bs-gutter-y);
}
/* Bootstrap v5 fix */

.form > .inner {
  padding: var(--base-spacing);
}

  .form > .inner .info {
    margin-bottom: var(--base-half-spacing);
  }

footer#site-footer .form .inner {
  padding: 0 !important;
  border: 0 none !important;
}

textarea {
  resize: none;
}

/* Ximiq: removed to match SLC design
fieldset {
  margin: 0 0 var(--base-half-spacing);
}*/

fieldset.buttons {
  margin: 0;
}

.heading.umbraco-forms-caption:not(.main) {
  color: inherit;
}

legend {
  color: inherit;
  border-color: inherit;
  padding: 0 0 8px;
  margin: 10px 0 var(--base-half-spacing);
}

.form-group,
.umbraco-forms-field:not(.hidden) {
  position: relative;
  margin-bottom: 1rem;
}

.umbraco-forms-field .umbraco-forms-field-wrapper {
  position: relative;
}

.form-group.titleanddescription:not(:first-child) {
  margin-top: var(--base-spacing);
}

/*
.form-group.shortanswer {}*/

/*
.form-group.date {}*/

/*
.form-group.longanswer {}*/

/*
.form-group.uploadafile {}*/

/*
.form-group.password {}*/

/*
.form-group.dropdown {}*/

/*
.form-group.dropdownselect {}*/

/*
.form-group.checkbox {}*/

/*
.form-group.checkbox.checkboxlist {}*/

/*
.form-group.singlecheckbox {}*/

/*
.form-group.radio {}*/

/*
.form-group.multiplechoice {}*/

/*
.form-group.singlechoice {}*/

.form-group.checkbox > label,
.form-group.checkbox.checkboxlist > label,
.form-group.singlecheckbox > label,
.form-group.radio > label,
.form-group.multiplechoice > label,
.form-group.singlechoice > label {
  padding-left: 20px;
}

/*
.form-group.titleanddescription {}*/

.form-group.titleanddescription:first-child .heading {
  margin-top: 0;
}

label {
  position: relative;
  font-weight: 500;
  display: block;
  /* ximiq: adjusted to match SLC design */
  margin-bottom: 0.5rem;
}

.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 5px;
}

.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
  cursor: pointer;
  margin-bottom: 5px;
}

label em.req,
.umbraco-forms-indicator {
  font-style: normal;
  color: rgba(var(--form-errors), 1);
}

.form-group .note,
.umbraco-forms-tooltip.help-block {
  display: block;
  margin-top: 5px;
  font-size: 85%;
  opacity: 0.8;
}

.umbraco-forms-tooltip.help-block {
  margin: 0 0 5px;
}

.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input,
.umbraco-forms-field.longanswer textarea,
.umbraco-forms-field.dropdown select {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  min-height: 40px;
  box-shadow: inset 0 0 5px #e6e6e6;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #495057;
  background-color: #f0f0f0;
  background-clip: padding-box;
  border: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.umbraco-forms-field.longanswer textarea {
  height: 200px;
}

.form-control {
  min-height: 40px;
  border: var(--form-field-border-width) solid rgba(var(--base-borders), 1);
  border-radius: var(--form-field-border-radius);
  box-shadow: none;
}

header#site-header .form-control:not(:focus) {
  border: var(--form-field-border-width) solid rgba(var(--header-borders), 1);
}

footer#site-footer .form-control:not(:focus) {
  border: var(--form-field-border-width) solid rgba(var(--footer-borders), 1);
}

.form-control:focus,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input:focus,
.umbraco-forms-field.longanswer textarea:focus,
.umbraco-forms-field.dropdown select:focus {
  box-shadow: 0 0 5px rgba(var(--base-highlight), 1);
  box-shadow: none !important;
}

.form-control:focus-visible,
.umbraco-forms-field input:focus-visible,
.umbraco-forms-field.longanswer textarea:focus-visible,
.umbraco-forms-field.dropdown select:focus-visible {
  /*outline: 2px dashed rgba(var(--base-highlight), 1)!important;
    outline-offset: 2px!important;*/
  outline-style: none !important;
}

.form-group.uploadafile .form-control,
.umbraco-forms-field.fileupload:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input {
  padding-top: 5px;
}

/*
.form-group.shortanswer .form-control {}*/

/*
.form-group.date .form-control {}*/

/*
.form-group.longanswer .form-control {}*/

/*
.form-group.uploadafile .form-control {}*/

/*
.form-group.password .form-control {}*/

/*
.form-group.dropdown .form-control {}*/

/*
.form-group.dropdownselect .form-control {}*/

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
  position: absolute;
  top: 0;
}

.form-group.checkbox .form-control {
  min-height: auto;
  height: auto;
  width: auto;
}

.form-group.checkbox.checkboxlist .form-control {
  min-height: auto;
  height: auto;
  width: auto;
}

.form-group.singlecheckbox {
  min-height: auto;
  height: auto;
}

.form-group.radio .form-control,
.form-group.radiobutton .form-control {
  min-height: auto;
  height: auto;
  width: auto;
}

.form-group.multiplechoice .form-control {
  min-height: auto;
  height: auto;
  width: auto;
}

.form-group.singlechoice .form-control {
  min-height: auto;
  height: auto;
  width: auto;
}

.form-group.radio label input[type="radio"],
.form-group.checkbox label input[type="checkbox"] {
  position: absolute;
  top: 5px;
  left: -2px;
  margin: 0;
  width: auto;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
  position: relative;
  top: 5px;
  vertical-align: top;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
  display: inline-block;
  width: calc(100% - 30px);
  padding-left: 5px;
}

select,
select option {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.form-group.dropdown .form-control,
.form-group.date .form-control,
.umbraco-forms-field.date .umbraco-forms-field-wrapper input,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper select {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  background: none !important;
}

.form-group.dropdown::after,
.form-group.date::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  font-family: "Ionicons";
  content: "\f280";
  position: absolute;
  top: 32px;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 6px 15px 3px 0;
  font-size: 20px;
  text-align: right;
  color: rgba(var(--base-text), 1);
  background-color: #f0f0f0;
  box-sizing: border-box;
  border-radius: var(--form-field-border-radius);
}

/* Triangle */
.directional-icons-triangle .form-group.dropdown::after,
.directional-icons-triangle .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  content: "\f280";
}
/* Arrow */
.directional-icons-arrow .form-group.dropdown::after,
.directional-icons-arrow .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  content: "\f118";
}
/* Chevron */
.directional-icons-chevron .form-group.dropdown::after,
.directional-icons-chevron .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  content: "\f3d0";
}

.form-group.date::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after {
  content: "\f2ab";
}

.form-group.dropdown.no-label::after,
.form-group.date.no-label::after,
.umbraco-forms-field.date .umbraco-forms-field-wrapper::after,
.umbraco-forms-field.dropdown .umbraco-forms-field-wrapper::after {
  top: 0;
}

html[dir="ltr"] .buttons .btn.prev + .btn.submit,
html[dir="ltr"] .buttons .btn.prev + .btn.next,
html[dir="ltr"] .umbraco-forms-navigation .btn.prev + .btn.submit,
html[dir="ltr"] .umbraco-forms-navigation .btn.prev + .btn.next,
html[dir="ltr"] .umbraco-forms-navigation .btn.next,
html[dir="ltr"] .umbraco-forms-navigation .btn.prev + .btn[name="__next"] {
  float: right;
}

html[dir="rtl"] .buttons .btn.prev + .btn.submit,
html[dir="rtl"] .buttons .btn.prev + .btn.next,
html[dir="rtl"] .umbraco-forms-navigation .btn.prev + .btn.submit,
html[dir="rtl"] .umbraco-forms-navigation .btn.prev + .btn.next,
html[dir="rtl"] .umbraco-forms-navigation .btn.next,
html[dir="rtl"] .umbraco-forms-navigation .btn.prev + .btn[name="__next"] {
  float: left;
}

.buttons + .return-link {
  margin-top: var(--base-half-spacing);
}

.btn.primary {
  background: linear-gradient(var(--header-bg-angle), rgba(0,56,105, 1) 0%, rgba(0,159,227, 1) 100%);
  color: white;
}


/* VALIDATION */

.form-control.input-validation-error,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input.input-validation-error,
.umbraco-forms-field.longanswer textarea.input-validation-error,
.umbraco-forms-field.dropdown select.input-validation-error {
  border-color: rgba(var(--form-errors), 1) !important;
  box-shadow: none;
  border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
}

  .form-control.input-validation-error:focus {
    border-color: rgba(var(--form-errors), 1) !important;
    box-shadow: 0 1px 1px rgba(var(--true-black), 0.75) inset, 0 0 8px rgba(var(--form-errors), 0.5) !important;
    box-shadow: none !important;
    border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
  }

.field-validation-error {
  display: block;
  padding: 5px;
  font-size: 12px;
  background-color: rgba(var(--form-errors), 1);
  color: rgba(var(--true-white), 1);
}

.validation-summary-errors {
  color: rgba(var(--form-errors), 1);
}

.field-validation-valid {
  display: none;
}

.validation-summary-valid {
  display: none;
}

.form .info + .alert,
.form .info + .form-inner {
  margin-top: var(--base-half-spacing);
}

  .form .info + .form-inner > .alert {
    margin-bottom: var(--base-half-spacing);
  }


/* Recaptcha */

.item_form-single_field .g-recaptcha,
.item_form-single_field .h-captcha {
  margin-top: var(--base-half-spacing);
}

.justify-content-center .item_form-single_field .g-recaptcha > div,
.justify-content-center .item_form-single_field .h-captcha > div {
  margin: 0 auto;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.note-recaptcha {
  margin-top: var(--base-spacing);
}

  .note-recaptcha > p {
    margin: 0;
  }

  .note-recaptcha a {
    display: inline !important;
  }

  .note-recaptcha span {
    opacity: 0.8;
  }

/* Hidden - Added to Umbraco Forms 12.1.2 */
.umbraco-forms-hidden {
  display: none !important;
}