@import "theme.css";
*{margin: 0; padding: 0; outline: none; border: 0; text-decoration: none;
box-sizing: border-box; list-style-type: none; letter-spacing: normal; }
body{font-size: .9em;background: var(--tc-body-bg);font-family: var(--lato); line-height: 150%; color:var(--tc-body-color);}
a {text-decoration: none;color:var(--infoColor2);}
input, select {background:var(--ncp-white);}
:focus-visible {outline: 2px solid var(--tc-sky-blue2-light)!important;}
.leftPanelSec ul li a:focus,.footerInfoSec a:focus{outline:2px solid var(--tc-light-grey);}
ul{padding-left: 0;}
.hide{display:none;}

/* common class start */
.wrapper-div{background: var(--tc-color1);padding: 1rem;}
.boxDiv{border: 1px solid var(--tc-light-grey);border-radius:var(--qs-border-radius);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.46);
}
.borderBoxDiv{border: 1px solid var(--tc-light-grey); border-radius: var(--qs-border-radius);}
.overlay{background: rgba(0,0,0,0.6); position: absolute; left: 0; right: 0; top:75px; bottom: 0;z-index: 2; display: none;}
.divSec{box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px; border-top: 1px solid var(--tc-light-grey); 
    border-bottom: 1px solid var(--tc-light-grey); margin-bottom: 1rem;}
.noteDiv{color:var(--tc-sky-blue2-light);}
/* overflow start */
.overflow{overflow: auto;}
.overflow-x{overflow-x: auto; overflow-y: hidden;}
.overflow-y{overflow-x: hidden; overflow-y: auto;}
/* overflow end */

/* modal start */
.modal{background: var(--tc-modal-bg);}
.modal-title{font-family: var(--lato);}
/* modal end */

/* border start */
.border-top-grey{border-top:1px solid var(--tc-light-grey);}
/* border end */


/* radius start */
.round-top-0{border-top-left-radius: 0;border-top-right-radius: 0;}
.round-top-left-0{border-top-left-radius: 0;}
.round-top-right-0{border-top-right-radius: 0;}
.round-bottom-left-0{border-bottom-left-radius: 0;}
.round-bottom-right-0{border-bottom-right-radius: 0;}
/* radius end */

