﻿.AdminCollapsibleHeader {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .AdminCollapsibleHeader > h4 > a {
        display: block;
    }

.separatorDiv {
    display: flex;
    align-items: center;
    text-align: center;
    color: #696969; /*dimgrey*/
}

    .separatorDiv::before, .separatorDiv::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #696969; /*dimgrey*/
    }

    .separatorDiv::before {
        margin-right: .25em;
    }

    .separatorDiv::after {
        margin-left: .25em;
    }

    .separatorDiv:hover {
        cursor: pointer;
    }

    .separatorDiv .separatorDivIcon {
        padding-left: .25em;
    }

    .separatorDiv[aria-expanded="false"] .separatorDivIcon {
        transition: .3s transform ease-in-out;
        padding-left: .25em;
    }

    .separatorDiv[aria-expanded="true"] .separatorDivIcon {
        transition: .3s transform ease-in-out;
        transform: rotate(180deg);
        padding-right: .25em;
    }

.card-header[aria-expanded="true"] > .card-title > span > .AdminContentExpandIndicator {
    display: none;
}

.card-header[aria-expanded="false"] > .card-title > span > .AdminContentHideIndicator {
    display: none;
}