body {
    padding-top: 70px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }

    .page-dashboard .container {
        max-width: 100%; /* Overrides the default max-width for the dashboard page */
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }

    .top-auth-menu {
        margin-left: auto;
    }

    .page-dashboard .container {
        max-width: 100%; /* Overrides the default max-width for the dashboard page */
    }
}

.hidden {
    display: none !important;
}

.skeleton {
    height: 250px;
    border-radius: 6px;
    background: linear-gradient(90deg, #eee, #ddd, #eee);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: -200px 0;
    }

    100% {
        background-position: 200px 0;
    }
}