/* #filter {background: #111; color: #fff; margin-bottom: 30px; padding: 15px;} */

#filter div {width: 100%; /*border-top: 1px solid #222; border-bottom: 1px solid #000;*/}

/*#filter div:first-child {border-top: none;}*/
#filter div:last-child {border-bottom: none; margin-bottom: 30px;}

.group-filter {
    display: flex;
    flex-wrap: wrap;
}

.group-filter .filter {
    margin-right: 15px;
    margin-bottom: 30px;
}

.group-filter .filter h3 {
    margin-bottom: 15px;
}

.name-group {display: block; padding: 15px 0; margin-bottom: 10px; color: #7cc30b; position: relative; cursor: pointer;}

.name-group:before {content: "-"; position: absolute; right: 0; font-size: 16px; color: #fff;}

.name-group-close:before {content: "+" !important;}


#filter label {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
}

/* #filter label input {margin-right: 10px;} */

#filter label small {color: #777;}


#filter select {width: 100%;}

#filter input[type="checkbox"] {
    margin-right: 10px;
}

button.taguniq {
    display: none;
}

#filter button {
    background: #7cc30b;
    padding: 5px 10px;
    width: 100%;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 15px;
}

#filter button:hover {background: #9aef15;}

#filter .fa {color: #fff;}

#all {
    background: #777;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px;
    color: #fff;
}
#all:hover {background: #555 !important;}