#eauth-sdk-login-dialog-background:before{
  content:'';
  display:inline-block;
  vertical-align:middle;
  height:0%;
}
#eauth-sdk-login-dialog-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-login-user:disabled  {
  background-color: #DDD;
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}


#eauth-sdk-login-password:disabled  {
  background-color: #DDD;
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
  border-radius: 6px;
}

#eauth-sdk-login-password:enabled  {
  border-radius: 6px;
  border: 0.5px solid #CDCDCD;
  font-weight: bold;
}

#eauth-sdk-2fa-dialog-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-2fa-dialog-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-doi-dialog-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-doi-dialog-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-unregistered-dialog-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-unregistered-dialog-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-2fa-code:disabled  {
  background-color: #DDD;
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
#eauth-sdk-2fa-fail-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-2fa-fail-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-2fa-fail-submit:disabled  {
  background-color: #D40511;
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
#eauth-sdk-2fa-activation-background:before{
  content:'';
  display:inline-block;
  height:0%; /* this view is a lot bigger and needs a smaller vertical offset */
  vertical-align:middle;
}
#eauth-sdk-2fa-activation-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-2fa-activation-info-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-2fa-activation-info-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-registration-required-background:before{
  content:'';
  display:inline-block;
  height:20%;
  vertical-align:middle;
}
#eauth-sdk-registration-required-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-passwordreset-prompt-background:before, #eauth-sdk-passwordreset-info-background:before {
  content:'';
  display:inline-block;
  height:10%;
  vertical-align:middle;
}
#eauth-sdk-passwordreset-prompt-background, #eauth-sdk-passwordreset-info-background {
  background-color: rgba(0, 0, 0, 0.5);
}
#eauth-sdk-passwordreset-prompt-email:disabled  {
  background-color: #DDD;
  -webkit-transition: background-color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}

#eauth-sdk-login-user, #eauth-sdk-passwordreset-prompt-email, #eauth-sdk-2fa-code {
  padding-left:10px; padding-right:10px}
#eauth-sdk-login-password{
  padding-left:10px; padding-right:35px}
#eauth-sdk-passwordreset-prompt-abort {
  text-align: center;
}
a {
  color: #d40511;
  text-decoration: none;
}
#eauth-sdk-login-rememberme-info {
  margin-left: 8px;
  margin-top: 2px;
}
.dhl.redesign .btn-eauth {
  width: 100%;
  text-align: center;
  font-weight: 500 !important;
  display: block;
  border-radius: 4px;
}

.dhl.redesign .btn-primary.disabled:hover {
  color: white;
  cursor: pointer;
  background-color: #d40511;
}

@media (min-width: 480px) {
  .pull-right-xs {
    float: right;
  }
}
@media (min-width: 480px) {
  .pull-left-xs {
    float: left;
  }
}
.dhl.redesign .has-feedback .eauth-sdk-form-icon {
  top: 9px;
  bottom: 5px;
}
.dhl.redesign .has-error .eauth-sdk-form-icon {
  top: 9px;
  bottom: 5px;
}
.dhl.redesign .has-error .eauth-sdk-help-block::before {
  content: unset;
}
ul.erkennen-list-styled  {
  padding-left: 2rem;
  margin: 0;
  list-style: none;
}
ul.erkennen-list-styled > li {
  margin: 1rem 0 0 .5rem;
  position: relative;
}
ul.erkennen-list-styled > li::before {
  content: '';
  position: absolute;
  top: -0.25rem;
  left: -3.75rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
}

.erkennen-main-app {
  height: fit-content !important;
  height: -moz-max-content !important;
}

.erkennen-main {
  height: fit-content !important;
  height: -moz-max-content !important;
}


#eauth-sdk-unregistered-header {
  display:inline-block;
  margin-right: 5px;
}

#eauth-sdk-registration-required-header {
  display:inline-block;
  margin-right: 30px;
  padding-bottom: 0;
}

ul.erkennen-list-styled > li:first-child {
  margin-top: 0;
}
li > ul.erkennen-list-styled > li:first-child {
  margin-top: 1rem;
}

ul.erkennen-list-styled.erkennen-list-checkmark  {
  padding-left: 0;
  list-style: none;
}

.erkennen-list-checkmark-app{
height: 2.8rem;
}

