html {
  background-color: #ffffff;
  font: 500 100%/1.5 "Sofia Pro", Arial, Helvetica, sans-serif;
  color: #00385A;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.ids-main {
  background-color: transparent;
}

.ids-container {
  padding: 2em;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
}

.ids-label {
  color: inherit;
}

.ids-login-sp,
.ids-login-login {
  float: none;
  width: 100%;
  border: 0;
  padding: 0;
}

.ids-login-sp {
  font-size: 2rem;
}
.ids-login-sp__logo {
    text-align: left;
    margin-bottom: 0.5em;
}
.ids-heading-1{
  margin-bottom:1rem;
}

.ids-heading-2 {
  text-align: left;
  color: #00385A;
  margin-bottom: 1.2em;
  font-size: 1em;
  line-height: 1em;
}

.ids-input-group--login input[type="text"],
.ids-input-group--login input[type="password"],
.ids-input-group--login input[type="email"] {
  padding: 16px;
  border: 1px solid #D2E0E6;
  border-radius: 16px;
  margin-top: 8px;
}

/*
.ids-input-group--user .ids-label-container{
	display: none;
}*/

.ids-tfa-otp-step-1:before {
  background: linear-gradient(#43a6f5, #2196f3);
  border: 1px solid #e0e0e0;
}
.ids-tfa-otp-step-2:before {
  background: linear-gradient(#43a6f5, #2196f3);
  border: 1px solid #e0e0e0;
}

.ids-button, a.ids-button, a.ids-button:visited {
  background: #00385A;
  color:#ffffff;
  border-radius: 16px;
}
.ids-button,
.ids-button--primary {
  background: #00385A;
  border: 0px none;
  border-radius: 16px;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
}

.ids-button-group--centered .ids-button,
.ids-button-group--centered .ids-button--primary {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.ids-footer__inner {
  max-width: 720px;
  margin: 0 auto;
  padding-top: 0.3125rem;
  border: 0px none;
}
.ids-footer {
  display:none;
}
.ids-container {
  margin-top: 0px;
  background-color: #ffffff;
}

a {
  color: #00385A;
}

a:visited {
  color: #00385A;
}
a:hover {
  color: #0073aa;
}
.sapMMessagePageContentWrapper{
 background-color:#ffffff;
 padding:2em;
 color:#00385A;
}
.ids-input-reveal{
 top: 40%;
}
@media only screen and (max-width: 860px) {
  .ids-input-group--user {
    margin-bottom: 1.125rem;
  }
  .ids-login-sp__logo{
   float: left;
   max-width: 40px;
   margin-right: 1rem;
  }
  .ids-login-sp{
    float: left;
    max-width: 40px;
  }
  .ids-login-login{
    float: left;
    max-width: 86%;
  }
}
@media only screen and (min-width: 1000px) {
  /*html {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4zLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFhZ18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE3MS4xIDQ0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcxLjEgNDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowLjQ7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KPC9zdHlsZT4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGcgaWQ9IlZpc3VhbC1kZXNpZ24iPg0KCTxnIGlkPSJWRC0tLUhvbWUtX3gyOF9zZWFyY2gtdHlwaW5nX3gyOV8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjEuMDAwMDAwLCAtMTE0LjAwMDAwMCkiPg0KCQk8cGF0aCBpZD0iRmlsbC0xIiBjbGFzcz0ic3QwIiBkPSJNMzg1LjYsNTE0Yy0xMi4zLDAtMTYsOC0xMy43LDE3LjljLTcuOS0yLjMtMTUuNCwyLTE0LjMsMTIuMmMtNy45LTMuOC0xMy41LTItMTQuNCw3DQoJCQljMC4xLTEtNS45LTUuOC0xMC44LTAuNmMtMC45LDAuOS0xLjIsMi0xLjcsMy4xYy0yMy4yLDMtNDYuNi02LTU2LjUtMjcuN2MtNi43LTE0LjYtMy42LTMyLjgsMTAuNi00Mi40DQoJCQljNi4zLTQuNCwxMy4xLTQuOSwyMC4xLTMuMmMxMCwyLjMsMTYuOCwxMy4zLDEzLDIzLjFjLTIuNyw3LTExLDExLjQtMTcuMSw1LjljLTUuOS01LjMtMy42LTE0LjMsMy4xLTE4LjcNCgkJCWMtMTIuMS03LjItMjUuOCw3LjQtMjMuMiwyMC4xYzEuNyw4LjMsNS4yLDE1LjEsMTIuMSwyMC4yYzI2LjQsMTkuMyw2NSw2LjQsNzEuMy0yNy40YzQuNS0yNC40LTEwLjItNDIuOS0yNy45LTU2LjYNCgkJCWMtMzUuOS0yNy43LTc1LTQyLTEwMS41LTgxLjhjLTIzLjItMzQuOS0xNS4zLTc4LjksMTcuMi0xMDVjMjUuOS0yMC43LDUxLTI4LjgsNzQuMy01My4xbDAuNi0wLjZjMi40LTIuMSwzLjEtNS45LDAuOC03LjUNCgkJCWMtMC4zLTAuMi0wLjctMC4xLTEtMC4ybC0wLjksMC4zYy0zLjMsMS4yLTcuOSw1LjItMTEuOCw3LjhjLTMuNCwyLjQtNi42LDUtMTAuNyw1LjhjLTkuMiwyLjUtMTMuMi0yLjgtMjAuMi0xMC43DQoJCQljLTAuMS0wLjEtMC45LTAuNC0xLjEtMC4xYy0xNS4zLDEzLjEtMjcuOCwyNi40LTQ0LjksMjFjLTYuOC0yLjItMTkuNS0xOC4xLTkuNC0yMC42bDEtMC40YzE3LjQtMiwzMi45LTcsNDIuMi0xOWwxLjEtMi4xDQoJCQljLTAuNS0zLjcsMC45LDEuOC0zLjktMTMuMWMtMy4yLTEwLTMuMS0yNi44LDEyLjEtMzIuMmMxNi01LjcsMjkuNS01LjQsMzguOC0yMS4yYzIuOCw0LjIsNy42LDEwLjIsMTEuMywxMS40DQoJCQljOC4xLDIuNywxNS4xLTEuMiwxOS03LjhjMC45LDE0LjEsMTkuMSwxNi40LDI3LDExLjZjLTUuOSwxMS40LDAuNSwyNi4xLDEzLjUsMjYuM2MtNS45LDYtMTIuNSwxMy03LjcsMjIuNA0KCQkJYzIuMSw0LjEsNS44LDcuMSw5LjYsOS40Yy0xNC4zLDQuNC0xMy43LDE4LjUtNi4yLDI5LjJjLTctMC41LTEyLjIsNC4yLTE0LjYsMTAuNmMtMiw1LjQtMC4yLDEwLjksMS45LDE1LjMNCgkJCWMtNS43LDAuNC0xMS4yLDIuMS0xNC4zLDcuNGMtMy4yLDUuNi0xLjgsMTAuMy0wLjQsMTYuNWMtMTIuOS0yLjUtMjEuMSwxMi4yLTE0LjYsMjMuOGMtNi4yLDAuNy0xMi42LDMuNS0xNC40LDkuNg0KCQkJYy0xLjksNi43LDQuMiwxNS41LDYuNCwxNi45Yy03LjcsMi41LTEyLjgsMTMuOS05LjUsMjBsMC40LDAuOWMxLjksNC4xLDcuMiw3LjksMTEuNyw4Yy0zLjIsMC03LDExLTMuNywxNg0KCQkJYzUuMSw2LjksNy40LDUuNywxMS44LDcuNGMtMi41LDQuMi0yLjgsNi45LTMuMyw5LjdjLTAuMyw5LjEsNy44LDEyLjgsMTUuMSwxMy45Yy0yLjMsNS4zLTQuNiwxMC4xLTEuOSwxNS40DQoJCQljMyw2LDkuMiw4LjEsMTUuNCw4LjVjLTAuNCw0LjEtMy40LDcuNS0yLjIsMTEuOWMyLjIsNy4yLDguMSwxMC44LDE0LjUsMTEuOWMtMiw1LjItNS4xLDkuOS0zLjEsMTUuM2MxLjcsNC4yLDYuMSw4LjcsMTEuNSw4LjgNCgkJCWMtNy42LDYuOC0xMS4yLDE3LjksMC4zLDI1LjljLTMuMiwyLjEtNy4zLDUuNi04LjIsOC43QzM4Mi43LDUwMi45LDM4MS45LDUwNy40LDM4NS42LDUxNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
    background-repeat: no-repeat;
    background-position: right center;
    background-attachment: fixed;
    background-size: 24% 70%;
    background-position-x: 108%;
  }*/
  .ids-footer {
   display:none;
  }
  .ids-container {
    margin-top: 1em;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .ids-button-group--centered .ids-button,
 .ids-button-group--centered .ids-button--primary {
  width: 80%;
  margin-left:auto;
  margin-right:auto;
 }
  .ids-login-sp__logo{
   float: none;
   max-width: 100%;
  }
  .ids-login-sp{
    float: left;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1340px) {
  .ids-container {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .ids-footer {
    display: none;
  }
}