.view-more-folders {
  min-height:           560px;
  background-color: #F2F2F2;
  padding-top: 80px;
  padding-bottom: 80px;
}


.pager-active-bg {
  color:            var(--theme-colour);
}

.modal.show button[data-id='empty']  {
    display: none;
}

#file-previous,
#file-next {
  position: absolute;
  appearance: none;
  border: 0;
  background: transparent;
}

@media (max-width: 767.98px) {
  #file-previous,
  #file-next {
    top: 100px;
  }
  #file-previous {
    left: 30px;
  }
  #file-next {
    right: 30px;
  }
}
@media (min-width: 768px) {
  #file-next, #file-previous {
    top: 35%;
    transform: translateY(-50%);
  }

  #file-previous {
    left: 40px;
  }
  #file-next {
    right: 40px;
  }
}
@media (min-width: 850px) {
  #file-next, #file-previous {
    top: 40%;
    transform: translateY(-50%);
  }

  #file-previous {
    left: 50px;
  }
  #file-next {
    right: 50px;
  }
}
@media (min-width: 992px) {
  #file-previous {
    left: 70px;
  }
  #file-next {
    right: 70px;
  }
}
@media (min-width: 1024px) {


  #file-previous {
    left: 80px;
  }
  #file-next {
    right: 80px;
  }
}

@media (min-width: 1200px) {
  #file-next, #file-previous {
    top: 50%;
    transform: translateY(-50%);
  }

  #file-previous {
    left: 80px;
  }
  #file-next {
    right: 80px;
  }
}
@media (min-width: 1500px) {
  #file-next, #file-previous {
    top: 50%;
    transform: translateY(-50%);
  }

  #file-previous {
    left: -10%;
  }

  #file-next {
    right: -10%;
  }
}