/**
 * Global bootstrap-select chevron fix.
 * Bootstrap 4's `.dropdown-toggle::after` conflicts with bootstrap-select and
 * renders as a broken diagonal tick. Use a consistent SVG chevron instead.
 */

.bootstrap-select > .dropdown-toggle {
  position: relative;
}

.bootstrap-select > .dropdown-toggle:after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  margin: 0 !important;
}

.bootstrap-select .dropdown-toggle .caret {
  display: none !important;
}

.bootstrap-select .dropdown-toggle .bs-caret {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 100%;
  margin: 0;
  pointer-events: none;
  overflow: visible;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234D4D4D' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center center;
  background-size: 10px 6px;
}

.bootstrap-select > .dropdown-toggle.btn-primary .bs-caret,
.bootstrap-select > .dropdown-toggle.btn-success .bs-caret,
.bootstrap-select > .dropdown-toggle.btn-info .bs-caret,
.bootstrap-select > .dropdown-toggle.btn-danger .bs-caret,
.bootstrap-select > .dropdown-toggle.btn-dark .bs-caret,
.bootstrap-select > .dropdown-toggle.btn-warning .bs-caret {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bootstrap-select.dropup .dropdown-toggle .bs-caret {
  transform: rotate(180deg);
}

[dir="rtl"] .bootstrap-select .dropdown-toggle .bs-caret {
  right: auto;
  left: 0;
}

/* Compact selects in tables/toolbars */
.bootstrap-select.btn-group-xs .dropdown-toggle .bs-caret,
.bootstrap-select.input-group-btn .dropdown-toggle .bs-caret {
  width: 30px;
}

.bootstrap-select > .dropdown-toggle {
  padding-right: 36px !important;
}

.bootstrap-select.btn-group-xs > .dropdown-toggle {
  padding-right: 30px !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}