.glyphlogin{
	position:absolute;
	display:block;
	top:25%;
	left:33%; 
	
} 

 .gly{
	position:absolute;
	display:block;
	top:25%;
	/* margin-left:34%;   */
	left:0%; 
	
} 

.glyphright{
	left:-3%;
}
.glyphicon-ok {
	color:green;
}
.glyphicon-remove{
	color:red;
}

@media only screen and (max-width: 767px) and (min-width: 360px) {
    .glyphlogin{
	position:absolute;
	display:block;
	top:25%;
	left:10%; 
	
} 

 .gly{
	position:absolute;
	display:block;
	top:25%;
	/* margin-left:34%;   
	left:0%; */
	
} 
.glyphright{
	left:10%;
}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .glyphlogin{
	position:absolute;
	display:block;
	top:25%;
	left:25%; 
	
} 

 .gly{
	position:absolute;
	display:block;
	top:25%;
	/* margin-left:34%;   
	left:0%; */
	
} 
.glyphright{
	left:25%;
}
}

.sryQuote {
    width: 10.0625em;
    height: 2.1875em;
    border: 2px solid #FF6900;
    color: #FF6900;
    opacity: 1;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 24px;
    margin: 0px;
    cursor: pointer;
}


/* Start Of Radio  */

.accept_check {
    display: inline-block;
    margin-left: 38px;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    margin-right: 12%;
    direction:rtl;
}

.role {
    margin-right: 20px;
    margin-left: 2px;
    font-weight: normal;
    position: relative;
    top: -5px;
}
/* End of Check box */


/* Start Of Label Animation */
#mobileNo:valid  {
    padding-left: 3.125em;
}

/* End Of Label Animation */

/* Start of Button */
.cancel {
    text-decoration: underline; 
    margin-top: 5px;
    letter-spacing: 0px;
    color: #FF6900;
    opacity: 1;
    cursor: pointer;
}
  
.login-button {
    border-radius: 25px;
    border: 1px solid #FF6900 ; 
    padding: 8px 32px;
    font-size: 16px;
    cursor: pointer;    
    color: #ffffff;
    background-color: #FF6900;
}


.greet {
    color: #55565A;
    padding: 1.8em 0;
}

.greet p {
    margin: 0px;
}

.greet_title {
    font-size: 1.8125em;
}

.greet_desc {
    font-size: 1.375em;
}

.error_alert {
    width: 41.1875em;
    display: inline-block;
    border: 2px solid #EF2856;
    border-radius: 6px;
    opacity: 1;
    text-align: left;
    font-size: 14px;
    padding: 1em 1.5em;
}

.error_desc {
    padding-left: 2.3em;
}

@media only screen and (max-width: 600px) {
    .error_alert {
        width: auto !important;
        text-align: center !important;
        padding:1em !important;
    }

    .error_desc {
        padding: 0px !important; 
    }
}

/* Input field*/

.form-input-check div {
    width: 18.75em;
    text-align: right;
    display: inline-block;
    color: #4D5965;
    font-size: 1em;
    padding: 0.1em 0;
    direction:rtl;
}

.mobile-help {
    position: absolute;
    top: 0.75em;
    margin-left: 0.75em;
    cursor: pointer;
}
  


@media screen and (min-width: 992px) {
    .left .form-input-text {
        margin-left: 15%;
    }

    .right .form-input-text {
        margin-right: 20%;
    }
}

@media screen and (min-width: 1200px) {
    .left .form-input-text {
        margin-left: 35%;
    }

    .right .form-input-text {
        margin-right: 40%;
    }
}


@media only screen and (max-width: 600px) {
    .form-input-check div {
        width: 269px !important;
    }
}