﻿body {font-family: Calibri!important;}

table{font-size:10px !important;}

table td, table th{font-size: 14px; padding: 5px!important;}

a {
    text-decoration: none;
    padding: 0px;
}

.h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #00bb4c!important;
    color: #00283a;
    font-size: 25px;
    height: 48px;
    /* line-height: 34px; */
    margin-top: 13px;
    text-transform: none;
}





. panel3{    margin: 0em auto;}

.insuDisplay4 .tabscrollcont {
    overflow-x: auto;
}

.radiobtnmnth input[type=radio], .radiobtnmnth input[type=checkbox] {
    display: block;
}
.Heading_Page h2

{
	border-bottom:none;
}
.capgain .taxtopdiv {
    margin-top: 15px;
}
.capgain .mydrpdwn, .premcalen .mydrpdwn, .premcalen .fundcattab, .actsip .mydrpdwn {
    margin-top: 15px;
}



.panel5 h4 {
    float: left;
    margin-left: 10px;
}
.panel5 h4 input {
    margin-left: 10px;
    float: left;
	margin-top:5px;
}
.panel5 h4 span {
    margin-left: 10px;
    float: left;
}
.main
{
	float:left;
	width:100%;
	height:auto;
}
.newfuntabtext h4{
	font-weight:bold;
}
.divhist{margin:20px; color:blue;}
.divhist:hover{cursor:pointer;}

.mfscheme-container a{color:#00427a}
.Heading_Page

{
border-bottom:0px;	
}
.bold table th{
	font-weight:bold;
}

.newfuntab a {
	color:#0B0080;
}


.upcumportble-container table td, table th{
    padding: 7px 10px;
}

.wealth-table a {padding-left: 5px;}

.newfuntabtext{
	background-color: #f2f2f2 !important;
	color: #000 !important;
    margin-top: 15px;	
}

.canvasjs-chart-canvas{    overflow: auto;}

.newfuntab .login-form ul li.text-info{
	    color: #31708f!important;
    font-weight: bold!important;
}

.login-form #divBasicInfo  ul li.text-infon{
	color: #333 !important;
}

.login-form #displayEquiDebt ul li.text-infon{
	color: #333 !important;
}

.divBasicInfo .login-form ul li.text-info{
	margin-left: 0px !important;
}
h2.h2
{
	text-align:center;
	    margin-top: 0;
}
.fourbtns{
	margin-top:0;
}

.main-section .tab {
	margin-top: 20px;
	text-align: center;
    width: 100%;
}

.asondate
{
	text-align:right!Important;
}


/* ========== upload document  ========== */
.table_container .table4upload {
	/*background-color: #eaf0ff;*/
	background-color: #e5e5e5;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #7599bc;
	margin: 30px auto -1px;	
	min-width: 735px;
	font-family: 'Lato', sans-serif;
}
.table_container .table4upload.secondtablefornum{
	margin: 0px auto 15px;		
}
.table_container .divscrollfortable{
	overflow-x: auto;
}
.table_container .table4upload td{
	padding: 5px;
	/*border: 1px solid #7599bc;*/
	border: 1px solid #b4b4b4;
	font-size: 15px;
    background-color: #fff;	
}
/*
.table_container .table4upload input[type="text"]{
	border: 0;
	background-color: transparent;
	width: 100%;
}
*/
.table_container .table4upload .docreqheadr{
	text-align: center;
	background-color: #e3fdff;
	padding:5px!important;
}
.table_container .table4upload .headmfup{
	width: 15%;
	/*background-color: #dbeffc;*/
	background-color: #b5ffd3;
	font-weight: bold;
}
.table_container .table4upload .datamfp{
	width: 35%;
    background-color: #d7f7e4;	
}
.table_container .table4upload .serialnumheadr{
	width: 5%;
	background-color: #d1d1d1;	
}
.table_container .table4upload .schemenameheadr{
	width: 60%;
}
.table_container .table4upload.secondtablefornum td
{
    padding: 0px 5px;	
}
.table_container .updocbtn4mf{
    color: #000;
    background-color: transparent;
    border: 1px solid #b4b4b4;
    border-radius: 5px;	
    display: block;
    padding: 8px 13px;
    font-size: 20px;
    margin: 15px auto 10px;
    width: 200px;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}
