/*accordion page*/

.accordion-group {
    border-top: 2px solid #eeeeee;
    overflow: hidden;
}

.accordion-group .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

    .accordion-group:last-child {
        border-bottom: 2px solid #eee;
    }

.accordion-toggle {
    width: 100%;
    color: #3d3d3d;
    margin-top: 0.6rem;
    margin-bottom: 0.5rem;
    transition: all 200ms;
}

    .accordion-toggle:hover {
        color: #008cba;
    }

.accordion-heading {
    display: flex;
    align-items: center;
}

.accordion-head-text {
    font-size: 15px;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.4;
    margin: 10.5px 0;
}

    /* nested accordion styling */

    .accordion-inner > .accordion-group:first-child {
        border-top: 2px solid #eeeeee !important;
        /*margin-top: -1rem;*/
    }


    .accordion-inner .accordion-heading {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .accordion-inner > .accordion-group {
        background-color: #f8f8f8;
    }

    .accordion-inner .accordion-body {
        background-color: #fff;
    }

    .accordion-inner .accordion-inner {
        border-top: 2px solid #eeeeee !important; /* looks better to have inner borders on nested accordions */
    }

        .accordion-inner .accordion-inner > :not(.accordion-group) {
            padding-left: 2rem;
            padding-right: 2rem;
        }

    .accordion-inner .accordion-group {
        border-bottom: 0 !important;
    }

.accordion-body {
    height: 0;
    transition: height 300ms;
}

.accordion-inner > *:not(.accordion-group) {
    padding: 10px 0;
}