[data-toggle="collapse"][aria-expanded="false"] i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
}

.overlapCircle {
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    vertical-align: middle;
    float: right;
    color: white;
}