#login-back{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2000;
  /*background-image: radial-gradient( #256D90, #000 );*/
  background: rgba(128, 128, 128, 0.5);
}
#login-panel{
  /*background: rgba(255,255,255,0.7);*/
  background: #fff;
  padding: 20px 20px 0px 20px;
  min-width: 350px;
  min-height: 305px;
  width: 25%;
  z-index: 10500;
  position: relative;
  top: 45%;
  transform: translateY(-50%);
  margin: 0 auto;
  border-radius: 10px;
}
#login-block{ position: relative; }
#login-block > a{
  width: 100%;
  padding: 15px 15px;
}
#login-panel .bg-gray{
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 60px;
  color: #333;
  background: #f2f2f2;
  padding-left: 25px;
  padding-top: 15px;
}
#login-panel .bg-gray .bg-transparent{
  color: #216d99;
  font-weight: lighter;
  padding: 0px;
  margin: 0px 10px;
}
#login-panel a:hover{text-decoration: none;background: transparent;}
#close-recover-anchor{
  position: absolute;
  top: 10px;
  right: 10px;
}#close-recover-anchor span{color: #fff;font-size: 24px;}

#login-messages,#recoverpass-panel{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 245px;
  z-index: 1000;
  background: dimgray;
  padding: 7%;
}
#login-messages span,#recoverpass-panel label{
  text-align: center;
  color: #FFF;
  font-size: 18px;
}
#recoverpass-panel label{font-size: 17px;}
#login-messages button,#recoverpass-panel button{
  width: 87%;
  position: absolute;
  bottom: 3px;
  left: 7%;
}
#login-panel i.fa{
	position: absolute;
	right: -18px;
	top: 10px;
}

#login-panel .login-close .close{
  margin-bottom: 10px;
}
#login-panel .login-close .close span{
  font-size: 28px;
}
#login-panel a.no-button{
  color:#133;
}