18F/e-QIP-prototype

.modal-open {
  height: 100vh;
  overflow-y: hidden !important;
}

.modal {
  position: fixed !important;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.8);

  .modal-wrap {
    display: table-cell;
    width: 100vw;
    vertical-align: middle;
  }

  .modal-content {
    background-color: #fff;
    margin: 10rem auto;
    padding: 20px;
    border: 1px solid $eapp-grey-lightest;
    box-shadow: 5px 5px 5px #3c3c3c;
    position: relative;

    > a {
      display: block;
      position: absolute;
      top: -1.5rem;
      right: -1.5rem;
      width: 2.6rem;

      > .svg {
        width: auto;
        height: auto;
        margin: 0;
        border-radius: 50%;
      }
    }
  }
}