.mta-iframe-btn {
  background: #0F61A9;
  padding: 5px 10px;
  line-height: 1em;
  color: white;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;

  
    
}
.mta-iframe-btn:hover {
  cursor: pointer;
}

.mta-iframe-btn:focus, .mta-iframe-btn:focus-visible {
  outline: midnightblue auto 1px;
}


.mta-iframe .modal-dialog{
  height: 100%;
  max-height: 435px;
}

@media screen and (min-width: 576px) and (max-width: 960px) {
  .mta-iframe .modal-dialog {
    max-height: 470px;
  }
}

@media screen and (max-width: 575px) {
  .mta-iframe .modal-dialog {
    max-height: 530px;
  }
}



.mta-iframe .modal-content {
  height: 100%;
}

.mta-iframe .modal-content {
  display: flex;
  flex-direction: column;
}

.mta-iframe .modal-header {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.mta-iframe .modal-body {
  padding-bottom: 0;
}

.mta-iframe button.close {
  top: 25%;
}

.mta-iframe .modal-body {
  height: 100%;
}
 

@media (max-width: 920px) {
  .mta-iframe .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

@media (min-width: 920px) {
  .mta-iframe .modal-dialog {
        width: 900px;
    }
}


.mta-iframe iframe {
  width: 100%;
  height: 100%;
}

.mta-iframe:not(.mta-iframe-width-title) .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.mta-iframe:not(.mta-iframe-width-title) .modal-body {
  padding-top: 0;
}

.mta-iframe.mta-iframe-width-title .modal-content .modal-header {
  text-align: left !important;
}
.mta-iframe.mta-iframe-width-title .modal-content .modal-header h3 {
  font-size: 24px;
  flex-grow: 1
}