/* color start */
.red{/*color:var(--pcp-alizarin);*/ color:#8B0000;}
/* color end */

/* width start */
.wid-100{width: 100px;}
.min-h-auto{min-height: auto!important;}
/* width end */

/* validationDiv start */
.validationDiv{font-size: .8em; font-weight: bold;color: var(--pcp-alizarin);display: none; line-height: normal;
text-transform: lowercase;}
/* validationDiv end */

/* ul start */
.bulletUl,.alphaOl{padding-left: 15px;}
.bulletUl li{list-style-type: disc;}

.alphaOl li{list-style-type: lower-alpha;}
/* ul end */

/* input, button start */
.form-control{font-size: 14px;box-sizing: border-box; line-height: normal;}
.form-control::placeholder{color:var(--tc-dark-grey);}
button.btn{font-family: var(--lato); line-height: normal; font-weight: bold;}
.btn-group ul{top: 100%;background: var(--tc-color1);border-bottom-left-radius: var(--qs-border-radius);border-bottom-right-radius:var(--qs-border-radius);
border: 1px solid var(--tc-navy-blue); font-size: 14px;padding: 0;}
/* input end */

/* multi checkbox select start */
.dropdownDiv {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background:var(--tc-color1);min-width: 200px;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;max-height: 200px;overflow-y: auto;}
.dropdown-content label {padding: .5rem 1rem;display: block;cursor: pointer;}
.dropdown-content label:hover { background:var(--tc-light-grey);}
.dropdown.active .dropdown-content {display: block;}
.dropdown-content input[type="checkbox"] {margin-right: 10px;}
/* multi select checkbox end */

/* start */
.infoTooltip{color: var(--tc-light-grey);}
.tooltipDiv {position: absolute;background-color:var(--tc-color1);color: var(--tc-navy-blue);
border: 1px solid var(--tc-light-grey);padding: 5px;border-radius: var(--qs-border-radius);display: none;pointer-events: none;
z-index: 9999;max-width: 200px;word-wrap: break-word; font-size: 12px; font-weight: bold; line-height: normal;}
.tooltipDiv-left {left: 0;top: 50%;transform: translateY(-50%);}
.tooltipDiv-right {right: 0;top: 50%;transform: translateY(-50%);}
.tooltipDiv-top {top: 0;left: 50%;transform: translateX(-50%);}
.tooltipDiv-bottom {bottom: inherit;left: 50%;transform: translateX(-50%);}
.tooltipImgSec{position: relative;}
.tooltipImgSec .tooltipImgDiv{display: none;position:absolute; bottom: 100%; right: 0; margin: auto; background: var(--tc-color1); width: 200px;padding: .5rem; border:1px solid var(--tc-light-grey);border-radius: 6px;}
table:not(.card-table) tbody tr:first-child .tooltipImgSec .tooltipImgDiv{bottom:inherit;}
.tooltipImgSec span:hover + .tooltipImgDiv{display: block;}
.tooltipImgSec span:hover + .tooltipImgDiv p{margin: 0; text-align: center;color: var(--tc-color2);}
/* end */

/* txtBgDiv start */
.txtBgDiv{background: var(--tc-light-grey); border-radius:var(--qs-border-radius);}
/* txtBgDiv end */

/* heading start */
h1,.headingText{font-size: 24px;}
h1 span,.headingText span{font-family: inherit;color: var(--tc-navy-blue);}
.smHeading{color: var(--tc-deep-blue);font-size: 16px; font-family: var(--lato); font-weight: bold;}
/* heading end */

/* topHeadSec start */
.topHeadSec{/*background: var(--tc-primary-blue);*/ border-bottom:1px solid var(--ncp-light-grey);
box-shadow: 0 2px 8px var(--ncp-light-grey);}
.topHeadSec .logo{display: inline-block;}
.topHeadSec .logo img{width: 140px; height: auto;}
/*.topHeadSec a{color: var(--tc-menu-link);}
.logoDesk{display: none;}
.logoMob{display: block;}*/
/* topHeadSec end */
/* topMenuSec start */
.topMenuSec { /*background:var(--tc-primary-blue);*/
    padding: .7rem 0;
    display: none;
    min-height: 44px;
}
.topMenuSec ul{margin: 0;}
.topMenuSec ul li a{color: var(--ncp-black); font-weight: bold;}
.topMenuSec ul li ul{margin-top:20px; border:1px solid var(--tc-sky-blue);}
.topMenuSec ul li ul a{font-size:var(--buttonFontSize);}
.topMenuSec ul li a:hover{color:var(--infoColor2);}
.menuIconDiv a{color:var(--infoColor2);padding: .5rem;border: 1px solid transparent;}
.menuIconDiv a:hover{border-color:var(--infoColor2);}
/* topMenuSec end */
/* leftPanelSec start */
.leftPanelSec {
    background:var(--infoColor2);
    position: fixed;
    right: -280px;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 280px;
    z-index: 3;
    overflow: auto;
    transition: all 1s;
    visibility:hidden;
}
.toggleLeftPanel{right: 0;visibility:visible;}
.closeBtnDiv a{color: var(--tc-color1); font-size: 1.5em;}
.leftPanelSec .submenu{display: none;}
.leftPanelSec ul li{border-bottom: 1px solid var(--tc-color1); position: relative;}
.leftPanelSec ul li a{padding: .7rem 2rem .7rem 1rem; display: flex; justify-content: space-between;
gap: 1rem; color: var(--tc-color1); line-height: normal;}
.leftPanelSec ul li .toggleIco{position: absolute;top: 5px; right: 0;cursor: pointer;
display: flex; justify-content: center; align-items: center; padding:.5rem 1rem;z-index:1;}
.leftPanelSec ul li.active{background: var(--tc-color1);color: var(--tc-color2);border-bottom: 1px solid var(--tc-sky-blue-light);}
.leftPanelSec ul li.active a,.leftPanelSec ul li.active .toggleMenu{color: var(--tc-color2);}
.leftPanelSec ul li.active a{font-weight: bold;}
.closeBtnDiv{position: sticky;top: 0;/* background: var(--tc-sky-blue-light);*/z-index: 1;}
/* leftPanelSec end */

/* folioHeadDiv start */
.folioHeadDiv ul{display: flex; flex-direction: column; gap: 1rem;}
.folioHeadDiv ul li{border: 1px solid var(--tc-light-grey); border-radius:var(--qs-border-radius);display: flex;flex: 1;}
.folioHeadDiv ul li span{padding: .5rem 1rem; display: inline-block; font-weight: bold; color: var(--tc-navy-blue);
align-content: center;}
.folioHeadDiv ul li span:first-child{min-width: 130px;background: var(--tc-navy-blue);
color: var(--tc-color1); border-top-left-radius: var(--qs-border-radius); border-bottom-left-radius: var(--qs-border-radius);}
/* folioHeadDiv end */

/* mainBodySec start */
.mainBodySec .form-control{border-color:var(--tc-light-grey); appearance: auto;background: var(--tc-body-bg);}
/* mainBodySec end */

/* bannerCardSec start */
.bannerCardSec .discTxt{font-size: 8px; line-height: normal;}
.bannerCardSec .card-footer .btn{align-content: center;}
/* bannerCardSec end */

/* loginSec start */
/* .cardDesignSec1 .loginForm.card h3{background: none;padding-left: 0; padding-bottom: 0;color: var(--tc-color2);
margin-bottom: 10px;} */

/*.loginForm .form-group{color: var(--tc-dark-grey);}*/
.loginForm .posIcon i{position: absolute; left: 10px; top: 10px;}
.loginForm .posIcon .form-control{padding-left: 30px;color: var(--tc-dark-grey);}
.loginInfoSec ol li{border-color: var(--tc-light-grey);}
/* loginSec end */

/* investmentDetailCardSec start */
.folioCardDiv{border-color:var(--bcp-equity);background: var(--bcp-equity); color: var(--tc-color1);}
.investmentDetailCardSec .card p{flex: 1 1 100%;}
.investmentDetailCardSec .card-body h5{font-family:var(--lato); font-weight: bold; font-size: 16px;}
/* investmentDetailCardSec end */

/* otherAssetAlloSec start */
.otherAssetAlloSec .card h3{flex: 1 1 100%;}
.otherAssetAlloSec .col:not(:first-child) table tbody td{width: 33.33%;}
.otherAssetAlloSec .card-body table{margin-bottom: 0;}
.otherAssetAlloSec .card-body table td{text-align: center; padding: .5rem .3rem; line-height: normal;}
.otherAssetAlloSec .card-body table label{display: block;font-weight: bold; font-size: 12px;color: var(--tc-ct-label-color);}
.otherAssetAlloSec .card-body table tr span{font-weight: bold; font-size: 16px;}
.otherAssetAlloSec .card-body table tr.equityTr{background: var(--mcp-jack-purple-shade-6);border-bottom: 1px solid var(--tc-deep-blue);}
.otherAssetAlloSec .card-body table tr.equityTr span{color: var(--tc-deep-blue);}
.otherAssetAlloSec .card-body table tr.goldTr{background: var(--bcp-gold-shade-6);border-bottom: 1px solid var(--bcp-gold);}
.otherAssetAlloSec .card-body table tr.goldTr span{color: var(--bcp-gold);}
.otherAssetAlloSec .card-body table tr.debtTr{background: var(--bcp-debt-shade-6);border-bottom: 1px solid var(--bcp-debt);}
.otherAssetAlloSec .card-body table tr.debtTr span{color: var(--bcp-debt);}
.otherAssetAlloSec .card-footer .btn{background: var(--bcp-multi-asset);color: var(--tc-color1);}
.indicateDiv label{display: flex; align-items: center;gap:5px;}
.indicateDiv label .circle{width: 15px; height: 15px; display: inline-block; border-radius: 25px;}
.indicateDiv .equityLbl .circle{background: var(--tc-deep-blue);}
.indicateDiv .goldLbl .circle{background: var(--bcp-gold);}
.indicateDiv .debtLbl .circle{background: var(--bcp-debt);}
/* otherAssetAlloSec end */

/* myPortfolioSec start */
.myPortfolioSec .card h3{flex:1 1 100%}
/* theme start */
.myPortfolioSec .cardDesignSec1 .equityDiv h3{background: var(--bcp-equity);color: var(--tc-color1);}
.myPortfolioSec .cardDesignSec1 .goldDiv h3{background: var(--bcp-gold);color: var(--tc-color1);}
.myPortfolioSec .cardDesignSec1 .debtDiv h3{background: var(--bcp-debt);color: var(--tc-color1);}
/* theme end */
/* myPortfolioSec end */

/* cardDesignSec1 start */
.cardDesignSec1 .card h3{font-size:var(--headTxtSize);text-align: center; background:#eee;border-top-left-radius: 6px;border-top-right-radius: 6px;/*color: var(--tc-deep-blue);*/font-family: var(--lato);padding: .5rem;font-weight: bold;margin: 0; align-content: center;}
.cardDesignSec1 .card .imgDiv{border: 1px solid var(--tc-light-grey); border-radius: 8px;
display: flex;justify-content: center;}
.cardDesignSec1 .card .imgDiv img{height: 180px; width: auto; max-width: 100%;}
.cardDesignSec1 .card .min-h{min-height: inherit;}
.cardDesignSec1 .card-body{flex: 1 1 100%;}
.cardDesignSec1 ul li{padding:.3rem .5rem; border-top: 1px solid var(--tc-light-grey);}
.cardDesignSec1 .card-footer a{flex: 1;background: var(--tc-off-white);border-radius:0;
color: var(--infoColor2);font-weight: bold;}
.cardDesignSec1 .card-footer a:first-child{border-bottom-left-radius: 6px;}
.cardDesignSec1 .card-footer a:last-child{border-bottom-right-radius: 6px;}
.cardDesignSec1 .card-footer a:nth-child(even){background: var(--tc-soft-blue);}
.cardDesignSec1 .card-footer a:hover{background: var(--infoColor2);color: var(--tc-color1);}
.otpScreen{display:none;}
/* cardDesignSec1 end */
/* tabDiv start */
.tabDiv ul li a {
    padding: .5rem .2rem;
    border-bottom: 3px solid var(--tc-light-grey);
    display: inline-block;
    background: var(--tc-color1);
    border-top-left-radius: var(--qs-border-radius);
    border-top-right-radius: var(--qs-border-radius);
    font-weight: bold;
    color: var(--tc-light-grey);
    height: 100%;
    font-size: 16px;
    place-content: center;
}
.tabDiv ul li a.active,.tabDiv ul li a:hover{border-color:var(--tc-navy-blue);color: var(--tc-navy-blue);}
.tab-content .tab-pane {display: none;}
.tab-content .tab-pane.active {display: block;}
.tab-content{border: 1px solid var(--tc-light-grey); border-radius: 0 var(--qs-border-radius) var(--qs-border-radius) var(--qs-border-radius);}
.tab-content label span,label span{font-weight: bold;}
/* tabDiv end */

/* start */
.formBtnDiv{border-top: 1px solid var(--tc-light-grey);}
/* end */

/* table-design-div start */
.table-design-div table{ width: 100%; border-collapse: collapse; font-size:var(--tableTxtSize);}
.table-design-div thead{color:var(--tc-table-head-color); border-top: 1px solid var(--tc-table-head-color); border-bottom: 1px solid var(--tc-table-head-color);}
.table-design-div tbody,.table-design-div tfoot{border-bottom: 1px solid var(--tc-table-head-color);}
.table-design-div tbody tr:not(:last-child){border-bottom: 1px solid var(--tc-light-grey);}
.table-design-div table tr th{text-align:left;}
.table-design-div table tr th,.table-design-div table tr td{padding:0.3rem 0.5rem;}
table.myInvestmentTable tr th,table.myInvestmentTable:not(.card-table) tr td,
table.transactTable tr th,table.transactTable:not(.card-table) tr td,
table.inProTransactTable tr th,table.inProTransactTable:not(.card-table) tr td,
table.estiExiLoadTable tr th,table.estiExiLoadTable:not(.card-table) tr td,
table.noWrapTable tr th,table.noWrapTable:not(.card-table) tr td
{white-space: nowrap;}
.table-design-div table tbody tr.highlight {background: var(--tc-light-grey);}
/* .table-design-div table tbody tr:nth-child(even),.table-design-div table tbody tr:hover{background: var(--tc-light-grey);} */
.card-table thead{display: none;}
.card-table tbody,.card-table tfoot{display: grid; grid-template-columns: 1fr; gap: 1rem;border: none;}
.table-design-div table.card-table tr{border: 1px solid var(--tc-light-grey);display: flex;flex-direction: column; padding:10px;border-radius: var(--qs-border-radius);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46);}
.card-table td{display:flex; justify-content: space-between; gap: 1rem;}
.table-design-div table.card-table td{padding: 0;}
.table-design-div table.card-table td[data-th]:before {content: attr(data-th);display: block; font-weight: bold; padding-bottom: 0.2rem; text-align: left;}
.table-design-div table.card-table .td-btn-align{text-align: left;}
.table-design-div table.card-table .td-span2-1,.table-design-div table.card-table .td-span3-1{grid-column: auto;}
.table-one th{text-align: left;}
.table-design-div table .colBtnDiv a{flex: 1;min-height: auto;}
.table-design-div table .colBtnDiv .dropdown-menu a{padding: .1rem .5rem;}
/* table-design-div end */

/* start */
/* .tableOne thead th{white-space: nowrap;}
.tableOne thead th:nth-child(2){min-width:300px;}
.tableOne thead th:nth-child(3){min-width:100px;} */
/* end */

/* dashboardTable start */
.table-design-div table.card-table.dashboardTable{display: flex; flex-direction: column;}
.table-design-div table.card-table.dashboardTable tr{display: grid; grid-template-columns: 1fr; padding: 0; gap: 0; text-align: center;
    }
/* .table-design-div table.card-table.dashboardTable tbody td:first-child{border-bottom-right-radius: var(--qs-border-radius);} */
.table-design-div table.card-table.dashboardTable tr td{padding:.3rem .5rem; justify-content: space-between; gap:1rem;border-bottom:1px solid var(--tc-light-grey);
text-align:right; align-items: center; white-space: normal;}
.table-design-div table.card-table.dashboardTable tr td[data-th]:before{padding-bottom: 0;}
.table-design-div table.card-table.dashboardTable tbody tr:nth-child(even),.table-design-div table.card-table.dashboardTable tbody tr:hover{background: none;}
.table-design-div table.card-table.dashboardTable tbody,.table-design-div table.card-table.dashboardTable tfoot{padding: 0 .3rem 1rem;}
.table-design-div table.card-table.dashboardTable tfoot{border: none;}
.table-design-div table.card-table.dashboardTable tfoot tr{padding: 0;display: grid; grid-template-columns: 1fr;border: none; gap: 1rem; box-shadow: none;}
.table-design-div table.card-table.dashboardTable tfoot tr td{flex-direction: row; justify-content: space-between; flex-direction: column; border: 1px solid var(--tc-light-grey); border-radius:var(--qs-border-radius);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46); line-height: normal; gap: 5px; font-weight: 900;}
.table-design-div table.card-table.dashboardTable tfoot tr td::before{font-size: 14px; font-weight:300;}
/* .table-design-div table.card-table.dashboardTable .colBtnDiv{width: 100%; position: relative;left: 0; right: 0;}
.table-design-div table.card-table.dashboardTable .colBtnDiv a{border: 1px solid var(--tc-navy-blue);flex: 1;background: var(--tc-color1); padding: .5rem;} */
.table-design-div table.card-table.dashboardTable .colBtnDiv{width: 100%;}
.table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group{flex: 1;}
.table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button{border-top-left-radius: 0; border-top-right-radius: 0;border-bottom-right-radius: 0;background: var(--tc-off-white); color: var(--tc-navy-blue); border: none; font-weight: bold;}
.table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 0; border-left: none; flex: 1;background: var(--tc-soft-blue);
font-weight: bold; color: var(--tc-navy-blue);padding-left:0; padding-right: 0;}
/* .table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button,.table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail{padding: .5rem 0;} */
.table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button:hover,.table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail:hover{background: var(--tc-navy-blue);color: var(--tc-color1);}
.table-design-div table.dashboardTable tbody .btnDetail{display: none;}
.table-design-div table.card-table.dashboardTable tbody .btnDetail{display: block;}
.table-design-div table.card-table.dashboardTable tbody .form-control{min-height:inherit;}
.table-design-div table.dashboardTable tbody .equityTr{border-left:5px solid var(--bcp-equity);
border-bottom:1px solid var(--bcp-equity);}
.table-design-div table.dashboardTable tbody .debtTr{border-left:5px solid var(--bcp-debt);
border-bottom:1px solid var(--bcp-debt);}
.table-design-div table.dashboardTable tbody .multiAsTr{border-left:5px solid var(--bcp-multi-asset);
border-bottom:1px solid var(--bcp-multi-asset);}
.table-design-div table.dashboardTable tbody .goldTr{border-left:5px solid var(--bcp-gold);
    border-bottom:1px solid var(--bcp-gold);}
