/* VIAL LMS 0.6.41: balanced gaps between side panels and course/lesson content. */
:root{
  --vial-balanced-panel-width:300px;
  --vial-balanced-panel-gap:16px;
}

body.course-view.course-view .course-left-drawer,
body.lesson-page-view.lesson-page-view .lesson-course-nav,
body.course-view.course-view .right-sidebar.moodle-drawer,
body.lesson-page-view.lesson-page-view .right-sidebar.moodle-drawer,
body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view) .right-sidebar.moodle-drawer{
  width:var(--vial-balanced-panel-width)!important;
  max-width:var(--vial-balanced-panel-width)!important;
  box-sizing:border-box!important;
}

body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view) > main.wrap.app-layout.moodle-layout,
body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view):not(.sidebar-hidden) > main.wrap.app-layout.moodle-layout,
body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view).sidebar-hidden > main.wrap.app-layout.moodle-layout{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:calc(var(--vial-balanced-panel-width) + var(--vial-balanced-panel-gap))!important;
  margin-right:calc(var(--vial-balanced-panel-width) + var(--vial-balanced-panel-gap))!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  transition:none!important;
  grid-template-columns:none!important;
  box-sizing:border-box!important;
}

body.course-view.course-view.with-sidebar > main.wrap.app-layout.moodle-layout,
body.course-view.course-view.with-sidebar:not(.sidebar-hidden) > main.wrap.app-layout.moodle-layout,
body.course-view.course-view.with-sidebar.sidebar-hidden > main.wrap.app-layout.moodle-layout,
body.course-view.course-view.with-sidebar:has(.course-outline-shell.course-outline-open) > main.wrap.app-layout.moodle-layout,
body.course-view.course-view.with-sidebar:has(.course-outline-shell:not(.course-outline-open)) > main.wrap.app-layout.moodle-layout,
body.lesson-page-view.lesson-page-view.with-sidebar > main.wrap.app-layout.moodle-layout,
body.lesson-page-view.lesson-page-view.with-sidebar:not(.sidebar-hidden) > main.wrap.app-layout.moodle-layout,
body.lesson-page-view.lesson-page-view.with-sidebar.sidebar-hidden > main.wrap.app-layout.moodle-layout,
body.lesson-page-view.lesson-page-view.with-sidebar:has(.lesson-reading-layout.lesson-nav-open) > main.wrap.app-layout.moodle-layout,
body.lesson-page-view.lesson-page-view.with-sidebar:has(.lesson-reading-layout:not(.lesson-nav-open)) > main.wrap.app-layout.moodle-layout{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:calc(var(--vial-balanced-panel-width) + var(--vial-balanced-panel-gap))!important;
  margin-right:calc(var(--vial-balanced-panel-width) + var(--vial-balanced-panel-gap))!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  transition:none!important;
  grid-template-columns:none!important;
  box-sizing:border-box!important;
}

body.course-view.course-view .course-left-tab,
body.lesson-page-view.lesson-page-view .lesson-left-tab{
  left:0!important;
}

body.course-view.course-view .sidebar-tab,
body.lesson-page-view.lesson-page-view .sidebar-tab,
body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view) .sidebar-tab{
  right:var(--vial-balanced-panel-width)!important;
}

body.course-view.course-view.sidebar-hidden .sidebar-tab,
body.lesson-page-view.lesson-page-view.sidebar-hidden .sidebar-tab,
body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view).sidebar-hidden .sidebar-tab{
  right:0!important;
}

body.course-view.course-view .main-content,
body.lesson-page-view.lesson-page-view .main-content,
body.course-view.course-view .course-header,
body.course-view.course-view .moodle-tabs,
body.course-view.course-view .moodle-section,
body.course-view.course-view .add-section-box,
body.lesson-page-view.lesson-page-view .breadcrumbs,
body.lesson-page-view.lesson-page-view .lesson-reader-head,
body.lesson-page-view.lesson-page-view .lesson-reading-layout,
body.lesson-page-view.lesson-page-view .lesson-reading-main,
body.lesson-page-view.lesson-page-view .lesson-reader-nav,
body.lesson-page-view.lesson-page-view .lesson-reader-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media(max-width:1300px){
  :root{
    --vial-balanced-panel-width:260px;
    --vial-balanced-panel-gap:14px;
  }
}

@media(max-width:980px){
  body.course-view.course-view.with-sidebar > main.wrap.app-layout.moodle-layout,
  body.lesson-page-view.lesson-page-view.with-sidebar > main.wrap.app-layout.moodle-layout{
    width:auto!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }

  body.course-view.course-view .course-left-drawer,
  body.lesson-page-view.lesson-page-view .lesson-course-nav,
  body.course-view.course-view .right-sidebar.moodle-drawer,
  body.lesson-page-view.lesson-page-view .right-sidebar.moodle-drawer,
  body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view) .right-sidebar.moodle-drawer{
    width:min(86vw,340px)!important;
    max-width:min(86vw,340px)!important;
  }

  body.with-sidebar.with-sidebar:not(.course-view):not(.lesson-page-view) > main.wrap.app-layout.moodle-layout{
    width:auto!important;
    max-width:none!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
}