.table_container .updocbtn4mf img
{
	margin-right:8px;
}
.table4upload .fileContainer input[type=file]{
	/*width: 58%;*/
	cursor: inherit;
	/*font-size: 999px;*/
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
.table4upload .fileContainer {
    overflow: hidden;
    position: relative;
	padding: 2px 30px;
    padding-left: 7px;	
    display: inline-block;
    color: #00427a;
    border: 1px solid transparent;
    /*background-color: #00427a;*/
    /*box-shadow: 2px 2px 50px 0px #e0e0e0 inset;*/
    margin: auto !important;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}
.table_container .table4upload td img
{
    top: 0;
	margin-right:5px;
    /* vertical-align: sub;	 */
}

.wmuploaddoctab3condv{
	overflow: auto;
	margin: 20px auto 0;
}

.wmuploaddoctab3condv .wmupdoctab{
	width: 100%;
}
.wmuploaddoctab3condv .wmupdoctab tr{
	background-color: #e5e5e5;
}
.wmuploaddoctab3condv .wmupdoctab tr td{
	border: 1px solid #b4b4b4;
	padding: 5px;
}
.wmuploaddoctab3condv .wmupdoctab tr td.wmupdctabhed{
	font-size: 16px;
	color: #4f5d6e;
	font-weight: bold;
	background-color: #d1d1d1;
}
.wmupdocprocednxt{
	margin: 15px 0 00 0;
}
.wmupdocprocednxt a .upload_investonline{
	float: right;
}
/*
@media screen and (max-width: 1199px) and (min-width: 992px){
	.table4upload input[type="file"]{
		width: 70%;
	}	
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.table4upload input[type="file"]{
		width: 85%;
	}	
}
@media screen and (max-width: 767px){
	.table4upload input[type="file"]{
		width: 85%;
	}	
}
*/
/* ========== Create free account ========== */
.wizard {
    margin: 20px auto;
    background: #fff;
}
.wizard .nav-tabs {
	position: relative;
	margin: 40px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
	border-bottom: 0px;
}

.wizard > div.wizard-inner {
	position: relative;
}

.main-container{padding: 2em 0;    padding-top: 1em;}
.main-container h3.h3{
	text-align: center;
    font-family: 'Lato', sans-serif;
    color: #666666;
	font-size: 28px;

}
.main-container p.ctx{
	/*text-align: center;*/
    font-family: 'Lato', sans-serif;
    /*color: #333333;
	font-size: 16px;*/
	padding: 0 15px;
    color: #0096ba;
    font-size: 20px;	
}
.bordercontainer{
	border: 0px solid #c3c3c3;
	border-top: 0px solid transparent;
	margin: 30px 0 0 0;
	padding: 10px 15px;
	float: left;
	width: 100%;

}
section.section_create{
	margin: 70px 0 0 0;
}
/*switch1 start*/


.switch1 {max-width: 12em; margin: 30px 0 0px auto; }
.switch1-light > span, .switch-toggle > span {  color: #000000; }
.switch1-light span span, .switch1-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch1-light span span { display: none; }

.switch1-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch1-light * { box-sizing: border-box; }
.switch1-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch1-light label, 
.switch1-light > span { line-height: 30px; vertical-align: middle;}

.switch1-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch1-light input:focus ~ a, .switch1-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch1-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch1-light input:checked{opacity: 0 !important;}
.switch1-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch1-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch1-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch1-light > span span:first-child{color: #2b2b2b;}
.switch1-light > span span:last-child { left: 50%; }
.switch1-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}

/*switch1 end*/

/*switch2 start*/


.switch2 {max-width: 12em; margin: 30px 0 0px auto; }
.switch2-light > span, .switch-toggle > span {  color: #000000; }
.switch2-light span span, .switch2-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch2-light span span { display: none; }

.switch2-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch2-light * { box-sizing: border-box; }
.switch2-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch2-light label, 
.switch2-light > span { line-height: 30px; vertical-align: middle;}

.switch2-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch2-light input:focus ~ a, .switch2-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch2-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch2-light input:checked{opacity: 0 !important;}
.switch2-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch2-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch2-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch2-light > span span:first-child{color: #2b2b2b;}
.switch2-light > span span:last-child { left: 50%; }
.switch2-light a { position: absolute; right: 50% !Important; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}



/*switch2 end*/

/*switch3 start*/

.switch3 {max-width: 12em; margin: 30px 0 0px auto; }
.switch3-light > span, .switch-toggle > span {  color: #000000; }
.switch3-light span span, .switch3-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch3-light span span { display: none; }

.switch3-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch3-light * { box-sizing: border-box; }
.switch3-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch3-light label, 
.switch3-light > span { line-height: 30px; vertical-align: middle;}

.switch3-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch3-light input:focus ~ a, .switch3-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch3-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch3-light input:checked{opacity: 0 !important;}
.switch3-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch3-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch3-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch3-light > span span:first-child{color: #2b2b2b;}
.switch3-light > span span:last-child { left: 50%; }
.switch3-light a { position: absolute; right: 50% !Important; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}



/*switch3 end*/








.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
/*will remove below css once glyphicon icons are replaced by images*/

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #dbeffc;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0%;
    text-align: center;
    font-size: 25px;
	top: 0px;
}
span.round-tab i{
    color:#555555;
	font-size: 36px;
	line-height: 1.75;
}
.wizard li.active span.round-tab {
    background: #0957a2;
    border: 0px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #fff;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}
/*remove till here*/

.wizard .nav-tabs > li {
    width: 25%;
}

.mycustomwizard li:after {
	content: "\00BB";
    position: absolute;
    left: 46%;
    opacity: 1;
	font-size: 60px;
    margin: 0 auto 17px 39%;
    bottom: 0px;
	color: #b4b4b4;
    /*border: 5px solid transparent;
    border-bottom-color: #5bc0de;*/
    transition: 0.1s ease-in-out;
}
.mycustomwizard li.noaftercontent:after {
	content: "";	
}

.mycustomwizard li.active:after {
	color: #ffa500
    /*border: 10px solid transparent;
    border-bottom-color: #5bc0de;*/
}
.mycustomwizard li.country:after {
	display: none;
}
.mycustomwizard li.divider:after {
	display: none;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
	margin: -30px auto 0 auto;
    /*border-radius: 100%;*/
    padding: 0;
	display: block;
}
.wizard .nav-tabs > li a.jstatag {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: absolute;
	background: transparent;
	bordeR: 0;
	cursor: pointer;
}

.wizard .nav-tabs > li a:hover {
	background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.step33 {
    border:1px solid #ccc;
    border-radius:5px;
    /*padding-left:10px;*/
    margin-bottom:10px;
}

@media( max-width : 585px ) {


}


#butOTP:focus,#verify_otp:focus,#resend_otp:focus{background-color: #00427a;color: #fff;box-shadow: none;}
#chkTermCond:focus{box-shadow : 0px 0px 20px}
#btn_signup:focus{ background-color: #fff; color:#00427a; box-shadow: none;}
 
.clsrequired{
    position: relative;
    top: -1px;
    right: -7px;
}

/*custom*/
.mycustomwizard .backbox{
	display: inline-block;
	width: 80%;
	height: 115px;
	background-color: #f4f4f4;
	border: 1px solid #dadada;
	border-radius: 5px;
}
.mycustomwizard li.active .backbox{
	background-color: #b4b4b4;
	border: 1px solid #b4b4b4;
}

.mycustomwizard p.tx{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 80%;
	font-size: 16px;
	margin: 0 0 10px 0;
}
/*.wizard .nav-tabs > li:nth-child(1){
	margin-left: 2.5%;
}*/
.wizard .nav-tabs > li:nth-child(4){
	width: 20%;
}
.wizard .nav-tabs > li:nth-child(4) .backbox{
	width: 100%;
}
.wizard .nav-tabs > li:nth-child(4) p.tx{
	width: 100%;
}
/*
.wizard .nav-tabs > li:nth-child(4) span.round-tab{
	left: 34%;
}
*/
.mycustomwizard .backbox .innerbox1{
    background-image: url(/images/img14_2.png);
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    background-color: #dbeffc;
	border: 1px solid #dadada;
    position: absolute;
    top: -35px;
    left: 25%;
    border-radius: 50%;
	
}

.mycustomwizard .backbox .innerbox2{
    background-image: url(/images/img16_1.png);
    background-size: 38px 49px;
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    background-color: #dbeffc;
	border: 1px solid #dadada;
    position: absolute;
    top: -35px;
    left: 25%;
    border-radius: 50%;
}
.mycustomwizard .backbox .innerbox3{
    background-image: url(/images/img18_1.png);
    background-size: 42px 50px;
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
    width: 90px;
    background-color: #dbeffc;
	border: 1px solid #dadada;
    position: absolute;
    top: -35px;
    left: 25%;
    border-radius: 50%;
}
.innerbox .tooltip{
	display: none !important;
}
.mycustomwizard li.active .backbox .innerbox1{
    background-image: url(/images/img13_1.png);
    background-color: #0957a2;
	border: 0px;
}
.mycustomwizard li.active .backbox .innerbox2{
    background-image: url(/images/img15_1.png);
    background-color: #0957a2;
	border: 0px;
}
.mycustomwizard li.active .backbox .innerbox3{
    background-image: url(/images/img17_1.png);
    background-color: #0957a2;
	border: 0px;
}

.rd3holderimg{
	width: auto;
	margin: 15px auto;
}
.widthautoforimg{
	width: auto;
	margin: 0 auto;
}

.tab-content .tab-pane .header .container{width: 100%;}
.tab-pane h2.h2{
	color: #0957a2;
	font-family: 'Lato', sans-serif;
	text-align: center;
	border-bottom: 0;
	font-size: 30px;
	line-height: 1.42857143;
	height: auto;
    background-color: #dbeffc;
    padding: 10px 0;
    margin-top: 0px;	
}

.tab-pane h2.h2.bgblue{
	background-color: #dbeffc;
    padding: 5px 0;
	margin: 20px 0 10px;
}
#ecrInveInfo .tab-pane h2.h2.bgblue
{
	font-size:20px;
	background-color:transparent;	
}
.tab-pane .header{
	/*background-color: #eaf0ff;*/
	border: 1px solid #c2e6fd;
	border-radius: 5px;
	-moz-box-shadow: 3px 4px 15px 2px #ddd;
	-webkit-box-shadow: 3px 4px 15px 2px #ddd;
	box-shadow: 3px 4px 15px 2px #ddd;
	float: left;
    width: 100%;
}
button.next-step, button.prev-step{
	color: #fff;
	background-color: #0957a2;
	border: 1px solid #0957a2;
	border-radius: 0;
	margin: 1em 0;	
	font-family: 'Lato', sans-serif;
}
button.next-step.btn1{
	margin: 1em 25px 1em 0;
}
ul li.ct21{margin: 0 0 0 28px;}
ul li.ct22{margin: 0 25px 0 0;float: right;}

button.next-step span.arrow,
button.prev-step span.arrow
{
	color: #ffa500;
}

a.btn-info,
a.btn-info:hover,
a.btn-info:focus,
a.btn-info:active,
a.btn-info:active:hover
{	display: block;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
#but2nd{width: 100%; margin: 20px auto;}
#but3rd{width: 277px; margin: 20px auto;}

.input {
	position: relative;
	/*z-index: 1;*/
	display: inline-block;
	margin: 0em 1em;
	max-width: 100%;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: normal;
	font-size: 16px;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	font-family: 'Lato', sans-serif;
}

.input__field:focus {
	outline: none;
}
a.anchor_date_picker{
	position: absolute;
    right: 5px;
	margin: 35px 0 0px auto;
}
.anchor_date_picker{
	position: absolute;
    right: 0;
    top: 35px;
}
.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #333333;
	font-weight: normal;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	/* padding: 0.6em 0; */
	padding:0.2em 0;
	width: 100%;
}
#formPersonalInfo .input__label-content, #ecrInveInfo .input__label-content
{
	padding: 0em 0;	
	    background-color: #fff;
}
.autofilled_bg
{
    background-color: rgba(239, 239, 239, 0.5);	
}
.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}
.input--hoshi {
	overflow: hidden;
}
.visibleoverflow {
	overflow: visible;
}
.input--hoshi input[type=password]{
	border: 0;
	width: 100%;
}

.input__field--hoshi {
	margin-top: 0.5em;
	padding: 33px 10px 20px 5px;
	width: 100%;
	background: transparent;
	color: #00427a;
	font-weight: normal;
}
.customline{
	margin-top: -9px;
	padding: 15px 0;
}
.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	/*height: calc(100% - 1em);*/
	text-align: left;
	pointer-events: none;
	height: 60px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'Lato', sans-serif;
	border-color: hsl(217, 28%, 67%);
}

.input__label-content--hoshi {
	position: absolute;
	font-family: 'Lato', sans-serif;
}

.dropdown .dropdown-menu .input__label-content--hoshi,
.dropdown .dropdown-menu label.selectinputcrete span{
	color: #00427a;
    font-size: 11px;
}
.input__label-content--hoshi.required {
	color: red;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
	margin-top: 0px;
	border-bottom: 2px solid;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	border-color: inherit;
}

.input__label--hoshi-color-1::after {
	/*border-color: hsl(200, 100%, 50%);*/
	/*border-color: hsl(217, 28%, 67%);*/
	border-color: inherit;
}

.input__label--hoshi-color-1.selectinputcrete::after {
	/*border-color: hsl(200, 100%, 50%);*/
	/*border-color: hsl(217, 28%, 67%);*/
	border-color: inherit;
	visibility: visible;
}

.visibleoverflow .input__label--hoshi-color-1::after {
	visibility: hidden;
}
.input.input--hoshi.visibleoverflow{
	margin-top: 1.5em;
}
.input.input--hoshi.margintpcusflg{
	margin-top: 1.5em;
}
.mycustomwizard .step2 .input.input--hoshi.margintpcusflg{
	margin-top: 0px;
}
.input__label--hoshi-color-2::after {
	border-color: hsl(0, 100%, 50%);
	/*border-color: inherit;*/
}

.input__label--hoshi-color-3::after {
	border-color: hsl(217, 28%, 67%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	/*-webkit-animation: anim-1 0.3s forwards;*/
	/*animation: anim-1 0.3s forwards;*/
	/*-webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;*/
}
/*
textarea#input-4 {
    height: 55px !important;
	resize: none;
	overflow-y: hidden;
}
*/
.input__field--hoshi:focus + label.input__label--hoshi{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height: 75px;
}
.input--hoshi input[type=password]:focus + label.input__label--hoshi{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height: 75px;	
}
.input__label.input__label--hoshi.input__label--hoshi-color-1.selectinputcrete{
	height: 55px
}
label.selectinputcrete span{
	display: block;
	margin: -8px 0 0 0;
	font-family: 'Lato', sans-serif;
}
label.selectinputcrete span.plsverifymobnum{
	display: block;
	margin: 0px 0 0 0;
	font-family: 'Lato', sans-serif;
}
@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}
.compliancetab table{
	border-collapse: separate;
	border-spacing: 5px;
	font-family: 'Lato', sans-serif;
}
.compliancetab .table>thead>tr>th{
	border: 1px solid #cccccc;
	background-color: #dbeffc;
}
.compliancetab .table>thead:first-child>tr:first-child>th{
	border-top: 1px solid #cccccc !important;
	font-size: 16px;
	padding: 8px !important;
}	
.compliancetab .table>thead:first-child>tr:first-child>th:first-child{
	width: 30%;
}
.compliancetab .table>tbody>tr>td{
	border: 1px solid #cccccc;
	font-size: 16px;
	padding: 8px !important;
	color: #666666;
}/*
.compliancetab .table tbody tr:nth-child(2n){
	background-color: #ffffff;
}
.compliancetab .table tbody tr:nth-child(2n-1){
	background-color: #efefef;
}
*/

.compliancetab .table tbody tr > td{
	background-color: #e5e5e5;
}
.compliancetab .table tbody tr > td:first-child{
	font-weight: bold;
	background-color: #d1d1d1;
	color: #000;
}
.compliancetab .table select,
.input select{
	border: 0;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(/images/img7.png);
    background-repeat: no-repeat;
    background-position: right 7px;
    width: 100%;
}
.input select{
    background-position: right 35px;
}
.compliancetab .table select:focus{
	outline-offset: 0px;
	border: 0;
	outline: -webkit-focus-ring-color auto 0px;
}
.compliancetab .table td input.inputundertdnoborder{
	border: 0;
    width: 100%;
    background-color: transparent;
}
.compliancetab .table td input.inputundertdnoborder:focus{
	outline-offset: 0px;
	border: 0;
	outline: -webkit-focus-ring-color auto 0px;
}
.compliancetab .table td textarea.inputundertdnoborder{
	margin: 0px;
	width: 100%;
	height: 50px;
	border: 0;
	background: transparent;
	resize: none;
}
.centersuccess{
	margin: 2em auto;
}
.wmfailnotconfirm #p_Remark1
{
	text-align:center;
}
#p_Remark
{
	text-align:center;
}
.centersuccess img{
	margin: 0 auto;
}
.step44{
	padding: 0em 0 2em 0;
}
.customdiv{
    width: 30%;
    float: left;
	background-color: #fff;
	padding: 10px;
	height: 240px;
	-moz-box-shadow: 2px 2px 5px 2px #ccc;
    -webkit-box-shadow: 2px 2px 5px 2px #ccc;
    box-shadow: 2px 2px 5px 2px #ccc;
	border: 1px solid #c2e6fd;
}
.customdiv.marleft1667{margin-left: 1.667%;}
.custdivforarrow{
	width: 3.33%;
	float: left;
	text-align: center;
}
.custdivforarrow p{
	line-height: 4.5;
	font-size: 50px;
	color: #ffa500;
}
.customdiv img{
	margin: 0 auto;
}
.customdiv p{
	text-align: center;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
.customdiv p.custmartop{
	margin: 20px auto;
}
.customdiv h4.h4{
    color: #0957a2;
    text-align: center;
    margin: 1em auto 0 auto;
    font-weight: bold;
    font-size: 22px;
	font-family: 'Lato', sans-serif;
}
.customdiv span.blue{
	color: #0957a2;
}
.step44 .custdivforbutton{
	width:33.33%;
	float:left;
	text-align: center;
	margin-top: 15px;
}
.step44 .custdivforbutton button{
    /*background-color: #0957a2;
    border: 0;
    color: #fff;
    padding: 6px 20px;
	font-family: 'Lato', sans-serif;*/
	
    border: 1px solid #7599bc;
    border-radius: 5px;
    background-color: #eaf0ff;
    color: #09559f;
    display: inline-block;
    margin: 0 10px;
    width: 220px;
    padding: 5px 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
	text-transform:uppercase;	
}
.step44 .custdivforbutton button:hover
{
    background-color: #09559f;
    color: #fff;	
}
.step44 .custdivforbutton.margin-left{margin-left:16.66%}


@media screen and (max-width: 1199px) and (min-width: 992px){
	.mycustomwizard li:after{
		margin: 0 auto 17px 38%;
	}
	.mycustomwizard .backbox{
		height: 100px;
	}
	.mycustomwizard .backbox .innerbox1{
		left: 22%;
		height: 80px;
		width: 80px;
		background-size: 45px 45px;
	}	
	.customdiv{
		height: 265px;
	}
	.custdivforarrow p {
		line-height: 5;
	}
	.mycustomwizard p.tx{
		font-size: 16px;
	}
	.mycustomwizard .backbox .innerbox2{
		left: 22%;
		height: 80px;
		width: 80px;
	}
	.mycustomwizard .backbox .innerbox3{
		left: 27%;
		height: 80px;
		width: 80px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.mycustomwizard li:after{
		margin: 0 auto 17px 36%;
	}
	.mycustomwizard .backbox .innerbox1{
		left: 22%;
		height: 70px;
		width: 70px;
		background-size: 40px 40px;
	}
	.mycustomwizard .backbox .innerbox2{
		left: 21%;
		height: 70px;
		width: 70px;
	}
	.mycustomwizard .backbox .innerbox3{
		left: 27.5%;
		height: 70px;
		width: 70px;
		background-size: 38px 45px;
	}
	.mycustomwizard .backbox{
		height: 90px;
	}
	.mycustomwizard p.tx{
		width: 60%;
		font-size: 16px;
		left: 9%;
		line-height: 1.2;
	}
	.wizard .nav-tabs > li:nth-child(4) p.tx{
		width: 77%;
	}
	
}
@media screen and (max-width: 991px){
	.step44 .customdiv{
		margin: 0 10px;
		height: 295px;
	}
	.step44 .custdivforarrow{
		display: none;
	}
	.customdiv.marleft1667{
	}
	.customdiv h4.h4{
		margin: 0em auto 0 auto;
		font-size: 18px
	}
}

@media screen and (max-width: 767px){
	.bordercontainer
	{
		padding:0px;
	}
	.table_container.buymfonlinebbg .tab-act-con {
    display: block;
	}
	.buymfonlinebbg .table-responsive.tab-act-con .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}
	.tab-act-con #table 
	{    table-layout: auto; }
	.compliancetab.table-responsive{
		border: 0;
	}
	.mycustomwizard li.active .backbox,
	.mycustomwizard .backbox{
		background-color: transparent;
		border: 0;
	}
	.mycustomwizard li:after{
		margin: 0 auto -15px 39%;
	}
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
		margin: 0px auto;
    }
	.wizard {
		width: 90%;
		height: auto !important;
	}
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
	.wizard .nav-tabs > li:nth-child(1) {
		margin-left: 0;
	}
	.mycustomwizard .backbox .innerbox1{
		background-image: url(../images/img14.png);
		background-size: 60%;
		height: 50px;
		width: 50px;
	}
	.mycustomwizard li.active .backbox .innerbox1{
		background-image: url(../images/img13_1.png);
	}
	.step44 .customdiv{
		margin: 10px auto;
		width: 370px;
		height: auto;
		float: none;
	}
	.step44 .custdivforbutton.margin-left{
		margin-left: 0;
	}
	.step44 .custdivforbutton{
		width: 100%;
		float: none;
	}
	.mycustomwizard .backbox .innerbox2,
	.mycustomwizard .backbox .innerbox3
	{
		height: 50px;
		width: 50px;
		background-size: 28px 34px;
	}
	.tab-pane .header{
		padding: 1em 0;
	}
	
	
	
	
	.mycustomwizard p.tx{
		display: block;
		width: 80%;
		margin: 0 auto 10px auto;
		font-size: 14px;
		line-height: 1.2;
	}
	.mycustomwizard li.active .backbox, .mycustomwizard .backbox{
		height: 63px;
	}
	.mycustomwizard .backbox{
		height: 63px;
	}
	.mycustomwizard li:after{
		font-size: 50px;
		margin: 0 auto 45px 39%;
	}
	
}
@media screen and (max-width: 600px){
	ul li.ct21, ul li.ct22{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.list-inline.pull-right.600centercreate{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.tab-pane .header.step33{
		padding: 1em 0 5em 0;
	}
	button.next-step, button.prev-step{
		margin: 5px 0;
	}
	
	.mycustomwizard li:after{
		margin: 0px auto 40px 40%;
		font-size: 45px;
	}
	
	.mycustomwizard .backbox .innerbox1{
		background-size: 55%;
		height: 50px;
		width: 50px;
	}
	.mycustomwizard .backbox .innerbox2, .mycustomwizard .backbox .innerbox3{
		background-size: 23px 29px;
		height: 50px;
		width: 50px;		
	}
		.mycustomwizard li.active .backbox, .mycustomwizard .backbox
	{
		background-color: #b4b4b4;
		border: 1px solid #b4b4b4;
	}
	.mycustomwizard li.active .backbox, .mycustomwizard .backbox{
		/* background-color: transparent; */
		border: 0;
		height: 55px;
		width: 100%;
	}
	.wizard .nav-tabs > li
	{
	    margin-right: 11px;	
	}
	.mycustomwizard .backbox{
		height: 55px;
	}
	.mycustomwizard p.tx{
		display: block;
		width: 90%;
		margin: 0 auto 10px auto;
		font-size: 12px;
		line-height: 1.2;
	}
	.wizard .nav-tabs > li:nth-child(4) p.tx{
		width: 110%;
		margin: 0 auto 10px auto;
	}
}

@media screen and (max-width: 480px){
		.mycustomwizard li.active .backbox, .mycustomwizard .backbox
	{
		background-color: #b4b4b4;
		border: 1px solid #b4b4b4;
	}
	.PerInfoselect_memb > DIV
	{
		padding:0px;
	}
	.PerInfoselect_memb .input, .PerInfoselect_memb label.selectinputcrete span {
    margin: 0px 0px 0px 1px;
    font-size: 12px;
	}
	.section_create .step2 > DIV > DIV:nth-child(3), .section_create .step2 > DIV > DIV:nth-child(4)
	{
		padding:0px;
		float:left;
	}
	ul li.ct21,
	ul li.ct22,
	ul.pull-right li.noaftercontent
	{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.step1 ul.pull-right{
		float: none !important;
	}
	.wizard .tab-pane{
		padding-top: 20px;
	}
	
	.tab-pane .header.step33{
		padding: 1em 0;
	}
	button.next-step.btn1{
		margin: 15px auto;
	}	
	.step44 .customdiv{
		width: 225px;
	}
	.input__label{
		font-size: 15px;
	}
	.switch1,.switch2,.switch3{
		margin: 35px 0 15px auto;
		max-width: 8em;
	}
	.switch1-light > span span, .switch2-light > span span, .switch3-light > span span{
		top: -5px;
		left: 1px;
		font-size: 12px;
	}
	.switch1-light > span span:last-child, .switch2-light > span span:last-child, .switch3-light > span span:last-child {
		left: 46%
	}
	.switch1-light, .switch2-light, .switch3-light{
		height: 20px;
	}
	.tab-pane h2.h2{
		font-size: 20px;
	}
	.mycustomwizard li:after{
		margin: 0px auto 37px 40%;
		font-size: 35px;
	}
	
	.mycustomwizard .backbox .innerbox1{
		background-size: 55%;
		height: 40px;
		width: 40px;
	}
	.mycustomwizard .backbox .innerbox2, .mycustomwizard .backbox .innerbox3{
		background-size: 20px 25px;
		height: 40px;
		width: 40px;		
	}
	.mycustomwizard li.active .backbox, .mycustomwizard .backbox{
		background-color: transparent;
		border: 0;
		height: 40px;
		width: 100%;
	}
	.mycustomwizard .backbox{
		height: 40px;
	}
	.mycustomwizard p.tx{
		display: block;
		width: 81px;
		margin: 0 auto 10px 5px;
		font-size: 10px;
		line-height: 1.2;
	}
	.wizard .nav-tabs > li:nth-child(4) p.tx{
		width: 120%;
		margin: 0 auto 10px -4px;
	}
	
	#but2nd, #but3rd{width: 230px; margin: 0 auto;}
	
}
@media screen and (max-width: 400px){	
	.mycustomwizard li:after{
		margin: 0px auto 45px 50%;
		font-size: 25px;
	}
	.mycustomwizard .backbox .innerbox1{
		background-size: 55%;
		height: 40px;
		width: 40px;
	}
	.mycustomwizard .backbox .innerbox2, .mycustomwizard .backbox .innerbox3{
		background-size: 20px 25px;
		height: 40px;
		width: 40px;		
	}
	.mycustomwizard li.active .backbox, .mycustomwizard .backbox{
		background-color: transparent;
		border: 0;
		height: 40px;
		width: 100%;
	}
	.mycustomwizard .backbox{
		height: 40px;
	}
	.mycustomwizard p.tx{
		display: block;
		width: 100%;
		margin: 0 auto 10px;
		font-size: 10px;
		line-height: 1.2;
	}
	.wizard .nav-tabs > li:nth-child(4) p.tx{
		width: 120%;
	}
}


/*=============== Buy MF Online ===============*/
.buymfonlinebbg{
	/*background-color: #eaf0ff;*/
	/*border: 1px solid #c2e6fd;*/
	border-radius: 5px;
	/*-moz-box-shadow: 3px 4px 15px 2px #ddd;
	-webkit-box-shadow: 3px 4px 15px 2px #ddd;
	box-shadow: 3px 4px 15px 2px #ddd;*/
	padding: 0px 15px 0px 15px;
	margin: 0em auto 0;
	font-family: 'Lato', sans-serif;
}
.dv_strtsip_procedchkout .a_StartSIP_asp .continueinvest
{
    margin-bottom: 8px!important;	
}
.tab-act-con .buymfonlinebbg{
	/*background-color: #eaf0ff;*/
	border: 1px solid #c2e6fd;
	border-radius: 5px;
	-moz-box-shadow: 3px 4px 15px 2px #ddd;
	-webkit-box-shadow: 3px 4px 15px 2px #ddd;
	box-shadow: 3px 4px 15px 2px #ddd;
	padding: 15px 15px 30px 15px;
	margin: 1em auto 0;
	font-family: 'Lato', sans-serif;
}
.divcentalreadyreg{text-align: center;}
.buymfonlinebbg .tab-act-con{
	display: table;
	width: 100%;
}
.buymfonlinebbg .tab-act-con.non_acc
{
	display: table;
	width: 100%;
	text-align:center;	
}
.buymfonlinebbg .tab-act-con > p.crt_acLink
{
	margin-top:20px;
}

.buymfonlinebbg .tab-act-con .table-bordered > thead > tr{
	background-color: #dbeffc;
}
.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th{
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}

.buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td{
	color: #00427a;
	font-size: 16px;
	font-weight: normal;
    word-wrap: break-word;
    white-space: inherit;	
}

.buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td input[type=checkbox]{
    position: relative;
    display: inline-block !important;
    margin: 0 10px 0 0;
	height: auto !important;
	width: auto !important;
}
.buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td input[type=checkbox]:checked{
	z-index: z-index: 1!important;
}

.buymfonlinebbg .tab-act-con .table-bordered,
.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th,
.buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td
{
	border: 0;
	font-family: 'Lato', sans-serif;
}
.buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(odd),
.buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(even)
{
	background-color: transparent;
	border-bottom: 1px solid #7599bc
}
.switch_opt .buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(odd),
.switch_opt .buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(even)
{
    border-bottom: 0px dashed #7599bc;	
}
.buymfonline_createadditnlact_btn{
    border: 0px solid #999999;
    background-color: transparent;
    color: #000000;
    border-radius: 5px;
    display: block;
    margin: 0px auto 0px;
    padding: 10px 15px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    float: right;
}
.buymfonline_createadditnlact_btn i
{
	margin-right:4px;	
}

@media only screen and (max-width: 767px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
	display: block;
}
#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
 
#no-more-tables tr { border: 1px solid #ccc; }
  
#no-more-tables td {
/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align:left;
	font-size: 14px;
} 
#no-more-tables td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: normal;
	color: #333333;
}
 .buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(odd){background-color:#e0e0e0;}
.buymfonlinebbg .tab-act-con .table-striped > tbody > tr:nth-of-type(even){background-color:#ffffff;}
#no-more-tables td:before { content: attr(data-title); }
}

@media screen and (max-width: 480px){
	#no-more-tables td {
		font-size: 14px;
	}
}



/*========== div 2 panel5 ===========*/
.dropdown div.dropdown-menu .form-horizontal .form-group > DIV:nth-child(3) .input--hoshi
{
 margin-bottom:10px;	
}
.lumpsum_divi .input--hoshi
{
 margin-bottom:10px!important;	
}
.dropdown div.dropdown-menu .form-horizontal .form-group > DIV:nth-child(3) .input--hoshi label:first-child, .lumpsum_divi .input--hoshi label:first-child
{
    padding: 0px;
    margin-top: 6px;
    font-size: 14px!important;
	margin-left:0px;
}
.dropdown div.dropdown-menu .form-horizontal .form-group > DIV:nth-child(3) .input--hoshi label, .lumpsum_divi .input--hoshi label
{
    font-size: 13px!important;
    margin-left: 5px;	 
}
p.ctx.ctx2{
	margin: 56px 0 0 0;
}
.buymfonlinebbg.panel5{
	margin: 1em auto;
}
.buymfonlinebbg.panel5 .ul-li-container ul li{
	list-style-type: none;
	display: inline-block;
	padding: 5px 20px;
    background: transparent;
    color: #09559f;
	cursor: pointer;
	/*height: 30px;*/
	/*border: 1px solid #2b4a67;*/
	/*border-radius: 5px;*/
	font-size: 14px;
	font-family: 'Lato', sans-serif;
    transition: all 0.5s ease-out;	
}
.buymfonlinebbg.panel5 .ul-li-container ul li:hover{
	border-bottom: 2px solid #09559f;
    color: #09559f;
	font-weight:bold;
}
.buymfonlinebbg.panel5 .ul-li-container ul li.active{
	border-bottom: 2px solid #ff5700;
    color: #09559f;
	font-weight:bold;
    background-color: #f1f1f1;	
}
.tabContent {
    display:none;
	margin: 1em auto;
	background: transparent;
	padding: 5px;
	width: 100%;
	/*overflow: auto;*/
}
.buymfonlinebbg.panel5 .ul-li-container{
}
.buymfonlinebbg.panel5 .subcatlargecap{
}
.buymfonlinebbg.panel5 .basis1year{
}
.buymfonlinebbg.panel5 .top5year{
}
.buymfonlinebbg.panel5 .ul-li-container ul{
	 display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0em;
}

.buymfonlinebbg.panel5 .pnl5_col_cust_3,
.buymfonlinebbg.panel5 .pnl5_col_cust_4,
.buymfonlinebbg.panel5 .pnl5_col_cust_2,
.buymfonlinebbg.panel5 .pnl5_col_cust_1
{
	padding-left: 10px;
	padding-right: 10px;
}

.buymfonlinebbg.panel5 .tabContent table.mf-table{
	width: 100%;
	margin: 1em auto;
	min-width: 676px;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table tbody tr{
	border-bottom: 1px dashed #0957a2;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table th,
.buymfonlinebbg.panel5 .tabContent table.mf-table td{
	padding: 5px;
	border: 0px solid #ADD8E6;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table th{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table td{
	font-size: 15px;
	font-weight: normal;
	color: #00427a;
}
.buymfonlinebbg.panel5 .spansubcat{
	display: inline-block;
	font-size: 14px;
}
.buymfonlinebbg.panel5 .subcategorydropdwn{	
	display: inline-block;
	border: 0;
    background-color: transparent;
	/*border: 1px solid #2b4a67;*/
	border-bottom: 2px solid #09559f;
	color:#09559f;
	padding: 5px 45px 5px 20px;
	/*border-radius: 5px;*/
	margin: 0 0px 0 0px;
    appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url(/images/img7.png);
    background-repeat: no-repeat;
	background-position: right 5px center;
	font-size: 14px;
	font-weight:bold;
    /*width: 100%;*/
}
.buymfonlinebbg.panel5 .subcategorydropdwn:hover
{
border-bottom: 2px solid #2b4a67;
}
.buymfonlinebbg.panel5 .imgcart{
	height: 45px;
	margin: 0 auto 0 0px;
	float: left;
}
.buymfonlinebbg .tabContent .mf-table > thead > tr {
    background-color: #dbeffc;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table tbody tr td ul{
	margin-bottom: 0;
	padding: 0;
}
.buymfonlinebbg.panel5 .tabContent table.mf-table tbody tr td ul li.dropdown{
	list-style-type: none;
}

.dropdown {    
}
.dropdown-menu>li {
	text-align: center;
}
.dropdown div.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
    margin-top:15px;
    width:200px;
	min-width: 0;
	/*margin-left: -130px;*/
	right: -18px;
}
.dropdown div.dropdown-menu.new_width {
    border-radius:4px;
    box-shadow:none;
    margin-top:15px;
    width: 300px;
	min-width: 0;
	margin-left: -280px;
	box-shadow: 0 0 20px;
}
#custompopupstartsipwin .dropdown-menu.new_width span.input--hoshi{
	margin: 0em 0.5em;
	width: calc(100% - 1em);
}
#custompopupstartsipwin .dropdown .dropdown-menu{
	display: none !important;
}
#custompopupstartsipwin .dropdown.open .dropdown-menu
{
	display: block !important;
}	
#custompopupstartsipwin .dropdown .dropdown-menu.hidethis,
.bodybgblcustwmstrtsip.hidethis{
	display: none !important;
}
#custompopupstartsipwin .dropdown.open .dropdown-menu.hidethis{
	display: block !important;
}
.bodybgblcustwmstrtsip {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    filter: alpha(opacity=0);
    opacity: 0.6;
	display: none;
}
@media screen and (max-width: 767px){
	#custompopupstartsipwin .dropdown.open .bodybgblcustwmstrtsip{
		display: block
	}
}
.dropdown div.dropdown-menu input.form-control{
	width: 60%;
	margin: 0 auto;
    margin-bottom: 10px;	
}
.dropdown div.dropdown-menu .form-horizontal .form-group{
    margin: 5px auto;
	text-align: center;
	color: #333;
	font-size: 16px;
	
}/*
.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
    background: #0956a1;
    color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
    margin: 10px auto 0;
	text-transform: none;
	font-weight: normal;
	border: 0;
	font-size: 14px;
}*/

.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn
{
	border: 1px solid #7599bc;
    border-radius: 5px;
    background-color: #eaf0ff;
    color: #09559f;
    display: inline-block;
    margin: 0 10px;
    padding: 5px 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    /*text-transform: uppercase;*/
}
.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn:hover,
.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn:active,
.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn:focus
{
	background-color: #09559f;
	color: #fff;
	text-decoration: none;
}

td#custompopupstartsipwin .dropdown .dropdown-menu-right.new_width:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 42px;
    z-index: 10;
}
td#custompopupstartsipwin .dropdown .dropdown-menu-right.new_width:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 40px;
    z-index: 9;
}
.buymfonlinebbg + input + .ctx2 + .buymfonlinebbg.panel5 div.dropdown-menu:before
{
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;	
    right: 69px;
    z-index: 10;	
}
.buymfonlinebbg + input + .ctx2 + .buymfonlinebbg.panel5 div.dropdown-menu:after
{
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;	
    right: 67px;
    z-index: 9;	
}


.buymfonlinebbg.panel5 .manualsel{
	text-align: left;
	color: #08315d;
	font-size: 20px;
    font-family: 'Lato', sans-serif;	
	margin: 10px auto;
	color: #0096ba;
}
.buymfonlinebbg.panel5 .celconmansel select.subcategorydropdwn, .buymfonlinebbg.panel5 .celconmansel input[type=text]
{
	width: 80%;
	border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 5px;
}
.buymfonlinebbg.panel5 .celconmansel label, #divDividend509 .lumpsum_divi label{
	font-size: 13px;
	font-weight: normal;
	color: #00427a;
	/*width: 15%;*/
}
.buymfonlinebbg.panel5 .celconmansel > DIV:nth-child(1), .buymfonlinebbg.panel5 .celconmansel > DIV:nth-child(2)
{
	padding-right:0px;
}
.buymfonlinebbg.panel5 .celconmansel > DIV:nth-child(3)
{
	padding-left:0px;	
}
.buymfonlinebbg.panel5 .celconmansel label.widthamcfnd{
	width: 15%;	
}

