/* quick workaround for old close button (copied from bs4) to let it work in bs5
since selectpicker5 (v1.14.0-beta3) is still in beta for bs5 support */

.bootstrap-select .close {
  float: right;
  font-size: 1.21875rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.bootstrap-select .close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

.bootstrap-select button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}


.bootstrap-select div.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}