﻿div.expando-container, fieldset.expando-container {
    margin-bottom: 8px;
}

    div.expando-container:last-of-type {
        margin-bottom: 0px;
    }

    div.expando-container > div.expando-control {
        border: none;
    }

    div.expando-container > div.expando-control, fieldset.expando-container > legend {
        padding: 10px;
        background-color: #F6F6F6;
        cursor: pointer;
        user-select: none;
        position: relative;
    }

        div.expando-container > div.expando-control > span > div.courseCriterion:last-of-type {
            cursor: default;
        }

    div.expando-container > div.expando-content div.expando-container > div.expando-control,
    div.expando-container > div.expando-content div.expando-container > div.expando-content {
        padding: 0px 10px;
    }

    div.results div.expando-container > div.expando-control > span, fieldset.expando-container > legend {
        display: block;
    }

    div.expando-container > div.expando-control > span, fieldset.expando-container > legend {
        display: inline-block;
        font-weight: 700;
    }

div.filters div.expando-container > div.expando-control > span {
    width: 247px;
}

div.expando-container > div.expando-content, fieldset.expando-container > div.expando-content {
    display: none;
    background-color: #F6F6F6;
    padding: 10px;
}

    div.expando-container > div.expando-content.show {
        display: block;
    }

    div.expando-container > div.expando-content > ul > li > div.courseCriterion {
        display: inline;
    }

div.icon-container {
    border-radius: 3px;
    width: 26px;
    height: 26px;
    text-align: center;
    display: inline-block;
}

    div.icon-container.wee-square {
        background-color: #D8D8D8;
        border-radius: 3px;
    }

    div.icon-container.wee-circle {
        color: #1F1F1F;
        background-color: unset;
    }

    div.icon-container > i.fas {
        color: var(--dark-grey);
        font-size: var(--text-regular-2);
        text-align: center;
        position: relative;
        top: 1.75px;
    }

div.expando-closer {
    display: none;
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: 1px solid var(--green);
    text-align: center;
    cursor: pointer;
    /*background-color: var(--extra-light-grey) !important;*/
    border-bottom: 1px solid var(--green);
    z-index: 2;
}


    div.expando-closer i {
        color: var(--dark-green);
        margin-right: 5px;
    }

div.expando-content[style*="block"] ~ div.expando-closer {
    display: block;
}
