@charset "UTF-8";

.messages {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
}

.webform-submission-billing-changes-form {
  margin-bottom: 5rem;
}

.webform-submission-form .section-background-grey {
  /*background-color: #F5F5F5;*/
  padding: 3rem;
  margin-bottom: 3rem;
  border: 1px solid #296438;
  border-radius: 0.375rem;
}

.webform-submission-form .highlight--orange {
  background-color: rgb(255, 135, 60);
  padding: 3rem;
  margin-bottom: 3rem;
  border: 1px solid rgb(255, 135, 60);
  border-radius: 0.375rem;
  color: white;
}

.webform-submission-form .progress-tracker li:before {
  display: none;
}

.webform-submission-form .progress-tracker li {
  padding-left: 0 !important;
}

.webform-submission-form .webform-progress {
  width: 100%;
}

.webform-submission-form .webform-progress .current--step {
  display: none;
}

.progress-step.is-active .progress-marker::before {
  background-color: #296438 !important;
  border-color: #296438 !important;
}

.webform-element-help:focus, .webform-element-help:active, .webform-element-help:hover {
  background-color: #296438 !important;
  border-color: #296438 !important;
}

.webform-submission-form .form-item--last {
  margin-bottom: 0 !important;
}

.webform-element-description {
  font-style: italic;
  font-size: 1.8rem;
}

.webform-element-description p {
  margin: 0;
}

.webform-actions {
  display: flex;
  gap: 2rem;
  background-color: white;
  margin-bottom: 2rem;
}

.webform-actions input {
  background-color: #296438 !important;
  border-color: #296438 !important;
}

/* Select2: match the styling of a normal select (see scss/_forms.scss). */
.select2-container--default {
  width: 100% !important;
  float: left;
  font-family: Arial, sans-serif;
}

.select2-container--default .select2-selection--single {
  height: auto;
  padding: 1.05rem 10% 1.05rem 2rem;
  border: 1px solid #9A9A9A;
  border-radius: 5px;
  background: #FFFFFF url('../images/arrow-down.svg') no-repeat 95% center;
  box-sizing: border-box;
  cursor: pointer;
}

@media (min-width: 768px) {
  .select2-container--default .select2-selection--single {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  font-size: 2rem;
  line-height: 2.2rem;
  color: #000000;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000000;
}

/* The arrow comes from the background image, like on a normal select. */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #2A6438;
}

/* Client-side validation puts the error class on the original select. */
select.error + .select2-container--default .select2-selection--single {
  border-color: #e51b1d;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #F5F5F5;
  cursor: default;
}

.select2-container--default .select2-dropdown {
  border-color: #2A6438;
  font-family: Arial, sans-serif;
  font-size: 2rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0.5rem 1rem;
  border: 1px solid #9A9A9A;
  border-radius: 5px;
  font-size: 2rem;
  float: none;
}

/* Undo the theme's list styling (bullets and indentation, see scss/_base.scss) in the results list. */
.select2-container--default .select2-results__options {
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
}

.select2-container--default .select2-results__option {
  margin: 0 !important;
  padding: 0.6rem 2rem !important;
}

.select2-container--default .select2-results__option::before {
  content: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #2A6438;
  color: #FFFFFF;
}

/* Company VAT number: VIES message and the company fields locked while VIES data is used. */
#l16-company-vat-message {
  clear: both;
}

#l16-company-vat-message:not(:empty) {
  padding-top: 0.5rem;
  margin-bottom: 2rem;
}

.webform-submission-form input[name="company_name"][readonly],
.webform-submission-form input[name^="company_address["][readonly] {
  background-color: #F5F5F5;
  cursor: default;
}

/* Select2 selects locked by the billing changes handler: the value can't be changed, but is still submitted. */
select[data-l16-locked] + .select2-container {
  pointer-events: none;
}

select[data-l16-locked] + .select2-container--default .select2-selection--single {
  background-color: #F5F5F5;
}

/* Login form links (added by gin_login and l16_oda): space them out and put them below the floated submit button. */
.user-login-form .more-links,
.user-pass .more-links {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3rem;
  padding-top: 2rem;
}

/* iOS ipad renders the date value in its own inner element:
   it is centered and collapses when the field is empty.
   Give it the height of one text line and align it left,
   so date fields match the text fields.
*/
input[type="date"] {
  min-width: 0;
  line-height: 1.2;
  background-color: #fff;
}

input[type="date"]::-webkit-date-and-time-value {
  min-height: 1.2em;
  margin: 0;
  text-align: left;
}