﻿html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.15;
    color: white;
    text-align: left;
    background-color: transparent;
    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: #ea002a
}

a:hover {
    cursor: pointer;
    color: #ea002a;
}

body {
    color: #ea002a;
}

.fd-form-item.ids-input-group {
    text-align: left;
}

[dir="rtl"] .fd-form-item.ids-input-group {
    text-align: right;
}

.ids-main .ids-main__content {
    background: white;
    text-align: center;
}

.ids-main .ids-main__content .iam-container__header {
    margin-bottom: 0rem !important;
}

.ids-main .ids-main__content .iam-container__footer {
    background: #2478a000;
}

.fn-button--emphasized .fn-button__text {
    color: white;
}

.fn-button:hover .fn-button__text {
    color: white;
}

.fn-button:active .fn-button__text {
    color: white;
}

.fn-button:focus .fn-button__text {
    color: white !important;
}

.fn-button:hover:active .fn-button__text {
    color: white;
}

.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: #ea002a;
}

.ids-social-buttons .fd-text {
    color: #ea002a;
}

.ids-social-buttons .fd-text:hover {
    color: #ea002a;
}

.fd-illustrated-message__text {
    color: #ea002a !important;
}

.ids-main .ids-main__content .iam-container__header .iam-container__title h1 {
    margin-top: 4rem;
}

.ids-footer .ids-footer__links {
    background: #ea002a;
}

#forgotPasswordLink {
    font-weight: normal !important;
}

#forgotPasswordLink:hover {
    color: #ea002a;
}

.fn-label {
    color: #ea002a;
}

.fd-input-group {
    border-radius: 0.375rem;
}

.fn-input__text-field {
    border-radius: 0.375rem;
    background: #767d8045;
    color: black;
}

#j_username, #j_password {
    font-size: 14px;
}

#test-service-provider-name {
    font-size: 18px;
    color: black;
}

.fn-checkbox__label {
    color: #ea002a;
}

.ids-login-login--border {
    border: none;
}

.ids-button-group {
    padding: 0 !important;
    width: 100%;
}

#touAccept-label, #pdAccept {
    color: #ea002a;
}

.ids-heading-1--login, .ids-heading-1 {
    font-size: 22px;
    color: black;
}

[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;
}

.fn-button--emphasized {
    background: #ea002a;
    width: 100%;
}

.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: #ea002a;
}

.fn-segmented-button {
    background: #ea002a !important;
}

.ids-button-group.ids-button-group--cente#ea002a .ids-button.fn-button.fn-button--layout {
    background: transparent;
}

.ids-button-group--cente#ea002a .ids-button:hover {
    background: #ea002a;
}

.ids-login-section {
    padding: 0;
}

#test-standard-choice .fn-button__text,
#test-biometric-choice .fn-button__text,
#test-social-choice .fn-button__text {
    color: #ea002a;
}

.iam-container__title .ids-heading-1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

[data-page="ids-two_factor/logon"] .fn-fieldset {
    color: black;
}

[data-page="ids-two_factor/logon"] .ids-label-container p {
    color: #ea002a;
}

.fn-message-strip__text,
a#securityQuestionsLink,
a#passwordResetPinLink {
    color: black;
}

p.fd-text, p.fn-title.fn-title--h4 {
    color: #ea002a;
}

.fn-message-strip .fn-message-strip__text #ids-p  {
    margin-top: 0rem;
}

a#securityQuestionsLink:hover,
a#passwordResetPinLink:hover {
    color: #ea002a;
}

[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:hover,
#returnToForgotPasswordFormBack:hover {
    background: #ea002a;
}

#ids-p {
    font-size: 13px;
    margin-top: 4rem;
}

.ids-requi#ea002a-marker {
    color: #3E83F2;
}

.fd-illustrated-message .fd-illustrated-message__title {
    color: #ea002a;
}

.ids-heading-fieldset {
    color: #ea002a !important;
    text-align: center;
}

#contactPrefSection p {
    color: #ea002a;
}

#sapStoreRegisterFormBack .fn-button--layout .fn-button__text {
    color: #ea002a;
}

#registerLink {
    background: none;
}

#registerLink:hover {
    background: none;
}

.iam-options-container .iam-verify-options__info {
    color: black;
}

#logOnFormSubmit {
    background: #767d8045;
    border-bottom: #2a4056 2px solid;
}

#logOnFormSubmit .fn-button__text {
    font-weight: normal !important;
    color: #2a4056 !important; 
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
    -moz-transition: box-shadow 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out;
    -webkit-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
    -moz-box-shadow: 0px 0px 3px #ea002a;
    -webkit-box-shadow: 0px 0px 3px #ea002a;
    box-shadow: 0px 0px 3px #ea002a;
    border: 1px solid #ea002a;
    background-color: #fff
  }

  .iam-container__body {
    padding-bottom: none;
  }

  #rememberme-label{
    color: #354a5f;
  }