/* Off Canvas */
.row-offcanvas {
    position: relative;
}

@media screen and (min-width: 992px) {
    .row-offcanvas {
        left: calc(100%  / 12 * 2); /* offset by 2 columns */
    }
    .row-offcanvas .content {
        width: calc(100%  / 12 * 8); /* width 8 columns */
    }
    .row-offcanvas .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 15%;
        left: -15%;
        margin-left: 5px;
    }
}
.content {
    position: relative;
}
.btn-collapse {
    position: absolute;
    padding: 8px 12px;
    border-radius: 5px 5px 0 0;
    top: 20px;
    right: 0;
    margin-right: -24px;
    background: rgba(51, 122, 183, 0.09);
    transform: rotate(-90deg);
}