/* ============================================================================
 *  Footer · Draggable modal
 *  The iframe modal popup (openModalPopup) and its move/close/open-tab buttons.
 * ============================================================================ */

.modal-plank {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  max-width: 100%;
  max-height: 100%;
  outline: 0;
}

.frame-modal-plank>iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px;
   transition: all 0.5s ease-in-out;
  opacity: 0;
}

iframe {
  /* hide the scrollbars */
  -ms-overflow-style: none;
}

iframe.loaded {
  opacity: 1;
}

.frame-modal-plank {
    height: 95%;
    border: 10px solid #fff;
    border-radius: 20px;
    opacity: 0.9;
    position: relative;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    z-index: 106;
    width: 95%;
    margin: auto;
    margin-top: 6px;
		background: white;
}

.close-modal-plank-button {
	position: absolute;
    top: -16px;
    right: -16px;
    font-size: 1rem;
    color: #fff;
    background: #2b2c7d;
    border: 0;
    border-radius: 50%;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    line-height: 3rem;
    vertical-align: middle;
    font-family: sans-serif;
}

.opentab-modal-plank-button {
	position: absolute;
    top: -16px;
    right: 22px;
    font-size: 1rem;
    color: #fff;
    background: #e71d73;
    border: 0;
    border-radius: 50%;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    line-height: 3rem;
    vertical-align: middle;
    font-family: sans-serif;
}

.move-modal-plank-button {
	position: absolute;
    top: -16px;
    left: -16px;
    font-size: 1rem;
    color: #fff;
    background: #e71d73;
    border: 0;
    border-radius: 50%;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    line-height: 3rem;
    vertical-align: middle;
    font-family: sans-serif;
}

.shadowbutton:hover {
	box-shadow: 0px 2px 4px 0px #919191;
}

#loader-modal-plank {
  position: relative;
 margin:auto;
  display: none;
}