.expander-card {
    box-shadow: 0px 0px 5px 1px #ccc;
    border-radius: 4px;
    margin-bottom: 1em;
    word-break: break-word;
    font-size: 14px;
}

    .expander-card .expander-border-bottom {
        border-bottom: 1px solid #d1d1d1;
        margin-top: 2px;
    }

    .expander-card .expander-header-gray {
        background-color: #f8f8f8;
    }

    .expander-card .expander-overflow {
        overflow-y: auto;
    }


.expander-handler {
    cursor: pointer;
    padding: 20px;
    display: flex;
    align-items: center;
}


    .expander-handler .expander-title {
        display: flex;
        align-items: center;
    }


        .expander-handler .expander-title > i {
            font-size: 16px;
        }

        .expander-handler .expander-title > label,
        .expander-handler .expander-title > span {
            margin: auto auto 0 10px;
        }

            .expander-handler .expander-title > span.badge {
                margin-left: 2px;
            }

    .expander-handler .expander-icons {
        margin-left: auto;
    }

        .expander-handler .expander-icons .btn-expander {
            cursor: pointer;
            font-size: 1.2em;
            color: #aaa;
            -moz-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

            .expander-handler .expander-icons .btn-expander.down {
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

.expander-container {
    cursor: text;
    font-size: 13px;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    margin: 0 25px 0 25px;
}


    .expander-container.open {
        height: auto;
    }

.expander-static {
    cursor: default !important;
}