/* collapseable card headers */

.card-header .fa {
    transition: .3s transform ease-in-out;
    margin-top: 3px;
}
.card-header  .collapsed {
    transform: rotate(90deg);
}
.roo-card-dropzone {
    border:  1px dashed $gray-500;
    width: 100%;
    margin-bottom: 10px;
    border-radius :$card-border-radius;

}
.roo-card-rotated {
    transform: rotate(90deg) translate(0px, -50px);
    transform-origin: top left;
    width:500px;
   
}