/* =========================================================
   LIFTRIX Base
   Reset / Body Background / Safe Overlay / Base Layer
========================================================= */

*{
  box-sizing:border-box;
}

html,
body{
  height:100%;
  min-height:100%;
}

html{
  background:var(--bg-0);
}

body{
  margin:0;
  position:relative;
  overflow-x:hidden;

  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Noto Sans JP",
    Meiryo,
    sans-serif;

  background:var(--bg-0);
  color:var(--text-main);
}

body::before{
  content:none !important;
  display:none !important;
}

body::after{
  content:none !important;
  display:none !important;
}

/* Mobile Browser Safe Overlay Reset */
body.clientDashboardMobileScreen::before,
body.clientDashboardMobileScreen::after,
body.clientGraphsMobileScreen::before,
body.clientGraphsMobileScreen::after,
body.clientSettingsMobileScreen::before,
body.clientSettingsMobileScreen::after,
body.clientMobileCalendarScreen::before,
body.clientMobileCalendarScreen::after,
body.recordsMobileScreen::before,
body.recordsMobileScreen::after,
body.clientSelfActivityMobileScreen::before,
body.clientSelfActivityMobileScreen::after {
  display:none !important;
  content:none !important;
}

body.clientDashboardMobileScreen,
body.clientGraphsMobileScreen,
body.clientSettingsMobileScreen,
body.clientMobileCalendarScreen,
body.recordsMobileScreen,
body.clientSelfActivityMobileScreen {
  background:#04142f;
}

.appShell,
.appMain,
.pageContainer,
.pageWrap,
.sidebar{
  position:relative;
  z-index:1;
}