/* path: 8/css/filterPanel.css */

#filterPanel #visSection div.w3-button {
    background-color: #c4ccc7;
    color: #fff;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.18);
    border: 1px solid #3e413f;
}
#filterPanel #visSection div.w3-button:hover {
    color: #39ee75;
    background-color: #b0b3b0;
}
#filterPanel #visSection div.w3-button.active {
    background-color: #27ae60;
    color: #fff;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.18);
    border: 1px solid #219150;
}

.kategori-btn {
    padding: 2px 6px;
    line-height: 1.2;
    font-size: 11px;
    cursor: pointer;
    margin: 2px 4px;
    border: 1px solid #3e413f;
    border-radius: 3px;
    background-color: #e0e0e0;
    color: #333;
    display: inline-block;
}

.kategori-btn:hover {
    background-color: #b0b3b0;
    color: #fff;
}

.kategori-btn.selected {
    background-color: #27ae60;
    color: #fff;
    border-color: #219150;
}
.kategori-bortvalgt {
    background-color: #e0e0e0;
    color: #000;
    border: 1px solid #d32f2f;
    opacity: 0.3
}
.kategori-bortvalgt:hover {
    background-color: #e0e0e0;
    color: #538864;
    opacity: 1;
}