ul.erkennen-list-styled.erkennen-list-checkmark > li {
  margin-left: 0;
  padding: 0 0 0 3.25rem;
  line-height: 21px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMFMyIDE3LjUxNCAyIDEyIDYuNDg2IDIgMTIgMnptMC0yQzUuMzczIDAgMCA1LjM3MyAwIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyUzE4LjYyNyAwIDEyIDB6bTYuMjUgOC44OTFsLTEuNDIxLTEuNDA5LTYuMTA1IDYuMjE4LTMuMDc4LTIuOTM3LTEuMzk2IDEuNDM2IDQuNSA0LjMxOSA3LjUtNy42Mjd6JyBmaWxsPScjNENBRjUwJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=") 0 2px no-repeat;
  font-size: 14px;
}

@media(max-width: 767px){
  .erkennen-list-checkmark  {padding-bottom: 0.6rem !important;}
  ul.erkennen-list-styled > li {padding-top: 0.4rem !important;}
  .erkennen-divider-top {margin-top: 6px;}
  .erkennen-divider-left {border-left-style: none;}
  #eauth-sdk-registration-container{ border-left-width: 0}
  .erkennen-content {font-size: 14px;}
  #eauth-sdk-registration-container:not(.hidden) {
    padding-top: 2rem;
    padding-left: 2.6rem;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #ddd;
  }
  .erkennen button.erkennen-close {
    right: 14px;
    top: 5px;
  }

  #eauth-sdk-login-dialog-content a[href],
  #eauth-sdk-2fa-activation-appcontent a[href],
  #eauth-sdk-2fa-activation-info-appcontent a[href],
  #eauth-sdk-2fa-prompt-appcontent a[href],
  #eauth-sdk-doi-prompt-appcontent a[href],
  #eauth-sdk-unregistered-prompt-appcontent a[href],
  #eauth-sdk-2fa-fail-appcontent a[href],
  #eauth-sdk-registration-required-appcontent a[href],
  #eauth-sdk-passwordreset-prompt-appcontent a[href],
  #eauth-sdk-passwordreset-info-appcontent a[href]
  {font-size: 14px}
}

@media(min-width: 768px){
 #eauth-sdk-registration-form {
   margin-top: 0;
 }
}


.eye-placeholder-button {
  position: absolute;
  right: 3px;
  top: 9px;
  background-color: #0000ff00 !important;
  border: none;
  outline: none;
}