.table-design-div table.dashboardTable tbody .esgTr{border-left:5px solid var(--bcp-esg);
    border-bottom:1px solid var(--bcp-esg);}
.table-design-div table.dashboardTable tbody .edgTr{border-left:5px solid var(--bcp-edg);
    border-bottom:1px solid var(--bcp-edg);}
.table-design-div table.dashboardTable tbody tr{border-bottom: 1px solid var(--tc-light-grey);}
/* hover effect start */
/* .table-design-div table.dashboardTable:not(.card-table) tbody .equityTr{background: linear-gradient(to right, transparent 50%, var(--bcp-equity) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .debtTr{background: linear-gradient(to right, transparent 50%, var(--bcp-debt) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .goldTr{background: linear-gradient(to right, transparent 50%, var(--bcp-gold) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .multiAsTr{background: linear-gradient(to right, transparent 50%, var(--bcp-multi-asset) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .esgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-esg) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .edgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-edg) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody tr:hover{background-position: -100% 0;color: var(--tc-color1);} */
/* .table-design-div table.dashboardTable tbody tr{position: relative;}
.table-design-div table.dashboardTable tbody tr::before{content: '';position: absolute;
top: 0;left: 0;width: 0;height: 100%;background: var(--bcp-equity);transition: width 0.3s ease;}
.table-design-div table.dashboardTable tbody tr:hover::before {width: 100%;} */
/* .table-design-div table.dashboardTable:not(.card-table) tbody .equityTr{background: linear-gradient(to right, transparent 50%, var(--bcp-equity-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .debtTr{background: linear-gradient(to right, transparent 50%, var(--bcp-debt-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .goldTr{background: linear-gradient(to right, transparent 50%, var(--bcp-gold-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .multiAsTr{background: linear-gradient(to right, transparent 50%, var(--bcp-multi-asset-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .esgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-esg-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .edgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-edg-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody tr:hover{background-position: -100% 0;} */

