.login-wrap{
  width:100%;
  margin:auto;
  max-width:600px;
  min-height:474px;
  position:relative;
  box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.login-html{
  max-width:100%;
  height:100%;
  /*position:absolute;*/
  /*border: 2px solid #6495fe;*/
  margin: 50px 0px;
  padding: 50px 107px 83px 70px;
  background:rgba(255,255,255,.9);
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
  display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
  text-transform:uppercase;
}
.login-html .tab{
  font-size:22px;
  padding-bottom:5px;
  display:inline-block;
  border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
  color: #6495fe;
  border-color: #6495fe;
}
.login-form{
  min-height:474px;
  position:relative;
  perspective:1000px;
  transform-style:preserve-3d;
}
.login-form .group{
  margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input{
  width:100%;
  color:#6495fe;
  display:block;
}
.login-form .group .button{
  width:auto;
  color:#6495fe;
  display:inline;
}
.login-form .group .input,
.login-form .group .button{
  border-color: #6495fe;
  padding:15px 20px;
  background:rgba(255,255,255,.1);
}
input.submit {
    padding: 15px 20px;
    text-transform: uppercase;
}
.login-form .group input[data-type="password"]{
  -webkit-text-security:circle;
}
.login-form .group .label{
  color:#484848;
  font-size:15px;
  margin: 10px 0px;
}
.login-form .group .button{
  background:#1161ee;
}
.login-tabs span{
  display:inline-block;
  margin-right:8px;
  padding-bottom:4px;
}
.login-tabs .active{
  border-bottom:2px solid #6495fe;
  font-weight:600;
}
.login-tabs a{
  text-decoration:none;
}
.login-tabs{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
}
.signup-divider{
    display:flex;
    align-items:center;
    margin:20px 0;
    color:#999;
    font-size:15px;
}

.signup-divider::before,
.signup-divider::after{
    content:"";
    flex:1;
    border-bottom:1px solid #ddd;
}

.signup-divider span{
    padding:0 14px;
    font-weight:600;
    color:#000;
}
#googleSignInButton{
    float:none !important;
    display:flex !important;
    justify-content:center;
    width:100%;
}
#regGoogleInlineBtnWrap{
  display:inline-block;
  vertical-align:middle;
}
.google-auth-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:40px;
  padding:0 14px;
  border:1px solid #dadce0;
  border-radius:4px;
  background:#fff;
  color:#3c4043;
  font-size:14px;
  font-family:inherit;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
}
.google-auth-btn:hover{
  box-shadow:0 1px 2px rgba(60,64,67,.15);
}
.google-auth-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.login-form .group label .icon{
  width:15px;
  height:15px;
  border-radius:2px;
  position:relative;
  display:inline-block;
  background: rgb(100, 149, 254);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
  content:'';
  width:10px;
  height:2px;
  background:#fff;
  position:absolute;
  transition:all .2s ease-in-out 0s;
}

.login-form .group .check:checked + label{
  color: #484848;
}
.login-form .group .check:checked + label .icon{
  background:#1161ee;
}

h1.signup-heading{
	text-transform:none;
	color:#6495fe;
	font-size:20px;
}