input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
font-family:robotolight;
}

input:focus {
    outline:none;
}

.inputbox{
	width:100%;
	text-align: -moz-center;
}

.firstblk{
	background-image: url('../images/loginbg.png');
	height: 253px;
	width:486px;
	margin-top:5%;
	/*background-position: 130%;*/
        background-size: cover;
	display: table;
        background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.n{
	display:table-cell;vertical-align:middle;
}

.lblsignin{
	background-color:transparent;
	font-family:robotolight;
	color:white;
	font-size:30px;
}
.lblsignin_cont{
	width:100%;
	padding-bottom:25px;
	text-align: center;
}
.username{
	background-color: rgba(0, 0, 0, 0.5);
	color:white;
	border:none;
	height:35px;
	margin:2px;
	width:100%;
	font-size: 20px;
	padding-left: 4%;
}

.lblinp{
	background-color:rgba(255, 255, 255, 0.3);
	display:inline-block;
	width: 60%;
}

.imgarrow{
	height: 24px;
	padding-top: 8px;
    padding-left: 13%;
}

.userdiv{
	width:85%;
	float:left;
}
.arrowdiv{
	width:15%;
	float:right;
}
.changelogdiv{
	margin-top: 5%;
	width:100%;
	font-family:robotolight;
	font-size: 18px;
	text-align: center;
}
.changelogin{
	background-color:#46225c;
	font-family:robotolight;
	color:white;
	font-size: 85%;
	border-radius: 30px;
	padding: 6px;
	padding: 6px;
	padding-left: 25px;
	padding-right: 25px;
}
.lblmsg{
	background:none;
	color:white;
	font-family:robotolight;
}
/* Pre-loader CSS */
.loader {
  position: absolute;
  left: 49%;
  /*top: 70%;*/
  z-index: 1;
 /* margin: -75px 0 0 -75px;*/
  border: 5.5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5.5px solid #0030ff;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#loading_status_block {
	display:display;
	color:#d0d4d0;
	background-color:transparent;
	position:fixed;
	width:80%;
	height:100%;
	top:50%;
}

/* styles for Dialog Box Added By Jegathees */
.dialogClass{
	background-color: rgba(0,0,0,0.8) !important;
	border:none !important;
}

.dialog_submit_btn{
	color:#fff !important;
	background-color: #374C39 !important;
	border:none !important;
}

.dialog_submit_btn:hover{
	background-color: #374C39 !important;
}

.dialog_otp_btn{
	color:#fff !important;
	background-color: #374C39 !important;
	border:none !important;
}

.dialog_otp_btn:hover{
	background-color: #374C39 !important;
}

.dialog_cancel_btn{
	color:#fff !important;
	background-color: #862242 !important;
	border:none !important;
	margin-left: 5px;
}

.dialog_cancel_btn:hover{
	background-color: #862242 !important;
}

.ui-widget-header{
	background-color: #362041 !important;
	border:none !important;
	color:#fff !important;
}

.ui-dialog-buttonpane{
	background-color: rgba(0,0,0,0.8) !important;
	border:none !important;
}

.radio_item{
	display: none !important;
}

.num_edit{
	border: none;
	background-color:rgba(255,255,255,0.2);
	color:#fff;
	font-size: 14px !important;
	text-align:-webkit-left;	
    border-radius: 10px;
    padding: 5px;	
}
.num_edit:focus{
	background-color:rgba(255,255,255,0.9);
	color: #000;
}
.tooltip-styling1{
    background:rgba(0,0,0,0.8) !important;
	border: none !important;
}
/* added by gomathi */
.margin-5{
	margin-top:5%;
}
.width-100{
	width:100%;
}
.width-50{
	width:50%;
}
.usrname{
	width:100%;
	text-align: -moz-center;
}
.clr-1{
	color:#fff !important;
}
.margin{
	margin:0px 0px 0px 56px;
}
.m-email{
	margin:0px 0px 0px 70px;
}
.m-send-otp{
	margin: 0px 0px 0px 135px;
}
.m-verify-otp{
	margin: 0px 0px 0px 135px;
}
.m-otp{
	margin:0px 0px 0px 103px;
}
.m-captcha{
	margin:0px 0px 0px 76px;
}
.m-pwd{
	margin:0px 0px 0px 29px;
}
.clr-red{
	color:red;
}
.clr-white{
	color:white;
}
.display-none{
	display:none
}
.ul-he-fs{
	line-height:82%;
}
.capcha{
	border: 2px outset gray;
	border-radius: 50px;
	padding: 15px;
	width: 25%;
	margin-top: 30px;
	outline:none;
}

.cap{
	border: 2px outset gray;
	background: gray;
	color: white;
	padding: 5px;
	margin-left: 22px;
	font-size: 17px;
}

.refesher{
	border: 2px outset gray;
	background: gray;
	color: white;
	padding: 6px;
	font-size: 17px;
	height: 34px;
}
.width-25{
	width:25%;
}