/* VIAL LMS 0.6.35: shared adaptive center width for all central pages. */
:root{
  --vial-page-center-width:1180px;
  --vial-page-wide-center-width:1320px;
  --vial-page-gutter:48px;
  --vial-panel-corridor:420px;
  --vial-readable-min:760px;
}

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{
  display:block!important;
  width:min(var(--vial-page-center-width), calc(100vw - var(--vial-page-gutter)))!important;
  max-width:var(--vial-page-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;
  grid-template-columns:none!important;
  transition:none!important;
}

body.moodle-admin-page,
body.users-admin-page,
body.course-management-page,
body.moodle-question-page,
body.all-courses-page{
  --vial-page-center-width:var(--vial-page-wide-center-width);
}

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

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

body.with-sidebar:not(.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:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
  width:min(
    var(--vial-page-center-width),
    max(var(--vial-readable-min), calc(100vw - (var(--vial-panel-corridor) * 2)))
  )!important;
  max-width:min(
    var(--vial-page-center-width),
    max(var(--vial-readable-min), calc(100vw - (var(--vial-panel-corridor) * 2)))
  )!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

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

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

body.with-sidebar table{
  max-width:100%!important;
}

body.with-sidebar .table-scroll{
  max-width:100%!important;
}

@media(max-width:1400px){
  :root{
    --vial-panel-corridor:332px;
    --vial-readable-min:680px;
  }
}

@media(max-width:1100px){
  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;
  }
}