@use '@angular/material' as mat;
$pdf-viewer-actions-height: 48px;

.sc-pdf-viewer {
  height: 100%;
  position: relative;

  &__actions {
    justify-self: right;
    z-index: 99;
    padding: 4px 8px;
    // background-color: rgba(0,0,0,0.2);
    // border-bottom: 1px solid rgba(0,0,0, 0.04);
    width:100%;
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top:0;
    @include mat.elevation(4);
  }

  &__viewer {
    overflow: auto;
    height: 100%;
  }

  &__viewer-aheight {
    height: calc(100% - #{$pdf-viewer-actions-height});
  }
}

.ng2-pdf-viewer-container {
  overflow-x: visible !important;
  -webkit-overflow-scrolling: initial !important;
}

.file-not-found {
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  mat-icon {
    font-size: 50px !important;
  }
}