.password-reveal {
    color: #495158;
    margin-left: -40px;
    margin-top: 10px;
    font-size: 24px !important;
  }
  div.kc-logo-text {
      background: url(../img/agility-logo.svg) no-repeat center center;
      background-size: contain;
      width: 50px;
  }
  
  .login-pf body {
      background: #001122;
      background-size: cover;
      height: 100%;
  }
  
  .pf-c-button.pf-m-primary {
      color: #ffffff;
      background-color: #22d4b2;
  }
  .pf-m-primary:hover {
      background-color: #17947f;
  }
  
  .pf-c-button.pf-m-primary:hover,
  .pf-c-button.pf-m-primary.pf-m-hover {
      --pf-c-button--m-primary--Color: #ffffff;
      --pf-c-button--m-primary--BackgroundColor: var(
          --pf-c-button--m-primary--hover--BackgroundColor
      );
  }
  
  .card-pf {
      max-width: 500px;
  }
  
  .pf-c-form-control:hover,
  .pf-c-form-control:focus {
      border-bottom-color: #fa505c;
  }
  
  #kc-header-wrapper {
      font-size: 29px;
      text-transform: uppercase;
      letter-spacing: 3px;
      line-height: 1.2em;
      padding: 62px 10px 0px !important;
      white-space: normal;
  }
  
  .login-pf-page .login-pf-page-header {
      margin-bottom: 0 !important;
  }