/* CSS Document */
@import url("font-awesome.css");
.header{ display:none;}
.content {/*margin-top: 15px;*/ margin-top: 10px; }
.login-form{width:84%; margin:0 auto; background:#fff; padding:30px 20px; /*border-top: 10px solid #852272;*/border-top: 10px solid #0067ac; }
.mul-border {margin-top: 5px;}
.user-id, .user-pwd,.pin,.captcha,.dob,.mail,.comp {position:relative;}
.user-id:before {font-family: 'FontAwesome'; position: absolute;top: 0;left: 0px; content: "\f007";color:#ccc;}
.input_txt{border: none;  border-bottom: 1px solid #ccc;   width: 82%;  padding: 7px 31px; margin-bottom: 16px;margin-top: 10px;
margin-left: auto;	margin-right: auto;}
.user-pwd:before{font-family: 'FontAwesome';position: absolute;top: 0;left: 0px; content: "\f023";color:#ccc;	font-size:20px;}
.pin:before{font-family: 'FontAwesome'; position: absolute;top: 0; left: 0px; content: "\f09d";color:#ccc;}
.captcha:before{font-family: 'FontAwesome';position: absolute; top: 0;left: 0px; content: "\f13e";color:#ccc;font-size:20px;}
.dob:before{font-family: 'FontAwesome';position: absolute;top: 0;left: 0px;content: "\f133";color:#ccc;}
.mail:before{font-family: 'FontAwesome'; position: absolute;top: 0;left: 0px;content: "\f003";color:#ccc;}
.comp:before{font-family: 'FontAwesome';position: absolute;top: 0;left: 0px;content: "\f0f7";	color:#ccc;}
.forgot{color: #222;text-decoration: none;font-size: 14px;float:right;margin-right: 4%;}
input[type="submit"] {border: none !important; border-bottom: 4px solid #cccccc !important; cursor:pointer;}
.butn{/*background: #852272;*/background:#0067ac;color: #fff;padding: 10px 35px; text-align: center; display: block;margin: 3px auto;font-size:16px;}
.or{border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.or, .reg {text-align: center;}
.or-bg {background: #fff;padding: 10px;margin-top: 10px; position: relative;top: 10px;}
.or-bg::before {content: "or";}
.reg a{color:#222; text-decoration:none;}
a.sin-up {color: #222;padding: 10px; border: 1px solid #852272;text-decoration: none;text-align: center; margin: 0 auto;display: block;max-width: 100px;margin-top: 5px;}
.dst-head{color:#852272; text-align:center; }
.useful-links {width: 100%;margin: 0 auto;text-align: center;}
.useful-links ul li {list-style: none;display: inline-block;margin: 42px;margin-left: -20px;}
.useful-links ul li a {color: #222;text-decoration: none; font-weight: 500;}
.hidden-mob{display:none;}
.online-services ul li {list-style: none;}
.online-services a {color: #222;text-decoration: none;font-size: 13px;font-weight: 600;}
.online-services ul{float: left;}
.latestMf h3 {margin: 15px 15px 10px;}
.selectBox{margin-top:-27px;}
.pin-gen select{width:100% !important;}
.form-error{font-size: 12px;color: #f00; margin-top: -12px;display: block;}	
.shadow2{height:520px;}
.captcha-no{width:20%; text-align:center; margin:0 auto; display:block;}	
.mytextwithicon {position:relative;}  
.gen-container{display:inline-block; margin-top:5px;}  
.gen-container a{text-decoration:none; margin:0 auto; padding: 5px 10px;text-align: center;}
.mytextwithicon:before {font-family: 'FontAwesome';position: absolute;top: 0;left: 0px;content: "\f00c";color:#ccc; }
 #genereate{display:none;}
.forgot-form .butn{margin-top:75px;}

/*----- New Style Specifications (KARVY) Starts ------*/
.login-form-big { width:84%; margin:0 auto; background:#fff; padding:30px 20px; border-top: 10px solid #852272; }
.buttonsMn { width:100%;text-align:center; }
.button { display:inline-block; }


.forgotMn 
{
	margin-bottom:20px;
	overflow:hidden
}


.forgotUserid 
{
	width: 46%; 
	float: left; 
	display: block;
	color: #222;
	font-size: 14px;
	text-decoration:none;
}
.forgotPwd 
{
	width: 46%;
	text-align: right; 
	float: left; 
	display: block;
	color: #222;
	font-size: 14px;
	text-decoration:none;
}

.forgotUserid:hover, .forgotPwd:hover { text-decoration:underline;}
 

/*----- New Style Specifications (KARVY) Ends ------*/


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
.header{ display:block !important; background:none; height:0;}
.shadow2 {display:none;}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.header{ display:block !important;  background:none; height:0;}
.login-form, .login-form-big {width: 32%;float:right; min-height:490px;}
.useful-links {width:18%;float:right; margin-right: 20px;}
.useful-links ul li{margin:14px auto; text-align:center;}
.dst-head{display:none;}
/*.content {margin-top: 110px;}*/
.hidden-mob,.dist-head{display:block;}
.bord{float:left; margin-left: 20px;}
.dist-head { background: url(../img/distrbt-bg.png); width: 116px; height: 600px; float: left;margin-top: -35px;display: block;
margin-right:40px;}
.invs-head {background: url(../img/investor-bg.png);width:116px;height:600px; float: left; margin-top: -35px; display: block;	margin-right:40px;}
.online-services ul{float:none;}

}
@media only screen  and (min-width : 1224px)
{
.header{display:block !important;  background:none; height:0;}
.login-form {width: 32%;float:right;min-height:559px;}
.login-form-big {width: 98%;float:right;/*min-height:490px;*/}

.useful-links { width: 18%;	float:right; margin-right: 20px;}
.useful-links ul li{margin:14px auto; text-align:center;}
.dst-head{display:none;}
/*.content { margin-top: 110px;}*/
.hidden-mob,.dist-head{display:block;}
.bord{float:left; margin-left: 20px;}
.dist-head {background: url(../img/distrbt-bg.png);width:116px;height:600px; float: left; margin-top: -35px; display: block;	margin-right:40px;}

.invs-head {background: url(../img/investor-bg.png);width:116px;height:600px; float: left; margin-top: -35px; display: block;	margin-right:10px;}
.online-services ul{float:none;}

}