.highlight {
    background-color: yellow;
}

u {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

:root {
    --purple: #3E274B;
    --wine-red: #771646;
    --purple-dark: rgba(71, 44, 86, 1);
    --grey-text: #9D9D98;
    --grey-mid: rgba(0,0,0,0.15);
    --grey-dark: #46463D;
    --grey-darker: #3B3B3B;
    --beige: #D5D2B8;
    --beige-light-bg: linear-gradient(0deg, rgba(213, 210, 184, 0.2), rgba(213, 210, 184, 0.2)), #FFFFFF;
    --white: #FFF;
    --black: #46463D;
    --grey-light: #f7f6f1;
    --input-border-radius: 5px;
    --card-border-radius: 10px;
    --font-size-base: 1.0625rem;
    --font-size-xs: 0.625rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 1.75rem;
    --font-size-title: 2rem;
    --font-family-headings: Barlow, sans-serif;
    --font-family-text: Noto Serif, serif;
    --font-weight-reg: 400;
    --font-weight-bold: 500;
    --font-weight-bolder: 600;
    --margin-page-v: max(1rem, min(3.1875rem, 5vw));
    --margin-page-h: max(1rem, 5vw);
    --margin-section-v: max(2rem, min(5rem, 7vw));
    --margin-section-h: var(--margin-page-h);
    --padding-page-content-v: max(2rem, min(8rem, 10vw));
    --padding-page-content-h: 18vw;
}

.blazored-typeahead__input-icon {
    border-radius: 0px !important;
    background-color: white !important;
}

.blazored-typeahead__input {
    border-radius: 0px !important;
}

.blazored-typeahead {
    border-radius: 0px !important;
    border-color: rgba(236, 237, 238, 1) !important;
}

.blazored-typeahead__input-mask {
    background-color: white;
}

hr.hr-thick {
    background-color: rgba(157, 157, 152, 0.25);
    height: 5px !important;
}

hr.hr-thin {
    background-color: rgba(157, 157, 152, 0.25);
    height: 1px;
    margin: 1em 0 1em 0;
}

.grey-text {
    color: var(--grey-text);
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.wine-red {
    color: var(--wine-red);
}

/* Animations for search feedback */
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}

.blink-animation {
    animation: blink 0.2s ease-in-out 1;
}

/* Temporary loader styles */
.temporary-loader {
    transition: opacity 0.3s ease-in-out;
}

.temporary-loader .spinner-border {
    width: 2rem;
    height: 2rem;
    color: var(--purple);
    border-width: 0.25em;
}

.temporary-loader .loader-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bootstrap spinner fallback if not available */
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* CARDS */

.card-title-text {
    color: var(--purple-dark);
}

@media (min-width: 1024px) {
    .is-fullheight {
        height: 100%;
    }
}

.card {
    border-radius: 3px !important;
    border-left: 5px solid;
    box-shadow: none !important;
    border-left-color: rgba(var(--card-extended-info-color), 1);
}

@media (min-width: 1024px) {
    .overview-card {
        height: 450px;
    }

    .dataset-card {
        min-height: 50px;
    }
}

@media (max-width: 1023px) {
    .aggregation-part-cell {
        border-bottom: 1px solid rgba(var(--card-extended-info-color), 1);
        padding-bottom: 40px;
    }
}

.card-title {
    background-color: rgba(var(--card-color), 0.1);
    filter: brightness(80%);
    border-radius: 0;
}

.card.person {
    --card-color: 109, 113, 62;
    border-left-color: rgba(var(--card-color), 1);
    background-color: rgba(var(--card-color), 0.1);
}

.card.document {
    --card-color: 184, 142, 47;
    border-left-color: rgba(var(--card-color), 1);
    background-color: rgba(var(--card-color), 0.1);
}

.card.place, .card.ghetto, .card.concentrationcamp {
    --card-color: 91, 100, 128;
    border-left-color: rgba(var(--card-color), 1);
    background-color: rgba(var(--card-color), 0.1);
}

.card.extended-info, .card.dataset {
    --card-color: 110, 112, 114;
    border-left-color: rgba(var(--card-color), 1);
    background-color: rgba(var(--card-color), 0.1);
}

card.repository, .card.country, .card.other, .card.transport {
    --card-color: 164, 90, 118;
    border-left-color: rgba(var(--card-color), 1);
    background-color: rgba(var(--card-color), 0.1);
}