body {
    font-size: .875rem;
}

.sidebar {
    position  : fixed;
    top       : 0;
    bottom    : 0;
    left      : 0;
    z-index   : 100;
    padding   : 48px 0 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position   : relative;
    top        : 0;
    height     : calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x : hidden;
    overflow-y : auto;
}

.sidebar .nav-link {
    font-weight: 500;
    color      : #adb5bd;
}

.sidebar .nav-link.active {
    color: #fff;
}

.sidebar-heading {
    font-size     : .75rem;
    text-transform: uppercase;
}

.navbar-brand {
    padding-top     : .75rem;
    padding-bottom  : .75rem;
    font-size       : 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow      : inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top  : .25rem;
    right: 1rem;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border    : 1px solid rgba(0, 0, 0, 0.125);
}

.btn-primary {
    background-color: #0d6efd;
    border-color    : #0d6efd;
}

.btn-success {
    background-color: #198754;
    border-color    : #198754;
}

.btn-info {
    background-color: #0dcaf0;
    border-color    : #0dcaf0;
}

.btn-warning {
    background-color: #ffc107;
    border-color    : #ffc107;
}