/* .table-design-div table.tableTransition:not(.card-table) tbody tr{position: relative;}
.table-design-div table.tableTransition:not(.card-table) tbody tr td::before{content: '';position: absolute;
    top: 0; bottom:1px;left: 0;width: 0; transition: width 0.9s ease;z-index: -1;border-bottom:1px solid;}
.table-design-div table.tableTransition:not(.card-table) tbody .equityTr td::before{background: var(--bcp-equity-shade-6);border-color: var(--bcp-equity);}
.table-design-div table.tableTransition:not(.card-table) tbody .debtTr td::before{background: var(--bcp-debt-shade-6);border-color: var(--bcp-debt);}
.table-design-div table.tableTransition:not(.card-table) tbody .goldTr td::before{background: var(--bcp-gold-shade-6);border-color: var(--bcp-gold);}
.table-design-div table.tableTransition:not(.card-table) tbody .multiAsTr td::before{background: var(--bcp-multi-asset-shade-6);border-color: var(--bcp-multi-asset);}
.table-design-div table.tableTransition:not(.card-table) tbody .esgTr td::before{background: var(--bcp-esg-shade-6);border-color: var(--bcp-esg);}
.table-design-div table.tableTransition:not(.card-table) tbody .edgTr td::before{background: var(--bcp-edg-shade-6);
    border-color: var(--bcp-edg);}
.table-design-div table.tableTransition:not(.card-table) tbody tr:hover td::before{width: 100%;} */
/* hover effect  end */


