/* Insert your unhcr webform custom SASS styling. */
.form-item-checkbox .webform-element-description {
  margin-left: -1.25rem;
  color: #666;
}

.webform-element-description {
  margin-top: 6px;
  color: #666;
}

.form-item-date .form-date {
  color: #666;
}

.webform-submission-form details > summary {
  padding-left: 0.875rem;
  list-style: none;
}
.webform-submission-form details > summary::-webkit-details-marker {
  display: none;
}
.webform-submission-form details > .details-wrapper {
  padding: 0.5rem 0.875rem;
}
.webform-submission-form .form-group {
  margin-bottom: 2rem;
}
.webform-submission-form ::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23338ec9\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>");
}
.webform-submission-form .form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../../images/icons/down-arrow-black.svg") no-repeat;
  background-position: center right 10px;
  -webkit-background-size: 0.75rem 0.75rem;
  background-size: 0.75rem;
}