.eye-lash-hidden{
  width: 20px;
  height: 20px;

  background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuNDgzMzMwOTQsMTMuNTEzNDY5NiBDMS42NzA5NjgwMiwxMi42MzQ4Njc5IDAuOTE4NTk0OTg3LDExLjYyNjI4ODEgMC4yNjM3MDU1LDEwLjQ2Mzk4NDIgTDAsOS45OTc4MTI4NyBMMC4yNjM3MDU1LDkuNTMxNjQxNTQgQzIuNjQ1ODAzNTIsNS4zMTIzNTM1NCA2LjE5NTIwNDU2LDIuODkwMjYyMjcgOS45OTgzMTI3OCwyLjg5MDI2MjI3IEMxMC45MTQ0MDgyLDIuODkwMjYyMjcgMTEuODE0MjU2MywzLjAzNzczNzM4IDEyLjY4OTEwODcsMy4zMDc2OTE4MyBMMTEuMTE5MzczNiw0Ljg3NjE3NzE1IEMxMC43NTA2ODU4LDQuODE3NDM3MDYgMTAuMzc1NzQ5MSw0Ljc4NjE5MjMzIDkuOTk4MzEyNzgsNC43ODYxOTIzMyBDNy4wMzM4MTMwNCw0Ljc4NjE5MjMzIDQuMjEwNTM5NDcsNi42NzcxMjMyNCAyLjE4NzEzMDkyLDkuOTk3ODEyODcgQzIuNjg0NTQ2OTgsMTAuODEzOTI1MiAzLjIzMTk1NDYxLDExLjU0MzgwMiAzLjgxNTYwNjEyLDEyLjE4MjQ0NDIgTDIuNDgzMzMwOTQsMTMuNTEzNDY5NiBaIE0xNy41MTQ0MTk0LDYuNDgyNzgxMDMgQzE4LjMyNjc4MjQsNy4zNTg4ODMxOSAxOS4wNzkxNTU0LDguMzY5OTYyNTcgMTkuNzM0MDQ0OSw5LjUzMjI2NjQzIEwxOS45OTY1MDA2LDkuOTk3MTg3OTcgTDE5LjczNDA0NDksMTAuNDY0NjA5MSBDMTcuMzUxOTQ2OSwxNC42ODUxNDY5IDEzLjgwMzc5NTYsMTcuMTA1OTg4NCA5Ljk5ODE4NzgxLDE3LjEwNTk4ODQgQzkuMDgzMzQyMTksMTcuMTA1OTg4NCA4LjE4MzQ5NDA0LDE2Ljk1NzI2MzUgNy4zMTExNDEyNCwxNi42ODczMDkgTDguODc4Mzc2NzcsMTUuMTIwMDczNSBDOS4yNDgzMTQzNSwxNS4xODAwNjM0IDkuNjIzMjUxMDgsMTUuMjEyNTU3OSA5Ljk5OTQzNzU5LDE1LjIxMjU1NzkgQzEyLjk2NTE4NzEsMTUuMjEyNTU3OSAxNS43ODg0NjA3LDEzLjMyMDM3NzIgMTcuODEwNjE5NSw5Ljk5NzE4Nzk3IEMxNy4zMTQ0NTMyLDkuMTgxMDc1NjkgMTYuNzY3MDQ1Niw4LjQ1MjQ0ODY1IDE2LjE4MzM5NDEsNy44MTUwNTYyMSBMMTcuNTE0NDE5NCw2LjQ4Mjc4MTAzIFogTTUuODkxNjMwNzksOS45OTg0Mzc3NiBDNS44OTE2MzA3OSw3LjczMzgxOTkyIDcuNzMzODE5OTIsNS44OTE2MzA3OSA5Ljk5ODQzNzc2LDUuODkxNjMwNzkgQzEwLjAzMjE4MjEsNS44OTE2MzA3OSAxMC4wNjM0MjY4LDUuOTAwMzc5MzEgMTAuMDk1OTIxMyw1LjkwMTYyOTEgTDUuOTAxNjI5MSwxMC4wOTU5MjEzIEM1LjkwMDM3OTMxLDEwLjA2MjE3NyA1Ljg5MTYzMDc5LDEwLjAzMDkzMjMgNS44OTE2MzA3OSw5Ljk5ODQzNzc2IFogTTkuOTk4NTYyNzQsMTQuMTA1MzY5NyBDOS45NjYwNjgyMywxNC4xMDUzNjk3IDkuOTMzNTczNzEsMTQuMDk2NjIxMiA5LjkwMTA3OTE5LDE0LjA5NDEyMTYgTDE0LjA5NDEyMTYsOS45MDEwNzkxOSBDMTQuMDk2NjIxMiw5LjkzMzU3MzcxIDE0LjEwNTM2OTcsOS45NjYwNjgyMyAxNC4xMDUzNjk3LDkuOTk4NTYyNzQgQzE0LjEwNTM2OTcsMTIuMjYwNjgxIDEyLjI2MzE4MDYsMTQuMTA1MzY5NyA5Ljk5ODU2Mjc0LDE0LjEwNTM2OTcgWiBNMC4wMDA4NzQ4NTIzNjksMTguNjQ4MTAzMSBMMTguNjUwMjI3OCwwIEwyMCwxLjM0OTc3MjIzIEwxLjM1MDY0NzA4LDE5Ljk5NjYyNTYgTDAuMDAwODc0ODUyMzY5LDE4LjY0ODEwMzEgWiIvPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+") no-repeat center center;
}