.table-design-div table.card-table.dashboardTable tbody tr{border-bottom: none;}
.table-design-div table.card-table.dashboardTable tbody tr{border:1px solid var(--tc-light-grey);display: flex;flex-direction: column;}
.table-design-div table.card-table.dashboardTable tbody tr td.schemeNameTd{flex: 1 1 auto; text-align: center; line-height: normal;}
.table-design-div table.card-table.dashboardTable tbody .equityTd,
.table-design-div table.card-table.dashboardTable tbody .debtTd,
.table-design-div table.card-table.dashboardTable tbody .multiAsTd,
.table-design-div table.card-table.dashboardTable tbody .goldTd,
.table-design-div table.card-table.dashboardTable tbody .esgTd,
.table-design-div table.card-table.dashboardTable tbody .edgTd{background: var(--bcp-equity); color: var(--tc-color1);
font-size: 14px; font-weight: 600;justify-content: center;}
.table-design-div table.card-table.dashboardTable tbody .debtTd{background: var(--bcp-debt);}
.table-design-div table.card-table.dashboardTable tbody .multiAsTd{background: var(--bcp-multi-asset);}
.table-design-div table.card-table.dashboardTable tbody .goldTd{background: var(--bcp-gold);}
.table-design-div table.card-table.dashboardTable tbody .esgTd{background: var(--bcp-esg);}
.table-design-div table.card-table.dashboardTable tbody .edgTd{background: var(--bcp-edg);}
.table-design-div table.card-table.dashboardTable tbody .schemeNameTd{border-top-left-radius: var(--qs-border-radius);border-top-right-radius: var(--qs-border-radius);}
.table-design-div table.card-table.dashboardTable .dataThNone::before{content: none;}
.table-design-div table.card-table.dashboardTable .tdDisNone{display: none!important;}
.table-design-div table.card-table.dashboardTable .td-flex{display: flex!important;}
.table-design-div table.card-table.dashboardTable tbody .btn-group ul{top: inherit; bottom: 100%;
border-bottom-left-radius:0; border-bottom-right-radius:0;}
.table-design-div table.card-table.dashboardTable tbody .btn-group ul li a{border: none;}
.table-design-div table.card-table.dashboardTable tbody .btn-group .dropdown-toggle::after {transform: rotate(180deg)}
.table-design-div table.card-table.dashboardTable tbody .pad-0{padding: 0;}
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(9),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(10),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(11),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(12){display: none;}
.table-design-div table.dashboardTable:not(.card-table) tbody tr:last-child{border-bottom: 1px solid var(--tc-color2);}table tbody td .form-control{display: inline-block!important;}
table tbody td a.btn{border: none;}


