#iframe_content>div {
  padding: 0 !important;
}

#iframe_content #iframe_main_content {
  /* Padding is required so that the applied box shadow appears on the top. */
  padding: 1px;
}

#iframe_content .css_buttons {
  font-family: var(--fontFirst);
  display: grid;
  grid-auto-columns: auto;
  justify-content: center;
  padding: 20px;
  grid-gap: 40px;
  color: white;
  grid-auto-flow: column;
  font-size: 1rem;
  white-space: nowrap;
  background-color: var(--backButton);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.17), 0px 0px 3px rgba(255, 255, 255, 0.17);
}

#iframe_content .css_buttons #css_button_close,
#iframe_content .css_buttons #css_button_submit,
#iframe_content .css_buttons #css_button_back,
#iframe_content .css_buttons #css_button_user,
#iframe_content .css_buttons #css_button_cancel,
#iframe_content .css_buttons #css_button_button ,
#iframe_content .css_buttons #css_button_button2  {
  margin: 7.5px;
}

@media screen and (max-width: 550px) {
  #iframe_content .css_buttons {
    grid-gap: 20px;
    font-size: 0.7rem;
    padding: 10px;
    grid-gap: 10px;
  }
  #iframe_content .css_buttons #css_button_close,
  #iframe_content .css_buttons #css_button_submit,
  #iframe_content .css_buttons #css_button_back,
  #iframe_content .css_buttons #css_button_user,
  #iframe_content .css_buttons #css_button_cancel  {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 480px) {
  #iframe_content .css_buttons {
    grid-template-columns: repeat(3,auto);
    text-align: center;
    grid-auto-flow: row;
  }
}
@media screen and (max-width: 350px) {
  #iframe_content .css_buttons {
    grid-template-columns: repeat(2,auto);
    text-align: center;
  }
}
@media screen and (max-width: 350px) {
  #iframe_content .css_buttons {
    font-size: 0.65rem;
    padding: 10px;
    grid-gap: 10px;
  }
  #iframe_content .css_buttons #css_button_close,
  #iframe_content .css_buttons #css_button_submit,
  #iframe_content .css_buttons #css_button_back,
  #iframe_content .css_buttons #css_button_user,
  #iframe_content .css_buttons #css_button_cancel  {
    padding: 10px 15px;
  }
}

.iframeContentHeader {
  font-family: var(--fontFirst);
}

.iframeContentBody {
  /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.17); */
}

.iframe_body {
  font-family: var(--fontSecond);
  margin: 0 !important;
}

.contactlessDeliveryImage {
	width: 100% !important;
}

/*# sourceMappingURL=iframe_general.css.map */
