.bit-tfl {
    width: 100%;
}

.bit-tfl-inp {
    
    font-family: var(--font-family);
}

.bit-tfl-inp,
.bit-drp-wrp,
.bit-dtp-wrp {
    border: 1px solid var(--input-border-color);
    background-color: var(--input-background-color);
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
    /*padding: .25rem .5rem;*/
}

.bit-tfl-fgp {
    border: 1px solid var(--input-border-color);
}

.bit-tfl-inp:hover,
.bit-drp-wrp:hover {
    border: 1px solid var(--input-hover-border-color);
    background-color: var(--input-background-color);
}

.bit-tfl-inp:focus,
.bit-drp-wrp:focus {
    background-color: var(--input-background-color);
    border: 1px solid var(--input-focus-border-color);
    box-shadow: var(--input-focus-box-shadow);
}

/* DropDownList */
.bit-drp {
    font-family: var(--font-family);
}

.bit-drp-lbl {
    font-weight: 500;
}

.bit-drp-cal {
    background-color: var(--input-background-color);
}

.bit-drp-itm:hover {
    color: #ffffffde;
    background: rgba(255,255,255,.03);
}

.bit-drp-sel,
.bit-drp-sel:hover {
    color: #ffffffde;
    background: rgba(100,181,246,.16);
}

.bit-drp-scn {
    max-height: 200px !important;
    padding: .5rem 0;
}

.bit-drp-itm,
.bit-drp-mcn {
    justify-content: flex-start; /* To get around Mud Blazor, until Mud Blazor is removed */
    padding: .5rem 1rem;
}

.bit-drp-sch .bit-drp-tcn {
    padding: 0;
}

.bit-drp-pre, .bit-drp-suf {
    background: rgb(57, 79, 94);
}

.bit-pvt-cct {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}