/* Embed Styles */

#modal-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: auto;
  overflow-y: scroll;
  /* margin-top: -15px; */
}

.flex-box {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
  /* Set height as percentage of viewport */
  min-height: 100%;
}

iframe {
  width: calc(100% + 16px) !important;
  height: 100% !important;;
  margin: 0 !important;;
  padding: 0 !important;;
  border: none!important;;
}

.additional-content {
  padding: 15px;
}
  
.widget-bar .widget-bar__title-section .merchant-header {
    display: none !important;
}

/* Modal */
  
.md-modal {
  margin: auto;
    position: fixed;
    top: 25%;
    left: 0;
  right: 0;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(#e4f0e3, 0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
    /* background-color: #e4f0e3; */
  background: #ffffff;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent;
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.md-book {
  cursor: pointer;
}

button.md-adoption-close {
  color: #333;
  font-size: 20px;
  background: none;
  position: absolute;
  top: -2px;
  right: 0;
  border: none;
  z-index: 10000000;
  background: #fff !important;
}