table.myInvestmentTable:not(.card-table) thead th,table.myInvestmentTable:not(.card-table) tbody td,.myInvestmentTable:not(.card-table) tfoot td,table.transactTable:not(.card-table) thead th,table.transactTable:not(.card-table) tbody td,table.inProTransactTable:not(.card-table) thead th,table.inProTransactTable:not(.card-table) tbody td,table.inProTransactTable:not(.card-table) tfoot td{text-align: center;}
table.myInvestmentTable:not(.card-table) thead th:nth-child(1),table.myInvestmentTable:not(.card-table) thead th:nth-child(2),.myInvestmentTable:not(.card-table) tbody td:nth-child(1),.myInvestmentTable:not(.card-table) tbody td:nth-child(2),.myInvestmentTable:not(.card-table) tfoot td:nth-child(1),
table.transactTable:not(.card-table) thead th:nth-child(1),table.transactTable:not(.card-table) tbody td:nth-child(1),
table.inProTransactTable:not(.card-table) thead th:nth-child(1),table.inProTransactTable:not(.card-table) thead th:nth-child(3),table.inProTransactTable:not(.card-table) tbody td:nth-child(1),table.inProTransactTable:not(.card-table) tbody td:nth-child(3){text-align: left;}
table.noWrapTable:not(.card-table){white-space: nowrap;}
/* dashboardTable end */

