/* custom bootstrap select */
.btn-bsselect {
	--bs-btn-border-width:1px;
	--bs-btn-color: #002A67;
	--bs-btn-bg: #fff;
	--bs-btn-border-color: #C4C4C4;
	--bs-btn-hover-color: #002A67;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #C4C4C4;
	/* --bs-btn-focus-shadow-rgb: 211,212,213; */
	--bs-btn-active-color: #002A67;
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: #002A67;
	/* --bs-btn-active-shadow: inset 0 3px 5px #00000020; */
	--bs-btn-disabled-color: #C4C4C4;
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: #C4C4C4;
	
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.42px;
	padding:11px 14px;
	/* font-style:italic; */
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline:none !important;}
.bootstrap-select .dropdown-menu {
	/* --bs-dropdown-padding-x: 0; */
	--bs-dropdown-padding-y: 0rem;
	/* --bs-dropdown-spacer: 0.125rem; */
	--bs-dropdown-font-size: 0.875rem;
	--bs-dropdown-color: #002447;
	/* --bs-dropdown-bg: var(--bs-body-bg); */
	--bs-dropdown-border-color: rgba(0, 0, 0, 0.10);
	--bs-dropdown-border-radius: 20px;
	/* --bs-dropdown-border-width: var(--bs-border-width); */
	--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
	/* --bs-dropdown-divider-bg: var(--bs-border-color-translucent); */
	/* --bs-dropdown-divider-margin-y: 0.5rem; */
	/* --bs-dropdown-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); */
	
	--bs-dropdown-link-color: #002447;
	--bs-dropdown-link-hover-color: #002447;
	--bs-dropdown-link-hover-bg: #E2F5F5;
	--bs-dropdown-link-active-color: #002447;
	--bs-dropdown-link-active-bg: #E2F5F5;
	/* --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); */
	
	--bs-dropdown-item-padding-x: 12px;
	--bs-dropdown-item-padding-y: 12px;
	/* --bs-dropdown-header-color: #6c757d; */
	/* --bs-dropdown-header-padding-x: 1rem; */
	/* --bs-dropdown-header-padding-y: 0.5rem; */
	
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
.bootstrap-select .dropdown-menu .dropdown-item {}
.bootstrap-select .dropdown-toggle::after {
	width: 16px; height: 12px;
	border:none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 12px;
}
.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 {
	padding:11px 14px; color: #7A7878; font-weight: 300;
}

.btn-bsselect.disabled {color:#002A67; background-color:#EBEBEB; border-color: #D9D9D9; opacity: 1;}


/* bootstrap select tooltip/floating label */
.bootstrap-select .btn-bsselect .title-tip {
	position: absolute;
	font-size: 14px; letter-spacing: 0.3px;
	color: transparent;
	transition: color .1s ease-in-out, transform .1s ease-in-out;
}
.bootstrap-select .btn-bsselect .title-tip::after {
	content: ""; position:absolute; inset:0px -3px; 
	z-index: -1; height: 1.5em; background-color: #fff;
}

/* .bootstrap-select .btn-bsselect.bs-placeholder.show {color:transparent;} */
/* .bootstrap-select .btn-bsselect.bs-placeholder.show .title-tip, */
.bootstrap-select .btn-bsselect:not(.bs-placeholder) .title-tip {
	font-size: 0.625rem;
	color: #002A67;
	transform: translateY(-20px) translateX(2px);
}