body {
   margin: 0;
   overflow-x: hidden; 
}

.slider-viewport {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   position: relative;
}

.pages-wrapper {
   display: flex;
   width: max-content; 
   height: 100%;
   transition: transform 0.5s ease-in-out;

}

.page-div {
   width: 100vw; 
   height: 100%;
   min-height: 100%;
   position:relative;
}

.page-header {
   padding: 12px 0;
   background: linear-gradient(#C8C8C8, #F0F0F0);
   border: none;
   text-align: center;
}
.page-header img {
   display: inline-block;
   vertical-align: top;
   height: 48px;
}

.page-content {
   overflow: hidden;
   background: linear-gradient(#F0F0F0, #FFF 32px);
   padding-top: 0px;
   padding-left: 4%;
   padding-right: 4%;
   padding-bottom: 32px;
}

.page-footer {
   position: absolute;
   bottom: 8px;
   color: #1f4160;
   font-style: italic;
   font-size: 0.85em;
   padding-left: 4%;
   padding-right: 4%;
   width: 100%;
}




.page-footer .page-footer-line {
   margin-top: 2px;
}

.page-footer .footer-version-span {
   text-align: right;
}