/*
  Wspólna powłoka podstron szkoleniowych.
  Belka górna i stopka korzystają z tego samego wzorca co dashboard.
*/
html,
body{
  width:100%;
  height:100%;
  min-width:0;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

body{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  max-height:100dvh!important;
}

*,
*::before,
*::after{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

*::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  appearance:none!important;
  background:transparent!important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}

body>.topbar,
body>.pereko-site-footer{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

body{
  display:flex!important;
  flex-direction:column!important;
}

body>.topbar{
  position:relative!important;
  z-index:20!important;
  flex:0 0 auto!important;
}

.training-page-scroll{
  width:100%;
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.training-page-scroll::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}

.training-page-scroll>.training-main,
.training-page-scroll>.training-info-main{
  padding-bottom:12px!important;
}

.topbar .header-pill{
  border:1px solid rgba(255,200,0,.26)!important;
  color:#ffe374!important;
  background:rgba(255,200,0,.08)!important;
}

.topbar .logout{
  border:1px solid rgba(255,255,255,.18)!important;
  color:#f4f6f7!important;
  background:rgba(255,255,255,.06)!important;
  text-decoration:none!important;
}

.topbar .logout:hover{
  border-color:rgba(255,200,0,.55)!important;
  color:#f4f6f7!important;
  background:rgba(255,200,0,.09)!important;
}

.pereko-site-footer{
  margin-top:0!important;
}

/* Stopka nie ma własnej skali w module szkoleniowym.
   Dziedziczy dokładnie wspólny wygląd używany m.in. na stronie MOTIVEKO Club. */
.training-page-scroll>.pereko-site-footer{
  flex:none!important;
  margin-top:0!important;
}

@media(max-width:860px){
  .training-page-scroll>.training-main,
  .training-page-scroll>.training-info-main{padding-bottom:18px!important}
}