body{
  margin:0;
  color:#6a6f8c;
  background:#365886;
  background: -moz-radial-gradient(center, ellipse cover, #FFF 0%, #365886 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #FFF 0%,#365886 100%);
  background: radial-gradient(ellipse at center, #FFF 0%,#365886 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#365886',GradientType=1 );	
  font:600 16px/18px 'Open Sans',sans-serif;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.toggle-password {
    position: absolute;
    right: 40px;
    top: 27%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #CCC;
}

*,
:after,
:before{
  box-sizing:border-box
}

.clearfix:after,
.clearfix:before{
  content:'';
  display:table
}

.clearfix:after{
  clear:both;
  display:block
}

a{
  color:inherit;
  text-decoration:none
}

.logo{
  background: rgba(255,255,255,.9);
  width: 100%;padding: 15px 0px;
  border-radius: 25px 25px 0px 0px;
  background: linear-gradient(to bottom, #ffffff 97%, #ffffff 0%, #2D3E5E 100%);
}

.login-wrap{
  width:350px;
  height:530px;
  margin:auto;
  position:relative;
  background:rgba(40,57,101,.8);
  box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  border-radius: 25px;
}

.login-html{
  width:100%;
  position:absolute;
  padding:30px 30px;
  color: #FFFFFF;
  
}

.login-html .tab,
.login-form .group .label,
.login-form .group .button{
  text-transform:uppercase;
  color:#fff;
}

.login-form .group{
  margin-bottom:15px;
}

.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
  width:100%;
  color:#fff;
  display:block;
}

.login-form .group .input,
.login-form .group .button{
  border:none;
  padding:8px 15px;
  border-radius:25px;
  background:rgba(255,255,255,.1);
}

.login-form .group input[data-type="password"]{
  text-security:circle;
  -webkit-text-security:circle;
}

.login-form .group .label{
  color:#aaa;
  font-size:12px;
}

.login-form .group .button{
  background:#1a7bc4;
}

.hr{
  height:2px;
  margin:26px 0 21px 0;
  background:rgba(255,255,255,.2);
}

.foot-lnk{
  text-align:center;
  color: #9ea1b1;
}

::placeholder{
   color: #9ea1b1;
}
::-webkit-input-placeholder{
   color: #9ea1b1;
}
:-moz-placeholder{
   color: #9ea1b1;
}
::-moz-placeholder{
   color: #9ea1b1;
}
:-ms-input-placeholder {
   color: #9ea1b1;
}