﻿div.attrEntry {
  background-color: transparent !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}

div#attributeList ul li {
  border-radius: 10px !important;
}

div#attributeList ul li:first-child {
  border-bottom: none !important;
}

div#attributeList ul {
  border: 0px !important;
}

div#emailVerificationControl ul {
  border-radius: 10px !important;
  border: 1px solid #003366 !important;
}

/* Kind of dumb work-around for if/when B2C sometimes loads in with TextBox (wrong) instead of EmailBox (correct) */
li.TextBox.email,
li.EmailBox.email {
  display: block !important;
  background-image: url(data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20focusable%3D%22false%22%20preserveAspectRatio%3D%22xMinYMin%22%3E%3Cpath%20stroke%3D%22white%22%20fill%3D%22%231f2454%22%20stroke-width%3D%220.6%22%20d%3D%22M15.16%2012.92a8.51%208.51%200%200%201%204.54%203.19%209.09%209.09%200%200%201%201.81%205.4v1.49a.48.48%200%200%201-.54.54c-.32%200-.49-.18-.49-.54v-1.49a8%208%200%200%200-8-8%207.72%207.72%200%200%200-5.67%202.34%207.75%207.75%200%200%200-2.34%205.67v1.48c0%20.36-.17.54-.49.54s-.49-.18-.49-.54v-1.49a9%209%200%200%201%206.35-8.64%206%206%200%200%201-2.44-2.18%205.75%205.75%200%200%201-.93-3.19%205.78%205.78%200%200%201%201.76-4.25%205.8%205.8%200%200%201%204.25-1.76%205.78%205.78%200%200%201%204.24%201.76%205.74%205.74%200%200%201%201.76%204.25%205.75%205.75%200%200%201-.93%203.19%205.9%205.9%200%200%201-2.44%202.18zm-6.16-1.92a4.8%204.8%200%200%200%203.52%201.47%204.84%204.84%200%200%200%203.48-1.47%204.78%204.78%200%200%200%201.5-3.5%204.85%204.85%200%200%200-1.5-3.57%204.83%204.83%200%200%200-3.56-1.46%204.79%204.79%200%200%200-3.44%201.46%204.85%204.85%200%200%200-1.5%203.57%204.78%204.78%200%200%200%201.5%203.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-y: center;
  background-position-x: 10px;
}

/* Kind of dumb work-around for if/when B2C sometimes loads in with TextBox (wrong) instead of EmailBox (correct) */
li.TextBox.email div.attrEntry,
li.EmailBox.email div.attrEntry {
  background-color: rgba(31, 37, 85, 0.07) !important;
  border-radius: 0 10px 10px 0 !important;
}

li.TextBox.VerificationCode {
  background-image: url(data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20focusable%3D%22false%22%20preserveAspectRatio%3D%22xMinYMin%22%3E%3Cpath%20stroke%3D%22white%22%20fill%3D%22%231f2454%22%20stroke-width%3D%220.6%22%20d%3D%22M20.58%2010.45a1.4%201.4%200%200%201%20.44%201v12a1.5%201.5%200%200%201-1.51%201.55h-14a1.5%201.5%200%200%201-1.51-1.51v-12a1.4%201.4%200%200%201%20.44-1%201.46%201.46%200%200%201%201.05-.49h1.51v-4.48a5.4%205.4%200%200%201%201.59-3.91%205.28%205.28%200%200%201%203.89-1.61%205.33%205.33%200%200%201%203.9%201.61%205.31%205.31%200%200%201%201.62%203.91v4.48h1.52a1.46%201.46%200%200%201%201.06.45zm-.58%201a.43.43%200%200%200-.49-.48h-14a.43.43%200%200%200-.49.48v12a.43.43%200%200%200%20.49.48h14a.43.43%200%200%200%20.49-.48zm-12-1.45h9v-4.48a4.35%204.35%200%200%200-1.35-3.2%204.33%204.33%200%200%200-3.17-1.32%204.28%204.28%200%200%200-3.18%201.32%204.4%204.4%200%200%200-1.3%203.2zM12.5%2020.5a.5.5%200%200%201-.5-.5v-4a.5.5%200%200%201%201%200v4a.5.5%200%200%201-.5.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-y: center;
  background-position-x: 10px;
}

li.TextBox.VerificationCode div.attrEntry {
  background-color: rgba(31, 37, 85, 0.07) !important;
  border-top: 1px solid gray !important;
  border-radius: 0 0 10px 0 !important;
}

input#email,
input#verificationCode {
  height: 62px;
  width: 100%;
  /* WebKit-based browsers will ignore this. */
  width: -moz-available;
  /* Mozilla-based browsers will ignore this. */
  width: -webkit-fill-available;
  width: fill-available;
}

div.verificationControlContent div.buttons {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}

button#emailVerificationControl_but_send_code,
button#emailVerificationControl_but_verify_code,
button#emailVerificationControl_but_send_new_code {
  background: #003366;
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 0;
  outline: 0;
  position: relative;
  transition: all 0.25s ease-out;
}

button#emailVerificationControl_but_send_code {
  width: 100%;
}

button#emailVerificationControl_but_verify_code,
button#emailVerificationControl_but_send_new_code {
  width: 50%;
}

button#emailVerificationControl_but_change_claims {
  display: none !important;
}

button#emailVerificationControl_but_send_new_code {
  margin-left: 10px;
}

div.verificationSuccessText,
div.verificationErrorText.error {
  text-align: center;
}

div.verificationInfoText,
div.verificationErrorTest,
div.verificationErrorText {
  display: none;
}

#attributeVerification>div.buttons {
  display: none;
}
