openaire-assets/library-css/modal.scss

.fs-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  background-color: white;
  opacity: 0;
  transform: scale(0);
  transition: transform linear .3s, opacity linear .3s;
}

.fs-modal > .close {
  position: fixed;
  opacity: 0.7;
  top: 30px;
  left: 30px;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.fs-modal > .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 10px 120px;
}

.fs-modal > .content {
  margin-top: 100px;
}

.fs-modal > .content > .content-inner {
  padding: 30px 90px;
}

@media only screen and (max-width: 639px) {
  .fs-modal > .header {
    padding: 10px 45px;
  }

  .fs-modal > .content > .content-inner {
    padding: 30px 45px;
  }
}

html.fs-modal-open {
  overflow: hidden !important;
}

html.fs-modal-open .fs-modal {
  opacity: 1;
  transform: scale(1);
}

.uk-modal.uk-open ~ .uk-tooltip {
  z-index: 10001;
}

.fs-modal ~ .uk-tooltip {
  z-index: 10000;
}