.eye-lash-visible{
  width: 20px;
  height: 20px;

  background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBkPSJNMTkuNzM3NSw5LjY0Mzc1IEwyMCwxMC4xMSBMMTkuNzM3NSwxMC41NzYyNSBDMTcuMzU1LDE0Ljc5NzUgMTMuODA2MjUsMTcuMjIgMTAsMTcuMjIgQzYuMTk2MjUsMTcuMjIgMi42NDc1LDE0Ljc5NzUgMC4yNjI1LDEwLjU3NjI1IEwwLDEwLjExIEwwLjI2MjUsOS42NDM3NSBDMi42NDYyNSw1LjQyMTI1IDYuMTk2MjUsMyAxMCwzIEMxMy44MDYyNSwzIDE3LjM1NSw1LjQyMTI1IDE5LjczNzUsOS42NDM3NSBaIE0xMCwxNS4zMjUgQzEyLjk2NjI1LDE1LjMyNSAxNS43OSwxMy40MzI1IDE3LjgxMjUsMTAuMTA4NzUgQzE1Ljc5MTI1LDYuNzg4NzUgMTIuOTY2MjUsNC44OTYyNSAxMCw0Ljg5NjI1IEM3LjAzNSw0Ljg5NjI1IDQuMjExMjUsNi43ODg3NSAyLjE4NzUsMTAuMTEgQzQuMjExMjUsMTMuNDMyNSA3LjAzNSwxNS4zMjUgMTAsMTUuMzI1IFogTTEwLDYuMDAyNSBDMTIuMjY1LDYuMDAyNSAxNC4xMDc1LDcuODQ1IDE0LjEwNzUsMTAuMTEgQzE0LjEwNzUsMTIuMzczNzUgMTIuMjY1LDE0LjIxNzUgMTAsMTQuMjE3NSBDNy43MzYyNSwxNC4yMTc1IDUuODkyNSwxMi4zNzUgNS44OTI1LDEwLjExIEM1Ljg5MjUsNy44NDUgNy43MzUsNi4wMDI1IDEwLDYuMDAyNSBaIE0xMCwxMi4zMjI1IEMxMS4yMiwxMi4zMjI1IDEyLjIxMjUsMTEuMzMgMTIuMjEyNSwxMC4xMSBDMTIuMjEyNSw4Ljg5IDExLjIyLDcuODk3NSAxMCw3Ljg5NzUgQzguNzgsNy44OTc1IDcuNzg3NSw4Ljg5IDcuNzg3NSwxMC4xMSBDNy43ODc1LDExLjMzIDguNzgsMTIuMzIyNSAxMCwxMi4zMjI1IFoiLz4KPC9zdmc+") no-repeat center center;
}

.erkennen-compact-vertical {
  padding-top: 0;
  padding-bottom: 0;
}
.erkennen-compact-bottom {
  padding-bottom: 0;
}
.erkennen-label-center {
  margin-top: 0.15rem;
}

.erkennen-main {
  background-color: #f5f5f5;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(50,50,50,0.2);
  -moz-box-shadow: 0px 8px 20px 0px rgba(50,50,50,0.2);
  box-shadow: 0px 8px 20px 0px rgba(50,50,50,0.2);
}

.erkennen-main-app {
  background-color: white;
}


.erkennen-main-side-paddings {
  padding-left: 0px;
  padding-right: 0px;
}

.erkennen-main-side-paddings-app {
  padding-left: 0;
  padding-right: 0;
}

@media(min-width: 576px) {
  .erkennen-main-side-paddings {
    padding: 16px;
  }
  #erkennen-dynamic-close-button {
    right: -1.6rem;
    top: -2.5rem;
  }
}

@media(min-width: 576px) and (max-width: 776px) {
  #erkennen-registration-required-close-button,
  #erkennen-doi-prompt-close-button,
  #erkennen-2fa-prompt-close-button,
  #erkennen-2fa-activation-info-close-button,
  #erkennen-unregistered-info-close-button,
  #erkennen-2fa-fail-close-button,
  #erkennen-passwordreset-info-close-button,
  #erkennen-passwordreset-prompt-close-button,
  #erkennen-credentials-defaultheader-close-button
  {
    right: -0.3rem;
    top: -1.3rem;
  }
}

.erkennen-divider-left {  padding-left: 15px;}

@media (max-width: 767px) {
  #eauth-sdk-registration-container:not(.hidden) {
    padding-left: 15px;
  }
}

@media(max-width: 575px){
  #erkennen-dynamic-close-button {
    right: -0.3rem;
    top: -1.3rem;
  }
}

.erkennen-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}

.erkennen-content.app {
  height: 100% !important;
}

.erkennen-subheader {
  font-weight: bold;
  padding-bottom: 1%;
}


.erkennen-link {
  font-weight:bold;
  color:#d40511
}


