html, body {
  background-color: #2B2B2B;
}

body {
  padding-top: 290px;
}

.navbar {
  background-color: #222;
}

.navbar-topbar .nav-link:hover {
    color: #999 !important;
}

/* .navbar-topbar {
  border-bottom-color: #0c8b8d !important;
} */

.navbar-light .navbar-nav .nav-link {
  color: #eee;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.7);
}


/*.m-healpay-beacon #my-healpay .dropdown-menu .dropdown-description {
  background-color: #0c8b8d;
}

.m-healpay-beacon #my-healpay a.dropdown-toggle {
  border-color: #0c8b8d;
  
}*/

/*
.box-title {
  background-color: #0c8b8d;
}

.l-payment-progress, .m-payment-step.is-completed {
  background-color: #0c8b8d;
}

.m-payment-step.is-completed .m-payment-step-icon {
  background-color: #0c8b8d;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled  {
  background-color: #0c8b8d;
  border-color: #0c8b8d;
}*/

.footer-nav li a {
  color: #888;
}

/* #contact-header {
  background-color: #0c8b8d;
} */

.content {
  border-radius: 0;
  border: 6px solid #0c8b8d;
  outline: 5px solid white;
}

/*#contact > a, #link-account-link > a, #my-healpay > a  {
  color: #fff;
}*/

#auth-container {
  margin-top: 0;
}

#auth-container > div:nth-child(1) {
  display: none;
}

#auth-container > div:nth-child(2) {
  margin: 0 auto;
}

#logo {
  display: block;
  position: absolute;
  top:100px;
  left: 0;
  right: 0;
  width: 250px;
  margin: 0 auto;
}


#logo > img {
  width: 250px;
}

.footer-logo {
  width: 60px;
}

/* footer {
  background: url("https://s3.amazonaws.com/hportal-production/assets/huntington/eho.png");
  background-size: auto auto;
  background-position: center top+80px;
  background-repeat: no-repeat;
  background-size: 61px 60px;
} */

#portal-version {
  padding-top: 100px;
}

/* #flash > div, .alert {
  position: absolute;
  top: 120px;
  right: 0;
  left: 0;
  z-index: 1030;
} */

#payform .alert, #fee-table > .alert, #select-payment-method > .alert {
  position: initial;
}

.dropdown-menu {
  z-index: 1045;
}

@media only screen and (max-width: 575px){

  #logo {
    width: 200px;
  }


  #logo > img {
    width: 200px;
  }

  .navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,.3);
  }

}

#navbarResponsive .dropdown-menu {
  background-color: #222;
}

#navbarResponsive .dropdown-menu > a {
  color: #ccc;
}

#navbarResponsive .dropdown-menu > a:hover {
  background-color: #2B2B2B;
}

@media only screen and (max-width: 767px){

  .navbar {
    height: 77px;
  }

  #navbarResponsive li {
    background-color: #222;
    z-index: 1100;
  }

  #navbarResponsive li > a {
    color: #ccc;
  }

  #navbarResponsive li > a:hover {
    color: #fff;
  }

  #navbarResponsive ul {
    top: 50px;
    position: relative;
  }

  .navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,.3);
    color: rgba(255,255,255,.3);
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='    0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='  M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

}