FHC-Core/public/css/components/searchbar/searchbar.css

/* 
    Created on : Jun 15, 2022, 3:21:25 PM
    Author     : bambi
*/

@import url(./switches.css);

:root{
	--searchbar-shadow: var(--fhc-shadow-40);
}

.searchbar_settings {
	position: absolute; 
    z-index: 9999; 
    background-color: var(--fhc-dark);
}

.searchbar_results {
    position: absolute; 
    z-index: 9998; 
    background-color: var(--fhc-background); 
    border: 1px solid var(--fhc-border);
    padding: .5rem;
    top: 100%;
    width: 100%;
    left: 0;
    right: 0;
	box-shadow: 2px 2px 4px var(--searchbar-shadow);
}

.searchbar_results a{
	color: var(--fhc-link);
}

.searchbar_results a:not(a~i) {
	color: inherit;
}

.searchbar_results_scroller {
    overflow-y: auto;
	overscroll-behavior: none;
}

.searchbar_result {
    border-bottom: 1px solid var(--fhc-border);
    margin-bottom: 1rem;
}

.searchbar_grid {
    display: grid;
    grid-template-columns: [icon] 100px [data] auto;
}

.searchbar_icon {
    grid-column-start: icon;
    grid-column-end: span 1;
    margin-right: .75em;
}

.searchbar_data {
    grid-column-start: data;
    grid-column-end: span 1;
}

.searchbar_actions {
    display: flex;
    padding: 0;
    margin-top: 1rem;
}

.searchbar_actions li {
    list-style: none;
    text-align: center;
    padding: 3px;
}

.searchbar_table {
    display: table;
}

.searchbar_tablerow {
    display: table-row;
}

.searchbar_tablecell {
    display: table-cell;
    min-width: 175px;
    padding: 0 6px;
}

.searchbar_settings_types {
    display: flex;
    padding: 0;
}

.searchbar_settings_types li {
    list-style: none;
    padding: 5px;
}

.searchbar_settings_types li label {
    padding: 3px;
}

.searchbar_inline_ul {
    margin: 0;
    padding: 0;
}

.searchbar_inline_ul li {
    list-style: none;
}

.non-selectable {
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
  }

.searchbar_inaktiv {
	opacity: .6;
}