/* actionBtnDiv start */
.actionBtnDiv{gap: .5rem;}
.actionBtnDiv a{display: inline-block; border-radius: var(--qs-border-radius);}
.actionBtnDiv a span.info-tooltip{padding: .2rem .8rem;}
/* .actionBtnDiv a span.info-tooltip i{color: var(--tc-navy-blue);} */
/* actionBtnDiv end */

/* otherFundSec start */
.otherFundSec .ofTrHead{cursor: pointer; border-bottom: 1px solid var(--tc-color1);}
.regularTableDiv{display: none;}
.otherFundCardSec{display: grid; grid-template-columns: 1fr; gap: 1rem;}
.otherFundCard{border: 1px solid var(--tc-light-grey);border-radius: var(--qs-border-radius);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46);display: flex; flex-direction: column;}
.otherFundCard h3{color: var(--tc-navy-blue); font-size: 14px; padding: .5rem; line-height: 150%;
flex: 1 1 auto; margin:0; font-family: var(--lato); font-weight: bold;border-top-left-radius: 6px;border-top-right-radius: 6px; color: var(--tc-color1);align-content: center;text-align: center;}
.otherFundSec .dirEquityFundCard h3,.otherFundSec .regEquityFundCard h3{background: var(--bcp-equity);}
.otherFundSec .dirMultiAssFundCard h3,.otherFundSec .regMultiAssFundCard h3,
.otherFundSec .dirQNiftyEtfCard h3,.otherFundSec .dirQNiftyEtfCard h3,
.otherFundSec .dirHybridFundCard h3,.otherFundSec .dirHybridFundCard h3,
.otherFundSec .regQNiftyEtfCard h3,.otherFundSec .regHybridFundCard h3{background: var(--bcp-multi-asset);}
.otherFundSec .dirDebtFundCard h3,.otherFundSec .regDebtFundCard h3{background: var(--bcp-debt);}
.otherFundSec .dirGoldFundCard h3,.otherFundSec .regGoldFundCard h3{background: var(--bcp-gold);}
.otherFundSec .otherFundCardBody{flex: 1 1 100%;}
.otherFundCard .rowDiv{padding:.3rem .5rem; border-top: 1px solid var(--tc-light-grey);}
.otherFundCard .rowDiv select{padding: 0; min-height: auto;}
.otherFundCard .currentNavDiv span{line-height: normal;}
.otherFundCard .currentNavDiv span small{color: var(--tc-dark-grey); font-size: 12px;}
.otherFundCard .btnDiv{display: flex;}
.otherFundCard .btnDiv button{flex: 1; padding: .5rem;}
.otherFundCard .btnDiv button:first-child{border-bottom-right-radius: 0;background: var(--tc-off-white);}
.otherFundCard .btnDiv button:last-child{border-bottom-left-radius: 0;}
.otherFundCard .btnDiv .btn-primary{background: var(--tc-soft-blue); color: var(--tc-navy-blue);border: none;font-weight: bold;}
.otherFundCard .btnDiv .btn-primary:hover{color: var(--tc-color1); background: var(--tc-navy-blue);}
/* otherFundSec end */


/* new purchase sec start */
.newPurSec .headingText span{font-family: var(--lato); font-weight: bold;}
.tab-pane h2{text-align: left; font-size: 16px;}
/* .tab-pane h2{background: #fff;padding: .5rem 1rem;border: 1px solid var(--tc-light-grey);
border-radius: 6px;font-size: 18px !important;width: fit-content} */
.tab-pane h6{font-family: var(--lato); font-weight: bold;}
/* .tab-pane .divSec{margin-bottom: 2rem;} */
/* jointHolderDetailSec,branchDetailSec start */
/* .jointHolderDetailSec,.branchDetailSec,.rtgsDivToggle,.impsDivToggle,.inaDivToggle,.depoPartDivToggle,
.dipIdDivToggle,.clientIdDivToggle,.taxResiDivToggle,.curNavDetDivToggle,.addNomineeDivToggle{display: none;} */
/* jointHolderDetailSec,branchDetailSec end */

/* confirmSec start */
.confirmSec label{display: block; font-weight: bold;}
.confirmSec .txtLbl{text-align: right;}
.confirmSec .col{border-bottom:1px solid var(--tc-light-grey);}
/* confirmSec end */

/* new purchase sec end */

/* pagiSec start */
.pagiSec{border-top:1px solid var(--tc-color2);border-bottom:1px solid var(--tc-color2); position: sticky; left: 0; right: 0;}
/* pagiSec end */

/* mapFolio start */
/* .mapFolioToggleDiv{display: none;} */
/* mapFolio end */

/* .soaReqContSec start */
.soaReqContSec .soaReqDiv:not(:first-child){display: none;}
/* .soaReqContSec end */