#eauth-sdk-main-container input::placeholder {
  text-overflow: ellipsis;
}
.erkennen-divider-top {
  border-top-style: solid;
  border-top-width: thin;
  border-top-color: #C8C8C8;
  border-top-style: solid;
  margin-left: 15px;
  margin-right: 15px;
}

.erkennen-divider-bottom {
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: #ddd;
}
.erkennen-divider-left {
  border-left-style: solid;
  border-left-width: thin;
  border-left-color: #ddd;
  padding-left: 1.73333em;
}
#eauth-sdk-login-form-group-recaptcha {
  transform-origin: 0 0;
  transform: scale(0.9);
  min-height: 68.4px;
}

@media(min-width: 768px) {
  #eauth-sdk-registration-container.erkennen-zero-space {
    height: 0;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .erkennen-content{  font-size: 15px;}
  #eauth-sdk-2fa-fail-submit{margin-bottom: 15px}
  #eauth-sdk-registration-required-form{margin-bottom: 25px}
}

#eauth-sdk-login-container {
  padding-bottom: 2rem;
}

.dhl.redesign.article .text-image.text-image__transparent {
  margin-bottom: 16px;
}


@media(min-width: 768px){

  #eauth-sdk-registration-form {
    margin-top: 0px;
    -webkit-margin-before: 0px;
  }

  .registration-padding {
    padding-right: 2.6rem !important;
  }
}

@media(min-width: 992px){
  #eauth-sdk-registration-form {
    margin-top: 0px;
    -webkit-margin-before: 0px;
  }
}


