html,
body {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.15;
    color: #475e75;
    text-align: left;
    background: #B6E7DD;
    font-family: "72", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 17px !important;
}

* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

a {
    text-decoration: underline;
    cursor: pointer;
    color: #2478a0;
}

a:hover {
    cursor: pointer;
    color: #1c5d7c;
}

body {
    color: #475e75;
}

.fd-form-item.ids-input-group {
    text-align: left;
}

[dir="rtl"] .fd-form-item.ids-input-group {
    text-align: right;
}

.ids-main {
    width: 100%;
    height: 100%;
    background: #B6E7DD;
}

.ids-main .ids-main__content {
    background: #F2F6F7;
    text-align: center;
    color: #475e75;
    border-radius: 1rem;
}

.ids-main .ids-main__content .iam-container__header {
    margin-bottom: 0rem !important;
}

.ids-main .ids-main__content .iam-container__footer {
    background: transparent;
}

.fn-button--emphasized .fn-button__text {
    color: #ffffff;
}

.fn-button:hover .fn-button__text {
    color: #ffffff;
}

.fn-button:active .fn-button__text {
    color: #ffffff;
}

.fn-button:focus .fn-button__text {
    color: #ffffff !important;
}

.fn-button:hover:active .fn-button__text {
    color: #ffffff;
}

.ids-social-buttons a {
    text-decoration: none;
}

.ids-social-buttons .fd-text {
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    line-height: 1.375rem;
    color: #475e75;
}

.ids-social-buttons .fd-text:hover {
    color: #2478a0;
}

.fd-illustrated-message__text {
    color: #475e75 !important;
}

.ids-main .ids-main__content .iam-container__header .iam-container__title h1 {
    margin-top: 4rem;
}

.ids-footer .ids-footer__links {
    background: #dfe7ec;
}

#forgotPasswordLink {
    font-weight: normal !important;
    color: #2478a0;
}

#forgotPasswordLink:hover {
    color: #1c5d7c;
}

.fn-label {
    color: #475e75;
}

.fd-input-group {
    border-radius: 0.375rem;
}

.fn-input__text-field {
    border-radius: 0.375rem;
    background: #ffffff;
    color: #475e75;
    border: 1px solid #c9d7df;
}

.fn-input__text-field:focus {
    background: #ffffff;
    border: 1px solid #057A8B;
}

#j_username,
#j_password {
    font-size: 14px;
}

#test-service-provider-name {
    font-size: 18px;
    color: #475e75;
}

.fn-checkbox__label {
    color: #475e75;
}

.ids-login-login--border {
    border: none;
}

.ids-button-group {
    padding: 0 !important;
    width: 100%;
}

#touAccept-label,
#pdAccept {
    color: #475e75;
}

.ids-heading-1--login,
.ids-heading-1 {
    font-size: 22px;
    color: #475e75;
}

[data-page="ids-login/logon"] .iam-container__subtitle,
[data-page="ids-login/conditional_logon"] .iam-container__subtitle,
[data-page="ids-registration/new"] .iam-container__subtitle,
[data-page="ids-registration/success"] .iam-container__subtitle,
[data-page="ids-login/conditional_initial"] .iam-container__subtitle {
    margin-top: -2rem;
    margin-bottom: 2rem;
    color: #475e75;
}

.fn-button--emphasized {
    background: #057A8B;
    width: 100%;
    border: none;
}

.ids-button.fn-button--emphasized.ids-button--primary.fn-button:hover,
.ids-button.fn-button--emphasized.ids-button--primary.fn-button:active,
.ids-button.fn-button--emphasized.ids-button--primary.fn-button:focus,
.ids-button.fn-button--emphasized.ids-button--primary.fn-button:focus:hover,
.ids-button.fn-button--emphasized.ids-button--primary.fn-button:focus:hover:active {
    background: #046776;
}

.fn-segmented-button {
    background: transparent !important;
    border: 1px solid #c9d7df;
}

.ids-button-group.ids-button-group--centered .ids-button.fn-button.fn-button--layout {
    background: transparent;
    border: none;
    box-shadow: none;
}

.ids-button-group--centered .ids-button:hover {
    background: transparent;
}

.ids-login-section {
    padding: 0;
}

#test-standard-choice .fn-button__text,
#test-biometric-choice .fn-button__text,
#test-social-choice .fn-button__text {
    color: #475e75;
}

.iam-container__title .ids-heading-1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

[data-page="ids-two_factor/logon"] .fn-fieldset {
    color: #475e75;
}

[data-page="ids-two_factor/logon"] .ids-label-container p {
    color: #475e75;
}

.fn-message-strip__text,
a#securityQuestionsLink,
a#passwordResetPinLink {
    color: #475e75;
}

p.fd-text,
p.fn-title.fn-title--h4 {
    color: #475e75;
}

.fn-message-strip .fn-message-strip__text #ids-p {
    margin-top: 0rem;
}

a#securityQuestionsLink:hover,
a#passwordResetPinLink:hover {
    color: #1c5d7c;
}

[data-iam-selected-section="login-standard"] .iam-selected-section-login-standard,
[data-iam-selected-section="login-biometric"] .iam-selected-section-login-biometric {
    width: 100%;
}

button.ids-button.fn-button.fn-button--layout,
button.ids-button.fn-button.fn-button--layout:hover,
button.ids-button.fn-button.fn-button--layout:focus,
button.ids-button.fn-button.fn-button--layout:active {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

#returnToSignIn,
a#returnToSignIn,
.ids-secondary-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #2478a0 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline !important;
    outline: none !important;
}

#returnToSignIn:hover,
#returnToSignIn:focus,
#returnToSignIn:active,
#returnToSignIn:focus-visible,
a#returnToSignIn:hover,
a#returnToSignIn:focus,
a#returnToSignIn:active,
a#returnToSignIn:focus-visible,
.ids-secondary-button:hover,
.ids-secondary-button:focus,
.ids-secondary-button:active,
.ids-secondary-button:focus-visible {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #1c5d7c !important;
    text-decoration: underline !important;
    transform: none !important;
}

#ids-p {
    font-size: 13px;
    margin-top: 4rem;
    color: #475e75;
}

.ids-required-marker {
    color: #3E83F2;
}

.fd-illustrated-message .fd-illustrated-message__title {
    color: #475e75;
}

.ids-heading-fieldset {
    color: #475e75 !important;
    text-align: center;
}

#contactPrefSection p {
    color: #475e75;
}

#sapStoreRegisterFormBack .fn-button--layout .fn-button__text {
    color: #475e75;
}

#registerLink {
    background: none;
    color: #2478a0;
}

#registerLink:hover {
    background: none;
    color: #1c5d7c;
}

.iam-options-container .iam-verify-options__info {
    color: #475e75;
}