.filter_button {
    font-size: 13px !important;
    transition-duration: 0.4s;
    padding: 8px;
    border-radius: 3px;
    margin-right: 8px;
    color: white !important;
    background: rgba(0,0,0,0.1);
    margin-top: 5px;
}

.disabled_page {
    color: gray;
    user-select: none !important;
    cursor: default !important;
}

.filter_button_selected {
    font-size: 13px !important;
    transition-duration: 0.4s;
    padding: 8px;
    border-radius: 3px;
    margin-right: 8px;
    color: white !important;
    background-color: #008080 !important;
    margin-top: 5px;
}

.filter_button:hover {
    background-color: #0C4859 !important;
    color: white;
}




.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.column1 {
    flex: 20%;
}
.column2 {
    flex: 80%;
}

@media (max-width: 48em) {
    .column1 {
        flex: 100%;
    }
    .column2 {
        flex: 100%;
    }
}