﻿body {font-family: Calibri!important;}

table{font-size:10px !important;}

table td, table th{font-size: 14px; padding: 5px;}

a {
    text-decoration: none;
    padding: 0px;
}

.aboutus_txt {}

.aboutus_txt p {font-size: 17px;
    text-align: justify;}
	
.aboutus_txt ul  {}	

.aboutus_txt ul li  {}	

.aboutus_txt b  {font-weight: 800;}	

.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;color: #000;}
.wealth-table a {padding-left: 5px;}
.newfuntabtext{background-color: #f2f2f2 !important;color: #000 !important;margin-top: 15px;}
.newfuntab .login-form ul li.text-info{color: #31708f;font-weight: bold;}
.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%;*/display:inline-block;}
.asondate{text-align:right!Important;}
/*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: 9px;font-weight: normal;color: #000;font-size: 16px;}
.taxtopdiv1 {margin: 0 auto;width: 62%;float: left;}
.mfscheme-container table{border:1px solid #ddd;}
.topwediv {width: 100%;font-size: 1em;font-weight: 400;outline: none;color: #222;float: left;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;
}
.taxtopdiv1 {margin: 0 auto;width: 100%;float: left;}

.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: #6c3b1a;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:20px;color: #000;padding: 5px;}
.cashflo .mydrpdwn{margin-top: 15px;}
.polideta .frm-field {width: 49%;}
.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;}
.fun_over_all .taxtopdiv1 {margin: 0 auto;width: 67%;float: left;}
.fun_over_all .taxtopdiv {margin: 0 auto;width: 25%;float: left;}
.fun_over_all .tabwelactive{float:left;}
.fun_over_all .tabwel{float:left;}
.fun_over_all .texttop {padding: 6px 0;}
.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: #175b82;
    /* 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 20px;
    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: #6c3b1a; 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;    color: #000;}
/*.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: #6c3b1a !important;font-weight: 600!important;}
.btn-info:hover {color: #fff!important;background-color: #175b82!important;border-color:#175b82!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;    
	text-align: center;
    color: #000;
    padding: 10px 0;
}

.grndtotal td{color:#fff;}
.Investor_dropdown{margin-top: 20px;}
.text-info {float:left; margin-right: 20px; font-size: 1.5em;}
.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%;
	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: #6c3b1a;
	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: #175b82;
	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;
}
.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: #175b82;
    color: #fff;
}

.panel3 .investstocktab-container .investstocktab .name{
	background: #c0c0c0;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.panel3 .investstocktab-container .investstocktab .prd-name{
	color: blue;
	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%;}
.StockLedger .stockledger-container .stockledger th, .mfport .stockledger-container .stockledger th
{
	background: #6c3b1a;
	color:#fff;	
}
.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;
	color: #000;
}

.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: #6c3b1a;color: #fff;}
.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: #fff;
	background: #43464c;
	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) {
	
	.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;margin-top: 15px!important;}
.fundcattab {width: 100%!important;}
.topwediv {width: 86%;}

}


@media screen and (max-width: 990px) and (min-width: 540px){

.myportbtn {float: left!important;}

}
