.filter-item * {
    border: none;
}

.clear-field {
    color: #e64942;
    cursor: pointer;
}

.filter-button-arrow {
    vertical-align: text-bottom;
}

@media (max-width: 700px) {
    .filter-item span {
        width: auto;
        font-size: 0.7rem;
        padding: 0;
        padding-bottom: 0.1rem;
    }
    .filter-item select {
        font-size: 0.7rem;
    }
    .text-for-filter-item {
        font-size: 0.7rem;
        align-self: center;

    }
    .clear-field {
        font-size: 1.8rem !important;
    }
}
@media (min-width: 700px) {
    .filter-item span {
        width: auto;
        font-size: 0.8rem;
        padding: 0;
        padding-bottom: 0.15rem;
    }
    .filter-item select {
        font-size: 0.8rem;
    }
    .text-for-filter-item {
        align-self: center;
        font-size: 0.8rem;
        font-weight: bold;
    }
    .clear-field {
        font-size: 1.8rem !important;
    }
}

@media (min-width: 1000px) {
    .filter-item span {
        width: auto;
        font-size: 0.9rem;
        padding: 0;
        padding-bottom: 0.2rem;
    }
    .filter-item select {
        font-size: 0.9rem;
    }
    .text-for-filter-item {
        font-size: 0.9rem;
        align-self: center;
    }
    .clear-field {
        font-size: 1.5rem !important;
    }
}
@media (min-width: 1500px) {
    .clear-field {
        font-size: 1.3rem !important;
    }
}

.filter-item select {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
}

.filter-item {
    border-bottom: 1px gray solid;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0.8rem 0;
    width: 100%;
    height: fit-content;
}
.buttons-box {
    text-align: center;
    margin: 2rem 0;
}
.full-width {
    width: 100%;
}
.ui-button {
    background: transparent;
}
.ui-selectmenu-button.ui-button {
    width: 100%;
}
.ui-button .ui-icon {
    background-image: url(/img/filter/arrow.png);
}
.ui-icon-triangle-1-s {
    background-position: 0 0;
}
.checkbox-item {
    width: fit-content;
    align-self: center;
}
.checkbox-item-label {
    width: fit-content;
}
select:focus {
    border-left-color: #e64942;
    border-left-width: 3px;
    border-left-style: solid;
}
.focusable:focus {
    border-left-color: #e64942;
    border-left-width: 3px;
    border-left-style: solid;
}
.checkbox, .checkbox-item {
    align-self: center;
}

.filter-status {
    text-align: left;
    color: black;
}

.filter-status b {
    font-weight: bold;
}

.filter-status * {
    text-align: left;
    color: black;
    font-weight: normal;
}