.framePage { background-color:transparent; min-width:0; }
.framePage body { background-color:transparent; min-width:0; }
.framePage #BannerRegion { display:none; }
.framePage .page.pageWidthSmall { background-color:transparent; max-width:768px; width:100%; }
.framePage #passwordForm { min-height:300px }
.framePage .userCardWrp { min-height: 75px; } /* Need enough height to show the typeahead for choosing duplicate user */
.framePage .mfaShieldIcon { height: 0px; position: absolute; right:8px; top: 3px; transform: scale(.25); width: 40px; }
.framePage .mfaShieldIcon svg g path { fill: #aaa }
.framePage .mfaShieldIcon.blue svg g path { fill: #0079A3 }
.framePage .autocompleteResult:hover .mfaShieldIcon svg g path { fill: rgb(24, 26, 28); }
#selectUserResultCon { max-height: 145px; overflow-x: hidden; overflow-y: auto; }

/* FED Standard overrides specific to frame pages */
.framePage.ignoreStandards { padding-left:5px; }
.framePage.ignoreStandards .form label:not(.ancBtn) { padding-bottom:7px !important; display:inline-block; }
.framePage.ignoreStandards .ancGrid { margin-left:0 !important; }
.framePage.ignoreStandards .ancCol ~ .ancColRow,
.framePage.ignoreStandards .ancCol ~ .ancColRow ~ .ancCol { margin-top:18px !important; }
.framePage.ignoreStandards .ancCol ~ .ancColRow.formFooter,
.framePage.ignoreStandards .ancCol ~ .ancColRow.formFooter ~ .ancCol { margin-top:28px !important; }
.framePage.ignoreStandards .ancBtn.lrg { font-size:20px; padding:6px 24px 6px !important; }
.framePage.ignoreStandards .ancBtn.lrg.loading { padding:6px 14px 6px 44px !important; }
.framePage.ignoreStandards .formFooter a { vertical-align:top; }
.framePage.ignoreStandards .link { color:#0079a3; }
.framePage.ignoreStandards .link:active,
.framePage.ignoreStandards .link:hover,
.framePage.ignoreStandards .link:focus { color:#005c7d; }
.framePage.ignoreStandards .link.disabled { pointer-events:none; cursor:default; text-decoration:none; color:#777777; }
.framePage.ignoreStandards .iconSuccess { color:#9cbe30; font:14px "ancestry-icon"; margin-left:8px; }
.framePage.ignoreStandards .iconError { color:#c14139; font:14px "ancestry-icon"; margin-left:8px; }
.framePage.ignoreStandards .iconSuccess::before { top:0px !important; }
.framePage.ignoreStandards .iconError::before { top:0px !important; }
.framePage.ignoreStandards .card { border:none; }

.framePage.hideValidationErrors .errorMessage { height:1px !important; line-height:2em; margin:-1px; opacity:0; overflow:hidden !important; pointer-events:none; position:absolute !important; width:1px !important; }
.framePage.hideValidationErrors .errorMessage:focus{ background-color:#fff; padding:10px; position:absolute !important; z-index:1 }

.framePage#indexPage {}
.framePage#indexPage #forgotPassword { margin-left:8px; }
.framePage#indexPage #fbSignInBtn { background-color:#3b5998; font-size:22px; padding:0 40px 0 0 !important; }
.framePage#indexPage #fbSignInBtn:not(:active):not(.active):hover { background-color:#2f4779; }

.framePage#indexCommercePage {}
.framePage#indexCommercePage #forgotPasswordWrp { padding-left:4px; }
.framePage#indexCommercePage #forgotPassword { padding-left:4px; }

.framePage#mfaPage #mfaCodeResend { margin-left:8px; }
.framePage#mfaPage #mfaCancelLink { margin-left:8px; }

.framePage#mfaPage #recoveryCode { text-transform: uppercase; }
.framePage#mfaPage #recoveryCode::placeholder { text-transform: none; }
.framePage#mfaPage #recoveryCode::-webkit-placeholder { text-transform: none; }

.framePage#passwordResetPage #resetTokenResend { margin-left:8px; }

@media only screen and (max-width : 1005px) {
}

@media only screen and (max-width : 767px) {
.framePage#indexCommercePage #forgotPasswordWrp { margin-top:0; }
}

@media only screen and (max-width : 479px) {
}
