body {
    overflow-y: scroll;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*Filters*/
.filter {
    display: inline-block;
    margin-bottom: 5px;
}

    .filter .btn-pill {
        border-radius: 50rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--theme-light);
        padding: 0.375rem 0.75rem;
        background-color: #fff;
    }

        .filter .btn-pill:hover {
            background-color: var(--theme-light);
            color: #fff;
        }

    .filter div.dropdown-menu {
        overflow: hidden;
        overflow-y: auto;
        max-height: 350px;
        /*max-height: calc(100vh/2);*/
        border-color: var(--theme-light);
        border-radius: 0;
    }

        .filter div.dropdown-menu ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: var(--theme-light);
        }

            .filter div.dropdown-menu ul:first-child {
                border-top: none;
            }

            .filter div.dropdown-menu ul:empty {
                border-top: none;
            }

            .filter div.dropdown-menu ul li {
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: var(--theme-light);
                color: var(--theme-dark);
            }

    .filter div.dropdown-menu ul li:last-child {
        border-bottom: none;
    }

    .filter .ischecked {
        background-color: var(--theme-tertiary);
        color: #fff;
    }

    .custom-checkbox {
        padding: 10px;
        display: flex;
        align-items: center;
    }

        .custom-checkbox:hover {
            background-color: var(--theme-secondary);
        }

.custom-checkbox .checked, .custom-checkbox .unchecked {
    font-size: 1.2rem;
    color: var(--theme-primary);
    margin-left: auto;
    padding-left: 10px;
    order: 2;
}

        .custom-checkbox input[type="checkbox"],
        .custom-checkbox input[type="radio"],
        .custom-checkbox .checked {
            display: none;
        }

            .custom-checkbox input[type="checkbox"]:checked ~ .checked,
            .custom-checkbox input[type="radio"]:checked ~ .checked {
                display: inline-block;
            }

            .custom-checkbox input[type="checkbox"]:checked ~ .unchecked,
            .custom-checkbox input[type="radio"]:checked ~ .unchecked {
                display: none;
            }

/*Buckets*/
.buckets::after {
    content: "";
    display: block;
    clear: both;
}
.buckets {
    display: flex;
    flex-wrap: wrap;
}
    .buckets ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: inline-flex;
        flex-wrap: wrap;
    }

    .buckets ul li {
        margin-right: 10px;
        margin-bottom: 5px;
    }

        .buckets ul:last-child {
            margin-left: auto;
            margin-right: 0;
        }

            .buckets ul:last-child li {
                margin-right: 0;
            }

    .bucket .btn-pill {
        border-radius: 50rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--theme-light);
        padding: 0.375rem 0.75rem;
        background-color: var(--theme-secondary);
        color: var(--theme-dark);
        display: flex;
        align-items: center;
    }

        .bucket .btn-pill:hover {
            border-color: #fff;
        }

        .bucket .btn-pill i {
            font-size: 1.1rem;
            padding-left: 10px;
        }

#clearFiltersButton {
    background-color: var(--theme-primary);
    color: #fff;
}