 @font-face {
    font-family: Aptos; src: url('/Aptos.ttf'); 
}

h1, h2{
    color: var(--Mono-Grey-1, #202020);
    /* Heading/Large screen 1024px +/H4 */
    font-family: Aptos;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.attr ul {
  margin: 0;
  padding: 0;
  list-style-type: none; 
}

.attr li {
  margin: 0;
  padding: 0;
}

form#localAccountForm{
    width: 500px;
}

form#localAccountForm, .entry{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

input.toggle-password{
    display:none;
}

label.show-password{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/show-me.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}
span.show-password-box{
    position: absolute;
    padding: 16px;
    left: 61%;
}

.signin-container{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#api *{
    font-family: 'Aptos';
}

#api{
    width:500px;
    padding-bottom: 100px;
    min-height: 376px;
}

#phoneEntry{
    padding-bottom:40px;
}

.error, .error *, .attrEntry .error *{
    font-family: 'Aptos';
    font-weight: 700;
    color: #cb2027;
}

.itemLevel{
    padding-left: 1rem;
}

.entry-item label{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    padding-left: 10px;
}

.entry-item.centre{
    justify-content: center;
    display:flex;
}

.create{
    display: flex;
    justify-content: flex-end;
    margin-right: 200px;
}

.entry-item input[type=text], .entry-item input[type=email], .entry-item input[type=password],
.attrEntry input[type=text], .attrEntry input[type=email], .attrEntry input[type=password],
#codeVerification input[type=text], #number {
    min-height: var(--width-height-2xl, 48px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    align-items: center;
    align-self: stretch;
    border-radius: 99999px;
    border: 1px solid #F9F9F9;
    background: #F0F0F0;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}

.entry-item input[type=text]::placeholder, .entry-item input[type=email]::placeholder, .entry-item input[type=password]::placeholder, #number::placeholder{
    color: var(--colour-input-text-subtle, #ACACAC);
}

a#forgotPassword, a#createAccount, a#retryCode{
    color: #000000;
    background: linear-gradient(0deg, #fadd99 0, #fadd99 53%, rgba(255, 255, 255, 0) 53%, rgba(255, 255, 255, 0) 100%);
    background-position: 100% -9px;
    background-size: 200% 200%;
    background-clip: content-box;
    line-height: 18px;
    padding-bottom: .375rem;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
    font-weight: bold;
    display: inline !important;
}

a#forgotPassword:hover, a#createAccount:hover, a#retryCode:hover{
    text-decoration: none !important;
    background-position: 100% 100%;
}

.buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:20px;    
}

.buttons button {
    display: flex;
    height: var(--width-height-2xl, 48px);
    padding: var(--spacing-sm, 8px) var(--spacing-xl, 32px);
    align-items: center;
    gap: var(--spacing-sm, 8px);
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Body/B1 Bold */
    font-family: Aptos;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    border-radius: var(--border-radius-sm, 8px);
    color: var(--colour-button-primary-label, #FFF);
    background: var(--colour-button-primary-default, #10069F);
}

.attrEntry{
    padding-bottom: 40px;
}

#emailVerificationControl .buttons{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

#codeVerification {
    padding-bottom:40px;
}

#codeVerification .error.itemLevel{
    text-align: center;
}

/*
#verificationCode, #phoneNumbers, #sendCode{
    display:none !important;
}
*/

#verificationCode, #phoneNumbers{
    display:none !important;
}

.mfa-container{
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 24px;
}

