.background:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.btn {
    margin: 1.1em auto !important;
}

h3 {
    color: #00679F;
    text-align: center;
    padding-top: 0.3em;
    margin-bottom: 2em;
}

.login-pnl {
    margin-bottom: 5%;
    width: 95%;
    max-width: 400px;
    display: inline-block;
	vertical-align: middle;
	position: relative;
    border-bottom: 2px solid gray;
    
    background: #FFFFFF;
    background: -moz-linear-gradient(bottom, #F0F0F0 60%, rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(bottom, #F0F0F0 60%, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(bottom, #F0F0F0 60%, rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(bottom, #F0F0F0 60%, rgba(255, 255, 255, 0));
    background: linear-gradient(to top, #F0F0F0 60%, rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );
}
.login-pnl:before, .login-pnl:after {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(gray));
  background-image: -webkit-linear-gradient(bottom, gray, transparent);
  background-image: -moz-linear-gradient(bottom, gray, transparent);
  background-image: -o-linear-gradient(bottom, gray, transparent);
  background-image: linear-gradient(to top, gray, transparent);
  top: -2px;
  bottom: -2px;
  width: 2px;
}
.login-pnl:before {
  left: -2px;
}
.login-pnl:after {
  right: -2px;
}

.login-pnl.contract {
    background: -moz-linear-gradient(bottom, #FFF 60%, rgba(255, 255, 255, 0)) !important;
    background: -webkit-linear-gradient(bottom, #FFF 60%, rgba(255, 255, 255, 0)) !important;
    background: -o-linear-gradient(bottom, #FFF 60%, rgba(255, 255, 255, 0)) !important;
    background: -ms-linear-gradient(bottom, #FFF 60%, rgba(255, 255, 255, 0)) !important;
    background: linear-gradient(to top, #FFF 60%, rgba(255, 255, 255, 0)) !important;
    height: calc(95% - 20px) !important;
    margin-bottom: 0 !important;
    width: 95%;
    max-width: 80%;
    
}
    
.login-pnl .logo {
    width: 80%;
    margin-top: 25%;
}

.login-pnl .logo_link{
	position: relative;
}

.login-pnl .text_for_logo_login{
	position: absolute;
	bottom: -5px;
	font-size: 25px;
	font-style: normal;
	left: 0px;
}

.error-msg {
    text-align: center;
    font-size: 1.2em;
    color: #990000;
    margin: 1em auto;
}

a.forget-password {
    width: 100%;
    display: inline-block;
    text-align: center;
}

img.loading {
    padding: 2em;
    vertical-align: middle;
}