// Default MUI breakpoints
// https://mui.com/material-ui/customization/breakpoints/#default-breakpoints
$mui-bp-sm: 600px;
$mui-bp-md: 900px;
$mui-bp-lg: 1200px;
$mui-bp-xl: 1536px;

// Fix main pages layout to work with drawer
.mainAnimatedPage {
    position: relative;
}

// Hide some items from the user "settings" page that are in the drawer
#myPreferencesMenuPage {
    .lnkQuickConnectPreferences,
    .adminSection,
    .userSection {
        display: none !important;
    }
}

// Fix the padding of some pages
.homePage.libraryPage, // Home page
.libraryPage:not(.withTabs) { // Tabless library pages
    padding-top: 3.25rem !important;
}

.libraryPage.withTabs {
    padding-top: 6.5rem !important;

    @media all and (min-width: $mui-bp-lg) {
        padding-top: 3.25rem !important;
    }
}