/* bootstrap-select style overrides ---------------- */
.bootstrap-select > .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select > .btn-light.dropdown-toggle {
    background-color: #ffffff;
}

div.bootstrap-select > .btn-light:hover {
    background-color: #ffffff;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
}

.bootstrap-select > div.dropdown-menu {
    width: 100%;
    min-width: initial !important;
}

.bootstrap-select > .dropdown-toggle:not(bs-placeholder) {
    color: #495057;
    border: 1px solid #ced4da;
}

.bootstrap-select > .dropdown-toggle:not(bs-placeholder).disabled {
    background-color: #e9ecef;
    color: #000000;
    opacity: 1;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #6c757d !important;
}

.bs-actionsbox .actions-btn {
    color: var(--theme-font-color);
    background-color: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

/* New Chrome black focus border override in v83 see https://support.google.com/chrome/thread/48974735?hl=en */
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0.2rem auto transparent !important;
    box-shadow: 0 0 0 0.35rem rgba(128, 189, 255, .8) !important;
    -webkit-box-shadow: 0 0 0 0.35rem rgba(128, 189, 255, .8) !important;
}

/* dropdown subtext */
a.dropdown-item.active.selected .text-muted {
    color: #ffffff !important;
}

.bootstrap-select .dropdown-header {
    color: #000000;
    text-transform: uppercase;
}

/* Style rules based on bootstrap .form-select class */
.linc-selectpicker {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.linc-selectpicker[data-style-base*="form-control-sm"] {
	height: 31px !important;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
}

/* Form validation */
.was-validated .bootstrap-select > select:invalid ~ .invalid-tooltip,
.was-validated .bootstrap-select > select.linc-selectpicker.error ~ .invalid-tooltip {
    display: block;
}

.was-validated .bootstrap-select > select:invalid ~ .dropdown-toggle:not(bs-placeholder),
.was-validated .bootstrap-select > select.linc-selectpicker.error ~ .dropdown-toggle:not(bs-placeholder) {
    border: 1px solid #dc3545;
}
/* Form validation - END */

#recipient-select ~ .dropdown-menu li.active a,
#recipient-select ~ .dropdown-menu li.active button,
#recipient-select ~ .dropdown-menu li.active .text-muted {
	color: var(--theme-font-color) !important;
}

/* bootstrap 5 overrides */
.bootstrap-select button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

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

	.bootstrap-select button.close:not(:disabled):not(.disabled):focus,
	.bootstrap-select button.close:not(:disabled):not(.disabled):hover {
		opacity: .75;
	}

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