﻿@font-face {
	font-family: 'ProximaNova-Bold';
	src: url('/innovaplatform/CSS/fonts/proxima-nova-bold.eot');
	src: url('/innovaplatform/CSS/fonts/proxima-nova-bold.woff') format('woff'),
         url('/innovaplatform/CSS/fonts/proxima-nova-bold.ttf') format('truetype'), 
        url('/innovaplatform/CSS/fonts/proxima-nova-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proximanovalight';
	src: url('/innovaplatform/CSS/fonts/proximanovalight.eot');
	src: url('/innovaplatform/CSS/fonts/proximanovalight.woff') format('woff'),
         url('/innovaplatform/CSS/fonts/proximanovalight.ttf') format('truetype'), 
        url('/innovaplatform/CSS/fonts/proximanovalight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNovaMedium';
	src: url('/innovaplatform/CSS/fonts/ProximaNovaMedium.eot');
	src: url('/innovaplatform/CSS/fonts/ProximaNovaMedium.woff') format('woff'),
         url('/innovaplatform/CSS/fonts/ProximaNovaMedium.ttf') format('truetype'), 
        url('/innovaplatform/CSS/fonts/ProximaNovaMedium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
    font-family: proximanovalight !important;
} 
.loginbg{
    width:50%;
    float:right;
    background-color: #0D0740;
    height:100%;
    opacity: 0.95;
    filter: alpha(opacity=95); 
    display:flex;    
    /*background-image: linear-gradient(30deg, #33368d, #353be7);*/
    background-image:linear-gradient(30deg,  #0D0740, 50%, #33368d);
}
.width50{
    width:50%;
}
.width100Per{
    width:100%;
    color:#FFFFFF;
    float:left;
}
form input.email,form input.pass, form button, form select {
    width: 97%;     
    background-color: #5154B4;
    background-repeat: no-repeat;
    padding: 8px 24px 8px 10px;      
    letter-spacing: .075em;
    color: #fff;
    /*text-shadow: 0 1px 0 rgba(0,0,0,.1);*/
    /*margin-bottom: 5%;*/
    border:0px;
    border-radius:2px;
    border: 2px solid #5358B2;
    height: 36px;
}
form input:focus { background-color: rgba(0,0,0,.4); }
form button {
    width: 97%;
    margin-bottom: 0;
    color: #ffffff;
    letter-spacing: .05em;      
    background: #21C2F8;
    border:0px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bolder;
}
label{
    width: 97%;
    font-weight: normal;
}
.marginbottom{
    margin-bottom:5%;
}
.margintop{
    margin-top:5%;
}
.NeedAccount{
    /*background-color:#31349D;*/
    /*background-color:rgba(60,62,102,.95);*/
    background-color:#1d1f67;
    /*background-color:#1e2465;*/
    width:97%;
    padding: 10px;
    text-align: center;
    font-size: 13px;
}
input[type="checkbox"] {
    color:#ffffff;
    float: left;        
    line-height:normal;
}
::-webkit-input-placeholder { /*color: #9EA0C9;*/
                              color:#fff;
}
::-moz-placeholder { color:#fff; }
:-ms-input-placeholder { color:#fff; }
.float_left{
    float:left;
}
.width98Per{
    width: 98%;
}
.realperson-challenge{
    width: 15%;
    background-color: #fff;
    padding: 0.5%;
    padding-bottom: 0px;
    float: left;
    margin-right:1%;
}
.realperson-regen{
    font-size: 10px;
    float: right;
    font-family: proximanovalight;
}
.realperson-text {
    font-size: 12px;
        font-weight: bold;
        letter-spacing: -5px;
        line-height: 2px;
}
@media screen and (aspect-ratio:0) {
   .realperson-text {
   	font-size: 11px;
        font-weight: bold;
        letter-spacing: -5px;
        line-height: 2px;
   }
}
.captcha{
    width: 83%;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    text-align:center;
}
.emailimg{
    float: right;
    margin-top: -2.1% !important;
    position: absolute;
    right: 3%;
}
.lockimg{
    float: right;
    margin-top: -2.1% !important;
    position: absolute;
    right: 8.2%;
}
#error_client_login
{
    color:#fff;
    margin:0px;
    text-align:center;
    padding-bottom:5px;
}
.Forgotbg{
    width:30%;
    float:right;
    background-color:#46486E;
    height:100%;
    opacity: 0.95;
    filter: alpha(opacity=95); 
    display:flex;
    margin-top: 4%;
    margin-right: 4%;
    /*background-image: linear-gradient(30deg, #33368d, #353be7);*/
    background-image:linear-gradient(30deg, #46486E, 50%, #33368d);
}
#header{
    text-align: center;
    margin-top: 7%;
    height:70px;
}
 /*Added by Subasri S on 29-05-2019 for adding Captcha for forgot password*/
#ForgotTxtCaptcha
{
padding: 8px 24px 8px 10px;
width: 62%;
color: #FFFFFF;
background-color: #5154B4;
border: 0px;
border-radius: 2px;
}
#ForgotTxtCaptcha:hover
{
    background-color: black;
}
#ForgotTxtCaptchaContainer .realperson-challenge
{
padding-top: 4px;
width: 34%;
border: 0px;
border-radius: 2px;
}
@media only screen and  (min-width:1764px) and (max-width:1997px){
    .lockimg{
        float: right;
        margin-top: -1.5% !important;
        position: absolute;
        right: 11%;
    }
    .emailimg {
        float: right;
        margin-top: -1.5% !important;
        position: absolute;
        right: 7%;
    }
}
@media only screen and (max-width:1127px) {
    .realperson-challenge{
        width:20%;
    }
    .captcha {
        width: 78%;
}
   #ForgotTxtCaptchaContainer .realperson-challenge {
        width:45%;
    }
    #ForgotTxtCaptcha {
        width:51%;
    }
}

.registerheader{
    margin: 3% 0 !important;
}

.width100{
    width:100%;
}

.registerlogo{
    width:300px;
    margin-top:20px;
    margin-left:27px;
}

.width65auto{
    width:65%;
    margin:auto;
}

.width66auto{
    width:72%;
    margin:auto;
}

.registertext {
    font-size: 15px;
    text-align: center;
    margin-bottom: 1%;
}

.margin2perauto{
    margin: 2% auto;
}

.width100center {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.registerback {
    width: 35px;
    margin-right: 10px;
}

.registersubmit {
    background: #21C2F8;
    width: 15%;
    padding: 7px;
    font-size: 12px;
}

.margintop2{
    margin-top: 2%;
}

.centertext{
    text-align:center
}

.registerinnova {
    width: 130px;
    margin-top: 10px;
    margin-right: 5px;
}

.margin20perauto{
    margin: 20% auto;
}

.width55auto {
    width: 55%;
    margin: auto;
}

.registerthankyou {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.registerreceive{
    font-size: 13px;
}

.registerlogin{
    color:#21C2F8;
}

.clear{
    clear:both;
}

.actmsg{
    display: block;
    width: 97%;
    font-size: 16px;
}
/*added by Prithiviraj K for adjusting the span*/
@media only screen and (max-width: 1200px) {
    #contactmail
    {
        float:left!important;
    }
}
.CursorPointer{
    cursor: pointer;
}