/* footerSec start */
.footerSec{color: var(--tc-color1); /*font-size: 15px;*/ line-height: 22px; font-weight: 500;
text-align: center;}
.footerMenu{background: var(--tc-footer-background); }
.footerSec .h6,.footerSec h3{color: var(--tc-sky-blue2-light); text-transform: uppercase; margin-bottom: .5rem; font-size: 16px;}
.footerSec h3{color:var(--ncp-white);}
.footerSec ul{padding-left: 0;}
.footerSec ul li{margin-bottom: .2rem;list-style: none;}
.footerSec ul li a{color: var(--tc-color1); text-decoration:none;}
.footerSec ul li a:hover{color: #00adef;}
.footerSec a{color:var(--tc-color1); text-decoration: underline;}
.footerSec .socialLinkSec div{display: flex;}
.footerSec .socialLinkSec a{padding: .3rem; border: 1px solid var(--tc-color1);min-width: 35px;display: inline-block;text-align: center;}
.footerSec .socialLinkSec a:not(:first-child){margin-left: -1px;}
.footerSec .discTxt{border-top:1px solid var(--tc-color1);font-size: 11px; text-align: center; font-weight: bold;
color: var(--tc-sky-blue2-light);}
.footerSec .discTxt p{margin: 0;}
.footerSec .copyrightSec{color: var(--tc-copy-color);}
.footerInfoSec{background:var(--infoColor2);}
/* footerSec end */

/*Loader Start*/
.loaderDiv{position:fixed; top:0; right:0;bottom:0;left:0;z-index:1; background:rgba(255,255,255, 0.6); display:none;}
.loader {width: 35px;aspect-ratio: 1;display: grid;-webkit-mask: conic-gradient(from 15deg,#0000,#000);animation: l26 1s infinite steps(12);
position:absolute;top:0; right:0;bottom:0;left:0;margin:auto;}
.loader,.loader:before,.loader:after {background: radial-gradient(closest-side at 50% 12.5%, #33379a 96%,#0000) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #33379a 96%,#0000) 0 50%/80% 20% repeat-x;}
.loader:before,.loader:after {content: "";grid-area: 1/1;transform: rotate(30deg);}
.loader:after {transform: rotate(60deg);}
@keyframes l26 {100% {transform: rotate(1turn)}}
/*Loader End*/
  

/* responsive start */
@media (min-width:576px){

/* tabDiv start */
.tabDiv ul li a{padding: .5rem 1rem;}
/* tabDiv end */

/* table-design-div start */
/* .table-design-div table.card-table.dashboardTable tr{grid-template-columns: 1fr 1fr;} */
.table-design-div table.card-table .td-span2-1{grid-column: 1 / span 2;}
.table-design-div table.card-table .td-span3-1{grid-column: 1 / span 3;}
/* table-design-div end */


}
@media (min-width:768px){
/* loginSec start */
.cardDesignSec1 .loginForm.card h3{margin-bottom: 0;}
/* loginSec end */

/* table-design-div start */
.table-design-div table.card-table.dashboardTable tfoot tr{grid-template-columns: 1fr 1fr;}
/* table-design-div end */

/* .otherFundCardSec start */
.otherFundCardSec{grid-template-columns: 1fr 1fr;}
/* .otherFundCardSec end */

/* folioHeadDiv start */
.folioHeadDiv ul{flex-direction:row;}
/* folioHeadDiv end */
.confirmSec .txtLbl{text-align: left;}
.confirmSec .col{border-bottom:none;}
/* footerSec start */
.footerSec{text-align: left;}
/* footerSec end */
}
@media (min-width:992px){
/* topHeadSec start */
/*.topHeadSec{background: var(--tc-head-bg);}
.topHeadSec a{color: var(--tc-head-link);}
.logoDesk{display: block;}
.logoMob{display: none;}*/
/* topHeadSec end */

/* topMenuSec start */
.topMenuSec{display: block;}
/* topMenuSec end */
/* table start */
.card-table tbody{grid-template-columns: 1fr 1fr;}
.table-design-div table.card-table.dashboardTable tfoot tr{grid-template-columns: 1fr 1fr 1fr 1fr;}

.table-design-div table.card-table.assetWiseTable tfoot tr{grid-template-columns: 1fr 1fr;}
/* table end */
/* .otherFundCardSec start */
.otherFundCardSec{grid-template-columns: 1fr 1fr 1fr;}
/* .otherFundCardSec end */
.cardDesignSec1 .card .imgDiv img{height: 180px; width: auto; max-width: 100%;}
.cardDesignSec1 .card .min-h{min-height: 100px;}
}
@media (min-width:1024px){

}
@media (min-width:1200px){
/* table start */
.card-table tbody{grid-template-columns: 1fr 1fr 1fr;}
/* table end */
}