@import 'banner.css';
@import 'breadcrumb.css';
@import 'button.css';
@import 'dropdown.css';
@import 'footer.css';
@import 'navbar/main.css';
@import 'other.css';
@import 'pagination.css';
@import 'section/tag/main.css';
@import 'section/theme/main.css';

* {
    box-sizing: border-box;
    font-size: 16px;
}

*[class*='col-'] {
    padding: 0;
}

html, body {
    height: 100%;
    background: #F5F7F9;
    position: relative;
    overflow: hidden;
}

.app-container {
    width: 100%;
    overflow-y: auto;
    scrollbar-gutter: stable both-edges;
    position: fixed;
    top: 120px;
    bottom: 0;
    z-index: 1;
}

@media (max-width: 1440px),
    (max-width: 1024px),
    (max-width: 960px),
    (max-width: 480px) {
    html, body {
        height: 100%;
    }

    .app-container {
        top: 72px;
    }
}