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

/*.public-view-collection-pager > li > a, .pagination > li > span {*/
/*  position: relative;*/
/*  float: left;*/
/*  padding: 6px 12px;*/
/*  margin-left: -1px;*/
/*  line-height: 1.42857143;*/
/*  color: #337ab7;*/
/*  text-decoration: none;*/
/*  background-color: #fff;*/
/*  border: 1px solid #ddd;*/
/*}*/

.link-pager > .active > a, .link-pager > .active > span, .link-pager > .active > a:hover, .link-pager > .active > span:hover, .link-pager > .active > a:focus, .link-pager > .active > span:focus {
  z-index:          3;
  color:            #FFFFFF;
  cursor:           default;
  background-color: var(--theme-colour);
  border:           none;
}

.link-pager > li > a:hover, .link-pager > li > span:hover, .link-pager > li > a:focus, .link-pager > li > span:focus {
  z-index:          2;
  color:            var(--theme-colour);
  background-color: #FFFFFF;
}

.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%;
  }
}