:root {
    --primary-blue: #A0E9FF;
    --secondary-blue: #79DAE8;
    --pale-blue: #E6F7FF;
    --dark-blue: #5FC9D6;
    --soft-blue: #B3E5FC;
    --soft-back-blue: #d9f3ff;
    --soft-dark-blue: #abe5ff;
    --backNB: #bbe9ff;
    --borderHoverColors: #5FC9D6;
    --BackHover: #5fc9d6;
}
.customDarkBack {
    background-color: var(--soft-back-blue) !important;
}

.customDarkborder {
    border-color: var(--dark-blue) !important;
}
.customDarkBackSecond {
    background-color: var(--dark-blue) !important;
    background: var(--dark-blue) !important;
}
.stylish-button, .checkable span {
    color: black !important;
}
.checkable span {
    text-align: center !important;
}
.search-button svg {
    fill: black !important;
}
.checkable input:checked + span::after {
    color:black !important;
}
.info-bar {
    color: black !important;
}
.filterCheckBox {
    background: var(--dark-blue) !important;
}
.darkLoading {
    border-top-color: var(--dark-blue) !important;
}