/* CSS Document */
@import url("font-awesome.css");
.header{ display:none;}
.content {/*margin-top: 15px;*/ margin-top: 10px; margin-bottom: 6px; }
.login-form{width:84%; margin:0 auto; background:#fff; padding:30px 20px; border-top: 10px solid #0067ac;}
.registration-form {width:84%; margin:0 auto; background:#fff; padding:30px 20px; border-top: 10px solid #0067ac;}
.mul-border {margin-top: 5px;}
.user-id, .user-pwd,.pin,.captcha,.dob,.mail,.comp,.gender,.question,.address,.phone,.country,.answer,.city,.key,.contact-person,.contact-number,.email {position:relative; color:#0067ac;}
.user-id:before {font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px; content: "\f007";font-size:18px;}
.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;}
.forpwd_input_txt {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 66%;
    padding: 7px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.reg_input_txt{border: none;  border-bottom: 1px solid #ccc;   width: 82%;  padding: 7px 28px; margin-top: 10px;
margin-left: auto;	margin-right: auto;}
.forpwd_dropdown_txt {
    width: 66%;
    padding: 7px 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f5f5;
	border: 1px solid #ccc;
}
.user-pwd:before{font-family: 'FontAwesome';position: relative;top: 0px;left: 18px; content: "\f023";color:#0067ac; font-size:18px;}
.pin:before{font-family: 'FontAwesome'; position: relative;top: 0px;left: 18px; content: "\f09d";color:#852272; font-size:18px;}
.captcha:before{font-family: 'FontAwesome';position: relative; top: 0px;left: 18px; content: "\f13e";color:#ccc;font-size:20px;}
.dob:before{font-family: 'FontAwesome';position: relative;top: 0px;left: 18px;content: "\f133";color:#852272; font-size:18px;}
.mail:before{font-family: 'FontAwesome'; position: relative;top: 0px;left: 18px;content: "\f003";color:#852272; font-size:18px;}
.comp:before{font-family: 'FontAwesome';position: relative;top: 0px;left: 18px;content: "\f0f7";color:#852272; font-size:18px;}
.gender:before{font-family: 'FontAwesome';position: relative; top: 0px;left: 18px; content: "\f224";color:#852272; font-size:18px;}
.question:before{font-family: 'FontAwesome';position: relative; top: 12px;left: 18px; content: "\f29c";color:#852272; font-size:18px; float:left;}
.address:before{font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px;content: "\f015";color:#ccc; font-size:20px;}
.city:before{font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px;content: "\f041";color:#ccc; font-size:18px;}
.circle-down-arrow{font-family: 'FontAwesome';content: "\f13a";color:#ccc; font-size:18px;}
.key:before{font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px;content: "\f084";color:#852272; font-size:18px;}
/*.phone:before{font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px;content: "\f098";color:#ccc; font-size:17px;}*/
.country:before{font-family: 'FontAwesome'; position: relative;top: 1px;left: 18px;content: "\f279";color:#852272; font-size:18px;}
.answer:before{font-family: 'FontAwesome';position: relative; top: 1px;left: 18px; content: "\f058";color:#852272; font-size:18px;}
.contact-person:before {font-family:'FontAwesome'; position: relative;top: 1px;left: 18px; content: "\f007";color:#852272;font-size:20px;}
.contact-number:before {font-family:'FontAwesome'; position: relative;top: 1px;left: 18px; content: "\f095";color:#852272;font-size:22px;}
.email:before {font-family:'FontAwesome'; position: relative;top: 1px;left: 18px; content: "\f0e0";color:#852272;font-size:18px;}

.forgot{color: #039be5;text-decoration: none;font-size: 14px;float:left;}
.forgot-pw{color: #039be5;text-decoration: none;font-size: 14px;float:right;}
input[type="submit"] {border: none !important; border-bottom: 4px solid #cccccc !important; cursor:pointer;}
.butn{background: #0067ac;color: #fff;padding: 10px 20px; text-align: center; display: block;margin: 3px auto;font-size:16px;     border-style: none; border-bottom: 4px solid #cccccc; cursor:pointer;}
.butn_light_blue{background: #0067ac;color: #fff;padding: 10px 20px; text-align: center; display: block;margin: 3px auto;font-size:16px; border-style: none; margin-top: 165px; border-bottom: 4px solid #cccccc; cursor:pointer; margin-right: 10px;}
.butn_dark_blue{background: #093566;color: #fff;padding: 10px 52px; text-align: center; display: block;margin: 3px auto;font-size:16px; border-style: none; border-bottom: 4px solid #cccccc; cursor:pointer;}
.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 #0067ac;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; }
.login-form-big-noborder { width:100%; margin:0 auto; background:#fff; padding:20px 20px; }
.portfolio-noborder {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 1px 20px;
}
.portfolio-noborder1 {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 1px 20px;
	margin-top:30px;
}
.portfolio_input_txt {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 35%;
    padding: 7px 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 12px;
    margin-right: auto;
}

.buttonsMn { width:100%;text-align:center; }
.button { display:inline-block; }


/*----- 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: 90%; 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(/Images/distrbt-bg.png); width: 116px; height: 600px; float: left;margin-top: -35px;display: block;
margin-right:40px;}
.invs-head {background: url(/Images/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:740px;}
.login-form-big {width: 98%;float:right;/*min-height:490px;*/}
.registration-form {
    width: 88.5%;
    float: right;
    min-height: 559px;
}
.login-form-big {width: 100%;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(/Images/distrbt-bg.png);width:116px;height:600px; float: left; margin-top: -35px; display: block;	margin-right:40px;}

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

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

}
/* New Purchase Styles Start*/

.new_pur_input_txt{
	border: none;  
	border-bottom: 1px solid #ccc;   
	width: 50%;  
	padding: 7px 5px; 
	margin-bottom: 16px;
	margin-top: 10px;
	margin-left: auto;	
	margin-right: auto;
}
.butn_blue{
	margin-left:10px;
	background: #0067ac;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    border-style: none;
	border-bottom: 4px solid #cccccc;
}
.butn_pink{
	margin-left:10px;
	background: #852272;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    border-style: none;
	border-bottom: 4px solid #cccccc;
}
	
/* New Purchase Styles End*/

/* Associate Folio Styles start*/

.ass-folio-text{
	 width: 18%;
     display: inline-block; 
}
.ass-folio_input_txt{
	border: none;  
	border-bottom: 1px solid #ccc;   
	width: 50%;
	padding: 7px 5px; 
	margin-bottom: 16px;
	margin-top: 10px;
	margin-left: auto;	
	margin-right: auto;
}
/* Associate Folio Styles End*/

/* Transaction Status Styles Start*/
.trans_input_txt {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 82%;
    padding: 7px 8px;
    margin-bottom: 16px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
/* Transaction Status Styles End*/