.input-group-text.is-valid {
    border-color: #198754;
    background-color: #dfffdd;
    color: #198754;
}

.input-group-text.is-invalid {
    border-color: #dc3545;
    background-color: #ffdddd;
    color: #dc3545;
}

select {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", 'Font Awesome 6 Free'
}

:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

.scrollable-dropdown {
    overflow: hidden;
    overflow-y: auto;
    max-height: 800px;
}

.dropdown-item.btn-outline-success, .dropdown-item.btn-outline-danger, .dropdown-item.btn-outline-warning, .dropdown-item.btn-outline-primary, .dropdown-item.btn-outline-info {
    color: var(--bs-btn-active-bg);
}

.dropdown-item.btn-outline-success.active, .dropdown-item.btn-outline-danger.active, .dropdown-item.btn-outline-warning.active, .dropdown-item.btn-outline-primary.active, .dropdown-item.btn-outline-info.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
}

.dropdown-item.btn-outline-success:hover, .dropdown-item.btn-outline-danger:hover, .dropdown-item.btn-outline-warning:hover, .dropdown-item.btn-outline-primary:hover, .dropdown-item.btn-outline-info:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}