html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.15;
    color: #1d2d3e;
    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;
}

.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 .iam-container__header {
    margin-bottom: 0rem !important;
}

.ids-main .ids-main__content .iam-container__footer {
    background: #2478a000;
}

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

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

.ids-footer .ids-footer__links {
    background: #5e9bb8;
}

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

.fn-input__text-field {
    border-radius: 0.375rem;
    background: #767d8045;
    color: #475e75;
}

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

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

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

[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;
}

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

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

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

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

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

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

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

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

#contactPrefSection p {
    color: #FFFFFF;
}

#registerLink {
    background: none;
}

#registerLink:hover {
    background: none;
}

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

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

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

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

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

.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: #FFFFFF;
}

.ids-social-buttons .fd-text {
    color: #FFFFFF;
}

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

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

.fn-segmented-button {
    background: #dadcdd !important;
}

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

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

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

button.ids-button.fn-button.fn-button--layout:hover,
#returnToForgotPasswordFormBack:hover {
    background: #dadcdd;
}

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

/* Custom =======================================

ENERCON-Colours:

	- Primary:
		#007A70		green
		#FF2B5E     red
			
	- Color Set:
		#33958D		green 80%
		#66AFA9		green 60%
		#99CAC6		green 40%
		#E6F2F1		green 20%

	- Secondary Colors:
		#11BE8C		bright green
		#1C4050		dark blue-grey
*/

#test-sp-logo-img {
	display: none;
}

.ids-main .ids-main__content {
    background: #FFF;
    text-align: center;
}

/* Links ------------------------------------- */

a {
    text-decoration: none;
    cursor: pointer;
    color: #11BE8C;
}

a:hover {
	text-decoration: underline;
    cursor: pointer;
    color: #11BE8C;
}

#forgotPasswordLink {
	text-decoration: none;
	font-weight: normal !important;
	color: #11BE8C;
}

#forgotPasswordLink:hover {
    text-decoration: underline;
}

a#securityQuestionsLink,
a#passwordResetPinLink {
    color: #11BE8C;
	text-decoration: none;
}

a#securityQuestionsLink:hover,
a#passwordResetPinLink:hover {
    color: #11BE8C;
	text-decoration: underline;
}

/* Labels ------------------------------------ */

.fn-label {
    color: #556b82;
}

.fn-checkbox__label {
    color: #556b82;
}

#touAccept-label, #pdAccept {
    color: #556b82;
}

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

/* Text -------------------------------------- */

body {
    color: #1d2d3e;
}

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

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

.fn-message-strip__text {
    color: #1d2d3e;
}

.ids-required-marker,
.ids-required-marker_visible {
    color: #FF2B5E;
}

/* Buttons ----------------------------------- */

.fn-button.fn-button--emphasized .fn-button__text,
.fn-button.fn-button--emphasized:hover .fn-button__text,
.fn-button.fn-button--emphasized:focus .fn-button__text {
    color: #FFF !important;
}

.fn-button.fn-button--emphasized:focus:active .fn-button__text,
.fn-button:hover:active .fn-button__text {
    color: #007A70 !important;
}

.fn-button.fn-button--emphasized {
    background: #007A70;
    width: 100%;
	box-shadow: 0 0 2px rgba(0,122,112,0.16),0 4px 8px rgba(0,122,112,0.16);
}

.fn-button.fn-button--emphasized:active,
.fn-button.fn-button--emphasized:active:focus,
.fn-button.fn-button--emphasized:active:focus:hover {
	border-color: #007A70 !important;
	border-radius: .5rem;
	border: .0625rem solid;
    background: #FFF !important;
	outline: #11BE8C .125rem solid !important;
}

.ids-button.fn-button--emphasized.ids-button--primary.fn-button:focus,
.fn-button.fn-button--emphasized:focus:active {
	outline: .125rem solid #ffffff;
	color: #FFF;
	background: #007A70;
	box-shadow: 0 0 2px rgba(0,97,89,0.16),0 4px 8px rgba(0,97,89,0.16);
}

.ids-button.fn-button--emphasized.ids-button--primary.fn-button:hover,
.ids-button.fn-button--emphasized.ids-button--primary.fn-button:focus:hover {
    color: #FFF;
	background: #006159;
	box-shadow: 0 0 2px rgba(0,97,89,0.16),0 4px 8px rgba(0,97,89,0.16);
}

.ids-secondary-button {
	color: #007A70;
	box-shadow: 0 0 2px rgba(0,97,89,0.16), 0 4px 8px rgba(0,97,89,0.16);
}

.ids-secondary-button:hover {
	color: #007A70;
}

.ids-secondary-button:focus {
	outline: #11BE8C .125rem solid;
}

.ids-secondary-button:active {
	background: #FFF;
	border-color: #007A70;
}	

/* Inputs ------------------------------------ */

input[type="text"]:focus,
input[type="password"]:focus {
	box-shadow: 0 0 0 0.125rem #11BE8C !important;
}

.fn-checkbox__input:checked ~ .fn-checkbox__checkmark {
	border-color: #11BE8C;
	background: #11BE8C;
}

.fn-checkbox:focus-within {
    outline: none;
    box-shadow: 0 0 0 0.125rem #11BE8C !important;
}