.clientBg{
background-repeat: no-repeat;
    background-size: cover;
}
.forgotPass span {
    border: 1px solid;
    padding: 0px 3px;
    font-size: 10px;
    vertical-align: text-bottom;
    margin: 0 3px;
}
.logosec {
    padding: 20px 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.4s linear;
    height: 160px;
    overflow: hidden;
}
.scan{margin: 100px 0;}
.scanner{
	-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
    left: 20%;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0%   {top: 0px;}
    25%  {top: 126px;}
    50%	 {top:0px;}
    75%  {top: 126px}
    100% {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {top: 0px;}
    25%  {top: 126px;}
    50%	 {top:0px;}
    75%  {top: 126px}
    100% {top: 0px;}
}
.loginCon {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.LoginFormsec.white.clearfix {
    padding: 30px 30px 10px 30px;
    margin: 157px 0 0 0;
    overflow: hidden;
}
.loginWrap{
	transform: translateY(50%);
    margin-top: -13%;
}
.scanWrap {
    height: 127px;
    width: 208px;
}
.scanWrap img {
    left: 50%;
    margin-left: -104px;
}
.scanWrap img.finger {
    margin-left: -63px;
}
.scanWrap img.tick {
    margin-left: -39px;
    top: 50%;
    margin-top: -28px;
}
.scanWrap .cross {
    margin: -27px 0 0 -27px;
    top: 50%;
}
.errorLogin .errorMsg {
    display: block;
}
.loginForm {transition:all 0.4s ease-out}
[res*="success"] .finger,[res*="success"] .scanner,[res*="wrong"] .finger,[res*="wrong"] .scanner {
display:none;
}
[res*="success"] .tick,[res*="wrong"] .cross{
display:inline-block;
}