@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; }

.btn-custom {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  background-color: #313E4E;
  padding: 15px 60px;
  margin: 0 auto;
  box-shadow: 0 2px 10px rgba(0,0,0,0.20);
}

.btn-custom span {
  position: relative; 
  z-index: 1;
}

.btn-custom:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  height: 550%;
  width: 140%;
  background: #26B9E4;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn-custom:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}