/* Gin login pages: same styling as in custom.css.
   Sizes are in px because Gin uses a 16px root font size instead of the
   frontend's 62.5% (10px), so rem values from custom.css would be too large. */
.gin-login .select2-container--default {
  width: 100% !important;
  font-family: Arial, sans-serif;
}

.gin-login .select2-container--default .select2-selection--single {
  height: auto;
  padding: 10.5px 10% 10.5px 20px;
  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) {
  .gin-login .select2-container--default .select2-selection--single {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

.gin-login .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
}

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

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

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

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

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

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

.gin-login .select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 5px 10px;
  border: 1px solid #9A9A9A;
  border-radius: 5px;
  font-size: 20px;
}

.gin-login .select2-container--default .select2-results__options {
  margin: 0;
  padding: 0;
  overflow-y: auto;
}

.gin-login .select2-container--default .select2-results__option {
  margin: 0;
  padding: 6px 20px;
}

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

.gin-login .webform-element-description {
  font-style: italic;
  font-size: 14px;
}