.drawer-toggles {
    .drawer-toggler {
        top: calc(#{$navbar-height} + #{$navbar-second-height} + 0.7rem);
    }
}
#page.drawers {
    margin-top: $navbar-height + $navbar-second-height;
}
#page.drawers.hascourseimage {
    .fresk-drawers-content {
        #topofscroll {
            padding: 1.5rem 1.5rem;
            @media screen and (max-width: 767px) {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}
@media (max-width: 991px) {
    #page.drawers {
        position: relative;
        transition: 0.2s;
        height: calc(100vh - #{$navbar-height} - #{$navbar-second-height} );
        left: 0;
        right: 0;
    }
    body.pagelayout-incourse,
    body.path-course {
        #page.drawers {
            &.hascourseimage{
                height: 100% !important;
            }
        }
    }
}
.page-item.active .page-link {
    background-color: $primary;
    border-color: $primary;
}
.page-link {
    color: $primary;
}
.badge-info {
    background-color: $primary;
}
#page-content {
    margin-top: $navbar-height;
}