.page-heading {
  padding-top: 20px;
}
.footer-bottom {
  padding: 40px 0;
}
.nhse-api-container #api .intro {
  display: none !important;
}
.nhse-api-container #api .heading {
  display: none !important;
}
.nhse-api-container #api .helpLink.tiny {
  display: none !important;
}
#api .divider {
  display: none !important;
}
#api #emailVerificationControl_but_change_claims {
  display: none !important;
}
#api .itemLevel:empty,
#api .itemLevel[aria-hidden="true"] {
  display: none;
}
#api .pageLevel:empty,
#api .pageLevel[aria-hidden="true"] {
  display: none;
}
#api label#emailVerificationControl_label:empty,
#api label#emailVerificationControl_label[aria-hidden="true"] {
  display: none;
}
#api #attributeList > ul,
#api .verificationControlContent > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#api #localAccountForm,
#api #attributeVerification,
#api .entry,
#api .create,
#api .pageLevel,
#api .intro {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.buttons button {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid transparent;
  color: #ffffff;
  background-color: #005eb8;
  border-color: #005eb8;
  border-radius: 4px;
  margin-top: 10px;
}
.buttons button:hover {
  background-color: #1662c7;
  border-color: #204d74;
}
.buttons button[aria-disabled="true"] {
  opacity: 0.3;
}
.buttons button:not([aria-disabled="true"]) {
  opacity: 1;
}
#api #cancel {
  margin-bottom: 20px;
}
#api .create {
  margin-top: 3rem;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
  border-top: 0.2rem solid #005eb8;
  position: relative;
}
#api .create a {
  padding: 8px 12px;
  border: 1px solid transparent;
  color: #ffffff;
  background-color: #005eb8;
  border-color: #005eb8;
  border-radius: 4px;
  margin-top: 10px;
  display: block;
  text-align: center;
}
#api #attributeList,
#api .verificationControlContent {
  clear: both;
}
#api .entry-item,
#api .attrEntry {
  position: relative;
  margin-bottom: 2rem;
}
#api #forgotPassword {
  float: right;
  margin-top: 1rem;
}

#api input[type="text"],
#api input[type="email"],
#api input[type="password"] {
  box-sizing: border-box;
  height: 4rem;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  border-radius: 10px;
  border: 1px solid #c1c1c1;
  background-color: #ffffff;
}
#api input.highlightError,
#api .error[aria-hidden="false"] ~ .entry input,
#api .error[aria-hidden="false"] + .textInput {
  border: 2px solid #d0011c;
}

#api input:focus,
#api .highlightError:focus,
#api .error[aria-hidden="false"] ~ .entry input:focus {
  box-sizing: border-box;
  outline: 0;
  border: 1px solid #2885c0;
  box-shadow: 0 0 3px 1px #4caaf0;
}
/*itemLevel/pageLevel class is for validation red mesg on top of textbox*/
#api .itemLevel {
  display: none;
  margin-top: 0.5rem;
  color: #d0011c;
}
#api .itemLevel p {
  margin: 0;
}
#api .pageLevel {
  display: none;
  margin-top: 0.5rem;
}
#api .pageLevel p {
  margin: 0;
}

#api .label-description-email {
  font-size: 14px;
  text-align: justify;
}
#api .showpassword {
  color: #005eb8;
  position: relative;
  padding-left: 5px;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 2px;
  font-weight: normal;
}
/*sign up page hide hide password fields until verification*/
#api li.Password.newPassword_li:has(#newPassword[aria-disabled="true"]) {
  display: none;
}
#api
  li.Password.reenterPassword_li:has(#reenterPassword[aria-disabled="true"]) {
  display: none;
}
#api li.TextBox.displayName_li:has(#displayName[aria-disabled="true"]) {
  display: none;
}
/*this for sign in page error msg red box*/
#api :not(.verificationControlContent) > .pageLevel:before,
#api :not(.verificationControlContent) > .verificationErrorText:before {
  content: "\e101";
  font-family: "Glyphicons Halflings";
  top: 1.8rem;
  left: 1.5rem;
  font-size: 2rem;
  position: absolute;
  color: #d0011c;
}
#api :not(.verificationControlContent) > .pageLevel,
#api :not(.verificationControlContent) > .verificationErrorText {
  border: 2px solid #d0011c;
  border-radius: 10px;
  font-weight: bold;
  line-height: 1.2;
  padding: 2rem 2.5rem 2rem 5rem;
  margin-bottom: 1.5rem;
  position: relative;
  background-color: #fff3f3;
}
/*this for sign up page error msg green box*/
#api #emailVerificationControl_error_message[aria-hidden="false"]:before {
  content: "\e101";
  font-family: "Glyphicons Halflings";
  top: 2rem;
  left: 1.5rem;
  font-size: 2rem;
  position: absolute;
  color: #d0011c;
}
#api #emailVerificationControl_error_message[aria-hidden="false"] {
  border: 2px solid #d0011c;
  border-radius: 10px;
  font-weight: bold;
  line-height: 1.2;
  padding: 2rem 2.5rem 2rem 5rem;
  margin-bottom: 1.5rem;
  position: relative;
  background-color: #fff3f3;
  display: block !important;
}
/*this for sign up page success msg green box*/
#api #emailVerificationControl_success_message[aria-hidden="false"]:before,
#api :not(.verificationControlContent) > .verificationSuccessText:before {
  content: "\e084";
  font-family: "Glyphicons Halflings";
  top: 2rem;
  left: 1.5rem;
  font-size: 2rem;
  position: absolute;
  color: #34aa40;
}
#api #emailVerificationControl_success_message[aria-hidden="false"],
#api :not(.verificationControlContent) > .verificationSuccessText {
  border: 2px solid #34aa40;
  background-color: #f6fff6;
  border-radius: 10px;
  font-weight: bold;
  line-height: 1.2;
  padding: 2rem 2.5rem 2rem 5rem;
  margin-bottom: 1.5rem;
  display: block !important;
  position: relative;
}
/* new password info css*/
#api .newPassword_li .error.itemLevel.show[aria-hidden="false"]:before {
  content: "\e086";
  font-family: "Glyphicons Halflings";
  top: 2rem;
  left: 1.5rem;
  font-size: 2rem;
  position: absolute;
  color: #0360a6;
}
#api .newPassword_li .error.itemLevel.show[aria-hidden="false"] {
  box-sizing: border-box;
  outline: 0;
  border: 2px solid #0360a6;
  background-color: #ebf7ff;
  border-radius: 10px;
  color: black;
  padding: 2rem 1rem 2rem 5rem;
  margin-bottom: 10px;
  font-size: 14px;
  position: relative;
}
/*loader on page*/
#api #localAccountForm .working {
  display: none;
}
#api .working {
  background: url(data:image/gif;base64,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)
    no-repeat;
  height: 30px;
  width: auto;
  background-position: center bottom;
}
/*toggle password*/
#api .password-toggler {
  background: none;
  border: 0;
  padding: 0;
  color: #005eb8;
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  font-size: 1.8rem;
  font-family: "Glyphicons Halflings";
}
#api .password-toggler:before {
  content: "\e105";
}
#api .password-toggler.active:before {
  content: "\e106";
}