/* VIAL LMS 0.6.39: one safe center lane for every page with side panels. */
:root{
  --vial-overlay-right-width:260px;
  --vial-overlay-left-width:280px;
  --vial-overlay-gap:14px;
  --vial-safe-panel-width:280px;
  --vial-global-safe-center-width:calc(100vw - var(--vial-safe-panel-width) - var(--vial-safe-panel-width) - var(--vial-overlay-gap) - var(--vial-overlay-gap));
}

body.with-sidebar .right-sidebar.moodle-drawer,
body.with-sidebar .moodle-drawer.right-sidebar{
  width:var(--vial-overlay-right-width)!important;
  max-width:min(86vw,var(--vial-overlay-right-width))!important;
  padding:10px!important;
  right:0!important;
  left:auto!important;
}

body.course-view .course-left-drawer,
body.lesson-page-view .lesson-course-nav{
  width:var(--vial-overlay-left-width)!important;
  max-width:min(86vw,var(--vial-overlay-left-width))!important;
  padding:10px!important;
  left:0!important;
  right:auto!important;
}

body.with-sidebar .wrap.app-layout.moodle-layout,
body.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.with-sidebar:not(.sidebar-hidden):has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.with-sidebar.sidebar-hidden:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout,
body.with-sidebar.sidebar-hidden:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
  display:block!important;
  width:min(var(--vial-page-center-width), var(--vial-global-safe-center-width))!important;
  max-width:min(var(--vial-page-center-width), var(--vial-global-safe-center-width))!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  transition:none!important;
  grid-template-columns:none!important;
}

body.with-sidebar .main-content,
body.with-sidebar .main-content > :where(
  .moodle-heading,
  .vial-home-heading,
  .breadcrumbs,
  .course-header,
  .moodle-tabs,
  .home-columns,
  .vial-home-columns,
  .card,
  .grid,
  .moodle-section,
  .admin-directory-list,
  .admin-update-grid,
  .update-details,
  .grade-settings-card,
  .lesson-reader-head,
  .lesson-progress-strip,
  .lesson-reading-layout,
  .lesson-page-nav,
  .test-question-page,
  .role-home-blocks,
  .add-section-box
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body.moodle-home{
  --vial-page-center-width:980px;
}

body.course-view,
body.lesson-page-view{
  --vial-page-center-width:1100px;
}

body.moodle-admin-page,
body.users-admin-page,
body.course-management-page,
body.moodle-question-page,
body.all-courses-page{
  --vial-page-center-width:1260px;
}

body.moodle-home.with-sidebar .home-columns,
body.moodle-home.with-sidebar .vial-home-columns,
body.moodle-home.with-sidebar:not(.sidebar-hidden) .home-columns,
body.moodle-home.with-sidebar:not(.sidebar-hidden) .vial-home-columns,
body.moodle-home.with-sidebar.sidebar-hidden .home-columns,
body.moodle-home.with-sidebar.sidebar-hidden .vial-home-columns{
  grid-template-columns:minmax(0,1.65fr) minmax(260px,.78fr)!important;
  gap:14px!important;
}

body.moodle-home .mini-course{
  grid-template-columns:52px minmax(0,1fr)!important;
}

body.moodle-home .course-thumb{
  width:52px!important;
  height:52px!important;
}

body.with-sidebar .side-block{
  padding:10px!important;
}

body.with-sidebar .current-user-card{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:9px!important;
}

body.with-sidebar .avatar-lg{
  width:42px!important;
  height:42px!important;
}

body.with-sidebar .side-block h3{
  font-size:14px!important;
}

@media(max-width:1200px){
  :root{
    --vial-overlay-right-width:240px;
    --vial-overlay-left-width:240px;
    --vial-overlay-gap:12px;
    --vial-safe-panel-width:240px;
  }

  body.with-sidebar .wrap.app-layout.moodle-layout,
  body.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
  body.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout{
    width:min(calc(100vw - 24px), var(--vial-global-safe-center-width))!important;
    max-width:min(calc(100vw - 24px), var(--vial-global-safe-center-width))!important;
  }
}

@media(max-width:900px){
  body.with-sidebar .wrap.app-layout.moodle-layout,
  body.with-sidebar:not(.sidebar-hidden) .wrap.app-layout.moodle-layout,
  body.with-sidebar.sidebar-hidden .wrap.app-layout.moodle-layout{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }

  body.moodle-home.with-sidebar .home-columns,
  body.moodle-home.with-sidebar .vial-home-columns{
    grid-template-columns:1fr!important;
  }
}