.liquid-modal-dialog-container {
  z-index: 3000;
}

.liquid-modal-dialog-overlay {
  z-index: 3001;
}

.liquid-modal-dialog-wrapper {
  z-index: 3002;
}


.liquid-modal-dialog-full {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 1rem 1rem 0.5rem 1.0rem;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  max-height: 97vh; /*97% of the browser height*/
  max-width: 97vw; /*97% of the browser width*/
  width: 97vw;
  height: 97vh;
}

.liquid-modal-dialog-full-noheight {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 1.5rem;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  max-height: 97vh; /*97% of the browser height*/
  max-width: 97vw; /*97% of the browser width*/
  width: 97vw;
}

.liquid-modal-dialog-medium {
  display: flex;
  flex-direction: column;
  width: 70rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 1.5rem;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  max-height: 90vh; /*90% of the browser height*/
  max-width: 90vw; /*90% of the browser width*/
}

.liquid-modal-dialog-medium-fixed-height {
  display: flex;
  flex-direction: column;
  width: 70rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 1.5rem;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
  max-height: 90vh; /*90% of the browser height*/
  max-width: 90vw; /*90% of the browser width*/
  height: 90vh;
}


.liquid-modal-dialog-close {
   padding: 0.5rem 1rem;
}


.liquid-modal-dialog-content2 {
  overflow: auto;
  /*padding-right: 1rem;*/
  height: 100%;
}