.buymfonlinebbg.panel5 .celconmansel ul{
	margin-bottom: 0;
	padding: 0;
}
.buymfonlinebbg.panel5 .celconmansel ul li{
	list-style-type: none;
}
.buymfonlinebbg.panel5 p.center{
	text-align: center;
	margin: 30px auto 0;
}
.buymfonlinebbg.panel5 .proceedtochkout, .dv_strtsip_procedchkout .continueinvest, .dv_strtsip_procedchkout .confirmorder, .wmupdocprocednxt .upload_investonline, .dv_strtsip_procedchkout .proceedtochkout, 
.mycustomwizard .imgbtnconnew.imgbtnconnewryt .proceedtochkout, .mycustomwizard .imgbtnconnew.imgbtnconnewlft .proceedtochkout, .PerInfoselect_memb #butAddNewMemb, .PerInfoselect_memb #butAddNewMemb3,.PerInfoselect_memb #butAddNewMembPers, .imgbtnconnewlft .pers_info, .imgbtnconnewryt .pers_info, .tab-act-con .crt_acLink + #butNewAccount
{
    border: 1px solid #7599bc;
    border-radius: 5px;
    background-color: #eaf0ff;
    color: #09559f;
    display: inline-block;
    margin: 0 10px;
    width: 220px;
    padding: 5px 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
	text-transform:uppercase;
}
.buymfonlinebbg.panel6 p.center{
	text-align: center;
	margin: 30px auto 0;
}
.buymfonlinebbg.panel5 .celconmansel .input__field--hoshi#txtSIPAmt{
	padding: 33px 10px 15px 5px !important;
	width: 100%;
	border: 0;
	margin-top: 0;
}
.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu{
	width: 300px;
	margin-left: -230px;
	box-shadow: 0 0 20px;
}
.buymfonlinebbg.panel5 .celconmansel .dropdown.open div.dropdown-menu
{
	display: block !important;
}
.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu
{
	display: none !important;
}
.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu label{
	font-size: 12px;
}
.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu .input__field {
	font-size: 14px;
	margin-top: 0;
	width: 100%;
	border: 0;
	padding: 33px 10px 20px 5px; 
	/* padding:30px 10px 15px 5px; */
}
.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
	font-size: 14px;
	padding: 4px 15px;
}


/*panel6*/

.panel6 #divTopPerformance .table-responsive
{
	margin:0px;
	padding:0px;
}
.panel6 .dv_strtsip_procedchkout
{
    text-align: center;
    width: 100%;
    float: left;	
}
.panel6 .buymfonlinelasttab tbody tr td, .panel6 .buymfonlinelasttab tbody tr th
{
	white-space:nowrap;
}
.panel6 .table-responsive{
	padding: 0 30px;
	margin: 2em auto 0;
}
.panel6 .buymfonlinelasttab{
	width: 100%;
}
.panel6 .buymfonlinelasttab thead tr{
	background-color: #dbeffc;
}
.panel6 .buymfonlinelasttab thead tr th{
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	padding: 5px;
	text-align: left;
}
.panel6 .buymfonlinelasttab tbody tr{
	background-color: transparent;
    border-bottom: 1px dashed #7599bc;
}
.panel6 .buymfonlinelasttab tbody tr td{
    color: #00427a;
    font-size: 15px;
    font-weight: normal;
	padding: 5px;
}

.dv_strtsip_procedchkout .a_prcdchkut_asp
{
	float:right;
}
.dv_strtsip_procedchkout .a_StartSIP_asp
{
	float:left;
}

