@charset "utf-8";

.basic-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; }
.basic-outlogin .profile .photo { margin-right:12px; }
.basic-outlogin .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
.basic-outlogin .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.basic-outlogin .login-line { border-top:1px solid #eee; margin:5px 0px 7px; padding-top:6px; }
.basic-outlogin .form-group { margin-bottom:10px; }
.basic-outlogin .btn { padding:10px 8px; }
.btn-custom{
  background:#313E4E;
  color:#fff !important;
  border:none;
  position:relative;
  height:40px;
  font-size:13px;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.btn-custom:hover{
  background:#fff;
  color:#26B9E4 !important;
}
.btn-custom:before,.btn-custom:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #26B9E4;
  transition:400ms ease all;
}
.btn-custom:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-custom:hover:before,.btn-custom:hover:after{
  width:100%;
  transition:800ms ease all;
}