/**
* Mod_relation: Public relationlist wrapper
 */

/* relation icons */
.relationListWrapper__filterForm form > div.field.first label + .fieldinput:before {
    font-family: "EESPA-icons-2022";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none
}

.relationListWrapper__filterForm form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.relationListWrapper__filterForm form > div.field.first {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0
}

.relationListWrapper__filterForm form > div.field.first label + .fieldinput {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}

.relationListWrapper__filterForm form > div.field.first label + .fieldinput:before {
    content: "\e02f"
}

.relationListWrapper__filterForm form > div.field.first label + .fieldinput input#search {
    width: 100%;
    padding: var(--eespa-spacer);
    text-indent: var(--eespa-spacer-reg)
}

.relationListWrapper__filterForm form > div.field.first label + .fieldinput::before {
    position: absolute;
    left: 1rem
}

.relationListWrapper__filterForm form > div.field:not(.first):not(.submit) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    box-shadow: var(--eespa-shadow-subtle);
    margin: var(--eespa-spacer-md) 0 var(--eespa-spacer-lg);
    border: 1px solid var(--eespa-clr-brdr-light);
    padding: var(--eespa-spacer-reg)
}

.relationListWrapper__filterForm form > div.field.submit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 var(--eespa-spacer) 0
}

.relationListWrapper__filterForm form div.field.first + .field.submit {
    margin: 0 0 0 var(--eespa-spacer-reg)
}

@media (min-width: 36em) {
    .relationListWrapper__filterForm .fe-checkboxgroup {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .relationListWrapper__filterForm .fe-checkboxgroup li {
        margin-right: 1.5rem;
        -ms-flex: 0 0 calc((100% - 1.5rem * (3 - 1)) / 3);
        flex: 0 0 calc((100% - 1.5rem * (3 - 1)) / 3);
        max-width: calc((100% - 1.5rem * (3 - 1)) / 3)
    }

    .relationListWrapper__filterForm .fe-checkboxgroup li:nth-child(3n), .relationListWrapper__filterForm .fe-checkboxgroup li:last-child {
        margin-right: 0
    }
}