html, body
{
    height: 100%;
}

.wrapper
{
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -80px;
  /* the bottom margin is the negative value of the footer's height */
  padding: 0 0 80px;
}

.site-logo
{
    padding: 20px 0;
}

#signIn
{
    margin: 0 auto;
    max-width: 400px;
}

#signIn .left-inner-addon input
{
  padding-left: 42px;
}

#signIn .left-inner-addon i
{
  position: absolute;
  padding: 2px 5px 0;
  background: #14c776;
  border-radius: 100%;
  margin: 7px 5px 0;
  color: #FFF;
  font-size: 20px;
}

#signIn .form-control
{
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
}

#signIn p i
{
    color: #FA69DA;
}

#btnLogin
{
    margin: 10px 0 0 0;
}

.footer
{
  height: 80px;
  background: #38393b;
  color: #77787a;
  text-align: center;
  font-family: "Montserrat" sans-serif;
}

.footer ul.nav-pipes
{
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

.footer ul.nav-pipes li
{
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 12px;
}

.footer ul.nav-pipes li:after
{
  content: "|";
  position: absolute;
  right: -5px;
  color: #999;
}

.footer ul.nav-pipes li:last-child:after
{
  display: none;
}

.footer ul.nav-pipes li a
{
  color: #19a4fa;
  text-transform: uppercase;
  font-family: "Montserrat";
}

.footer .copyright
{
  font-size: 9px;
  font-weight: normal;
  color: #77787a;
  letter-spacing: 1px;
  margin: 0;
}

.footer .copyright a
{
  color: #77787a;
}