.mfa-container .mfa-box{
    display: flex;
    padding: 4px 20px !important;
    justify-content: center;
    align-items: center !important;
    border-radius: 8px !important;
    border: 1px solid var(--Mono-Grey-5, #E4E4E4) !important;
    background: #FFF !important;
    width: 55px !important;
    text-align: center;
    font-weight: 700 !important;
    font-size: 24px !important;
}

/*
.captcha-audio-small, .captcha-refresh-icon, .captcha-visual-icon {
    padding: 0;
    border: 0;
    background-color: transparent;
    width: 25px !important;
    height: 25px;
    background-size: cover !important;
    margin: 10px;
    min-width: 25px !important;
}


*/

.captcha-display-control{
    display: flex !important;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 40px;
}

.captcha-control-buttons{
    display: flex;
    gap:8px;
}

.captcha-refresh-icon {
    height: 27px;
    width: 27px;
    background-size: 99% !important;
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABmJLR0QA/wD/AP+gvaeTAAAEkElEQVRYhcWYT2wUVRjAf9+bbRfaGFuDNClru7OzRjigRqMBGpISjXARNf5BozcPJgoSUQ78iScPXhAoJBw8qiRCOGBiGi7aCG3AeDAxViDdndllORCJVEz4k+m8z0Nnl+mm7W5LW77TfH/em9/M97037xthjuJ5Xt5au1lV+0RkNdALPBS7bwJlVb0oIsNRFA2Wy+XiTHO5rvtkGIaVSqXyT9UmzUD09/enyuXyNlX9CFg/x2c4LyIDPT09J4eGhiYSMPuAL4BrURStKZfLNwBMo9my2eyWUqk0qqrfzgMGYJ2qHi+VSn9ks9ktVaOIvBBfdjmOs7ZqT800S3d3d1s6nR4A3q9zRcCwiJy21o44jlPs6Oi4UalUWtvb21epahfwPLAV6AOceNxqERl0XffrMAx3qmotO6paezHTpszzvJWqOqiqzyTMt1X1cCqV+mpsbOzv2V5JVfL5/KNRFO0GtgPLE65fY31tDLQpCIKhaYE8z1tprf0FeCJhPhGG4a5KpXK1GZB6yWQyq1paWg4Dr0/nTwJNqaHu7u42VR1MwFgR2eP7/rb5wgBUKpWrvu+/KSJ7ATtb7JQaSqfTA4k0WeCdYrF4Yr4gUFtN/QCqCnAdWNkQKF4BtQIWkX0LAPMUk0t7VhGR2lszMLnPiMhAIuZEsVj88n5gAMIwvAJcaxB2LYqiP2pwALlc7t14nwG4HYbh4/dTM0np6enpFJGnHcdx6n1RFEWq+nt1U4Q4Zaq6vWpQ1UMLBQMQ3+znZuON53l5YF2sR6lU6uBCwcxHjLV2c0I/1+ymt1hiVLWvqojIDw8SBiAlImuqirV25EFAuK77DbBVRPakgMdqdKlUYalhurq62oH3AFT1c8O9wxXpdPrfpQZasWJFmFAfaXgeWmy5e/du8gNvDfBfwvnwUgNFUdSRUG8a4EpVm5iY8JYayBiTT6hlo6qjVU1E+qYZs6hird2QUP8yxpjhhOGVpQZS1VcT1+eMMeYMoLFtg+d5M55VFlpc1+0SkepnS4EzZmxsrACcj42Oqn66VEDAbu6dWoeDIAgMgIgcrUao6se5XK5nsUny+XwG+DBhOkKVrlgsfg9cih3LVPUATTaR8xSx1g4QdyIiMur7/qkaEJO91o7EgDdc192zWDSu6+5X1ddqdCI7YoZaE8f4+Hixs7NzFfBsbNrU0dFxaXx8/M+FhMlms2+LyBHiDKjqMd/3ayUz5dMRhuFO4LeqT0SOu667l4VJn7iuu19Evkvc9wKwa0pQ/ai42zzL1EbxlDHmk0KhcKU+vhmJF8mhZJqAiy0tLRsvX758fVagBNSPwHMJ8x0mV8IB3/cbdRLA5D4DfMZkK70s4brgOM7L051OZ0xFJpNZ3traelBVP6hzWWAEOG2MGbHWFtra2m4A3Lp1q9MY41lr+5jc9ddTVxaqegzYFQTBnenu27A2crnci6p6BFjdKHY2EZFREdlRKBR+mjWuyfmcXC73VvzDasMcxikwrKpHgyA4SYO+fi5ANent7XVF5CUR2Sgia1S1/pdeCbioqmeBM0EQBHOZ/3/379Ve53qFrQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.captcha-refresh-icon:hover {
    height: 27px;
    width: 27px !important;
    background-size: 99% !important;
    background: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABmJLR0QA/wD/AP+gvaeTAAAEeElEQVRYhcWYS2xVRRiAv38OlxuuPAQLmpOSnkeNEB+IifGJdkGAxLhhgUBcGFgYNIRoTHTlY2tUEiAhilEXRBtZGBORFI0LAQ0QojFaSz33nGPpgiAkSAFN653fRedyb28f4dLS/psz888/M9/M+eefh9CkxHHcbq1dq6qPicgyoA2Y54ovAX2q2mOMOWqM6UqSpNxM+3I9Rh0dHbP6+vqeUdUXgUeaGgH8KCK70zT9HKhUlUEQPCwiX6nq4TzPN183UBAE60RkF3BnQ9FZ4GfgDxG5CqCq84AYWAHc0WDfA+zIsuywa/d1EXkLsFmWeVWjWeOB+L5fKhaLu4CtdepzwD5jTGe5XP51ooFEUXSvqm4Etji4ZUBXFEXvDw4OvmSMMaoKYOrrjTlDcRwvUdVDqvqAU10WkfcKhcI7p0+fHpgIpFFaW1vnzJ49e5uqvgHMd+oTqnpKRLYBZFl2jWMUUBzHS6y13wN3OdVJz/PWJ0nS3wzIGO0utdbuB55oLKsHGjFdvu+XVPVQFUZEOoeGhp6cLAxAuVw+s2jRotWq+vFEdiN8qFgs7qr+JhHpTNN0M6CTAQmC4CGgA+DChQsYY3pV9SyjnX4kUBAE66g58MnBwcEtk4UBEJGDwG3VvHPkerH1GQPDccYtbYDLnuet7+/v/2eyMA7gcGOnDTCfjdKGYfhsGIYahqFGUfTmVIDcqFSd+gX3PVcoFN6dKRgAE8dxO7XtYF+zcWbKgVR1TTXjed7o/znNYqy1j7v02SRJumeUBpglIssBROQnpmCZ34hEUfSUqn4KfGCApQCqms4EjOt7DcP73HOG2uHq7xkEuuKS882EltMvaoDqMl8wgyC3uu8lA5wBEJFopmhEJHbJPqOq3QBul7+uM/ZU8wArXfp3Y4w55jK3x3F893TTBEGwAlgMoKpHjTGmCxd/rLWbphvIGLPRJRXoEoAwDH9geD8773lenCTJpemAiaJogaomQAtwNMuyVQZARPY4m5ZKpfLKdMAAWGtfczAAu6HmxF4Yhr8xfJa+YoxZXi6Xz9xMmDAM24BuoCQi3Wma3gdUqoGxAmx36VustV/6vl+6WTCtra1zgANACUBEtjuG2q0jy7JvgH0uu7JYLH7EzQkDUigUPgEeBFDVveVy+btqoVdvOXfu3G89z1sL+MA9CxcuXFYqlb4eGBgYmgoS3/dLLS0t+4ENTnUc2HTx4sX/rtE2Vmpvb19cqVSOULsonhKR9Wma9k0GxvnMF9SCYE+hUFjV29t7vt5uzF/ioA7iphW4Cuz0PO/tZkNCFEULrLWvisgOnM8Axz3PezpJkr8a7cf1EXcn36mqz9epz6vqhyLSmWXZL4x/oJMgCFYYYzaq6lZqSxtV3Qu8nOf5v2NWnHh8EEXRalXdzfDrRb2cY/g5JhGRAQBr7Xy3Ud4PLBnRkUi3iGyvd+AbAnLiRVG0wT1YPdpEPQWOqeqePM8PMP6FsWmga9LW1haKyBoRWSUiy1W18UnvT6BHVY8AXXme5820/z8MHaK28hsneQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.captcha-audio-small {
    height: 27px;
    width: 27px !important;
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAABmJLR0QA/wD/AP+gvaeTAAACqklEQVRIicWVT4hNURzHP+fMe2aaQUIs5M09792VK6OGiGykycJCyEZZyRYLQikSCxvDUpLEQiLJAo1MJprUFGoW6s2cboZ6YvzrNnGdcyycN700Zu7znnw353e/93vO55xz7+nA30s00Lc+kFLqslLKKaXO19253g5KqVPAUf/4Q2udnyoXBMETIUQ+TdPNY2Nj41Vf1gnbXQMDyP0pK6VsA1bn8/k73d3dk5PKDFRKbQAuZM0bY3YA74H14+Pjx+oChmFYAm4BrVmBcRxra+1OwAGHCoVCMQtQBkGwxhhzD1g4EyQIgidKqcEoimZ56CMhxG2gNZfLHQT/DUql0lJr7VmgB5iTdRW/SwgxF1ieJMl+4AyAc+4EsNU5tyuKon3Sw54D2xuBeeAB3x6Jomg2gNb6BfASmJMkyTrpVza/EVBVo6OjfcBjYF6SJLtqJnLflz2SX9vYTF30kC013gCAlHKlpMFt/F0tLS2PfLm26hlj3vpycV0HP4vK5fIb4DuwoPq3GmMq/wzoJQDa2tqcbwWAc841HRiG4RIgD3wYGhpKAdI0XQQghHgnga/NBBpjNvpysOpJKZf4siKFEA+bCQT2ADjn7tZ4GwCstc+lc+4w8LEZpGKxuMkP/mliYuJqzavq0XsgtdavpJRdwA3gSyNAa22vL09XKpUEQCnVBawAvnZ0dDzNAYyMjLwGdk4xhlRKrQKuAWEG5mdgsL29/VzVEEIcd84J59zV4eHh75lu/DAMS8aYQaa4MbTWfxyjVCpttNb2Ad+stcviONaZjkW5XB4BtgHfsuQBOjs7lbX2OiCEEGfiONZQx42vtR4A9mbNSylv8mtHBgqFwslJP+sAHnoFOF1j/ZgmngDP0jTd2t/fP11uRokgCC4ppVyxWOydMf2/9RM01OxkFtnANQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.captcha-audio-small:hover {
    height: 27px;
    width: 27px !important;
    background: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAABmJLR0QA/wD/AP+gvaeTAAADFElEQVRIibWVT2hcRRzHPzNvV0NiTbA2ItXNvp13chdbjIKoVaglKHgoKL30quhF1EOlPRRaBA+9+OemeFIvooKKXkpDgjUYhKDFBhT27cuj28oGDanlEexz5uehs2VZdje7Gr+X+fF9v9/vM29m3puAf6EoivZMTk6enpqamtjc3PxllNrCqDBjzLS1dh6oKaVeAKZ65ZXL5SWlVDHP86eazeZG29ejwpxz80DNW5P9crXWY8BDxWLxq9nZ2eLIwC7Yxe3yrbXPAb8Dj25sbJwcCdgN01o/uV1NmqaJc+4IIMDrpVKpMgxQVSqVB0VkoRMWx/F6r+RyubwUhuFytVq9xUMXlFJfALcWCoVj4A+NMeZe59xbwBywq7OJiLTDn7XWh/rBAJRStwO1LMteBc74+tPAYRE5Wq1WX9Ee9hPwbDfM6wrwbhAEjw2CeeBrfjxRrVZvA0iS5AJwAdiVZdkjBf9mdwDf5Hn+YrPZvDyo6SA1Go1zYRh+CzyeZdlR4D0/gbMish+Y09xYRoIgeOm/wDr0gYc80+GdB9Ba79f4ZazX680dgBEEwYIPH2571torPrxrpA9/GNXr9cvAdWB3+7Raa1v/G9BLAYyNjYkfFYCIyI4DoyjaCxSBP1ZWVnKAPM+nAZRS6xq45hPv2QmgtfagD5fbntZ6rw9bWik1D+Cce3+HoM8DiMjXHd4B7/1YEJHjwBMi8rS19lIYht0NfgM+U0qdbDQaVweRKpXKIRE5AGxubW193PFozgPP6iRJftVa7wM+Bf7s0edu4GUR+c4YMz0I6Jx724dvtlqtDCAMw33A/cC1iYmJ7wsAcRxfAo706KGMMQ+IyIciUnPOzRtj+v68gavA8vj4+Ds3Gyh1SkQU8NHq6up1NWjGbfW6npxzLYAkSfr2MMYcdM6dA/5yzt2Xpmky1GcRx/G6vwMvAjUPH6iZmZnQOfcJoJRSZ9I0TWCEG78bul2+1vpz4E7gfKlUeuOmPyywBxRu7Fk/ZcAPeZ4fXlxc/LttDrWH3YqiaI+19piILK2trX05Su0/mk1XgSgnbaEAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}

.verifying-modal{
    display: none;
}

label.required::after, #captchaControlChallengeCode_label::after{
    content:"*";
    padding-left: 6px;
    color: red;
}

#captchaControlChallengeCode-apierror.show.error{
    display: block !important;
}

#simplemodal-overlay, #simplemodal-container{
    display:none !important;
}
/* Hide Edge / IE reveal and clear controls */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none !important;
}

#localAccountForm .intro,
#codeVerification .actionLabel{
    display: none !important;
}

