@media screen and (max-device-width: 640px) and (min-device-width: 1px),
  screen and (max-width: 640px) and (min-width: 1px),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
  .scp_help_body {
    margin-top: 8em !important;
  }
}

/* WCAG changes 27/11/2023 minor tweak*/

a {
  color: #214d73;
}

/*30/07/2025*/
fieldset {
  border: 0px;
}

#ppm_container,
#wallet_management_container {
  display: none;
}

.aip_control_style input:focus {
  box-shadow: none;
}

input[type="submit"] {
  background-color: #005cff;
  border-color: #005cff;
  color: #fff;
}

input[type="submit"]:hover {
  background-color: #1a237e;
  border-color: #1a237e;
  color: #fff;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  width: auto !important;
  padding: 1em;
}

@media screen and (max-width: 768px) {
  #menu-ck-primary {
    display: flex !important;
  }
  .page-content {
    padding-top: 0;
    padding-bottom: 0;
  }
  #page > div.content-wrapper {
    margin-bottom: 0 !important;
  }
  input[type="submit"] {
    width: 100%;
    margin-bottom: 1em;
  }

  #ATI_30,
  #ATIPence_30 {
    width: 5em !important;
  }
}

/*02/09/2025*/
input[type="submit"][name="top_button_back"] {
  display: none;
}

#reset,
#back {
  float: left;
}

#back,
#reset {
  margin-right: 0.5em;
}

@media (max-width: 768px) {
  #AIPForm > fieldset {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  input[name="reset"] {
    order: 1;
  }
  input[name="back"] {
    order: 2;
  }
  input[name="continue"] {
    order: 3;
  }
}

input[name="top_button_back"] {
  display: none;
}

/*22/09/2025*/
div.helpLinks {
  margin-left: 2.6em;
}

/* Fix: prevent form collapse on Live where empty legend causes narrow layout */
@media screen and (min-width: 769px) {
  .aip_form {
    min-width: 550px;
  }
}
