body, html {
background-color: #e6e6e6;
height: 100%;
}

body {
-webkit-overflow-scrolling: touch;
}


.fade-in-block {
  /* start hidden */
  opacity: 0;                     /* or visibility: hidden; */

  /* animation */
  animation: fadeIn 2s forwards;
  animation-delay: 1s;           /* wait 2 s before starting */

  /* vendor prefixes */
  -webkit-animation: fadeIn 2s forwards;
  -webkit-animation-delay: 1s;
  -moz-animation: fadeIn 2s forwards;
  -moz-animation-delay: 1s;
  -o-animation: fadeIn 2s forwards;
  -o-animation-delay: 1s;
  -ms-animation: fadeIn 2s forwards;
  -ms-animation-delay: 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.toolbar {
display: none;
}

#sidebarContainer, #toolbarSidebarRight, #dialogContainer {
display: none;
}

.pdfViewer .canvasWrapper {
background-color: #e6e6e6;
}

.pdfViewer .page.loadingIcon::after {
background-color: #e6e6e6;
}

.pdfViewer {
background-color: #e6e6e6;
}

.pdfViewer .page {
margin-left: auto;
margin-right: auto;
border: 0;
max-height: 100% !important;
}

.page .annotationLayer {
margin-left: 0px;
margin-right: 0px;
border: 0;
}

.pdfViewer canvas {
background-color: #e6e6e6;
}

#mainContainer {
min-width: 300px !important;
background-color: #e6e6e6;
}

#mainContainer, #pdfViewer, #viewerContainer {
background-color: #e6e6e6;
}

#viewerContainer {
/* margin-top: -40px; */
margin-bottom: 20px;
overflow: hidden;
}

.textLayer {

}

/* Buttons */

.viewer-button-group {
margin-top: -100px;
display: flex;
color: #000;
position: relative;
text-align: center;
background-color: rgba(209, 209, 209, 1);
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.5rem;
width: fit-content;
margin-left: auto;
margin-right: auto;
border: 2px solid #0e1216;
border-radius: 12px;
}


.viewer-btns {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: color 0.2s, transform 0.2s;
}


.viewer-btn-zoom-in   {
background-color: #2468B2;
width: 40px;
height: 40px;
border-radius: 40px;
border: 2px solid #ffffff;
}
.viewer-btn-zoom-in span:before  { 
    font-family: FontAwesome; 
    font-size: 30px;
    position: relative;
    content: '\f00e';
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	top:3px;
	left: 1px;	
}

.viewer-btn-zoom-in:active {

  transform: scale(1);
}

.viewer-btn-zoom-in:hover,
.viewer-btn-zoom-in:focus {

  transform: scale(1.1);
}


.viewer-btn-page-fit {
background-color: #2468B2;
width: 40px;
height: 40px;
border-radius: 40px;
border: 2px solid #ffffff;
}

.viewer-btn-page-fit span:before  { 
    font-family: FontAwesome; 
    font-size: 30px;
    position: relative;
    content: '\f010';
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	top:3px;
	left: 1px;	
}

.viewer-btn-page-fit:active {
  transform: scale(1);
}

.viewer-btn-page-fit:hover,
.viewer-btn-page-fit:focus {
  transform: scale(1.1);
}


.viewer-btn-download {
background-color: #2468B2;
width: 40px;
height: 40px;
border-radius: 40px;
border: 2px solid #ffffff;
}

.viewer-btn-download span:before  { 
    font-family: FontAwesome; 
    font-size: 30px;
    position: relative;
    content: '\f019';
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	top:3px;
	left: 1px;	
}

.viewer-btn-download:active {
  transform: scale(1);
}

.viewer-btn-download:hover,
.viewer-btn-download:focus {
  transform: scale(1.1);
}

#downloadButton::before{
  -webkit-mask-image: initial !important;
          mask-image: initial !important;
}


@media screen and (max-width: 1600px) { 

#viewerContainer {
overflow: auto !important;
}


}

@media screen and (max-width: 784px) { 

#viewerContainer {
/* margin-top: -40px; */
margin-bottom: 20px;
overflow: auto !important;
}


}