/* ------------------------------------------------------------------------------------- */
/* Flexdatalist custom style for properties text */
/* ------------------------------------------------------------------------------------- */

.flexdatalist-results span:not(:first-child):not(.highlight) {
    padding-left: 10px;
    display: inline-block;
    font-size: 90%;
    color: rgba(0, 0, 0, 0.90);
}
.flexdatalist-results li.active span:not(:first-child):not(.highlight) {
    color: rgba(255, 255, 255, 0.70);
}
.flexdatalist-results li span.highlight {
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    background: #feff7f;
}

.flex_search-flexdatalist {
    min-width: 50px;
    width: 50vw;
    max-width: 100vw;
}

.flex_search-flexdatalist input:placeholder-shown {
    background-color: white;
}
.flex_search-flexdatalist input::placeholder {
    color: gray;
    font-weight: normal;
    font-style: italic;
}

.btn-group {
    display: flex;
    width: 100%;
}

.flexdatalist {
    flex-grow: 1;
    min-width: 50px;
}

.btn {
    white-space: nowrap; /* Ensures the button width fits its text */
    flex: 0 0 auto; /* Prevents button from growing */
}

.table td {
    padding: 0.75rem 0!important;
}

.font-inherit {
    font-size: inherit!important;
}

.class-1 {
    font-weight: bold;
    background-color: #EFC22F;
    color: black;
    padding: 5px 10px;
    border-radius: 3px;
}

.class-2 {
    font-weight: bold;
    background-color: #ED9224;
    color: black;
    padding: 5px 10px;
    border-radius: 3px;
}

.class-3 {
    font-weight: bold;
    background-color: #E75D1D;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

.class-4 {
    font-weight: bold;
    background-color: #BD3F37;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

.class-5 {
    font-weight: bold;
    background-color: #7F3836;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}