@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/BwotyTypeahead.razor.rz.scp.css */
/* Style to mimic an input box for .typeahead-container */
.bwoty-typeahead-container[b-s7rcsge9l6] {
    position: relative;
    display: inline-block;
    overflow: visible; /* allow dropdown to overlay surrounding content */
    /* Bootstrap 5 default */
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    /* Add focus styles for .typeahead-container */
    .bwoty-typeahead-container:focus-within[b-s7rcsge9l6] {
        border-color: #f68b00;
        box-shadow: 0 0 0 0.2rem rgba(246, 139, 0, 0.25);
    }

    .bwoty-typeahead-container.view-state[b-s7rcsge9l6] {
        border: none;
    }

.bwoty-typeahead-selected-items[b-s7rcsge9l6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 4px;
}

.bwoty-typeahead-last-with-search[b-s7rcsge9l6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.bwoty-typeahead-result-item[b-s7rcsge9l6] {
    padding: 8px;
    cursor: pointer;
}

.bwoty-typeahead-result-item.selected[b-s7rcsge9l6] {
    background-color: #f68b00;
    color: #fff;
}

.bwoty-typeahead-badge-primary[b-s7rcsge9l6] {
    border: 1px solid #1a7431;
    color: #1a7431;
    background-color: #fff;
    border-radius: var(--bs-badge-border-radius);
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 1;
}

.bwoty-typeahead-btn-primary[b-s7rcsge9l6] {
    padding: 0 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--bs-gray-500);
    line-height: 1;
}

.bwoty-typeahead-results[b-s7rcsge9l6] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2000;
    background-color: var(--bs-body-bg);
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
    margin-top: 4px; /* small gap between input and dropdown when opening down */
}

/* When JS decides to open upward we add this class */
.bwoty-typeahead-results.open-up[b-s7rcsge9l6] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 4px; /* small gap between input and dropdown when opening up */
}

.col-flex-0[b-s7rcsge9l6] {
    flex: 0 0 auto;
    width: 0;
}

.bwoty-typeahead-input[b-s7rcsge9l6] {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 32px;
    min-width: 120px;
}

    /* Adjust focus styles for the input field */
    .bwoty-typeahead-input:focus[b-s7rcsge9l6] {
        border-color: transparent; /* Hide border on focus */
        box-shadow: none; /* Remove box shadow on focus */
    }

/* Style for the disabled view (gray box) */
.disabled-view[b-s7rcsge9l6] {
    background-color: var(--bs-tertiary-bg); /* Gray background */
    height: 32px; /* Match a typical input height */
}

/* Hide the magnifying glass by default */
.bwoty-typeahead-container .oi-magnifying-glass[b-s7rcsge9l6] {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none; /* Prevent interactions when hidden */
}

/* Show the magnifying glass when hovering the container */
.bwoty-typeahead-container:hover .oi-magnifying-glass[b-s7rcsge9l6] {
    opacity: 1;
    pointer-events: auto;
}

/* Optionally, add a transition to the input container */
.bwoty-typeahead-container .d-none[b-s7rcsge9l6] {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
/* /Components/Pagination.razor.rz.scp.css */
.custom-span[b-zo8om4yuxz] {
    border-width: 0px;
}