.teaser-filter {
    margin-bottom: 2rem
}

@media (min-width:1200px) {
    .teaser-filter {
        margin-bottom: 2.5rem
    }
}

.teaser-filter .select-wrapper {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #303c49;
    position: relative;
    display: block
}

.teaser-filter .select-wrapper:after {
    content: "\e938";
    position: absolute;
    left: 8px;
    top: 50%;
    pointer-events: none;
    font-family: man-icon;
    color: #303c49;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.teaser-filter .select-wrapper label {
    font-size: .75rem;
    margin-bottom: 0
}

.teaser-filter .select-wrapper select.form-control {
    cursor: pointer;
    padding: 0 .125rem 0 1.875rem
}

.teaser-filter .select-wrapper .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.25;
    padding: 0;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:768px) {
    .teaser-filter .select-wrapper .form-control {
        font-size: 1.125rem
    }
}

.teaser-filter .select-wrapper .form-control::-ms-expand {
    display: none
}

.teaser-filter .icon-reset {
    font-size: 1.25rem;
    color: #e40045
}

.teaser-filter .custom-checkbox,
.teaser-filter .custom-radio {
    padding-left: 2.1875rem;
    position: relative;
    display: block
}

.teaser-filter .custom-checkbox:hover,
.teaser-filter .custom-radio:hover {
    cursor: pointer
}

.teaser-filter .custom-checkbox .custom-control-label,
.teaser-filter .custom-radio .custom-control-label {
    margin-bottom: 0
}

.teaser-filter .custom-checkbox .custom-control-label:hover,
.teaser-filter .custom-radio .custom-control-label:hover {
    cursor: pointer
}

.teaser-filter .custom-checkbox .custom-control-label:before,
.teaser-filter .custom-radio .custom-control-label:before {
    content: "";
    border: 1px solid #343a40;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.teaser-filter .custom-checkbox .custom-control-label:after,
.teaser-filter .custom-radio .custom-control-label:after {
    position: absolute;
    display: block;
    opacity: 0;
    left: 0;
    top: 0
}

.teaser-filter .custom-checkbox [type=radio],
.teaser-filter .custom-checkbox input[type=checkbox],
.teaser-filter .custom-radio [type=radio],
.teaser-filter .custom-radio input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.teaser-filter .custom-checkbox [type=radio]:checked~.custom-control-label::after,
.teaser-filter .custom-checkbox input[type=checkbox]:checked~.custom-control-label::after,
.teaser-filter .custom-radio [type=radio]:checked~.custom-control-label::after,
.teaser-filter .custom-radio input[type=checkbox]:checked~.custom-control-label::after {
    opacity: 1
}

.teaser-filter .custom-checkbox [type=radio]:disabled~.custom-control-label,
.teaser-filter .custom-checkbox input[type=checkbox]:disabled~.custom-control-label,
.teaser-filter .custom-radio [type=radio]:disabled~.custom-control-label,
.teaser-filter .custom-radio input[type=checkbox]:disabled~.custom-control-label {
    color: #acb1b6
}

.teaser-filter .custom-checkbox [type=radio]:disabled~.custom-control-label:before,
.teaser-filter .custom-checkbox input[type=checkbox]:disabled~.custom-control-label:before,
.teaser-filter .custom-radio [type=radio]:disabled~.custom-control-label:before,
.teaser-filter .custom-radio input[type=checkbox]:disabled~.custom-control-label:before {
    border-color: #acb1b6
}

.teaser-filter .custom-checkbox [type=radio]:valid~.custom-control-label::before,
.teaser-filter .custom-checkbox input[type=checkbox]:valid~.custom-control-label::before,
.teaser-filter .custom-radio [type=radio]:valid~.custom-control-label::before,
.teaser-filter .custom-radio input[type=checkbox]:valid~.custom-control-label::before {
    background-color: transparent !important
}

.teaser-filter .custom-checkbox .custom-control-label:before {
    width: 1.5rem;
    height: 1.5rem
}

.teaser-filter .custom-checkbox .custom-control-label:after {
    content: "\e903";
    font-family: man-icon;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0 .125rem;
    width: 1.5rem;
    height: 1.5rem
}