.bootstrap-select>.dropdown-toggle {
    position: absolute;
    top: 20px;
    right: 0;
    background-color: white;
    width: 100%;
    text-align: right;
    border: none;
}
.form-floating>.form-select~label,
.form-floating>.form-select~label::after {
    background-color: rgba(255, 255, 255, 0);
}
.form-floating{
    margin: 10px 0;
}

/* Remove background and box shadow on focus and active states */
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle:focus:active {
    background-color: white !important;
    box-shadow: none !important;
    outline: none;
}

/* Prevent color changes on hover or active */
.bootstrap-select > .dropdown-toggle:hover {
    background-color: white !important;
    color: inherit !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    background-color: white;
    width: 100% !important;
}
.bootstrap-select.disabled, 
.bootstrap-select.disabled:focus,
.form-floating>.form-control:not(:placeholder-shown)[readonly] {
    border: none !important;
}

.bootstrap-select.disabled, 
.bootstrap-select.disabled:focus,
.form-floating>.form-control:not(:placeholder-shown)[readonly] {
    border: none !important;
}

/* dropdown colors */
.bootstrap-select .dropdown-toggle {
    background-color: #fff !important; 
    color: #212529 !important; 
    border-color: #ced4da !important;
}

.bootstrap-select .dropdown-menu {
    background-color: #fff;
    border: 1px solid #ced4da;
    max-height: 200px !important;
    min-height: 20px !important;
}

.bootstrap-select .dropdown-menu .inner{
    min-height: 20px !important;
}

/* selected option in dropdown */
.bootstrap-select .dropdown-menu .selected a {
    background-color: var(--lightgrey) !important;
    color: black;
}

/* Add a checkmark icon */
.bootstrap-select .dropdown-menu .selected a::after {
    content: '\2713'; /* Unicode character for checkmark */
    font-size: 12px; 
    margin-left: 5px; 
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    display: none;
}

/* Style for hovering over options */
.bootstrap-select .dropdown-menu li a:hover {
    background-color: var(--lightgrey) !important; 
    color: black;
}

.bootstrap-select .dropdown-menu li a {
    color: var(--darkgrey);
}

/* Remove blue focus border on the dropdown toggle button */
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:focus-visible,
.bootstrap-select > .dropdown-toggle:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu li a span.text {
    text-wrap: wrap;
}

/* the search select inputs */
.dropdown-item.active{
    background-color: var(--lightgrey);
}

.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label{
    font-weight: lighter;
}
.form-check label{
    color: var(--darkgrey);
    font-size: 14px;
}
.form-check-input:checked {
    background-color: var(--blue);
    border-color: var(--blue);
}

.form-floating>label{
    text-overflow: unset;
}