.custom-select-wrapper {
  display: inline-block;
  position: relative;
  width: 11em;
  height: 2em;
  vertical-align: middle;
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
.custom-select-wrapper:not(.ignore) select {
  display: none;
}
.custom-select-wrapper .select-selected {
  border: 1px solid #dfdfdf;
}
.custom-select-wrapper .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #d6d6d6 transparent transparent transparent;
}
.custom-select-wrapper .select-selected.select-arrow-active:after {
  border-color: transparent transparent #d6d6d6 transparent;
  top: 7px;
}
.custom-select-wrapper .select-items div,
.custom-select-wrapper .select-selected {
  cursor: pointer;
  padding-left: 1em !important;
  border-radius: 0;
  /* border: 1px solid #dfdfdf; */
  background: #fff;
  text-align: left;
  font-size: .7em;
  font-weight: 300;
  text-overflow: ellipsis;
  height: 100%;
  line-height: 2.8em;
}
.custom-select-wrapper .select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #d6d6d6;
  border-top: none;
  overflow-y: auto;
  max-height: 30vh;
  background: #fff;
}
.custom-select-wrapper .select-items div.disabled {
  display: none;
}
.custom-select-wrapper .select-hide {
  display: none;
}
.custom-select-wrapper .select-items div:hover {
  text-decoration: underline;
}
.custom-select-wrapper.invert-select-items .select-items {
  top: unset;
  bottom: 100%;
  border-top: 1px solid #d6d6d6;
}
/* UPDATE 10/8/24: adding mobile RWD rules, but isolating for now */
@media screen and (max-width: 767px) {
  .custom-select-wrapper .select-items div {
    font-size: 1em;
  }
}