/* VIAL LMS 0.6.28: fixed lesson/course centers, overlay panels, footer version. */
:root{
  --vial-drawer-width:280px;
  --vial-reader-width:980px;
}

.foot{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
  white-space:normal!important;
  text-align:center!important;
}

body.lesson-page-view.with-sidebar .moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden) .moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden .moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .moodle-layout,
body.lesson-page-view.sidebar-hidden:has(.lesson-reading-layout.lesson-nav-open) .moodle-layout,
body.course-view.with-sidebar .moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden) .moodle-layout,
body.course-view.with-sidebar.sidebar-hidden .moodle-layout,
body.course-view.with-sidebar:has(.course-outline-shell.course-outline-open) .moodle-layout{
  display:block!important;
  width:min(var(--vial-reader-width), calc(100vw - 36px))!important;
  max-width:var(--vial-reader-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:18px!important;
  padding-right:18px!important;
  transition:none!important;
  transform:none!important;
}

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

body.lesson-page-view .lesson-reading-layout{
  position:relative!important;
  display:block!important;
}

body.lesson-page-view .lesson-course-nav,
body.course-view .course-left-drawer,
body.lesson-page-view .right-sidebar.moodle-drawer,
body.course-view .right-sidebar.moodle-drawer{
  position:fixed!important;
  top:var(--vial-topbar-space,78px)!important;
  bottom:0!important;
  width:var(--vial-drawer-width)!important;
  max-width:min(86vw,var(--vial-drawer-width))!important;
  height:calc(100vh - var(--vial-topbar-space,78px))!important;
  background:#f7f9fb!important;
  border-color:#d8e3ea!important;
  box-shadow:0 8px 24px rgba(15,23,42,.12)!important;
  z-index:13010!important;
  padding:12px!important;
  overflow:auto!important;
}

body.lesson-page-view .lesson-course-nav,
body.course-view .course-left-drawer{
  left:0!important;
  right:auto!important;
  transform:translateX(-105%)!important;
  border-right:1px solid #d8e3ea!important;
  border-left:0!important;
}

body.lesson-page-view .lesson-reading-layout.lesson-nav-open .lesson-course-nav,
body.course-view .course-outline-shell.course-outline-open .course-left-drawer{
  transform:translateX(0)!important;
}

body.lesson-page-view .right-sidebar.moodle-drawer,
body.course-view .right-sidebar.moodle-drawer{
  right:0!important;
  left:auto!important;
  transform:translateX(105%)!important;
  border-left:1px solid #d8e3ea!important;
  border-right:0!important;
}

body.lesson-page-view:not(.sidebar-hidden) .right-sidebar.moodle-drawer,
body.course-view:not(.sidebar-hidden) .right-sidebar.moodle-drawer{
  transform:translateX(0)!important;
}

body.lesson-page-view.sidebar-hidden .right-sidebar.moodle-drawer,
body.course-view.sidebar-hidden .right-sidebar.moodle-drawer{
  transform:translateX(105%)!important;
}

body.lesson-page-view .lesson-left-tab,
body.course-view .course-left-tab,
body.sidebar-hidden .sidebar-tab{
  width:32px!important;
  height:50px!important;
  border-radius:0 8px 8px 0!important;
  background:#fff!important;
  color:#00857f!important;
  border:1px solid #d8e3ea!important;
  box-shadow:2px 2px 12px rgba(15,23,42,.12)!important;
}

body.sidebar-hidden .sidebar-tab{
  border-radius:8px 0 0 8px!important;
}

.activity-icon,
.builder-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
}

body.lesson-page-view .lesson-course-nav .activity-icon,
body.course-view .course-left-drawer .activity-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}

.activity-icon.lesson .vial-activity-glyph::before,
.builder-item[data-token^="lesson:"] .builder-icon::before{
  left:6px!important;
  top:5px!important;
  width:18px!important;
  height:24px!important;
  border-radius:4px!important;
  box-shadow:-4px 4px 0 #dff6f3!important;
}

.activity-icon.test .vial-activity-glyph::before,
.builder-item[data-token^="test:"] .builder-icon::before{
  left:5px!important;
  top:5px!important;
  width:24px!important;
  height:24px!important;
  border-radius:6px!important;
}

.lesson-reader-nav{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.lesson-page-view .lesson-reader-card{
  min-height:560px!important;
}

body.lesson-page-view .lesson-materials{
  margin-top:12px!important;
}

@media(max-width:980px){
  body.lesson-page-view.with-sidebar .moodle-layout,
  body.course-view.with-sidebar .moodle-layout{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}