@media screen and (max-width: 1199px) and (min-width: 992px){
	.buymfonlinebbg.panel5 .ul-li-container ul li{
		padding: 5px 12px
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		padding: 5px 30px 5px 10px;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_4{
		width: 35%;
		padding: 0 5px;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_3{
		width: 23%;
		padding: 0 5px;		
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2{
		padding: 0 5px;	
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_1{
		padding: 0 5px 0 15px;;	
	}
	.buymfonlinebbg.panel5 .celconmansel .col-sm-offset-1.col-cust-offset-1{
		margin-left: 5%;
	}
	
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th, .buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td, .main-container p.ctx, .buymfonlinebbg.panel5 .spansubcat, .buymfonlinebbg.panel5 .tabContent table.mf-table th, .buymfonlinebbg.panel5 .tabContent table.mf-table td, .panel6 .buymfonlinelasttab thead tr th, .panel6 .buymfonlinelasttab tbody tr td, .input__label, .input__field, .buymfonlinebbg.panel5 .ul-li-container ul li, .buymfonlinebbg.panel5 .subcategorydropdwn, .buymfonline_createadditnlact_btn, .dropdown div.dropdown-menu .form-horizontal .form-group, .dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn, .dropdown div.dropdown-menu input.form-control, .input--filled input[type=password], .customdiv p, .input select, .table_container .table4upload td, .lgn_cont_4_siginacess .forgotpassbtn4sigin, .lgn_cont_4_siginacess .loginbtn4sigin, .buymfonlinebbg.panel5 .celconmansel label, .buymfonlinebbg.panel5 .manualsel
	{
		font-size: 14px !important;
	}
	.compliancetab .table>tbody>tr>td,	
	.compliancetab .table select,
	.compliancetab .table td input.inputundertdnoborder{
		font-size: 12px !important;		
	}
	.buymfonline_createadditnlact_btn{
		padding: 5px 10px;
	}
	.buymfonlinebbg.panel5 .ul-li-container {
		width: 100%;
		float: left;
		height: auto;
	}
	.buymfonlinebbg.panel5 .subcatlargecap {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .basis1year {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .top5year {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .ul-li-container ul li{
		padding: 2px 5px;
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		padding: 5px 20px 5px 4px;
	}
	.dropdown div.dropdown-menu input.form-control{
		width: 70%;
		margin: 5px auto;
	}
	.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
		padding: 5px 10px;
	}	
	.buymfonlinebbg.panel5 .imgcart{
		height: 32px;
		margin: 0 0px 0 auto;
		float: right;
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		margin: 0;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_4{
		width: 42%;
		padding: 0 5px;
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_3{
		width: 23%;
		padding: 0 5px;	
		float: left;	
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2{
		width: 16%;
		padding: 0 5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2.cust_21{
		width: 13%;
		padding: 0 5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_1{
		padding: 0 5px 0 5px;
		float: left;
	}
	.buymfonlinebbg.panel5 .celconmansel .col-sm-offset-1.col-cust-offset-1,
	.buymfonlinebbg.panel5 .celconmansel .col-sm-6.col-cust-4{
		width: 80%;
		text-align: left;
		margin: 0px auto 10px;
		margin-left: 20%;
	}
	.buymfonlinebbg.panel5 .celconmansel .col-sm-1.col-cust-1{
		width: 100%;
		text-align: center;
		margin: 0px auto 10px;
	}
	.buymfonlinebbg.panel5 .celconmansel label{
		/*width: 45px;*/
	}
	.buymfonlinebbg.panel5 .celconmansel .col-sm-offset-1.col-cust-offset-1 select.subcategorydropdwn,
	.buymfonlinebbg.panel5 .celconmansel .col-sm-6.col-cust-4 select.subcategorydropdwn{
		width: 60%;
	}
	.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu.dd2cus2nd{
		right: 275px;
	}
}
@media screen and (max-width: 767px) and (min-width: 601px){

	.main-container p.ctx,	
	.buymfonlinebbg.panel5 .manualsel{
		font-size: 16px !important;		
	}	
	
	.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th, .buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td, .buymfonlinebbg.panel5 .spansubcat, .buymfonlinebbg.panel5 .tabContent table.mf-table th, .buymfonlinebbg.panel5 .tabContent table.mf-table td, .panel6 .buymfonlinelasttab thead tr th, .panel6 .buymfonlinelasttab tbody tr td, .input__label, .input__field, .buymfonlinebbg.panel5 .ul-li-container ul li, .buymfonlinebbg.panel5 .subcategorydropdwn, .buymfonline_createadditnlact_btn, .dropdown div.dropdown-menu .form-horizontal .form-group, .dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn, .dropdown div.dropdown-menu input.form-control, .input--filled input[type=password], .customdiv p, .compliancetab .table select, .input select, .compliancetab .table td input.inputundertdnoborder, .compliancetab .table > tbody > tr > td, .table_container .table4upload td, .lgn_cont_4_siginacess .forgotpassbtn4sigin, .lgn_cont_4_siginacess .loginbtn4sigin, .buymfonlinebbg.panel5 .celconmansel label
	{
		font-size: 14px !important;
	}
	.tab-pane h2.h2{
		font-size: 24px;
	}
	.main-container h3.h3{
		font-size: 24px;
		margin-bottom: 10px;
	}	
	.buymfonline_createadditnlact_btn{
		padding: 7px 7px;
		margin: 25px auto 0px;
	}
	
	.buymfonlinebbg.panel5{
		padding: 15px 7px 30px 7px;
	}	
	.buymfonlinebbg.panel5 .ul-li-container ul li{
		padding: 0px 10px;
	}
	.buymfonlinebbg.panel5 .ul-li-container {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		padding: 0px 23px 0px 5px;
		margin: 0 0px 0 2px;
	}
	.buymfonlinebbg.panel5 .subcatlargecap {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .basis1year {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .top5year {
		width: 100%;
		float: left;
	}
	.buymfonlinebbg.panel5 .imgcart {
		height: 32px;
		margin: -8px auto 0 0px;
	}
	.celconmansel .col-cust-offset-1{
		margin-left: 0%;
	}
	.celconmansel .col-cust-3{
		width: 25%;
	}
	.celconmansel .col-cust-4{
		width: 70%;
		margin: 0 auto 10px;
		text-align: left;
		margin-left: 20%;
	}	
	.celconmansel .col-cust-1{
		width: 100%;
		margin: 0 auto 10px;
		text-align: center;		
	}
	.buymfonlinebbg.panel5 .celconmansel label{
		/*width: 50px;*/
	}
	.buymfonlinebbg.panel5 .celconmansel .col-sm-6.col-cust-4 select.subcategorydropdwn {
		width: 80%;
	}
	.celconmansel .col-cust-1 img{
		width: auto;
		height: 24px;
	}
	.buymfonlinebbg.panel5 .celconmansel select.subcategorydropdwn, .buymfonlinebbg.panel5 .celconmansel input[type=text]{
		padding: 5px;
		font-size: 12px;
	}
	.buymfonlinebbg.panel6 .col-cust-6{
		width: 50%;
		float: left;
	}
	.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
		padding: 4px 8px;
	}
	.dropdown div.dropdown-menu:before{
		display: none;
	}
	.dropdown div.dropdown-menu:after{
	    display: none;
	}	
	.dropdown div.dropdown-menu.new_width{
		position: fixed;
		top: 15%;
		right: 0;
		left: 0;
		margin: 0 auto;
		z-index: 99999;
	}
	
	.centersuccess img,
	.customdiv img{
		width: 100px;
	}
	.buymfonlinebbg.panel5 > .row{
		margin-right: 0;
		margin-left: 0;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_4{
		width: 55%;
		padding: 0 2.5px;
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_3{
		width: 100%;
		padding: 0 2.5px;	
		float: left;	
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2{
		width: 21%;
		padding: 0 2.5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2.cust_21{
		width: 17%;
		padding: 0 2.5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_1{
		padding: 0 5px 0 0px;
		float: left;
	}
	#divTopPerformance.tabContent{
		margin: 0em auto 1em;
		overflow: auto;
	}
	.cust_pad_lr_0{
		padding-right: 0px;
		padding-left: 0px;
	}	
	.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu.dd2cus2nd{
		z-index: 99999;
		right: 0;
		left: 0;
		margin: 0 auto;
		top: 00px;
	}
}

@media only screen and (max-width: 600px) and (min-width: 481px){
	
	.main-container p.ctx,	
	.buymfonlinebbg.panel5 .manualsel{
		font-size: 14px !important;		
	}	
	
	.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th, .buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td, .buymfonlinebbg.panel5 .spansubcat, .buymfonlinebbg.panel5 .tabContent table.mf-table th, .buymfonlinebbg.panel5 .tabContent table.mf-table td, .panel6 .buymfonlinelasttab thead tr th, .panel6 .buymfonlinelasttab tbody tr td, .input__label, .input__field, .buymfonlinebbg.panel5 .ul-li-container ul li, .buymfonlinebbg.panel5 .subcategorydropdwn, .buymfonline_createadditnlact_btn, .dropdown div.dropdown-menu .form-horizontal .form-group, .dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn, .dropdown div.dropdown-menu input.form-control, .input--filled input[type=password], .customdiv p, .compliancetab .table select, .input select, .compliancetab .table td input.inputundertdnoborder, .compliancetab .table > tbody > tr > td, .table_container .table4upload td, .lgn_cont_4_siginacess .forgotpassbtn4sigin, .lgn_cont_4_siginacess .loginbtn4sigin, .buymfonlinebbg.panel5 .celconmansel label, .switch1-light > span span, .switch2-light > span span, .switch3-light > span span
	{
		font-size: 12px !important;
	}
	.switch1, .switch2, .switch3 {
		max-width: 9em;
		margin: 30px 0 0px auto;
	}
	.tab-pane h2.h2{
		font-size: 24px;
	}
	.main-container h3.h3{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.buymfonlinebbg.panel5 .ul-li-container ul{
		margin-bottom: 0;
	}
	.buymfonlinebbg.panel5 .ul-li-container {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}	
	.buymfonlinebbg.panel5 .ul-li-container ul li{
		padding: 2px 10px;
	}
	.buymfonlinebbg.panel5 .subcatlargecap {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.buymfonlinebbg.panel5 .basis1year {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.buymfonlinebbg.panel5 .top5year {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		padding: 2px 30px 2px 10px;
		margin: 0 0px 0 2px;
	}
	.buymfonlinebbg.panel5 .imgcart {
		height: 32px;
		margin: 0 auto 0 0px;
	}
	.buymfonline_createadditnlact_btn{
		padding: 5px 10px;
	}
	.celconmansel .col-cust-4{
		width: 70%;
		margin: 0 auto 10px;
		text-align: left;
		margin-left: 15%;
	}
	.buymfonlinebbg.panel5 .celconmansel label{
		/*width: 45px;*/
	}
	.celconmansel .col-cust-3{
		width: 33.33%;
		margin: 0 0 15px 0;
	}
	.celconmansel .col-cust-1{
		width: 100%;
		text-align: center;
	}
	.celconmansel .col-cust-1 img{
		width: auto;
		height: 29px;
	}
	.buymfonlinebbg.panel5 .celconmansel select.subcategorydropdwn, .buymfonlinebbg.panel5 .celconmansel input[type=text]{
		padding: 5px;
		font-size: 12px;
	}
	.buymfonlinebbg.panel6 .col-cust-6{
		width: 50%;
		float: left;
	}
	.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
		padding: 4px 8px;
	}
	.buymfonlinebbg.panel5 p.center{
		margin: 15px auto 0;
	}
	.dropdown div.dropdown-menu:before{
		display: none;
	}
	.dropdown div.dropdown-menu:after{
	    display: none;
	}	
	.dropdown div.dropdown-menu.new_width{
		position: fixed;
		top: 15%;		
		right: 0;
		left: 0;
		margin: 0 auto;
		z-index: 99999;
	}
	.dropdown div.dropdown-menu input.form-control{
		width: 65%;
		padding: 2px 4px;
		height: 25px;
	}
	.centersuccess img,
	.customdiv img{
		width: 80px;
	}
	.buymfonlinebbg.panel5 > .row{
		margin-right: 0px;
		margin-left: 0px;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_4{
		width: 100%;
		padding: 0 2.5px;
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_3{
		width: 100%;
		padding: 0 2.5px;	
		float: left;	
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2{
		width: 100%;
		padding: 0 2.5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_2.cust_21{
		width: 100%;
		padding: 0 2.5px;	
		float: left;
	}
	.buymfonlinebbg.panel5 .pnl5_col_cust_1{
		padding: 0 5px 0 0px;
		clear: both;
	}
	#divTopPerformance.tabContent{
		margin: 0em auto 1em;
		overflow: auto;
	}
	.buymfonlinebbg.panel5 .spansubcat{
		width: 105px;
	}	
	.cust_pad_lr_0{
		padding-right: 0px;
		padding-left: 0px;
	}
	.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu.dd2cus2nd{
		z-index: 99999;
		right: 0;
		left: 0;
		margin: 0 auto;
		top: -00px;
	}
	
}
@media screen and (max-width: 480px){
	.panel6.buymfonlinebbg .buymfonlinelasttab th {
    white-space: nowrap;
}
.dv_strtsip_procedchkout .a_prcdchkut_asp
{
	float:none;
}
.dv_strtsip_procedchkout .a_StartSIP_asp
{
	float:none;
}	
	.buymfonlinebbg .tab-act-con .table-bordered > thead > tr > th, .buymfonlinebbg .tab-act-con .table-bordered > tbody > tr > td, .main-container p.ctx, .buymfonlinebbg.panel5 .spansubcat, .buymfonlinebbg.panel5 .tabContent table.mf-table th, .buymfonlinebbg.panel5 .tabContent table.mf-table td, .panel6 .buymfonlinelasttab thead tr th, .panel6 .buymfonlinelasttab tbody tr td, .input__label, .input__field, .buymfonlinebbg.panel5 .ul-li-container ul li, .buymfonlinebbg.panel5 .subcategorydropdwn, .buymfonline_createadditnlact_btn, .dropdown div.dropdown-menu .form-horizontal .form-group, .dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn, .dropdown div.dropdown-menu input.form-control, .input--filled input[type=password], .customdiv p, .compliancetab .table select, .input select, .compliancetab .table td input.inputundertdnoborder, .compliancetab .table > tbody > tr > td, .table_container .table4upload td, .lgn_cont_4_siginacess .forgotpassbtn4sigin, .lgn_cont_4_siginacess .loginbtn4sigin, .buymfonlinebbg.panel5 .celconmansel label
	{
		font-size: 12px !important;
	}	
	.main-container h3.h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.buymfonlinebbg.panel5 .ul-li-container ul{
		margin: 0
	}
	.buymfonlinebbg.panel5 .ul-li-container,
	.buymfonlinebbg.panel5 .top5year
	{
		width: 100%;
		float: left;
		margin: 0 0 8px 0
	}
	.buymfonlinebbg.panel5 .subcatlargecap,
	.buymfonlinebbg.panel5 .top5year{
		width: 100%;
		float: left;
		margin: 0 0 8px 0		
	}	
	.buymfonlinebbg.panel5 .basis1year{		
		width: 100%;
		float: left;
		margin: 0 0 8px 0
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		padding: 5px 15px 5px 10px;
	}
	.buymfonlinebbg.panel5 .spansubcat{
		width: 30%;
	}
	.buymfonlinebbg.panel5 .subcategorydropdwn{
		margin: 0;
	}
	.buymfonlinebbg.panel5 .imgcart{
		margin: 0px 8px 0 0px;
		height: 29px;
	}
	.buymfonlinebbg.panel5 .celconmansel select.subcategorydropdwn, .buymfonlinebbg.panel5 .celconmansel input[type=text], .buymfonlinebbg.panel5 .celconmansel .col-cust-1
	{
		margin: 2.5px 0px;
	}	
	.buymfonlinebbg.panel5 .celconmansel .col-cust-1{
		text-align: center;
	}
	.buymfonlinebbg.panel5 p.center{
		margin: 10px auto 0;
	}
	.tabContent{
		margin: 0em auto;
		overflow: overlay;		
	}
	.dropdown div.dropdown-menu:before{
		display: none;
	}
	.dropdown div.dropdown-menu:after{
	    display: none;
	}	
	.dropdown div.dropdown-menu.new_width{
		position: fixed;
		top: 15%;		
		right: 0;
		left: 0;
		margin: 0 auto;
		z-index: 99999;
		width: 260px;
	}
	.dropdown div.dropdown-menu .form-horizontal .form-group .addtocartbtn{
		padding: 4px 8px;
	}
	.dropdown div.dropdown-menu input.form-control{
		width: 65%;
		padding: 2px 4px;
		height: 25px;
	}
	.centersuccess img,
	.customdiv img{
		width: 60px;
	}
	.buymfonlinebbg.panel5 .ul-li-container ul li {
		padding: 2px 10px;
	}
	.buymfonlinebbg.panel5 .celconmansel label{
		/*width: 35px;*/
	}
	.buymfonlinebbg.panel5 .celconmansel .dropdown div.dropdown-menu.dd2cus2nd{
		z-index: 99999;
		right: 0;
		left: -18px;
		margin: 0 auto;
		top: 00px;
	}
	
}

/*================ BUY NOW PAGE ================*/








/*button CSS from Style-Calc-All.css Start*/
.margintop {
    margin-top: 16px;
}

.taxtopdiv {
    margin: 0 auto;
    width: 100%;
    float: left;
}

.Investor_dropdown .text-info{
	    margin-top: 0px;
		font-weight: normal;
		    color: #000;
}

.taxtopdiv1 {
    margin: 0 auto;
    width: 100%;
    float: left;
}

.mfscheme-container table{
	border:1px solid #ddd;
}

.topwediv {
    width: 100%;
    /* padding: 8px; */
    font-size: 1em;
    font-weight: 400;
    /* border: 1px solid #DBDBDB; */
    outline: none;
    color: #222;
    float: left;
    /*background: #fff;*/
    border-radius: 5px;
}

.frm-field_mfCRM{
	width: 45%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.frm-field_finyear {
    width: 20%;
    padding: 8px;
	margin-left: 60px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}
.frm-field_finyeardata{
	font-size: 15px;
    color: rgb(255,0,0);
}

.frm-field_assetallo{
	width: 40%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.frm-field-fy{
	width: 10%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.icon_premcalc{float:right;}

.tblborder {border: 1px solid #ddd;}

.more_optn{margin-top:20px; font-weight:bold; font-size:20px;}

.as_on_date{float:right;}

.actSIPspacing{margin-top: 25px;}
.Invstockspacing{margin-top: 25px;}
.StockLedger{margin-top: 25px;}

.topfunddiv tr th{background-color: #0083ca;
    color: #fff;padding-left: 5px;}

.topfunddiv tr th :hover{
	color: #fff;
}

.asseallo .text-info-head {
    text-align: center;
    float: left;
    background-color: #ddd;
    margin: 10px 0px 10px 0px;
    font-size: 2.0em;
    color: #000;
    padding: 5px;
}

.cashflo .mydrpdwn{margin-top: 15px;}
	
.polideta .frm-field {
    width: 56%;
}
	
.tbl_Prem_Cal tr td{
    width: 33.3%;
    padding-top: 15px;
    height: 60px;
	text-align: center;
    background-color: rgb(255,255,153);
    border: 1px solid gray;
}

.more_topfund a {color: #fff;}

.Investor_dropdown{margin-bottom:20px;}

.tabwelactive {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #fff;
    background-color: #006c3d;
    /* width: 38%; */
    text-align: center;
    /* padding: 8px; */
    padding: 6px 24px;
    font-size: 14px;
    float: right;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-family: verdana;
}

.tabwel {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
    float: right;
    padding: 6px 22px;
    font-size: 14px;
    /* width: 31%; */
    text-align: center;
    font-family: verdana;
}
/*button CSS from Style-Calc-All.css End*/

/*Common Class*/
.client_name{text-align:left !important; background-color:#DCDCDC; font-weight:bold; font-size:15px;}

.total{font-weight:bold;}

.grndtotal{background-color: #00bb4c; color: #fff;}

.more_btn{font-size: 14px; font-weight: bold;}

/*.h2 {text-align:center !important;
    color: #00283a !important;
    font-size: 44px !important;
    /*height: 70px !important;
    line-height: 70px !important;
    margin-top: 20px !important;
    font-family: verdana !important;
    font-weight: 600 !important;
    text-transform:none !important;}*/

/*Common Class*/

.panel1 .panel2 .panel3 .panel4 .panel5 .panel6 #display3 {
	text-align:center;
}

.ui-datepicker-calendar th span {color:#000;}

.count_SIP {font-size:18px; font-weight:bold; padding-left:20px;}

.btcontainer{margin-top:20px;}

.panel3 .upper_border_th {border-bottom:1px solid!important;}

.upcumportble-container{
    max-height: 395px;
    min-height: auto;
    border-bottom: 1px solid #ddd;
    overflow-y: scroll;
	
}

.frm-field-new{
	width: 37%;
	padding: 8px;
	margin:5px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.frm-field-fdbond{
	width: 40%;
	padding: 8px;
	margin-bottom:5px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.Dividend_Header {
    background-color: #f26922;
}
.Dividend_Header{background-color: #f26922 !important;}

.mfscheme-container table tr td {border-bottom: 1px dashed #c0c0c0;}

/*.mfscheme-container table {border: 1px solid;}*/

.mfscheme table{border: 1px solid;}

.investstocktab-container table tr td {border-bottom: 1px dashed #c0c0c0;}

.blank_td{width:5px;}

.spacing{
	margin-bottom:20px;
}

.btn-info_width {
	width: 97%;
}



.frm_field_transact{
	width: 20%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}

.frm-field {
    width: 59%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
    background: #fff;
}
.total-snapshot {
    background-color: #00bb4c !important;
    font-weight: 600!important;
}
.btn-info:hover {
    color: #fff;
    background-color: #00427a!important;
    border-color: #1ca569!important;
}
.frm-field_ULIP {
    width: 50%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #DBDBDB;
    outline: none;
    color: #222;
    float: left;
	/*margin-top: 11px;*/
    background: #fff;
}

.csh_benetext{background-color:rgba(128, 128, 128, 0.36); margin-top:10px; font-size:16px; font-weight:bold;}

.Investor_dropdown{
	margin-top: 20px;
}

.text-info {float:left; margin-right: 20px; font-size: 1.2em;}

.text-info {
    color: #000!important;
	/*padding: 4px;*/
	font-weight:normal!important;
}

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
	display: block;
}



.table-striped>tbody>tr:nth-of-type(odd){background-color:#e0e0e0}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
 
#no-more-tables tr { border: 1px solid #ccc; 
		    margin: 20px 0px 20px 0px;}
  
#no-more-tables td {
/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%!important;
	white-space: normal;
	text-align:left;
}
 
#no-more-tables td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}
 
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}
.table-bordered>tbody>tr>td{
	border-bottom: 1px dashed #ddd;
}
.header1 th{
	background-color: #ddd;
}
.main-section .login-form .border_calcu {
	border: 1px solid #f0f0f0;
    border-top-color: #f0f0f0;
}
.table-container .tab-con-head,
.wealthsnap .tab-con-head,
.upcumport .tab-con-head
{
	background-color: #00bb4c;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
    margin-bottom: 10px;
}
.tab-act-con .col-sm-12{
    padding-right: 0px;
    padding-left: 0px;
}
.tab-con-head.h4{
	background-color: #00bb4c;
	color: #fff;
	text-align: center;
	padding: 15px;
    margin-bottom: 10px;
	margin-top: 0px;
}

.h4 .h4_padd{
	padding:10px;
}
.up-head
{
	position: relative;
}
/*panel2*/

.panel2{
	margin-top: 15px;
}
.panel2 .wealthsnap .wealthtable-container,
.panel2 .upcumport .upcumportble-container{
	height: auto;
	overflow: auto;
	border:1px solid #ddd;
	margin-bottom: 10px;
}
.panel2 .wealthsnap .wealthtable-container .wealth-table,
.panel2 .upcumport .upcumportble-container .upcoming-portfolio-table{
	border: 1px solid #fff;
	width: 100%;
}
.panel2 .wealthsnap .wealthtable-container .wealth-table td, .panel2 .wealthsnap .wealthtable-container .wealth-table th,
.panel2 .upcumport .upcumportble-container .upcoming-portfolio-table td, .panel2 .upcumport .upcumportble-container .upcoming-portfolio-table th{
	padding: 5px;
}

.upcumportble-container table {width: 100%; border: 1px solid #ddd;}
.panel2 .wealthsnap .wealthtable-container .wealth-table .wealthimg{
    width: 25px;
    height: 25px;
}
.wealthimg{
    width: 25px;
    height: 25px;
}
.panel2 .upcumport .fin-goal-img,
.panel2 .upcumport .my-doc-img{
	width: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    padding: 6%;
    margin-top: 10px;
}
.panel2 .upcumport .fin-goal-img{
	background-image: url(../images/Picture1.png);
}
.panel2 .upcumport .my-doc-img{
	background-image: url(../images/Picture2.png);
}


/*panel3*/
.panel3{margin: 0 auto;}

.panel3 .investstocktab-container .investstocktab{
	width: 100%;
	border: 1px solid #c0c0c0;
	margin-top: 10px
}

.asseallo .investstocktab-container{
	overflow: hidden !important;
	float: left;
    width: 100%;
    margin-top: 0;
}

.panel3 .investstocktab-container{
	overflow: auto;
	float: left;
    width: 100%;
    margin-top: 0;
	    margin-bottom: 15px;
}
.panel3 .investstocktab-container .investstocktab thead,
.panel3 .investstocktab-container .investstocktab .gt-total{
	background: blue;
	color: #fff;
}
.panel3 .investstocktab-container .investstocktab th,
.panel3 .investstocktab-container .investstocktab td{
	padding: 5px;
}

.panel3 .investstocktab-container .investstocktab th{
	background: #00bb4c;
	    padding: 7px 10px!important;
    color: #fff;
}

.panel3 .investstocktab-container .investstocktab .name{
	background: #c0c0c0;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.panel3 .investstocktab-container .investstocktab .prd-name{
	color:#515165;
	margin-bottom: 1px dashed c0c0c0;
	/*width: 589px;*/
}
.panel3 .investstocktab-container .investstocktab .prd-name a{
	color: blue;
	margin-bottom: 1px dashed c0c0c0;
	width: 589px;
}
.panel3 .investstocktab-container .investstocktab .borderbot{
	border-bottom: 1px dashed #c0c0c0;
}

.panel3 .investstocktab-container .investstocktab .bordertop{
	border-top: 2px solid #c0c0c0;
}
.panel3 .btn-info{
	color: #000;
	background: #fff;
	border: 1px solid #000;
	margin: 0.5em auto;
	width: 100%;
	padding: 10px 5px;
}

.mfport .butMyPort {
    margin-top: 15px;
}
.butHome {
    margin-top: 20px;
}
/*panel4*/

.panel4{
	margin: 2em auto;
}
.stockledger-container{
	margin-bottom:0px;
}
.stockledger-container table {width:100%;}

.panel4 .stockledger-container,
.panel4 .stockledger2-container{
	overflow: auto;
}
.panel4 .stockledger-container .stockledger{
	width: 100%;
	margin: 1em auto;
}
.panel4 .stockledger-container .stockledger th,
.panel4 .stockledger-container .stockledger td{
	padding: 5px;
	border: 1px solid #ADD8E6;
}

.panel4 .stockledger-container .stockledger th{
	font-weight:bold;
}

.stockledger-container .stockledger th,
.stockledger-container .stockledger td{
	padding: 5px;
	border: 1px solid #ddd;
}

.panel4 .stockledger2-container .stockledger2{
	width: 100%;
	margin: 1em auto;
	border: 1px solid #c0c0c0;
}
.panel4 .stockledger2-container .stockledger2 th,
.panel4 .stockledger2-container .stockledger2 td{
	padding: 5px;
}
.panel4 .stockledger2-container .stockledger2 thead{
	background-color: d9ebfb;
	color: #000;
}
.panel4 .stockledger2-container .stockledger2 .borderbot{
	border-bottom: 1px solid #fff;
	text-align: center;
}
.mfscheme tr th{
	background-color:#00bb4c;
    color: #fff;
	padding: 7px 10px !important;
}



.mfscheme table {
	border:1 px solid #5d5d5d;
}

/*panel5*/

.panel5 .h4_align{margin:10px; float:left;}

.panel5{
	margin: 2em auto;
}
.panel5 .ul-li-container ul li{
	list-style-type: none;
	display: inline-block;
	padding: 5px 20px;
    background: blue;
    color: #fff;
	cursor: pointer;
	height: 30px;
	
}
.panel5 .ul-li-container ul li.active{
	background: green;
}


.tabContent {
    display:none;
	margin: 1em auto;
	background: #c0c0c0;
	padding: 20px;
	width: 100%;
	overflow: auto;
}
.panel5 .ul-li-container ul{
	 display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0em;
}
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

#display .idfcstertab,.top_margin, .tbl_Prem_Cal, .text-info{margin-top:7px;}

.input-lg{
	/*height: 30px;*/
}
.panel5 .tabContent table.mf-table{
	width: 100%;
	margin: 1em auto;
}
.panel5 .tabContent table.mf-table th,
.panel5 .tabContent table.mf-table td{
	padding: 5px;
	border: 1px solid #ADD8E6;
}
.panel5 .mfscheme-container{
	overflow: auto;
}
.panel15 .mfscheme-container .mfscheme{
	
}
.panel5 .mfscheme-container{
	width: 100%;
	margin-top: 20px;
	max-height: 500px;
	min-height: 200px;
    border: 1px solid #ddd;
	/*overflow-x: hidden;*/
}

.panel5 .mfscheme-container .table_CF{
	margin-top:20px;
}

.panel5 .top_space{
	margin-top:30px;
}

.cboMemberList .more {
	margin-top:20px;
}
.panel5 .mfscheme-container .mfscheme thead{
	background-color: blue;
	color: #fff;
}
.panel5 .mfscheme-container .mfscheme th,
.panel5 .mfscheme-container .mfscheme td{
	padding: 10px;
}
.more_button_portfolio{
text-align:center !important;
cursor:pointer !important;
text-decoration:none !important;
border:1px solid #000 !important;
padding:5px !important;
width:100px !important;
float:right !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.panel5 .mfscheme-container .mfscheme .name{
	background: #c0c0c0;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.panel5 .btn-info{
	color: #000;
	background: #fff;
	border: 1px solid #000;
	margin: 0.5em auto;
	width: 75%;
	padding: 10px 20px;
}

.panel5 .btn-info_show{
    width: auto;
    margin-left: 20px;
    border: 1px solid;
    color: #000;
    float: left;
    margin-top: 0px;
}
@media only screen and (max-width: 550px){
	.panel5 .btcontainer{
		width: 100%;
	}
	.panel5 .btcontainer .btn-info{
		width: 100%;
	}
}

/*panel6*/
.panel6{
	margin: 2em auto;
}
.panel6 .tabconmargtp{
	margin-top: 2em;
}
.panel6 .idfcstertabcont .idfcstertab{
		width: 100%;
}
.panel6 .idfcstertabcont .idfcstertab  th,
.panel6 .idfcstertabcont .idfcstertab  td{
	border: 1px solid #ddd;
	padding: 5px;
}
.panel6 .idfcstertabcont .idfcstertab .thead{
	color: #000;
	font-weight: bold;	
}
.panel6 .idfcstertabcont .idfcstertab .tbdyblue{
	color: #000;
}
.panel6 .tabContent .idfc-table{
		width: 100%;
}
.panel6 .tabContent .idfc-table  th,
.panel6 .tabContent .idfc-table  td{
	border: 1px solid blue;
	padding: 5px;
}
.panel6 .tabContent .idfc-table .thead{
	color: #000;
	font-weight: bold;	
	text-align: center;
}
.panel6 .tabContent .idfc-table .tbdy{
	text-align: center;
}
.panel6 .ul-li-container ul li{
	list-style-type: none;
	display: inline-block;
	padding: 5px 20px;
    background: blue;
    color: #fff;
	cursor: pointer;
	height: 30px;
	
}
.panel6 .ul-li-container ul li.active{
	background: green;
}
.tabContent {
    display:none;
	margin: 1em auto;
	background: #c0c0c0;
	padding: 20px;
	width: 100%;
	overflow: auto;
}
.panel6 .ul-li-container ul{
	 display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0em;
}
.panel6 .idfcalltablecon{
	margin-top: 1em;
}


@media screen and (min-device-width: 990px) and (max-device-width: 1198px) { 
	.panel5 .mfscheme-container .mfscheme th, .panel5 .mfscheme-container .mfscheme td {
		padding: 10px;
	}
	
	.panel5 .mfscheme-container .mfscheme.transact th, .panel5 .mfscheme-container .mfscheme.transact td{
		padding: 10px;
	}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) { 
	.panel5 .mfscheme-container .mfscheme th, .panel5 .mfscheme-container .mfscheme td {
		padding: 11px;
	}
	
.mydoc
{
	padding: 25px; margin-bottom: 88px;
}

}

@media screen and (min-device-width: 990px) and (max-device-width: 1600px) { 
	.fixed_document{margin-top: 237px; margin-left: 165px;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 540px) { 
	
.tabwel {   
    padding: 5px 6px !important;
    font-size: 12px !important;
    }
    .tabwelactive {   
    padding: 5px 6px !important;
    font-size: 12px !important;
    }
  
	
	
	.frm-field {
		width: 100%;
	}
	.frm-field-new{
		width: 100%;
	}
	
	.frm-field_ULIP{
		width: 100%;
	}

	.frm_field_transact{
		width: 100%;
	}
	
	.frm-field-fdbond{
		width: 100%;
	}
	
	.frm-field-fy{
		width: 100%;
	}
	
	.frm-field_assetallo{
		width: 100%;
	}
	
	.frm-field_finyeardata{
		width: 100%;
	}
	
	.frm-field_finyear{
		width: 100%;
	}
		
	
	
	.frm-field_mfCRM{
		width: 100%;
	}
	
	.panel5 .btn-info{
		width: 100%;
	}
	
}

@media screen and (min-device-width: 300px) and (max-device-width: 800px) {
	.hide_small{
		display:none !important;
	}
	
	.frm-fieldfund{
		margin-top: 10px;
		width: 100%;
	}
	

}	

@media (max-width: 1024px){
.banner {
    min-height: 0px;
}

.banner {
    background: none;
}
.logo{
	margin-top: 0px !important;
}
}

@media screen and (max-width: 540px) and (min-width: 320px){
.mydrpdwn {
    width: 100%!important;
	
}
.panel5 .btn-info_show {
	
	
    margin-left: 0;
    margin-top: 10px;
}
.myportbtn {
    float: left!important;
    margin-top: 15px!important;
	
}

.myportbtn {
    /*float: right!important;*/
    margin-top: 15px!important;
}

.fundcattab {
    width: 100%;
	
}
.topwediv {
    width: 100%;
}
}


@media screen and (max-width: 990px) and (min-width: 540px){

.myportbtn {
    float: left!important;
}
}

@media screen and (max-width: 991px) and (min-width: 551px){

.btcontainer {
    width: 50%!important;
}
}

@media screen and (max-device-width: 540px) and (min-device-width: 320px){
.tabwel {
    width: 31%;
    padding: 5px 12px;
}

.fundcattab {
    width: 100%!important;
}

.tabwelactive {
    width: 38%!important;
}
}

}
/** ============================== "Buy Online" page css Starts here ========================== **/
.buy_onlineCntDiv
{
    width:100%;
    float:left;
    background-image:url('/images/buy_onlinebg1.jpg');
    background-size:cover;
    margin-top: 18px;
    padding: 142px 0px; 
}
.buy_onlineCntDiv .container > DIV
{
    margin-top:15px;
    margin-bottom:15px;
}
.buy_onlineBox
{
    width:100%;
    float:left;
    transition: all 0.5s ease-out;
    border:3px solid transparent;       
}
.buy_onlineBox span
{
    text-align:center;
    width:100%;
    float:left;
    text-transform:uppercase;
    font-weight:bold;
    font-family: 'Lato', sans-serif;
    color:#f56908;
    font-size:15px;
    letter-spacing: 2px;
    margin-top: 36px;
}
.buy_onlineBox:hover
{
    background-color:rgba(3,144,217, 0.75);
    border-radius:6px;
    border:3px solid #fff;
}


.MF_memDetails
{
    width:100%;
    float:left;
}
.MF_memDetails table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Lato', sans-serif;
    border: 1px solid #cccccc;
}
.MF_memDetails table th {
    background-color: #ffdfff;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 8px;
    white-space: nowrap;
}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Grow */

.buymfonlinebbg .tab-act-con {
    display: block;
    width: 100%;
    height: 250px;
    overflow: scroll;
}
#frmLumpsum .buymfonlinebbg .tab-act-con
{
    overflow: auto; 
}
.buymfonlinebbg .tab-act-con::-webkit-scrollbar {
  display: none;
}
.tab-act-con .buymfonlinebbg {
    /* background-color: #eaf0ff; */
    border: 1px solid #002e5a;
    border-radius: 5px;
    -moz-box-shadow: 3px 4px 15px 2px #ddd;
    -webkit-box-shadow: 3px 4px 15px 2px #ddd;
    box-shadow: 3px 4px 15px 2px #ddd;
    padding: 15px 15px 30px 15px;
    margin: 1em auto 0;
    font-family: 'Lato', sans-serif;
}
.MF_memDetails .buymfonlinebbg table th {
   background-color: #c2e6fd;
}
.MF_memDetails .buymfonlinebbg table tr
{
    background-color:transparent;
}
.MF_memDetails .buymfonlinebbg table td, .MF_memDetails .buymfonlinebbg table
{
    border:0px;
}
.selMF_sche, .mfScheme_div
{
    width:100%;
    float:left;
    margin:30px 0px;
}
.redeem_opt .mfScheme_div:first-child
{
    margin-top:30px;
}
.selMF_sche .subcategorydropdwn
{
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;   
}
.selMF_sche label, .mfScheme_div label
{
    float:left;
}
.selMF_sche .selMF_box
{
    height: 38px;
    padding: 5px;
     width: 100%; 
    float: left;
    border: 1px solid #cccccc;
    border-radius: 0px; 
}



.buy_online100
{
    width:100%;
    float:left;
}
.redeem_opt, .switch_opt
{
    border:1px solid #ccc;  
    margin-top:15px;
    border-top:15px solid #ccc;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.padlr15
{
    padding-left: 15px;
    padding-right: 15px;
}
.fndsnpshttab .table_data_th:nth-child(1){width: 10%;}
.fndsnpshttab .table_data_th:nth-child(2){width: 40%;}
.fndsnpshttab .table_data_th:nth-child(3){width: 10%;}
.fndsnpshttab .table_data_th:nth-child(4),.fndsnpshttab td:nth-child(4){text-align:right}
.switch_opt .buymfonlinebbg #divTopTable .buymfonlinebbg > .tab-act-con
{
    display: block;
    width: 100%;
    max-height: 270px;
    height:auto;
    overflow-y: auto;
}
.redeem_opt > h1, .switch_opt  > h1
{
    width:100%;
    float:left;
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #666666;
    font-size: 28px;
    font-weight:bold;
    border-bottom:0px;
}
.redeem_opt > p, .switch_opt > p
{
    font-family: 'Lato', sans-serif;
    padding: 0 15px;
    color: #0096ba;
    font-size: 20px;
    text-align:left;
}
.redeem_opt .mfScheme_div .widthamcfnd, .switch_opt .mfScheme_div .widthamcfnd
{
    margin-right:10px;
    line-height: 35px;
    width: 100%;    
}
.mfScheme_div .widthamcfnd.mrkt_unt
{
    width: 15%; 
}
.mfScheme_div .widthamcfnd#spanUnits, .mfScheme_div .widthamcfnd#lblUnits
{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.redeem_opt .mfScheme_div .subcategorydropdwn, .switch_opt .mfScheme_div .subcategorydropdwn
{
    width: 75%;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;   
}
.redeem_opt .mfScheme_div .selMF_box
{
    height: 38px;
    padding: 5px;
     width: 44%; 
    float: left;
    border: 1px solid #cccccc;
    border-radius: 0px; 
}
.switch_opt .mfScheme_div .selMF_box
{
    height: 38px;
    padding: 5px;
    width: 45%;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 0px; 
}
.redeem_opt .mfScheme_div > DIV:first-child .selMF_box, .switch_opt .mfScheme_div:last-child > DIV:first-child .selMF_box
{
    width: 50%  
}
.redeem_opt .mfScheme_div > DIV:first-child label:last-child, .switch_opt .mfScheme_div .widthamcfnd, .redeem_opt .mfScheme_div .widthamcfnd
{
    margin-right:0px;
    margin-left:5px;
}

.redeem_opt .mfScheme_div .btn-reedem, .redeem_opt .mfScheme_div .btn-reedemBy, 
.switch_opt .mfScheme_div .btn-reedem, .switch_opt .mfScheme_div .btn-reedemBy
{
    border: 0px;
    width:80px;
    border-radius: 5px;
    font-size: 15px;
    padding: 6px 13px;
    background-color: #fff;
    border:1px solid #373737;   
    color:#373737;
}
.MF_memDetails .redeembtn_div .btn-primary
{
    border: 0px;
    width:110px;
    border-radius: 5px;
    font-size: 15px;
    padding: 6px 13px;
    background-color: #373737;
    border:1px solid #373737;   
    color:#fff;
    text-align:center;
}

 .redeembtn_div.rpt .btn-primary
{
    border: 0px;
    width:110px;
    border-radius: 5px;
    font-size: 15px;
    padding: 6px 13px;
    background-color: #373737;
    border:1px solid #373737;   
    color:#fff;
    text-align:center;
    margin : 0 auto;
}
.redeembtn_div.rpt 
{
text-align:center;
margin : 20px auto; 
    
}
.switch_opt.row_factsheet
{
margin-top : 150px; 
}
.redeembtn_div.rpt .btn-primary:hover
{
background-color :  #09559f;
color:#fff;
    
}
.redeem_opt .mfScheme_div .redeem_btnActv, .redeem_opt .mfScheme_div .redeemBy_btnActv,
 .redeem_opt .mfScheme_div .btn-reedem:hover, .redeem_opt .mfScheme_div .btn-reedemBy:hover, .MF_memDetails .redeembtn_div .btn-primary:hover,
 .switch_opt .mfScheme_div .redeem_btnActv, .switch_opt .mfScheme_div .redeemBy_btnActv,
 .switch_opt .mfScheme_div .btn-reedem:hover, .switch_opt .mfScheme_div .btn-reedemBy:hover, .MF_memDetails .redeembtn_div .btn-primary:hover
{
    border: 0px;
    border-radius: 5px;
    font-size: 15px;
    padding: 6px 13px;
    background-color:#373737;
    border:1px solid #373737;
    color:#fff;
}
.redeem_opt .mfScheme_div > DIV:last-child .selMF_box, .switch_opt .mfScheme_div > DIV:last-child .selMF_box
{
    width: 62%; 
}
.MF_memDetails .redeembtn_div
{
    text-align:center;
    margin-top:30px;
    width:100%;
    float:left;
}
/**/
.searchtabcon
{
    width: 35%;
    margin: 0 auto;
}
/**/
.switch_opt .buy_online100, .redeem_opt .buy_online100
{
    margin-bottom:10px;
}
.redeem_opt .mfScheme_div > DIV:first-child .buy_online100
{
    margin-bottom:35px;
}

.order_tabs
{
    margin-top:15px;
}
.order_tabs > DIV:first-child .buy_online100 img
{
    float:left;
    width:16%;
}
.order_tabs > DIV:last-child .buy_online100 img
{
    float:left;
    width:34%;
}
.order_tabs span
{
    float:left;
    font-size: 19px;
    line-height: 35px;
    font-weight: bold;
    margin-left: 20px;
}
.order_tabs .buy_online100
{
    background-color: #eaf0ff;
    border:1px solid #09559f;   
    color:#09559f;
    border-radius:5px;
    padding:10px;
    margin-bottom:20px;
    cursor:pointer;
    color:#09559f;
}
.order_tabs .market-btnAct, .order_tabs .buy_online100:hover
{
    background-color:#09559f;
    border:1px solid #09559f;
    color:#fff; 
}

/** ============================== "Buy Online" page css Ends here ========================== **/
/*-------------------- MF Scheme start -----------------------*/

.mf_scheme_section{    height: 250px;
overflow-y: scroll;}

.buy_online90 {
    width: 90%;
    float: left;
}

.redeem_opt .mfScheme_div > DIV:first-child .buy_online90 {
    margin-bottom: 35px;
}

.imgcart_section{    float: right;
padding-top: 16px;}

.imgcart_value{cursor: pointer;
    position: absolute;
    z-index: 9;
    float: left;
    margin: -38px 0 0 16px;
    font-weight: bold;
    color: #f00;
/* float: right; */}

.imgcart_black{    -webkit-filter: brightness(0.6)contrast(3.4)hue-rotate(217deg)saturate(9.9);
filter: brightness(0.6)contrast(3.4)hue-rotate(217deg)saturate(9.9);}


.mfscheme_mb_35{
    margin-bottom:35px!important;
}

.mfscheme_mb_70{
    margin-bottom:70px!important;
}


.width_40 {
    margin-right: 10px;
    line-height: 35px;
    width: 40%!important;
}

.switch_opt .mfScheme_div .subcategorydropdwn_section {
    width: 40%!important;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;
}

.redeem_opt .mfScheme_div > DIV:first-child .subcategorydropdwn_section{
     width: 40%!important;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;
}


.redeem_opt .mfScheme_div .mfscheme_text{
    margin-right: 10px;
    line-height: 35px;
    width: 40%!important;
}


.redeem_opt .mfScheme_div .mfscheme_input{    width: 56%!important;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;
}

.mfscheme_input_num{    width: 15%!important;
padding: 0px!important;}

.m_b_35{    margin-bottom: 35px!important;}

.redeem_opt .mfScheme_div .remark_section{
    width: 18%!important;
        margin-left: 2px!important;}

.redeem_opt .mfScheme_div .reamrk_inpute{
    width: 72%!important;
}   
    

    
@media screen and (max-width: 1199px) and (min-width: 767px){   
.redeem_opt .mfScheme_div .mfscheme_input_num {
    padding: 0px!important; 
}   
}
    
@media screen and (max-width: 767px) and (min-width: 320px){
 .switch_opt .mfScheme_div .subcategorydropdwn_section {
    width: 100%!important;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;
}

.redeem_opt .mfScheme_div > DIV:first-child .subcategorydropdwn_section{
     width: 100%!important;
    border: 1px solid #ccc;
    padding: 5px 50px 5px 20px;
    border-radius: 0px;
    height: 38px;
}
.buy_online90 {
    width: 100%;
    float: left;
}
}

/* ------------------ MF Scheme End ----------------------- */

/** ============================== funsnapshot html start here ================================= **/
.fundsnpshotdeatilspg
{
    width:100%;
    float:left;
    margin:41px 0px;
}
.fundsnpshotdeatilspg .container
{
    border:1px solid #d0d0d0;
    padding-bottom:40px;    
}
.fundsnpshotdeatilspg h1.snapshot_head
{
    background-color:#0096ba;
    color:#fff;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-size:21px;
    margin-top:0px; 
    padding:15px 0px;
    margin-bottom:0px;
}
.fundsnpshotdeatilspg .sharename h3
{
    font-weight: normal;
    color:#08315d;
    font-family: 'Lato', sans-serif;
    font-size:21px; 
    font-weight: 600;
    margin-top: 16px;
}
.fundsnpshotdeatilspg .shrnamshrinfo_con{
    padding: 0 5px;
    width: 100%;
    float: left;
    background-color: #e6e6e6;
    border-bottom:4px solid #d0d0d0;
}
.fundsnpshotdeatilspg .shareinfo_con
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
        margin: 0px;
}
.fundsnpshotdeatilspg h4.h4.dpinlblk
{
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    color:#08315d;
    /*vertical-align: middle;*/
}
.fundsnpshotdeatilspg .h4dpinblkseprtr
{
    margin: 0 15px;
    display: inline-block;
    font-size: 24px;
}
.fundsnpshotdeatilspg .shareinfo_condate
{
    text-align: right;  
    color:#056492;
}
.fundsnpshotdeatilspg .fndsnpshttab1
{
    width: 100%;
    float: left;
    height: auto;
    border-collapse: separate;
    border-spacing: 5px 3px;
    table-layout: fixed;
    padding: 0px 10px;
    border-bottom:1px solid #d0d0d0;    
}
.fndsnpshttab1 > DIV
{
    /* float:left; */
    padding:0px 10px;
    border-right:1px solid #056492;
    margin: 20px auto;  
    display: inline-block;
}
.fndsnpshttab1 > DIV:last-child
{
    border-right:1px solid transparent; 
}
.fundsnpshotdeatilspg .fndsnpshttab1 h1
{
    color:#056492;
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    font-weight:600;
    margin:0px;
}
.fundsnpshotdeatilspg .fndsnpshttab1 h1 span
{
    color:#333333;
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    font-weight:normal; 
}

.button_div
{
    width:100%;
    float:left;
    text-align:center;
}
.basic_info
{
    background-color:#bfa8ca;
    border:1px solid #d0d0d0;
    color:#000;
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    padding:7px;
    font-weight:600;
    margin:29px 0px 11px 0px;
}
.baiscinfo_graph + .button_div .basic_info
{
    width:100%;
    float:left;
}
.baiscinfo_graph + .button_div .basic_info span:first-child
{
    float:left;
}
.baiscinfo_graph + .button_div .basic_info span:last-child
{
    float:right;
}
.basicinfo_table1, .fund_perfor1
{
    width:100%;
    float:left;
    padding: 0px 10px;
    margin-bottom:11px;
}

.basicinfo_table1 table
{
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 7px 0px;    
}
.basicinfo_table1 table tr th, .fund_perfor1 table tr th, .fund_perfor1 table tr th:last-child
{
    text-align:center;
    background-color:#ffdfff;
    font-size:14px;
    color:#333333;
    font-weight:600;
    border:1px solid #cccccc;
    padding: 8px 0px;   
}
.basicinfo_table1 table tr td, .fund_perfor1 table tr td, .fund_perfor1 table tr td:last-child
{
    text-align:center;
    font-size:14px;
    color:#333333;
    border:1px solid #cccccc;
    padding: 8px 0px;
    border-top: 0px;
}
.baiscinfo_graph
{
    width:100%;
    float:left;
    text-align:center;
    margin-top:15px;
}


.fund_perfor1
{
    padding: 0px 105px; 
}
.fund_perfor1 table
{
    table-layout: fixed;
    width: 100%;
}
.fund_perfor1 table tr th
{
text-transform:capitalize;  
}
.fund_perfor1 table tr th, .fund_perfor1 table tr td
{
    border-right:1px solid transparent;
}
.fund_perfor1 table tr:nth-child(even)
{
    background-color:#f3f3f3;
}

.fundgraph_tabs
{
    width:100%;
    float:left;
    padding: 0px 15px;  
}
.fundgraph_tabs .nav-tabs, .fundgraph_tabs .tab-content
{
    width: 100%;
    float: left;
    text-align: center; 
}
.fundgraph_tabs .tab-content
{
    height: 274px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
.fundgraph_tabs .nav-tabs>li
{
    float: none;
    margin-bottom: -1px;
    display: inline-block;
    margin: 0px auto;
    border: 1px solid #cccccc;
}
.fundgraph_tabs .nav-tabs>li>a
{
    margin-right: 0px;  
}
.fundgraph_tabs .nav-tabs>li.active>a, .fundgraph_tabs .nav-tabs>li.active>a:hover, .fundgraph_tabs .nav-tabs>li.active>a:focus
{
    background-color:#0096ba;
    color:#fff;
    border: 0px solid #ddd;
    border-radius:0px;  
}
.fundgraph_tabs li a
{
    background-color:#f0f0f0;
    font-family: 'Lato', sans-serif;
    font-size:13px;
    color:#333333;
    border-radius:0px;
    margin:0px;
    font-weight: 600;   
}
.fundgraph_tabs .tab-content>.tab-pane
{
/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);   */
    width: 100%;
    float: left;
}

.assest_allocation, .comp_assestAllo, #divAMCDetails + .button_div .basic_info
{
    width:100%;
    float:left;
}
.assest_allocation > DIV
{
    margin:0px auto;
    float:none;
}
.assest_allocation .assest_head
{
    /* width:100%; */
    float:left;
    /*background-color:#f0f0f0;
    border:1px solid #cccccc;*/
    padding:5px 15px;
    text-align: center;
    margin-top:65px;
}
.assest_head > DIV {
    float: left;
    width:100%;
    padding: 10px 10px;
    background-color:#f0f0f0;
    border:1px solid #cccccc;
    margin: 10px auto;
    display: inline-block;
}

.assest_head h1
{
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    color:#333333;
    font-weight:600;
    margin:0px;
}
.assest_head h1 span
{
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    color:#333333;
    font-weight:normal; 
}
.assest_graph
{
    width:100%;
    float:left;
    padding: 10px 4px;
    text-align:center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);       
}
.assest_graph #chartContainer .canvasjs-chart-container canvas.canvasjs-chart-canvas, .fundgraph_tabs #chartAbsContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas,
.fundgraph_tabs #chartCAGRContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas, .fundgraph_tabs #chartBENContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas,
.fundgraph_tabs #chartSIPContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas
{
    position:relative!important;
    width: 100%;
    /* height :400px; */
    float: left;
}
.assest_graph #chartContainer .canvasjs-chart-container canvas.canvasjs-chart-canvas:nth-child(2)
{
    position: absolute!important;
    left: 0;    
}
.fundgraph_tabs #chartAbsContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas:nth-child(2),
.fundgraph_tabs #chartCAGRContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas:nth-child(2), .fundgraph_tabs #chartBENContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas:nth-child(2),
.fundgraph_tabs #chartSIPContainerFP .canvasjs-chart-container canvas.canvasjs-chart-canvas:nth-child(2)
{
    position: absolute!important;
    top: 0;
    left: 0;    
}
.canvasjs-chart-container a.canvasjs-chart-credit
{
    display:none;
} 
/* .assest_allocation > DIV:nth-child(2) .assest_graph 
{
    margin-top:108px;
} */

.comp_assestAllo, .sect_assestAllo
{
    padding: 0px 15px;  
}
.comp_assestAllo .basic_info, .sect_assestAllo  .basic_info
{
    width:100%;
    float:left;
    text-align:left;
}
.comp_assestAllo .basic_info span:first-child, .sect_assestAllo .basic_info span:first-child, #divAMCDetails + .button_div .basic_info span:first-child
{
    text-align:left;
    float:left;
}
.comp_assestAllo .basic_info span:last-child, .sect_assestAllo .basic_info span:last-child, #divAMCDetails + .button_div .basic_info span:last-child
{
    text-align:right;
    float:right;
}
.comp_assestAlloGraph, .sect_assestAlloGraph
{
    width: 100%;
    float: left;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
.comp_assestAlloGraph table, .sect_assestAlloGraph table
{
    width:100%;
    float:left;
    border: 1px solid #cccccc;  
    font-family: 'Lato', sans-serif;
}
.comp_assestAlloGraph table th, .sect_assestAlloGraph table th
{
    background-color: #ffdfff;
    font-size: 14px;
    color: #333333; 
    font-weight: 600;
    padding: 8px;
}
.comp_assestAlloGraph table td, .sect_assestAlloGraph table td
{
    font-size: 14px;
    color: #333333; 
    font-weight: normal;
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    border: 1px solid #cccccc;
    border-left: 0px solid #cccccc;     
    border-right: 0px solid #cccccc;        
}
.comp_assestAlloGraph table td:first-child, .sect_assestAlloGraph table td:first-child
{
    color:#006699;
}
.comp_assestAlloGraph table tr:last-child td, .sect_assestAlloGraph table tr:last-child td
{
    font-weight:bold;
}
.comp_assestAlloGraph table tr:nth-child(even), .sect_assestAlloGraph table tr:nth-child(even)
{
    background-color:#f2f2f2;
}

/** ============================== funsnapshot html end here ================================= **/









/*======== new pages css -- will remain same for each website =========*/

/* login page */
.nologin .inner_login
{
    display:none;
}
/* login page */

/* sitemap */
.health_insu
{
    margin-top:125px;
}
/* sitemap */

/* form pages */
.Forms_autoArea .row.Forms_CM .btn-primary
{
    background-color: #fff;
    border-color:#002e5a;
    color:#002e5a;
}
.Forms_autoArea .row.Forms_CM .btn-primary:hover
{
    background-color: #002e5a;
    border-color:#002e5a;
color:#fff; 
}

/* insurance news */
.News_block .more_news_details
{
    background-color:#fff!Important;
    border-color:#002e5a!Important;
    color:#002e5a;
}
.News_block .more_news_details:hover
{
    background-color:#002e5a!Important;
    border-color:#002e5a!Important; 
    color:#fff;
}


/* NL_insureinfo */
/*.GInsutab.resp-tab-active .topicon img
{
     -webkit-filter: brightness(450%); /* Safari */
    filter: brightness(450%);
}*/

/* NL_insureinfo */

/* benefit illustrator */
.submibenefit .btn-default
{
    background-color:#2b81ba;
    color:#fff;
    border-color: #2b81ba;
}
/* benefit illustrator */

/*-- calculator --*/
.Gi_margin form {
    margin: 0 auto;
    width: 65%;
}
.main-section_new .login-form  input[type="text"]
{
    height: auto;
}
form[name=calc] .policycaptdivbor .sipcalcu .sipscall, form[name=calc] .policycaptdivbor .sipcalcu .inputsipcal, form[name=calc] .policycaptdivbor .sipcalcu .sipleft 
{
    margin-top:5px;
}
.policybutton .policybuttonbb 
{
    background-color: #175b82;
        border-color: #175b82;
        margin-top:6px;
}
.policybutton .btn-success:active, .policybutton .btn-success:focus
{
    background-color: #f7f382;
    border-color: #f7f382;
    color:#000;
}
.policybutton .policybuttonbb:hover
{
    background-color: #f7f382;
    border-color: #f7f382;      
}
.sipcalcu {
    margin: 0 auto;
    width: 100%;
    /* float: left; */
}
.sipscall {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
}
.siptext {
    font-size: 18px;
    color: #01273a;
    /* padding: 6px 0px 0px 18px; */
    font-weight: 600;
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.inputsipcal .sipcalinput {
    width: 25%;
    text-align: center;
    margin: 0 auto;
}
.sipscall input[type=range]
{
    margin:0px auto;
}
.resulttext {
    color: #012232;
    font-size: 23px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    background-color: #f1f1f1;
    border: 1px #cbe1f5 solid;
    width: 100%;
    float: left;
}
.sipleft {
    float: left;
    float: left;
    width: 100%;
    margin-bottom: 11px;
}
.sipresult .sipresult1 {
    float: left;
    margin: 10px;
    width: 100%;
}
.sipresult {
    margin: 0 auto;
    width: 100%;
    /* float: left; */
    margin-top: 20px;
}
.sipleft  .form-control[readonly]
{
        background-color: #eee;
}
.inputsipcal {
    float: left;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.linebg {
    margin: 0 auto;
    width: 100%;
    float: left;
    /* background-color: #92c500; */
    /* padding: 1px; */
    margin-top: 10px;
    margin-bottom: 10px;
    /* height: 1px; */
    border-top: 2px dotted #ddd;
}
.newpupsip {
    -webkit-appearance: none;
    width: 94%;
    height: 20px;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    /* border: 1px solid #f26922; */
    /* background: #eee; */
    /* text-align: center; */
    /* margin: 0 auto; */
    background-color: #e6e6e6;
}

/*--portfolio--*/
.lifeport .myportbtn
{
        margin-top: 18px;
}
.fundcattab, .mydrpdwn + DIV {
    margin-top: 2px;
}
.insuDisplay4 .tabscrollcont {
    overflow-x: auto;
}
.fundcattab, .mydrpdwn + DIV
{
    margin-top: 9px;
    margin-bottom: 10px;
}
.upper_border_th, .bottom_border_th
{
    position:relative;
    border:0px;
}
.bottom_border_th:after
{
    content: "";
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    right: 0;
     top: 0;
    /* width: 50%; */
    width: 88px;
    height: 1px;
    background: #fff;
    text-align: center;
}
.bottom_border_th:nth-child(1):after, .bottom_border_th:nth-child(2):after
{
    width:0px;
}
.bottom_border_th:nth-child(3):after
{
    width:99px;
}
.bottom_border_th:nth-child(5):after
{
    margin-left: 12px;
    width: 107px;
}
.bottom_border_th:nth-child(7):after
{
    width:55px;
}
.bottom_border_th:nth-child(8):after
{
    margin-left:12px;
}
.bottom_border_th:nth-child(10):after
{
    width: 70px;
    margin-left: -7px;
}
.bottom_border_th:nth-child(11):after
{
    width: 88px;
    margin-left: 7px;
}
.bottom_border_th:nth-child(12):after
{
    width: 51px;
    margin-left: -17px;
}
.bottom_border_th:nth-child(14):after
{
    width: 105px;
    margin-left: -1px;
}
.bottom_border_th:nth-child(15):after
{
    width: 99px;
    margin-left: 0px;
}
.bottom_border_th:nth-child(17):after
{
    width: 99px;
    margin-left: 0px;
}
/*--portfolio--*/
.newtopdiv .taxtopdiv
{
    width:25%;
}
.newtopdiv .taxtopdiv1
{
    width:67%
}
.newtopdiv .texttop
{
    margin:0px;
}
#display4.insuDisplay4
{
    width: 100%;
    float: left;
    margin: 20px 0;
}
.insuDisplay4 table.mfscheme {
    width: 100%;
}
.insuDisplay4 table.mfscheme tr th {
    border: 0;
}
.insuDisplay4 .upper_border_th {
    text-align: center;
}
.insuDisplay4 table.mfscheme tr th span.bod_bot {
    display: inline-block;
    width: 90%;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.insuDisplay4 table.mfscheme tr th.bottom_border_th {
    position: inherit;
    text-align: center;
}
.insuDisplay4 table.mfscheme > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.insuDisplay4 table.mfscheme tr td {
    border: 1px solid #ddd;
}
.topfunddiv.table-responsive table tr td
{
    border: 1px solid #ddd!important;   
}
.newtopdiv .topwediv .tabwelactive, .newtopdiv .topwediv .tabwel
{
        float: left;
}
.market_act
{
    width:100%;
    float:left;
}
.market_act .container .col-xs-12
{
width:100%;float:left;text-align:center;    
}
/**------- buy online extra css from onboarding css1.css ---**/
.buymfonlinebbg .tab-act-con {
    display: table;
    width: 100%;
}
.investonlinestatusdiv table{
    width: 100%;
    border: 1px solid #ffe401;
}
.investonlinestatusdiv table td, .investonlinestatusdiv table th {
    border: 1px solid #ffe401;
}
.investonlinestatusdiv table {
    width: 100%;
    border: 1px solid #ffe401;
}
.upcumportble-container table td, table th {
    padding: 7px 10px;
}
.my_account_main {
    border: 1px solid #c3c3c3;
    border-top: 15px solid #c3c3c3;
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}
/**------- buy online extra css from onboarding css1.css ---**/
/*========= new pages css -- will remain same for each website ==========*/

.wealth_upcmingevent {
    float: right;
    margin-bottom: 15px;
    border: 1px solid #737373;
    border-radius: 5px;
    padding: 8px;
    width: 140px;
    transition: all 0.5s ease-out;
    background-color: #fff;
}
.wealth_upcmingevent img {
    float: left;
    font-size: 16px;
    line-height: 14px;
    margin-left: 5px;
    color: #737373;
}
.wealth_upcmingevent span {
    float: left;
    font-size: 16px;
    line-height: 14px;
    margin-left: 5px;
}



/**------------------------------------------------------------------------
Media Queries starts from here
------------------------------------------------------------------------**/
@media only screen and (max-width:1366px)
{

    .div11_menubtn .dropup .btn-default, .div11_bottomCont h1, .div11_socialicon h1, .div11_newletter h1
    {
        font-size: 21px;    
    }
    .div05_servicebox p, .div12_box p, .div11_bottomCont p 
    {
        font-size: 15px;    
    }
    .div7 small
    {
        font-size: 38px;    
    }
    .div7 p
    {
        font-size: 22px;    
    }
    .div03_soluTxt h1, .div03_soluTxt h2
    {
        font-size:24px;
    }
    .div03_soluTxt h2 i{margin-top: 4px;}
    .div06_smartBox .div06_smartDiv .caption-text input
    {
        font-size: 16px;    
    }
    .div06_smartBox .div06_smartDiv .caption-text h2
    {
        font-size: 27px;    
    }
    .div06_smartBox .div06_smartDiv .caption-text h1
    {
        font-size: 19px;    
    }
    .div06_smartBox .div06_smartDiv .caption-text   
    {
        top: 70px;  
    }
    .div2 .carousel-caption h3
    {
        font-size:48px;
    }
    .div2 .carousel-caption p
    {
        font-size:55px;
    }
    .div2 .carousel-caption
    {
        top: 30%;   
    }
}
@media only screen and (max-width:1200px)
{
    .div05_servicebox p, .div12_box p, .div11_bottomCont p 
    {
        font-size: 14px;
    }   
    .div7 p 
    {
        font-size: 20px;
    }
    .div08 p
    {
        font-size: 16px;    
    }
    .div04 h1, .div08 h1, .div05 h1, .div10 h1
    {
        font-size: 42px;    
    }
    .div03_soluTxt {
        margin-top: 75px;
    }   
    .top_nav .navbar-default .navbar-nav > li > a
    {
        padding: 0 5px;     
    }
    .logowrap h1
    {
        font-size: 25px;    
    }
    .taxinfo_tbMargin .taxinfo_year
    {
        font-size:22px;
    }
    .div06_smartBox .div06_smartDiv .blur
    {
        height: 283px;
        width: 312px;   
    }
    .div06_smartBox .div06_smartDiv .caption-text
    {
        width: 312px;
        height: auto;   
        top: 37px;
    }
    .div2 .carousel-caption h3
    {
        font-size:40px;
    }
    .div2 .carousel-caption p
    {
        font-size:45px;
        margin-top:12px;
    }
    .div2 .carousel-caption
    {
        top: 30%;   
    }
    .div11_disclaimer ul li a
    {
        font-size: 14px;    
    }
    .div9 .latesth, .div9 .latestdate, .div9 .leadnew, .news_archive, .div9 .leadnew a
    {
        font-size: 20px;    
    }
    .div9 .latesth a
    {
        font-size: 22px;    
    }
    .div9 h1, .div7 h1
    {
        font-size: 40px;    
    }
    .div7 small
    {
        font-size: 25px;    
    }   
    .Gi_Anchor
    {
        width: 21%; 
    }
    .top_nav .linenav   
    {
        font-size: 12px;    
    }
    .nav > li > a
    {
        padding: 10px 8px;  
    }
    .calc_title
    {
        font-size: 17px;    
    }
    .calc_btn .btn-primary
    {
        font-size:18px;
    }
    .div9_mf
    {
        padding: 80px 70px; 
    }
    
}

@media only screen and (max-width:1024px)
{
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        font-size: 22px;
    }
    .div06_smartBox .div06_smartDiv .caption-text h1 {
        font-size: 17px;
    }   
    .div04 h1, .div08 h1, .div05 h1, .div10 h1 {
        font-size: 35px;
    }   
    .div1 .top_nav, .inner_frame .top_nav
    {
        padding:0px;    
    }
}
@media only screen and (max-width:991px)
{
    .div11_disclaimer ul li
    {
        padding: 0px 2px;   
    }
    .div11_newletter .inputform input
    {
        width: 172px;   
    }
    .div11_bottomCont h1, .div11_socialicon h1
    {
        margin-top:0px;
    }
    .div05_servicebox p, .div12_box p, .div11_bottomCont p 
    {
        font-size: 12px;
    }
    .div11_menubtn .dropup .btn-default, .div11_bottomCont h1, .div11_socialicon h1, .div11_newletter h1 {
        font-size: 17px;
    }   
    .div12_box h1
    {
        font-size: 25px;    
    }
    .div05_servicebox h2
    {
        font-size: 17px;    
    }
    .div05_servicebox p, .div12_box p, .div11_bottomCont p 
    {
        font-size: 13px;
    }
    .div08 p 
    {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .div08 span input
    {
        margin-bottom: 15px;
    }
    .div08 h1
    {
        margin: 25px 0px;   
    }
    .div06_smartBox .div06_smartDiv .caption-text input
    {
        border: 1px solid #002e5a;
        padding: 4px 15px;      
        font-size: 15px;
    }
    .div06_smartBox .div06_smartDiv .caption-text h1 {
        font-size: 18px;
        margin-bottom: 12px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }   
    .div03_soluTxt p
    {
        font-size: 13px;
        line-height: 17px;      
    }
    .div03_soluTxt h1, .div03_soluTxt h2 {
        font-size: 22px;
    }   
    .div03_soluTxt 
    {
        margin-top: 10px;
    }
    .div1
    {
        padding-top: 15px;
        padding-bottom: 10px;       
    }
    .div1 .top_nav
    {
    margin-top: 15px;   
    }
    .top_transNav > DIV:first-child {
        margin-bottom: 0px;
        padding-left: 110px;
        position: absolute;
        right:0px;
        top: -57px;     
    }   
    .logowrap h1 {
        font-size: 19px;
    }   
    .mfScheme_div .widthamcfnd.mrkt_unt 
    {
        width: 19%;
    }
    .lichfl_text .panelarticles .last-grid:nth-child(2)
    {
        margin-top:0px;
    }
    .centerdiv #accordion .panel.panel-default .highlight
    {
        background-color:#373737!important;
        color:#fff!Important;
    }
    /*
    .centerdiv #accordion .panel-default .panel-heading .counstext:after
    {
        color:#fff;
    }
    */
    .taxinfo_tbMargin .taxinfo_year
    {
        font-size: 15px !important;
        color:#373737;
        font-weight:bold;
    }
    .taxinfo_tbMargin .resp-tabs-list li
    {
        font-size: 14px;
    }
    .div06_smartBox .div06_smartDiv .blur
    {
        height: 219px;
        width: 240px;
    }
    .div06_smartBox .div06_smartDiv .caption-text h1
    {
        font-size: 15px;
    }
    .div06_smartBox .div06_smartDiv .caption-text   
    {
        width: 240px;       
        top: 30px;
    }
    .news_archive .btn-primary
    {
        padding: 10px 25px; 
    }
    .div11_disclaimer ul li a 
    {
        font-size: 12px;
    }
    .div11_01 p
    {
        font-size: 13px;
    }
    .login_btn .btn-primary
    {
        padding: 10px 25px;
        font-size: 15px;    
    }
    .div7 #quote-carousel
    {
        padding: 0 10px 0px 10px;   
    }
    .div7_head h1
    {
        text-align:center;
    }
    .div7_head br, .div7_head input
    {
        display:none;
    }   
    .Gi_Anchor
    {
        width: 24%;
        padding: 13px 2px;
        font-size: 12px;
        margin: 0px;        
    }
    .nav > li > a {
        padding: 10px 4px;
    }
    .top_nav .linenav {
        font-size: 12px;
    }
    .div2 .carousel-caption h3
    {
        font-size: 25px;    
    }
    .div2 .carousel-caption
    {
        top: 33%;   
    }
    .div2 .carousel-caption p
    {
        font-size: 34px;
        margin-top:0px;     
    }
    .div7, .div9
    {
        padding: 45px 0px;
    }   
    .calc_title {
        font-size: 12px;
    }   
    .calc_btn .btn-primary {
    font-size: 16px;
    }
    .div7 h2, .div9 h1, .div9_mf h2
    {
        font-size: 30px;    
    }
    .div7 p
    {
        font-size: 16px;
        line-height: 25px;      
    }
    .div7 small
    {
        font-size: 22px;        
    }
    .div9 .leadnew a
    {
        font-size: 14px;    
    }   
    .div9_mf
    {
        padding:30px;
    }


    
}

.centerdiv #accordion .panel.panel-default .highlight,
.panel-default > .panel-heading{
    background-color: #002e5a!important;
    color: #fff!Important;
}
.centerdiv #accordion .panel-default .panel-heading .counstext:after,
.panel-default .panel-heading .counstext:after{
    color: #fff!Important;
}

@media only screen and (max-width:767px)
{
    .div05_servicebox p, .div12_box p, .div11_bottomCont p {
        font-size: 11px;
    }   
    .div05_servicebox h2 {
        font-size: 15px;
    }   
    .div05_servicebox span img
    {
        width:100%;
    }
    .div06_smartBox .div06_smartDiv .caption-text input
    {
        font-size: 13px;
    }
    .div06_smartBox .div06_smartDiv .caption-text
    {
        top: 20px;  
    }
    .div06_smartBox .div06_smartDiv .caption-text h2 
    {
        font-size: 16px;
    }
    .div03_soluTxt p
    {
        margin-top: 15px;       
    }
    .div03_soluTxt h1, .div03_soluTxt h2 
    {
        font-size: 19px;
    }
    .top_transNav > DIV:first-child
    {
        top: 0px;   
    }
    .div10_prdtinfoBox span img
    {
        width:100%;
    }
    #frmConfSIP #divTopTable
    {
        overflow-x: scroll; 
    }
    .redeem_opt .mfScheme_div .mfscheme_text
    {
        width:100%!important;
    }
    .mfScheme_div .widthamcfnd.mrkt_unt 
    {
        width: 21%;
    }
    .top_transNav
    {
        padding: 0px 0px;
    }
    .panel5 .radiobtnmnth input[type=radio] 
    {
        opacity:1;
        height:auto;
        z-index:1;
        margin-left: -2px;
    }
    .div06_smartBox .div06_smartDiv .blur
    {
        height: 188px;
        width: 208px;   
    }
    .div06_smartBox .div06_smartDiv .caption-text h1
    {
        font-size: 18px;    
    }
    .div06_smartBox .div06_smartDiv .caption-text
    {
        width: 208px;   
    }
    .logowrap h1
    {
        font-size: 25px;    
    }

    .top_nav .navbar-default .navbar-nav > li.open > a
    {
        color:#373737;  
        font-weight:bold;       
    }
    .top_nav .navbar-default .navbar-nav > li > a
    {
        padding-top:6px;
        padding-bottom:6px;
        border:0px;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
    {
        background-color:#ffe401;
        color:#000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        font-weight:bold;
        color:#ffe401;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color:#fff;
        padding:0px;
        text-transform:none;
    }
    .quicklink1 .hvr-wobble-vertical
    {
        width: 96px;
        padding: 5px;       
    }
    .div7, .div9, .div11    
    {
        padding: 20px 0px;
    }
    .div1
    {
        position:relative;
    }
    .top_nav .navbar-collapse.in
    {
        overflow-y: visible;        
    }
    .top_nav .navbar-collapse
    {
        padding: 0px;
        width: 100%;
        float: left;
        position: absolute;
        height: auto;       
    }
    .weclome_box.modal
    {
        z-index: 99999999;  
    }
    .Gi_Anchor
    {
        width: 98%;
        margin-top: 5px;
        padding: 5px 3px;
        font-size: 12px;
    }
    .top_nav .navbar-nav.sm-collapsible .caret, .top_nav .navbar-nav.sm-collapsible ul .caret
    {
        margin: -3px 0px 0 0;
        width: 24px;
        height: 25px;
        background-color: transparent;
    }
        .deskfooter {
    display: none !important;
    }
    .mobfooter {
        display: block !important;
        width: 100%;
        float: left;
        background-color:#2d2d2d;
        margin-top: 10px;   
    }
    .div1 .top_nav .navwrapper
    {
        width:100%;
        float:left;
    }
    .top_nav .navbar-nav {
        margin: 0px;
        position: absolute;
        z-index: 9999999;
        background-color: #373737;
        width: 100%;
        float: left;
        padding: 0px 5px;
        border: 1px solid #ccc;
        border-radius: 5px;     
    }
    .div7, .div9, .div11 {
        padding: 30px 0px;
    }   
    .div7 p, .div7 small
    {
        width:100%;
        float:left;
        text-align:center;
    }
    .div7 #quote-carousel img
    {
        width:auto;
        float:none;
        margin: 0px auto;
        margin-bottom:15px;     
    }
    .div9_mf
    {
        margin-top:20px;
        padding: 68px;  
    }
    .div11_disclaimer, .div11_copyright
    {
        text-align:center;
    }

}
@media only screen and (max-width:650px)
{
    .div05_servicebox 
    {
        margin-top: 15px;
    }
    .div05_servicebox p
    {
        height:150px;
        line-height: 18px;      
    }
    .div08 p {
        font-size: 14px;
        margin-bottom: 7px;
    }   
    .div08 h1 {
        margin: 18px 0px;
    }   
    .div08, .div05
    {
        padding: 40px 0px;  
    }
    .div06_smartBox .div06_smartDiv .caption-text input {
        font-size: 12px;
        padding: 3px 10px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        font-size: 15px;
    }   
    .div04 h1, .div08 h1, .div05 h1, .div10 h1 {
        font-size: 26px;
    }   
    .div03_soluTxt p 
    {
        margin-top: 8px;
        font-size: 12px;
    }   
    .div03_soluTxt h2 i
    {
        margin-top:0px;
    }
    .div03_soluTxt h1, .div03_soluTxt h2 {
        font-size: 16px;
    }   
    .mfScheme_div .widthamcfnd.mrkt_unt 
    {
        width: 28%;
    }
    .wealthportfoliohdr .insuDisplay3 table.table-bordered
    {
        display: block;
        overflow-x: scroll;
        padding: 0px;   
    }
    .div2 .carousel-caption {
        top: 9%;
        left:0px;
        width: 100%;
    }
    .resp-tab-content-active .headingCalc .headingCalcArrowBG i
    {
        margin-left: 24%;   
    }
    .funsnapshot .main-section 
    {
        width: 100%;
    }
    .funsnapshot .tabwel, .funsnapshot .tabwelactive
    {
    padding: .4em 8px;
    font-size: 12px;    
    }
    .funsnapshot .login-form
    {
        padding:0px;
    }
    .div06_arrowdown i
    {
        font-size: 20px;    
    }
    .div06_smartBox .div06_smartDiv .blur
    {
        height: 140px;
        width: 182px;
    }
    .div06_smartBox .div06_smartDiv .caption-text
    {
        width: 182px;
        height: auto;
        top: 10px;      
    }
    .div06_smartBox .div06_smartDiv .caption-text h1    
    {
        font-size: 14px;    
    }
    .div9 h1, .div7 h1 
    {
        font-size: 34px;
    }
    .logowrap a 
    {
        width: 100%;
        float: left;
    }
    .logowrap h1, .logowrap p
    {
        text-align:center;
        font-size: 15px;
    }
    .logowrap h1
    {
        margin-top:8px;
    }
    .login_btn
    {
        float:right;
        padding: 10px 15px;     
    }

    .div7 h2, .div9 h1, .div9_mf h2 {
        font-size: 25px;
    }   
    .login_btn .btn-primary
    {
        padding: 10px 16px;
        font-size: 14px;    
    }
}

@media only screen and (max-width:549px)
{
    .div12
    {
        padding: 40px 0px;      
    }
    .div10_prdtinfoBox h2
    {
        font-size: 14px;    
    }
    .div05_servicebox {
        padding: 0px 5px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        font-size: 14px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        margin-bottom: 5px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text {
        width: 161px;
        padding: 0px 10px;
        top: 5px;
    }   
    .div06_smartBox .div06_smartDiv .blur
    {
        width: 161px;   
    }
    .div03_soluTxt h2 i {
        font-size: 13px;
    }   
    .div03_soluTxt h1, .div03_soluTxt h2 {
        font-size: 14px;
    }   
    .div03_soluTxt p
    {
        font-size: 11px;    
    }
    .div03_soluTxt h1
    {
        margin-top: 11px;   
    }
    .div03_soluTxt {
        margin-top: 0px;
    }   
    #myModal1 .modal-body
    {
        padding: 30px 0px;  
    }
    .mfScheme_div .widthamcfnd.mrkt_unt 
    {
        width: 32%;
    }
    .redeem_opt .mfScheme_div .selMF_box
    {
        width:100%;
    }
    .div2 #myCarousel {
        display: none;
    }   
}

@media only screen and (max-width:480px)
{
    .redeem_opt .mfScheme_div .remark_section
    {
        width:100%!important;
        float:left;
    }
    .redeem_opt .mfScheme_div .mfscheme_input
    {
        width:100%!important;
    }
    .mfscheme_input_num {
    width: 30%!important;
    }
    .top_transNav > DIV:first-child
    {
        padding-left:15px;
    }
    .div03_soluTxt {
        margin-top: 75px;
    }   
    .div03_soluTxt h2 i {
        font-size: 16px;
        margin-top: 5px;    
    }   
    .div03_soluTxt p {
        font-size: 16px;
    }   
    .div03_soluTxt h1, .div03_soluTxt h2 {
        font-size: 25px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text input {
        font-size: 18px;
        padding: 3px 16px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text h2 {
        font-size: 22px;
    }   
    .div06_smartBox .div06_smartDiv .caption-text 
    {
        top: 43px;
    }
    .div05_servicebox
    {
        margin-bottom:15px;
    }
    .div05_servicebox p, .div12_box p, .div11_bottomCont p {
        font-size: 13px;
    }   
    .div05_servicebox p, .div05_servicebox h2
    {
        height:auto;
    }
    .div12, .div10, .div08, .div05
    {
        padding: 30px 0px;
    }   
    .div12_box
    {
        margin-top:15px;
    }
    .copyright p
    {
        font-size:12px;
    }
    .redeem_opt .mfScheme_div .selMF_box
    {
        width:100%!important;
    }
    #mydocs h1
    {
        font-size:20px;
    }
    .GenInsu_det
    {
        width:100%;
        float:left;
    }
    .quicklink1 .hvr-wobble-vertical {
    width: 110px;
    }
    .wealthportfoliohdr .wmportfoliomaindvlft1 .wmporttablecondv .wealsnpshttable td:first-child {
    width: 30% !important;
}
    .logowrap h1
    {
        font-size: 21px;
    }
    .logowrap p
    {
        font-size: 15px
    }
    .newtopdiv .taxtopdiv 
    {
        width: 32%;
    }
    .newtopdiv > DIV .texttop
    {
        width:100%;
        font-size: 15px;
    }
    .newtopdiv > DIV
    {
        padding:0px;
    }
    .newtopdiv .tabwel, .newtopdiv .tabwelactive {
        padding: 7px 6px;
        font-size:12px;
    }
    .main-section_new .login-form .boxsize1 
    {
        width: 238px !important;
    }
    .redeem_opt input[type=checkbox]:checked
    {
        z-index:1!important;
    }
    #frmConfRedee .table_container .table4upload
    {
        display: block; 
        min-width: unset;       
    }
    #frmConfRedee .table_container .table4upload td
    {
        white-space:nowrap;
    }
    .butHome .butMyPort
    {
        margin-bottom:10px;
    }
    .panel3.fdbond .investstocktab-container .investstocktab
    {
        margin:0px;
    }
    .funsnapshot .tabwel, .funsnapshot .tabwelactive
    {
        padding: .4em 2px;
        font-size: 11px;    
    }
    .funsnapshot .login-form
    {
        padding:0px;
    }
    .div06_smartBox .div06_smartDiv .caption-text h1 {
        font-size: 20px;
    }
    .div06_smartBox .div06_smartDiv .blur
    {
        width:100%;
        height: 328px;
    }
    .div06_smartBox .div06_smartDiv .caption-text
    {
        width:100%;
        top: 55px;
    }
    .top_transNav
    {
        padding: 0px 0px;   
    }
    .div9 h1, .div7 h1 {
        font-size: 30px;
    }   
    .news_archive .btn-primary 
    {
        padding: 7px 10px;
        font-size: 18px;        
    }   
    .login_btn 
    {
        padding: 13px 7px;
    }
    .Tax_infoTb th
    {
        padding: 7px 6px;
        font-family: 'Dosis', sans-serif;       
    }
    #myModal1 .modal-content
    {
        padding:0px;
    }
    #myModal1 .modal-body {
    padding: 14px 16px;
    }
    .login #txtLogiName
    {
        font-size: 14px;    
    }
    .login input[type=submit]
    {
        font-size: 13px;
        padding: 6px 14px;      
    }
    .login h3
    {
        font-size: 28px;    
    }
    .div1 .top_nav .navwrapper
    {
        margin-top: 0px;    
    }
    .col-xss-12
    {
        width:100%;
        float:left;
    }
    .login_btn .btn-primary {
        padding: 6px 10px;
        font-size: 12px;
    }
    .calc_title {
    font-size: 14px;
        height: 50px;
    }
    .div9_mf
    {
        padding: 20px;  
    }
    .div11_menubtn .dropup .btn-default
    {
        font-size: 13px;    
    }
    .div11_socialicon ul .fa-facebook-f
    {
        font-size: 16px;
        padding: 13px 18px;     
    }
    .div11_socialicon ul .fa-twitter, .div11_socialicon ul .fa-linkedin-in, .div11_socialicon ul .fa-youtube
    {
        font-size: 16px;
        padding: 13px 14px;     
    }
    .div11_disclaimer ul li
    {
        padding: 2px;
        margin: 8px 0px;
    }
    .div11_disclaimer ul li a
    {
        font-size: 12px;    
    }   
    .div11_copyright p, .div11_copyright p a
    {
        font-size: 12px;    
    }
    .logowrap img
    {
        margin:0px auto;
    }

}

/* nitin css part */


.top_transNav .navbar-nav
{
    float: right;
}


.calculate
{
    position:relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.investtitle{position:absolute; left:0; right:0; margin:0 auto; background:#002e5a; width:273px; padding:50px 0; z-index:1000; text-align:center; top:150px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.investtitle h2{font-family: 'Oswald', sans-serif; font-weight:700; font-size:30px; line-height:30px; color:#fff; padding-bottom:10px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.investtitle h3{font-family: 'Oswald', sans-serif; font-weight:700; font-size:40px; line-height:40px; text-transform:uppercase; color:#fff; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.calculate:hover .investtitle{background:#000; color:#fff; -webkit-transform: scale(1.4);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.calculate:hover .investtitle h2{text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);}
.calculate:hover .investtitle h3{text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);}

.ltspac
{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ltpic{background:url(../../images/homepage_images/premium-calculator.png) center top no-repeat; background-size:cover;}


.ltcont{text-align:center; position:relative; height:532px; display:table;}
.ltin{display: table-cell;
    vertical-align: middle;
    text-transform: uppercase; text-align:center; padding:0 195px;}
.ltin h2{font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:36px; color:#000; text-transform:uppercase; padding-bottom:47px;}
.ltin p{font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:30px; color:#000; text-transform:none; padding-bottom:58px;}

.ltin a{display:inline-block; text-align:center; border:1px solid #002e5a; width:172px; margin:0 auto; color:#002e5a; text-transform:uppercase; line-height:46px; font-family: 'Roboto Condensed', sans-serif; position:relative; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; font-size:18px;} 
.ltin a .fa-arrow-down{position:absolute; bottom:-10px; left:0; right:0; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.ltin a:hover{background:#002e5a; color:#fff;}
.ltin a:hover .fa-arrow-down{bottom:-10px;} 


.rtpic{background:url(../../images/homepage_images/sip-calulator.png) center top no-repeat; background-size:cover;}
.mt-120{margin-top:80px;}

.rtpic .ltin h2{font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:36px; color:#fff; text-transform:uppercase; padding-bottom:47px;}
.rtpic .ltin p{font-family: 'Roboto Condensed', sans-serif; font-size:24px; line-height:30px; color:#fff; text-transform:none; padding-bottom:58px;}

.rtpic .ltin a{display:inline-block; text-align:center; border:1px solid #002e5a; width:172px; margin:0 auto; color:#fff; text-transform:uppercase; line-height:46px; font-family: 'Roboto Condensed', sans-serif; position:relative; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; font-size:18px;} 
.rtpic .ltin a .fa-arrow-down{position:absolute; bottom:-10px; left:0; right:0; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.rtpic .ltin a:hover{background:#002e5a; color:#fff;}
.rtpic .ltin a:hover .fa-arrow-down{bottom:-10px;} 





.schemein > h2
{
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #002e5a;
    text-align: center;
    text-transform: uppercase;
    margin: 40px 0px;
}




.rangewrap{background:#e3e6e5; padding:50px 0 0px 0; text-align:center;}
.rangein{margin-bottom:20px;}   
.rangein h2,.rangein1 h2{font-family: 'Oswald', sans-serif; font-weight:700; font-size:40px; color:#002e5a; line-height: 1.2; text-transform:uppercase; padding-bottom:50px;}
.rangein a{display:inline-block; text-align:center; border:1px solid #002e5a; width:172px; margin:0 auto; color:#002e5a; text-transform:uppercase; line-height:46px; font-family: 'Roboto Condensed', sans-serif; position:relative; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; font-size:18px;} 
.rangein a .fa-arrow-right{position:absolute; right:-10px; top:15px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.rangein a:hover{background:#002e5a; color:#fff;}
.rangein a:hover .fa-arrow-right{right:10px;}
.rangein1 a:hover{text-decoration: none;}
.rangeinfo{border:1px solid #cacccb; padding:10px 0; display:block; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; margin-bottom:60px; overflow:hidden;
  height: 550px; background-color: transparent !important;
  }
.rangeinfo h2{padding:0 0 20px 0; color:#002e5a; font-size:25px; line-height:36px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.rangeinfo img{display:block; text-align:center; border:1px solid #cacccb; margin:0 auto; margin-bottom:50px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; -webkit-filter: grayscale(0);
  filter: none;}
.rangeinfo p{padding:0 30px; color:#0b0b08; font-size:18px; line-height:1.4; font-family: 'Roboto Condensed', sans-serif; text-transform:none;}
.rangeinfo:hover h2{color:#fff;} 
 .rangeinfo:hover p{color:#fff;}
 .rangeinfo:hover  {-webkit-box-shadow: 0px 0px 15px 0px rgba(48, 48, 48, 0.75);
-moz-box-shadow:    0px 0px 15px 0px rgba(48, 48, 48, 0.75);
box-shadow:         0px 0px 15px 0px rgba(48, 48, 48, 0.75);} 
.rangeinfo:hover img{filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}
  

  
 .main-container{padding: 2em 0;    padding-top: 1em;}
.main-container h3.h3{
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #666666;
    font-size: 28px;

}
.main-container p.ctx{
    /*text-align: center;*/
    font-family: 'Lato', sans-serif;
    /*color: #333333;
    font-size: 16px;*/
    padding: 0 15px;
    color: #0096ba;
    font-size: 20px;    
}
.bordercontainer{
    border: 0px solid #c3c3c3;
    border-top: 0px solid transparent;
    margin: 30px 0 0 0;
    padding: 10px 15px;
    float: left;
    width: 100%;

}
section.section_create{
    margin: 70px 0 0 0;
}
/*switch1 start*/


.switch1 {max-width: 12em; margin: 30px 0 0px auto; }
.switch1-light > span, .switch-toggle > span {  color: #000000; }
.switch1-light span span, .switch1-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch1-light span span { display: none; }

.switch1-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch1-light * { box-sizing: border-box; }
.switch1-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch1-light label, 
.switch1-light > span { line-height: 30px; vertical-align: middle;}

.switch1-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch1-light input:focus ~ a, .switch1-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch1-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch1-light input:checked{opacity: 0 !important;}
.switch1-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch1-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch1-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch1-light > span span:first-child{color: #2b2b2b;}
.switch1-light > span span:last-child { left: 50%; }
.switch1-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}

/*switch1 end*/

/*switch2 start*/


.switch2 {max-width: 12em; margin: 30px 0 0px auto; }
.switch2-light > span, .switch-toggle > span {  color: #000000; }
.switch2-light span span, .switch2-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch2-light span span { display: none; }

.switch2-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch2-light * { box-sizing: border-box; }
.switch2-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch2-light label, 
.switch2-light > span { line-height: 30px; vertical-align: middle;}

.switch2-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch2-light input:focus ~ a, .switch2-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch2-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch2-light input:checked{opacity: 0 !important;}
.switch2-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch2-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch2-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch2-light > span span:first-child{color: #2b2b2b;}
.switch2-light > span span:last-child { left: 50%; }
.switch2-light a { position: absolute; right: 50% !Important; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}



/*switch2 end*/

/*switch3 start*/

.switch3 {max-width: 12em; margin: 30px 0 0px auto; }
.switch3-light > span, .switch-toggle > span {  color: #000000; }
.switch3-light span span, .switch3-light label, .switch-toggle span span, .switch-toggle label {  color: #fff; }

.switch-toggle a, 
.switch3-light span span { display: none; }

.switch3-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; margin-bottom: 0;}
.switch3-light * { box-sizing: border-box; }
.switch3-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch3-light label, 
.switch3-light > span { line-height: 30px; vertical-align: middle;}

.switch3-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch3-light input:focus ~ a, .switch3-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch3-light input { position: absolute; opacity: 0 !important; z-index: 5; }
.switch3-light input:checked{opacity: 0 !important;}
.switch3-light input:checked ~ a { right: 0%!important;border-radius: 0px 20px 20px 0!important;}
.switch3-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch3-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-size: 14px;cursor: pointer; font-family: 'Lato', sans-serif; font-weight: normal;}
.switch3-light > span span:first-child{color: #2b2b2b;}
.switch3-light > span span:last-child { left: 50%; }
.switch3-light a { position: absolute; right: 50% !Important; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;background-color: #0957a2;border:0;border-radius: 20px 0 0 20px;}



/*switch3 end*/ 
  
  
  

@media screen and (max-width: 1200px)
{
    .ltin{padding:0 138px;}
}
@media screen and (max-width: 991px)
{
    .calculate{padding: 0;}  
    .investtitle{top: 290px; padding: 30px 0; width: 400px;}
    .investtitle h2 br{display: none;}
    .ltin{padding:0 20px;}
    .ltin h2{padding-bottom: 15px; margin: 0;}
    .ltcont{height: auto;}
    .ltpic .ltin{padding: 40px 20px 120px;}
    .rtpic .ltin{padding: 120px 20px 40px;}
    
    .rangeinfo h2{font-size: 22px;}
}
@media screen and (max-width: 767px)
{
    .rangeinfo{height: 600px;}
    .div1 .top_nav{margin-top: 30px;}
    .div91 .rangein1 .ourrange_DIV .rangeinfo{height: 500px;}
    .div91 .rangein1 .ourrange_DIV .rangeinfo img{margin-bottom: 30px;}
    .div91 .rangein1 .ourrange_DIV:nth-child(4){margin-left: 25%;}
    
    .top_nav .navbar-collapse.in{border-top: 0px solid transparent;}
    
    .top_nav .navbar-default .navbar-nav > li > a:after{content: '\f0d7';font-family: 'FontAwesome';margin-left: 6px; position: absolute; right: 10px;}
    .top_nav .navbar-default .navbar-nav > li:first-child > a:after{display: none;}
}
@media screen and (max-width: 600px)
{
    .investtitle{display: none}
    .ltpic .ltin,
    .rtpic .ltin
    {
        padding: 40px 20px;
    }
    
    .bel600solu1
    {
        width: 350px;
        float: none;
        margin: 0 auto;
    }
    .div03_soluTxt{margin-top: 120px;}
    .div03_soluImg img{margin: 0 0 15px;}
    
    .schemein > h2, .div08 h1, .div7 h1, .rangein1 h2{font-size: 24px;}
    .rangeinfo h2{font-size: 18px; margin: 0; padding: 0 0 10px;}
    .rangeinfo p{font-size: 14px;}
    .div91 .rangein1 .ourrange_DIV .rangeinfo{height: 375px; margin-bottom: 20px;}
    
    .div03_soluTxt h1, .div03_soluTxt h2{font-size: 18px;}
    .div03_soluTxt p{font-size: 12px; letter-spacing: 0.75px;}
    
    .ltin p, .rtpic .ltin p{font-size: 16px; line-height: 1.2;}
}
@media screen and (max-width: 480px)
{
    .rangewrap{padding: 0px 0 0px 0;}
    .rangein h2{font-size:18px; line-height:35px; padding-bottom: 0px;}
    .rangeinfo h2{font-size:20px; line-height:20px;}
    .rangeinfo p{padding:0 5px; font-size:15px; line-height:25px;}
    .rangeinfo img{margin-bottom:30px;}
    .rangeinfo{height:465px;}
    
    .bel600solu1{width: 275px;}
    .rangein1 h2{margin: 40px 5px 0; padding: 0 0 30px;}
    .rangeinfo h2{padding: 10px 0 20px;}
    .div91 .rangein1 .ourrange_DIV
    {
        width: 100%;
    }
    .div91 .rangein1 .ourrange_DIV .rangeinfo{height: auto;}
    .div91 .rangein1 .ourrange_DIV:nth-child(4){margin-left: 0%;}
}
.clearfix{clear:both;}

.fa {
    font-family: FontAwesome !important;
}
.useflrepmaindv{
    border: 1px solid #888 !important;
    margin: 5px 0px 0;
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
    .top_nav .navbar-default .navbar-nav > li > a{padding: 0 9px;}
}
@media only screen and (max-width: 480px)
{
	.col-xss-12
	{
		width:100% !important;
		float:left;
	}
}