.logn{
 background: #fff;
 box-shadow: 0 1px 8px rgba(0,0,0,0.14);
 margin: 0 auto;
 max-width: 420px;
 padding: 30px;
}
.logn .client-form header{
 background:none;
 border: none;
 padding: 0;
 text-align: center;
}
.logn .text-info{
 color: #464646;
 font-size: 14px;
}
.logn .well,.logn .client-form footer{
 background:none;
 border: none;
 box-shadow: none;
}
.logn .input input,.logn .textarea textarea{
 -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: block;
  background: 0 0;
  padding: 2px 2px 1px;
  border-width: 0 0 1px;
  line-height: 26px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
}
.logn .input label,.logn .textarea label{
 -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  z-index: 1;
  -webkit-transform: translate3d(0, 24px, 0) scale(1);
  transform: translate3d(0, 24px, 0) scale(1);
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.logn .input label,.logn .textarea label{
 color: rgba(0, 0, 0, 0.26);
}
.logn .input label.active,.logn .textarea label.active{
 transform: translate3d(0, 4px, 0) scale(0.75);
 color: rgb(63, 81, 181 ); 
}
.logn .note{
 margin-top: 20px;
}
.logn .smart-form footer .btn{
 height: 40px;
}
.logn .smart-form footer .btn.btn-lg{
 height: 50px;
}
.btn > i:before {
  margin-right: 6px;
}
.btn:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-default:hover {
  background: #fff!important;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 11px 20px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 2px;
}
.btn-lg.btn-rounded {
  border-radius: 20px;
}