body {
  background: #fff !important;
  font-family: "PlutoSansDPD", Arial, sans-serif;
}

.card-pf {
  box-shadow: 1px 1px 10px -2px rgba(0, 0, 0, 0.75);
}

.pf-c-button.pf-m-primary {
  background: #dc0032;
  color: #fff;
  font-weight: normal;
  border: none;
  outline: none;
  padding: 15px 0;
}

.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:active,
.pf-c-button.pf-m-primary.active,
.pf-c-button.pf-m-primary:focus,
.pf-c-button.pf-m-primary.focus,
.pf-c-button.pf-m-primary:active:focus {
  background: #a90034;
  border: none;
  outline: none;
}

.pf-c-form__label {
  --pf-c-form__label--FontSize: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}

#kc-header-wrapper {
  font-size: 0;
}

#kc-header-wrapper::before {
  content: '';
  display: block;
  background: url('../img/dpd_logo.svg') no-repeat;
  width: 100px;
  height: 45px;
  margin: 0 auto;
}

#kc-page-title {
  margin-bottom: 30px;
}

a {
  color: #dc0032;
}

a:focus,
a:hover {
  color: #a90034 !important;
  outline: none;
}

.pf-c-form-control,
.pf-c-form-control:hover,
.pf-c-form-control:focus,
.pf-c-form-control:focus-visible {
  box-shadow: none;
  outline: none;
  font-size: 12px;
  --pf-c-form-control--BorderTopColor: #bbb;
  --pf-c-form-control--BorderRightColor: #bbb;
  --pf-c-form-control--BorderBottomColor: #bbb;
  --pf-c-form-control--BorderLeftColor: #bbb;
  --pf-c-form-control--BorderWidth: 1px;
  --pf-c-form-control--focus--BorderBottomWidth: 1px;
}

.has-error .pf-c-form-control, .alert-error {
  border-color: #dc0032;
}

.login-pf-page #kc-form-options {
  display: none;
}

#error {
  color: #dc0032;
  padding-top: 6px;
  opacity: 0;
}

#error.show {
  opacity: 1;
  transition: opacity 250ms linear;
}

.pf-c-alert__title {
  --pf-c-alert__title--FontWeight: 400;
}

.pf-c-alert {
  font-size: 12px;
  margin-bottom: 10px;
}

.pf-c-alert.pf-m-success {
  border: 1px solid var(--pf-c-alert--m-success--BorderTopColor);
}

.pf-c-alert.pf-m-danger {
  border: 1px solid var(--pf-c-alert--m-danger--BorderTopColor);
}

.pf-c-alert.pf-m-warning {
  border: 1px solid var(--pf-c-alert--m-warning--BorderTopColor);
}

.pf-c-alert.pf-m-info {
  border: 1px solid var(--pf-c-alert--m-info--BorderTopColor);
}

.fa-check-circle:before {
    content: "\e602";
    font-family: 'PatternFlyIcons-webfont';
}

.fa-exclamation-circle:before {
    content: "\e926";
    font-family: 'PatternFlyIcons-webfont';
}


.fa-info-circle:before {
    content: "\e92b";
    font-family: 'PatternFlyIcons-webfont';
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\e913";
    font-family: 'PatternFlyIcons-webfont';
}