pane .pane-header {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}

    pane .pane-header .icon-minus-content::after {
        content: "\f068";
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        font-family: FontAwesome;
    }

    pane .pane-header .icon-plus-content::after {
        content: "\f067";
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        font-family: FontAwesome;
    }

    pane .pane-header .icon {
        display: inline;
        vertical-align: middle;
        float: right;
        -webkit-transition: .5s all ease-out;
        transition: .2s all ease-out;
        position: absolute;
        right: 20px;
    }

.showicon {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hideicon {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.pane-content {
    height: auto;
    overflow: hidden;
    max-height: 10em;
    margin-bottom: 10px;
    margin-top: -20px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition:  all 0.25s linear;
    transform-origin: top;

}

pane .collapsed {
    max-height: 0;
}
pane  .open {
    transform: scaleY(1);
    opacity: 1;
    max-height: 1200px;
}

pane .closed {
    transform: scaleY(0);
    opacity: 0;
    max-height: 0;
}

.accordion-bar-padding{
    padding: 10px;
}

.accordion-bar-color{
    background-color: #2980b9;
}

.accordion-text-color{
    color: #fff;
}