/* start special solution for vertical distance between expander sisters */

.dnnEditState .DnnModule-LotesFrequentExpander,
.dnnEditState .DnnModule-LotesFrequentExpander + div:not(.DnnModule-LotesFrequentExpander) {
    padding-top: 0;
}

.DnnModule-LotesFrequentExpander {
    padding-top: 15px;
    padding-bottom: 5px;
}

.DnnModule-LotesFrequentExpander + .DnnModule-LotesFrequentExpander {
    padding-top: 5px;
    padding-bottom: 5px;
}

.DnnModule-LotesFrequentExpander + div:not(.DnnModule-LotesFrequentExpander) {
    padding-top: 10px;
}
/* end special solution for vertical distance*/

.l-fs-module__expander {
    position: relative;
}

.lotes-frequent-expander {
    border: 2px solid #46535b;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.lotes-frequent-expander .lotes-frequent-expander__title {
    position: relative;
    padding: 17px 45px 13px 20px;
    color: #46535b;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.lotes-frequent-expander .lotes-frequent-expander__title .expander-arrow-down {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    text-align: center;
    -webkit-transition: transform 0.2s, font-size 0.2s;
    transition: transform 0.2s, font-size 0.2s;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.lotes-frequent-expander .lotes-frequent-expander__title .expander-arrow-down:before {
    content: "\2BC5";
}

.lotes-frequent-expander .lotes-frequent-expander__content {
    display: none; /* is hidden on load and displayed after click */
    padding: 0 20px;
}

.lotes-frequent-expander.lotes-frequent-expander--open .lotes-frequent-expander__title .expander-arrow-down {
    top: 18px;
    font-weight: bold;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.lotes-frequent-expander.lotes-frequent-expander--open .lotes-frequent-expander__content {
    display: block;
}


/* hint for edit mode only */
.lotes-frequent-expander__editing-hint {
    display: none;
    position: absolute;
    top: -22px;
    pointer-events: none;
    color: #818a8f;
    font-size: 16px;
    text-align: right;
    font-family: Helvetica, Verdana, sans-serif;
}

.active-pane .lotes-frequent-expander__editing-hint {
    display: block;
}


/* MD */
@media (min-width: 520px) {

    /* start special solution for vertical distance between expander sisters */
    .DnnModule-LotesFrequentExpander {
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .DnnModule-LotesFrequentExpander + div:not(.DnnModule-LotesFrequentExpander) {
        padding-top: 15px;
    }
    /* end special solution for vertical distance*/

    .lotes-frequent-expander .lotes-frequent-expander__title {
        padding-right: 55px;
        padding-left: 30px;
    }

    .lotes-frequent-expander .lotes-frequent-expander__title .expander-arrow-down {
        right: 30px;
    }

    .lotes-frequent-expander .lotes-frequent-expander__content {
        padding: 10px 30px;
    }
}


/* LG */
@media (min-width: 1024px) {

    /* start special solution for vertical distance between expander sisters */
    .DnnModule-LotesFrequentExpander {
        padding-top: 30px;
        padding-bottom: 5px;
    }

    .DnnModule-LotesFrequentExpander + div:not(.DnnModule-LotesFrequentExpander) {
        padding-top: 25px;
    }
    /* end special solution for vertical distance*/

    .lotes-frequent-expander .lotes-frequent-expander__title {
        padding-top: 16px;
        padding-bottom: 12px;
    }
}


/* XL */
@media (min-width: 3840px) {
    /* start special solution for vertical distance between expander sisters */
    .DnnModule-LotesFrequentExpander {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .DnnModule-LotesFrequentExpander + .DnnModule-LotesFrequentExpander {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .DnnModule-LotesFrequentExpander + div:not(.DnnModule-LotesFrequentExpander) {
        padding-top: 30px;
    }
    /* end special solution for vertical distance*/

    .lotes-frequent-expander .lotes-frequent-expander__title {
        padding: 29px 80px 24px 46px;
    }

    .lotes-frequent-expander .lotes-frequent-expander__title .expander-arrow-down,
    .lotes-frequent-expander.lotes-frequent-expander--open .lotes-frequent-expander__title .expander-arrow-down {
        top: 33px;
        right: 46px;
    }

    .lotes-frequent-expander .lotes-frequent-expander__content {
        padding: 20px 46px;
    }
}