:root {
    --vh: 1vh;
    --base-footer-bg: #272626;
}

.content-wrapper {
    padding-top: 80px;
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
}

.base-layout .content-wrapper {
    padding-bottom: 40px !important;
}

#main-content {
    flex: 1;
    position: relative;
    overflow-y: auto;
}

.profile-main {
    z-index: 1089;
}

@media (max-width: 767.98px) {
    .base-layout .content-wrapper {
        padding-bottom: 100px !important;
    }
}