@font-face {
 font-family:llv-normal;
 src:url(../fonts/proximanova-regular-webfont.eot);
 src:url(../fonts/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"),
 url(../fonts/proximanova-regular-webfont.woff) format("woff"),
 url(../fonts/proximanova-regular-webfont.ttf) format("truetype"),
 url(../fonts/proximanova-regular-webfont.svg#llv-normal) format("svg");
 font-weight:400;
 font-style:normal
}

body {
  line-height: unset;
  font-family:llv-normal,helvetica,arial,sans-serif;
  color:#595b5d;
}

.login-pf, .login-pf body {
  background: white;
}

.login-pf-page .card-pf {
  padding: 20px 15px 30px;
}

#kc-header {
  max-width: 500px;
  margin: 0 auto 100px;
  text-align: left;
}

#kc-header img {
  width: 153px;
  height: 110px;
}

#kc-info {
  margin: 20px -15px -30px;
}

a:active, a:hover, a:link, a:visited {
  color: #005dab !important;
}

.hrd ul {
  display: inline-block;
}

.hrd li {
  float: left;
  border: 1px solid #005dab;
  border-radius: 20px;
  margin: 3px;
  line-height: 200%;
}

@media (max-width: 400px) {
  .hrd li {
    float: none;
  }
}

.hrd li:hover {
  background: #f8f8f8;
}

.hrd li a {
  color: rgb(89,91,93) !important;
}

.hrd li a:hover {
  text-decoration: none;
}

.hrd li a > div, .hrd li button {
  background: none;
  height: 140px;
  width: 146px;
  padding-top: 25px;
  font-size: 120%;
  border: none;
}

.hrd li a img {
  width: 100px;
  height: 80px;
  margin: auto;
  display: block;
}

.provider-label {
  display: block;
}