.ui-widget-overlay {
  opacity:.8;
}

/* Modal frame styles */
.modalframe .ui-dialog-titlebar {
  background-color: var(--mainBgColor);
  border-color: var(--mainBgColor);
  border-radius: 0;
  font-weight: 600;
  height: 28px;
}
.modalframe .ui-dialog-titlebar-close {
  margin: 3px 3px 3px 0.5em;
}

#modalframe-container,
#modalframe-element {
  width: 100% !important;
}

@media (max-width:740px) {
  .modalframe {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    /*height: 100% !important;*/
    height: calc(100% + 28px) !important;
  }
  #modalframe-container,
  #modalframe-element {
    /*height: 100% !important;*/
    height: calc(100% - 28px) !important;
  }
  .modalframe-page-content {
    padding: .75em;
  }
}

.modalframe-page-container #content-region,
.modalframe-page-container #content-region > p:first-child {
  margin-top: 0;
}