.erkennen .row {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
.erkennen-zero-space {
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.erkennen-half-size {
  width: 30%;
}
.erkennen-pull-down {
  padding-bottom: 1rem;
}
.erkennen-spacer-vertical {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.erkennen-spacer-horizontal {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.erkennen-spacer {
  padding: 1.5rem;
}

.erkennen-spacer-top {
  padding: 1.5rem;
  padding-bottom: 0rem;
}

.btn-white {
  border: 2px solid #ccc !important;
  color: #f10000 !important;
  background-color: #fff !important;
}

.btn-white:hover, .btn-white:active {
  border-color: #d40511 !important;
}

.erkennen button.erkennen-close svg {
  fill: #d40511 !important;
}
.erkennen button.erkennen-close:hover {
  background-color: inherit;
  opacity: 1;
}
.erkennen .col.erkennen-no-pad {
  padding-left: inherit;
  padding-right: inherit;
}
#erkennen-dynamic-close-button {
  transform: scale(0.8);
}
.erkennen button.erkennen-close {
  right: 0;
  background-color: transparent;
  position: absolute;
  transform: scale(0.8);
  transform-origin: center center 0;
  width: auto;
  height: auto;
  right: 12px;
  top: 4px;

  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  box-shadow: none;
  touch-action: manipulation;

  line-height: 44px;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace;
}

@media (min-width: 768px) {
  .erkennen button.erkennen-close {
    right: -2px;
    top: -10px;
  }
}


.erkennen-form-group {
  width: 100%;
  margin-bottom: 0rem;
  position: relative;
}

.dhl.redesign .erkennen .form-group:not(:last-child) {
  margin-right: 0;
}
.erkennen-view {
  top: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow-y: auto;
  z-index: 1000;
}
.erkennen .imagearea > img {
  width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
}

.input-dummy {
  border-radius: 4px;
  border: 1px solid #d1d1d1!important;
}


h5.zero-margin-h5 {
  margin:0px !important;
}

.erkennen-form-group-input-error {
  border-color: #D40511 !important;
}

.erkennen-form-group-input-normal {
  border: 1px solid #d1d1d1!important;
}

.erkennen-form-group-input-error:focus {
  border-color: #D40511 !important;
  outline: 1px !important;
}

.erkennen-form-group-input-normal:focus {
  border-color: #323232 !important;
  outline: 1px !important;
  color: #323232
}

.erkennen-rounded-textfield {
  border-radius: 4px !important;
  padding-left: 10px !important;
  height: 4.2rem !important;
  font-weight: bold;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: darkblue;
}



.dhl.redesign .form-control.textfield-single:focus  {
  border-color: #323232 !important;
  outline: 1px !important;
  color: #323232
}

.dhl.redesign .form-control.erkennen-rounded-textfield, .dhl.redesign .form-control.erkennen-rounded-textfield:invalid {
  display: block;
  width: 100%;
  height: 41px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.7;
  color: #323232;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-weight: 400 !important;
  padding-top: 15px;
}


.dhl.redesign .form-control.erkennen-rounded-textfield input[type="text"],
.dhl.redesign .form-control.erkennen-rounded-textfield input[type="email"],
.dhl.redesign .form-control.erkennen-rounded-textfield input[type="password"],
.dhl.redesign .form-control.erkennen-rounded-textfield input[type="search"],
.dhl.redesign .form-control.erkennen-rounded-textfield input[type="number"],
.dhl.redesign .form-control.erkennen-rounded-textfield input[type="tel"] {
  padding-top: 12px !important;
}



.floating-label {
  position: absolute;
  pointer-events: none;
  left: 10px;
  top:9px;
  font-size: 14px;
  font-weight: 600;
  color: #a9a9a9 ;
  transition: 0.2s ease all;
  white-space:nowrap;
  overflow: hidden;
  width: 90%;
}

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 0px;
  bottom: 0px;
  left: 10px;
  font-size: 11px;
  color: rgba(50,50,50,.5);
  opacity: 1;
  white-space:nowrap;
}



.erkennen-main-side-margins {
  padding-left: 15px;
  padding-right: 15px;
}

.eauth-sdk-appheader {
  display: flex;
  background-color: #FFFFFF;
  box-shadow: 0 0.3px 0 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0.3px 0 0 rgba(0,0,0,0.25);
  padding-top: 23.7px;

}
.eauth-sdk-appheader-title {
  color: rgba(0,0,0,0.9) !important;
}
.eauth-sdk-appheader-cancel {
  background: none !important;
  border: none;
}


#eauth-sdk-login-appheader,
#eauth-sdk-2fa-prompt-appheader,
#eauth-sdk-passwordreset-prompt-appheader,
#eauth-sdk-passwordreset-info-appheader,
#eauth-sdk-2fa-activation-appheader,
#eauth-sdk-2fa-activation-info-appheader,
#eauth-sdk-2fa-fail-appheader,
#eauth-sdk-doi-prompt-appheader,
#eauth-sdk-registration-required-appheader,
#eauth-sdk-unregistered-prompt-appheader
{position: fixed;
  top: 0;
  width: 100%;
  z-index: 1}

#eauth-sdk-login-appheader a,
#eauth-sdk-2fa-prompt-appheader a,
#eauth-sdk-passwordreset-prompt-appheader a,
#eauth-sdk-passwordreset-info-appheader a,
#eauth-sdk-2fa-activation-appheader a,
#eauth-sdk-2fa-activation-info-appheader a,
#eauth-sdk-2fa-fail-appheader a,
#eauth-sdk-doi-prompt-appheader a,
#eauth-sdk-registration-required-appheader a,
#eauth-sdk-unregistered-prompt-appheader a
{
  text-align:left;
  float:left;
  margin:0;
  color:#666666;
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
  padding-bottom: 12px;
}

#eauth-sdk-login-appheader span,
#eauth-sdk-2fa-prompt-appheader span,
#eauth-sdk-passwordreset-prompt-appheader span,
#eauth-sdk-passwordreset-info-appheader span,
#eauth-sdk-2fa-activation-appheader span,
#eauth-sdk-2fa-activation-info-appheader span,
#eauth-sdk-2fa-fail-appheader span,
#eauth-sdk-doi-prompt-appheader span,
#eauth-sdk-registration-required-appheader span,
#eauth-sdk-unregistered-prompt-appheader span
{
  text-align:center;
  margin:0;
  color: #d40511;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  padding-bottom: 14px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance:textfield;
}

#eauth-sdk-login-header {
  padding-bottom: 16px;
}

#eauth-sdk-2fa-activation-info-header,
#eauth-sdk-doi-header {
  padding-bottom: 0;
}

a#eauth-sdk-unregistered-link-base.web,
a#eauth-sdk-doi-link-base.web,
a#eauth-sdk-login-passwordreset.web,
a#eauth-sdk-passwordreset-prompt-abort.web,
#eauth-sdk-login-footer a.web
{
  text-decoration: underline;
}