/*@Website : Portfolio, @Author : Accord Fintech Pvt.Ltd.*/
@charset "utf-8";
:root {--blue:#2c2379; --orange:#e77818; --grey:#494c51; }
html { font-family: 'ubunturegular'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0; font-family: 'ubunturegular'; font-size: 14px; color: #000000; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.gutter5px > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
a { background-color: transparent; text-decoration: none !important; }
a:active, a:hover { outline: 0; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
ul, li { list-style: none; }
:focus { outline: 0; }
.pr { position: relative; }
.trans { transition: all .5s ease; }
.row-centered { text-align: center; }
.tR { text-align: right; }
.cb { clear: both; }
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; float: left; }

@media (min-width: 768px) {
	.col-sm-5ths { width: 20%; float: left; }
}

@media (min-width: 992px) {
	.col-md-5ths { width: 20%; float: left; }
}

@media (min-width: 1200px) {
	.col-lg-5ths { width: 20%; float: left; }
}

p { margin: 0; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pf { position: fixed; }
.pa { position: absolute; }
.trans { transition: all .5s ease; }
/*Header*/
.headerbg { padding: 15px 0; position: relative; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.header { }
.header > div { position: relative; }
.header div.logo { float: left; transition: all 0.4s ease; z-index: 1; width: 180px; }
.header div.logo > a { display: block; height: 100%; }
.header div.homeicon { width: 24px; height: 24px; background: #eeeeee; margin: 0; padding: 0; cursor: pointer; position: absolute; left: 5px; top: 10px; }
.homeicon div.homeicon > img { width: 100%; height: auto; max-width: 100%; }
.homeicon > a { position: relative; height: 100%; text-indent: -9999px; display: block; top: -21px; }
.header div.userlogin { background: #f4f4f4; padding: 10px 30px 10px 35px; font-size: 12px; display: inline-block; float: right; position: relative; cursor: pointer; }
.header div.userlogin > span { font-size: 12px; display: block; color: #989898; }
.header div.userlogin > p { font-size: 14px; display: block; }

.header div h2.head { DISPLAY: block; text-align: right; font-size: 25px; margin: 10px 0 15px 0; color: #000000; font-family: ubuntubold; }

.logoutarrowdown2 { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: 34px; right: 8px; border-top: 6px solid #7E7E7E; cursor: pointer; font-size: 0; }
.logoutdiv { position: absolute; display: none; padding: 7px; background-color: var(--blue); line-height: 13px; font-size: 13px; color: #000000; top: 65px; right: 0; z-index: 1; }
.logoutdiv > em { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; right: 0px; top: -5px; border-bottom: 6px solid var(--blue); }
.logoutdiv > a { color: #fff; display: block; text-transform: uppercase; font-size: 13px; line-height: 13px; }

/*Header ends*/

/*Footer*/
.footer { width: 100%; text-align: left; min-height: 50px; background: var(--blue); }
.footer p { padding: 15px 0; line-height: 20px; color: #fff; }
.footer p > a { text-decoration: none; color: #fff; }
.footer p > a:hover { color: var(--orange); }
/*Footer ends*/

/*Main Content*/
.maincont { margin-bottom: 30px; }
.myportfolio { line-height: 46px; background: #f4f4f4; margin-bottom: 10px; }
.myportfolio > span { width: 150px; padding-left: 15px; height: 46px; float: left; background: #dddddd; position: relative; font-size: 17px; color: #000000; }
.myportfolio > span > i { width: 0; height: 0; position: absolute; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 29px solid #dddddd; right: -29px; }
.qdropbg { width: 180px; height: 26px; background: #fff; float: left; font-size: 14px; color: #000000; position: relative; margin: 10px 0 10px 70px; }
.qdropbg select { background-color: #e0e0e0; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 180px; left: 1px; top: 0; border: 0; cursor: pointer; padding: 0; }
.qdropbg select, .qdropbg .selectVal { color: #000000; height: 27px; border: none; cursor: pointer; line-height: 14px; }
.qdropbg .selectVal { background-position: 98%; padding: 7px 5px 0 6px; background-image: url(../images/down-black.png); background-repeat: no-repeat; }


/*Portfolio Table*/
.porthead, .portheadinner { width: 100%; margin-bottom: 10px; background: #f8f8f8; padding: 10px 0; border-bottom: 3px solid #ddd; }
.porthead:after, .portheadinner:after { clear: both; display: table; content: " "; }
.porthead:before, .portheadinner:before { clear: both; display: table; content: " "; }
.porthead > div { width: 16%; float: left; padding: 0 1%; font-family: 'ubuntubold'; }
.tr { text-align: right !important; }
.tl { text-align: left !important; }
.porttable, .porttableinner, .porttableinnerwl { width: 100%; }
.porttable:after, .porttableinner:after, .porttableinnerwl:after { clear: both; display: table; content: " "; }
.porttable:before, .porttableinner:before, .porttableinnerwl:before { clear: both; display: table; content: " "; }
.porttable > div:after, .porttableinner > div:after { clear: both; display: table; content: " "; }
.porttable > div:before, .porttableinner > div:before { clear: both; display: table; content: " "; }


.porttable > div, .porttableinner > div { background: #ffffff; margin-bottom: 4px; padding: 10px 0; border-bottom: 1px solid #ddd; }
.porttable > div > .lefthead, .porttableinner > div > .lefthead { text-transform: uppercase; }
.porttable > div > div { float: left; width: 16%; padding: 0 1%; }
.porttable > div > div > p, .porttableinner > div > div > p { display: none; }
.porttableinner > div > div > a { color: var(--blue); display: inline-block; }
.portaddicon { width: 20% !important; position: relative; text-align: right; }
.portaddicon > span { display: inline-block; width: 50px; height: 26px; background: #b1b1b1; margin: 0; line-height: 26px; text-align: center; cursor: pointer; transition: all .5s ease; color: #fff; }
.portaddicon > span:hover { background: var(--orange); color: #fff; }
.portaddicon > a { display: inline-block; display: none; width: 50px; height: 26px; background: #d2d2d2; margin: 0; line-height: 26px; text-align: center; cursor: pointer; transition: all .5s ease; }
.portnetworth { height: 50px; line-height: 46px; background: #f4f4f4; color: #fff; width: 100%; float: left; border-top: 2px solid #ddd; margin-top: -4px; }
.portnetworth > div { width: 16%; float: left; padding: 0 1%; color: #000; font-size: 16px; }
/*Main Content ends*/

/*graph*/
.netgraph { background: #f4f4f4; padding: 10px 20px; }
h4 { color: #000000; text-transform: uppercase; padding-bottom: 10px; }
#graphid { height: 215px; background: #fff; width: 100%; padding-top: 10px; padding-bottom: 10px; }
.legend { width: 13px; height: 13px; margin-top: 2px; }
.legdiv { height: 45px; }
/*end graph*/

/*my networth*/
.networth { margin-bottom: 20px; padding: 10px 15px; background: #f4f4f4; border: 1px solid #ddd; }
.netvalue { font-size: 23px !important; color: var(--blue); }
.networth span, .networth1 span { font-size: 16px; text-transform: uppercase; }
.networth em, .networth1 em { height: 50px; width: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #c8c8c8; }
.networth em > i, .networth1 em > i { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; }
.netper { font-size: 15px; padding-top: 10px; }
.netdiv > div { display: inline-block; color: var(--blue); }
/*end my networth*/
/*my networth inner*/
.networth1 { border: 1px solid #ddd; margin-bottom: 20px; padding: 10px 15px; width: 310px; float: left; background: #f4f4f4; }
.leftmar { margin-left: 5px; }

/*end my networth inner*/
/*add stock*/
#addstock { background: #fff; width: 700px; min-height: 250px; max-height: 410px; margin-left: -320px; display: none; position: fixed; left: 50%; top: 80px; z-index: 99999; padding: 10px 30px 10px 25px; border: 1px solid #eee; margin-bottom: 40px; overflow-y: auto; }
.pop_over { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 9998; opacity: .7; -moz-opacity: .7; -khtml-opacity: .7; filter: alpha(opacity=50); display: none; }

.clspop { height: 25px; width: 23px !important; background: #7e7e7e; color: #fff; font-size: 18px; position: absolute; top: 5px; right: 8px; text-align: center; cursor: pointer; z-index: 9999; }
.clspop:hover { background: var(--orange); }
#addstock .popstock { font-size: 16px; margin-right: 10px; color: var(--blue); }
.compname input { width: 295px; }

#addstock .poptextbox { border: none; background-color: #f1f1f1; color: #a7a7a7; height: 25px; padding: 0 8px; }
#addstock .poptextarea { border: none; background-color: #f1f1f1; color: #a7a7a7; height: 60px; padding: 0 8px; width: 500px; }

#addstock input[type=button] { height: 32px; width: 80px; background: var(--blue); color: #fff; cursor: pointer; font-size: 15px; border: none; }
#addstock input[type=reset] { height: 32px; width: 80px; background: #7e7e7e; color: #fff; cursor: pointer; font-size: 15px; border: none; }
#addstock > div { margin-bottom: 16px; position: relative; }
#addstock > div:after { clear: both; display: table; content: " "; }
#addstock > div:before { clear: both; display: table; content: " "; }

.compname { margin-left: 120px; position: relative; }

.innerdivcnt1 { width: 119px; text-align: right; }

.innerdivcnt4 { width: 150px; text-align: right; }

.innerdivtxt1 { width: 190px; }

.innerdivtxt2 { width: 165px; }

.innerdivtxt5 { width: 169px; }
.innerdivtxt6 { width: 140px; }
.pick input { margin: 0; /*opacity: 0;*/ filter: alpha(opacity=0); }
.pick { float: right; /* margin-right: 100px;*/ }
.pickulip { float: right; }
.pickulip > label { font-weight: normal; font-size: 13px; }
.pick > span { /*background-color: #7e7e7e;*/ height: 12px; width: 12px; margin: 4px 8px; float: left; }

.imgcal { }
.popdrop1 { width: 150px; background: #f1f1f1; border: none; height: 24px; color: #a7a7a7; }
.popdrop2 { width: 190px; background: #f1f1f1; border: none; height: 24px; color: #a7a7a7; }
.stklist { z-index: 2000; position: absolute; border: solid 1px #dedede; overflow-x: hidden; overflow-y: auto; height: 115px; width: 295px; background-color: #f1f1f1; top: 25px; display: none; color: #989898; }
.dercomp { z-index: 2000; position: absolute; border: solid 1px #dedede; overflow-x: hidden; overflow-y: auto; height: 115px; width: 305px; background-color: #f1f1f1; top: 25px; display: none; color: #989898; }
.stklist > div:hover, .dercomp > div:hover { color: #fff; background: var(--orange); }
#addstock input[disabled], #addstock select[disabled] { background: #ababab; color: #fff; }
.popanc { color: #fff; background: #807D7D; margin-top: 10px; display: inline-block; padding: 2px 10px; cursor: pointer; }
/*end add stock*/
/* add der*/
.innerdivcnt3 { width: 100px; text-align: right; }
#lblStock { width: 305px; }
.popdrop3 { width: 205px; color: #a7a7a7; background: #f1f1f1; border: none; height: 24px; }
.popdrop4 { width: 320px; color: #a7a7a7; background: #f1f1f1; border: none; height: 24px; }
.innerdivtxt3 { width: 207px; }
.compname1 { margin-left: 100px; position: relative; }
.compname1 input { width: 305px; }
.lot { padding-right: 5px; }
.innerdivtxt4 { width: 175px; }

/*end add der */
/*tabs*/
.stktabs, .stktabswl, .stktabshlth { line-height: 35px; background: #eeeeee; min-height: 35px; position: relative; }
.stktabs > ul, .stktabswl > ul, .stktabshlth > ul { padding: 0px; }

.stktabs > ul > li, .stktabswl > ul > li, .stktabshlth > ul > li { text-transform: uppercase; list-style-type: none; cursor: pointer; position: relative; float: left; font-size: 12px; margin-right: 3px; }
.stktabs > ul > li > a, .stktabswl > ul > li > a, .stktabshlth > ul > li > a { color: #000000; padding: 0 7px; }
.stktabs > ul > li.active > a, .stktabswl > ul > li.active > a, .stktabshlth > ul > li.active > a { color: #fff; }
.stktabs > ul > li > a:hover, .stktabswl > ul > li > a:hover, .stktabshlth > ul > li > a:hover { text-decoration: none; }

.stktabs > ul > li:hover, .stktabswl > ul > li:hover, .stktabshlth > ul > li:hover { text-decoration: none; background: #dfdfdf; cursor: pointer; }
.stktabs > ul > li.active, .stktabswl > ul > li.active, .stktabshlth > ul > li.active { background: var(--blue); cursor: default; }
.stktabs > ul > li a.active, .stktabswl > ul > li a.active, .stktabshlth > ul > li a.active { cursor: default; }
.navicon { width: 32px; height: 32px; background: url(../images/navicon.png) no-repeat; cursor: pointer; position: absolute; right: 10px; display: none; z-index: 1; top: 2px; }
.naviconhlth { width: 32px; height: 32px; background: url(../images/navicon.png) no-repeat; cursor: pointer; position: absolute; right: 10px; display: none; z-index: 1; }
/*end tabs*/
/*portfolio inner*/
.portheadinner > div { width: 13%; float: left; padding: 0 1%; font-weight: bold; }
.porttableinner > div > div { float: left; width: 13%; padding: 0 1%; }
.comheadtd { width: 15% !important; }
.- { width: 14% !important; }
.glrep { text-align: center; }
.glrep > img { padding-top: 0; }
.portheadinner .gainwid { width: 8%; }
.porttableinner > div > div.gainwid { width: 8%; }
.portheadinner .wid10 { width: 9%; }
.porttableinner .wid10 { width: 9%; }
.comheadtd > em { width: 30px; height: 30px; border-radius: 50%; background: #d1d1d1; }
.comheadtd > a, .comheadtd > p > a { color: #000000; width: 100%; white-space: nowrap; cursor: pointer; }
.comheadtd > a:hover { text-decoration: none; }
.smrtqt { background: #fff; margin-bottom: 30px; }
.stkgrapg { width: 100%; float: left; }
#stkgrapg { width: 100%; height: 215px; margin: 10px 0; text-align: center; }
.btnedt { background: var(--blue); color: #fff; height: 26px; padding: 0 10px; }
p > .cmpnamelrg { display: none; }
.portcontmain { margin: 20px 0 30px 0; position: relative; }
p > .cmpnamelrgwl { display: none; }
p > .cmpnamelrgwlsml { display: none; }
.compinfo { }
.indygrph { width: 100%; text-align: center; padding-top: 20px; padding-right: 10px; }

.navgrph { margin: 15px auto; }

#indygrph, #indygrphNSE { width: 100%; height: 345px; }
.cmpdet { width: 100%; margin-top: 35px; }
.cmpdet > div { float: left; width: 100%; }
.cmpdet > div > div { float: left; border: 1px solid #ddd; border-bottom: none; border-right: none; padding: 5px; white-space: nowrap; text-align: left; }
.cmpdet > div > div.bdrr { border-right: 1px solid #ddd; }
.cmpdet > div > div.bdrb { border-bottom: 1px solid #ddd; }
.cmpdet > div > div.wid25 { width: 25%; }
.cmpdet > div > div.bold { background: #f8f8f8; }
.cmpdet > div > div.wid50 { width: 50%; }
.cmnbtns { background: var(--blue); color: #fff !important; padding: 1px 3px; cursor: pointer; transition: all 0.4s ease; }
.cmnbtns:hover { text-decoration: none; color: #fff; background: var(--blue); }
#plchldr { width: 100%; float: left; }
.porttable .lefthead > a { color: #000; display: inline-block; }
.porttable .lefthead > a:hover { color: var(--blue); }
.manageaccnt { margin: 10px 0; display: inline-block; float: right; }
.manageaccnt > a { cursor: pointer; background: var(--blue); color: #fff; padding: 5px 10px; margin: 0; text-align: right; display: inline-block; font-size: 14px; line-height: 14px; transition: all .5s ease; }
.manageaccnt > a:hover { text-decoration: none; background: var(--orange); }

.homemanageaccnt { margin: 10px 0; display: inline-block; }
.homemanageaccnt > a { cursor: pointer; background: var(--blue); color: #fff; padding: 5px 10px; margin: 0; text-align: right; display: inline-block; font-size: 14px; line-height: 14px; transition: all .5s ease; }
.homemanageaccnt > a:hover { text-decoration: none; background: var(--orange); }

/*end portfolio inner*/
/*edit sell poup*/

/*end edit sell poup*/


/***Borrowings inner starts***/
.portheadinner .widborrow { width: 25%; }
.porttableinner .widborrow { width: 25%; }
/***Borrowings inner ends***/

/***Insurance inner starts***/
.portheadinner .widinsure { width: 12%; }
.porttableinner .widinsure { width: 12%; }
.portheadinner .widinsurebig { width: 14%; }
.porttableinner .widinsurebig { width: 14%; }
/***Insurance inner ends***/

/***Forex inner starts***/
.widforex { width: 10% !important; }
.widforexmed { width: 12% !important; }
.widforexbig { width: 18% !important; }
/***Forex inner ends***/

/*bullion inner*/
.widbullrg { width: 16% !important; }
.wid14bull { width: 14% !important; }
/*end bullion inner*/

/*commodity inner*/
.wid14com { width: 14% !important; }
/*end commodity inner*/

/*der inner*/
.wid15der { width: 15% !important; }
/*end der inner*/

/***Other Assets inner***/
.widassets { width: 16% !important; }
.widassetsbig { width: 20% !important; }
/***end bullion inner***/

/*fixed income inner*/
.trheadtdfi { width: 11% !important; }
.wid12fi { width: 12% !important; }
.wid11fi { width: 11% !important; }
/*end fixed income inner*/
/*Loans income inner*/
.trheadtdloans { width: 10% !important; }

.loandet { margin-top: 35px; }
.loandet > div { }
.loandet > div > div { float: left; border: 1px solid #eeeeee; border-bottom: none; border-right: none; padding-left: 5px; padding-right: 5px; white-space: nowrap; }
.loandet > div > div.bdrr { border-right: 1px solid #eeeeee; }
.loandet > div > div.bdrb { border-bottom: 1px solid #eeeeee; }
.loandet > div > div.wid25 { width: 25%; }
.loandet > div > div.tc { text-align: center; }
.loandet > div > div.tr { text-align: right; }
.loandet > div > div > p { display: none; }
/*end Loans income inner*/
/******Property inner starts*******/
.prowid15 { width: 17% !important; }
/******Property inner ends*******/

/******Manage Portfolio*******/
.mangeaccntdiv { background: var(--blue); color: #fff; height: 26px; margin: 10px; float: right; line-height: 26px; }
.mangedrop { background: var(--blue); border: none; width: 100%; height: 26px; line-height: 26px; padding: 0 5px; }
.pt10 { padding-top: 10px; }
.mangetxtbox { border: none; background-color: #f1f1f1; color: #a7a7a7; height: 25px; border-radius: 0px; width: 100%; }

.mangebtn { height: 32px; width: 80px; background: var(--blue); color: #fff; cursor: pointer; font-size: 15px; border: none; }
.mangebtn:hover { background: var(--orange); }
.myproftxtbox { border: none; background-color: #f1f1f1; color: #a7a7a7; height: 25px; border-radius: 0px; width: 100%; }

.myprofdrop { width: 100%; background: #f1f1f1; border: none; height: 24px; color: #a7a7a7; }
.transmfgrid { width: 30% !important; }
.transmfgrid2 { width: 14% !important; }
.transderigrid { width: 20% !important; }
.transderigrid2 { width: 11.42% !important; }
.transcomogrid { width: 20% !important; }
.transcomogrid2 { width: 13.33% !important; }
.taxreportdefault { width: 20% !important; }
.mynotestokgrid { width: 20% !important; }
.mynotemfkgrid { width: 33.33% !important; }
.mynoteulipgrid { width: 25% !important; }
.mynotebullgrid { width: 33.33% !important; }
.br { border-right: 1px solid #eeeeee; }
.tc { text-align: center; }
/******End Manage Portfolio*******/

/*****Login Page*****/
.loginwraper { }
.loginctrl { border: #e0e0e0 2px solid; padding: 20px 20px 0 20px; border-radius: 10px; margin: 100px 0 50px; }
.loginctrl label { font-family: 'ubuntubold'; font-weight: normal; text-transform: uppercase; }
.loginctrl > h2 { display: block; text-align: center; margin: 0 0 20px 0; font-size: 20px; font-family: ubuntubold; border-bottom: 2px solid #e0e0e0; padding-bottom: 7px; color: var(--blue); }
.loginmsg { color: Red; display: block; }
.loginlogo { margin-bottom: 15px; }
.loginlogo > img { border: none; }
.loginctrlregister { border: #e0e0e0 2px solid; padding: 20px; border-radius: 10px; margin: 50px 0; }
.loginctrlregister label { font-family: 'ubuntubold'; font-weight: normal; text-transform: uppercase; }
.loginlogoregister { margin-bottom: 15px; }
.loginlogoregister > img { border: none; }
.registerhed { font-family: 'ubuntubold'; font-weight: normal; text-transform: uppercase; font-size: 20px; margin-bottom: 25px; text-align: center; border-bottom: 2px solid #e0e0e0; padding-bottom: 7px; color: var(--blue); }
.loginctrlregister .form-group { margin: 0 0 20px 0; }
.loginctrl input[type="submit"], .loginctrlregister input[type="submit"] { background: var(--blue); color: #fff; border: none; padding: 6px 20px; transition: all 0.4s ease; }
.loginctrl input[type="submit"]:hover, .loginctrlregister input[type="submit"]:hover { background: var(--blue); }

/*****Login Page*****/
/*******glreport******/
.glwid9 { width: 9% !important; }
.glwid5 { width: 6.2% !important; }
.gllrgewid { width: 138% !important; }
.totdiv { display: none; }
/*******end glreport******/
/*******stock watchlist******/
.glwid11 { width: 11% !important; }
.glwid8 { width: 8% !important; }

.glwid10 { width: 10% !important; }
.glwid6 { width: 6% !important; }
.portheadwatchlist { height: 70px; line-height: 25px; width: 100%; float: left; background: #f8f8f8; padding: 10px 0; border-bottom: 3px solid #ddd; }
.portheadwatchlist > div { width: 13%; float: left; padding: 0 1%; font-family: 'ubuntubold'; }
.comheadtdwl { width: 13% !important; }

.comheadtdwl > a, .comheadtdwl > p > a { color: #000000; width: 100%; white-space: nowrap; cursor: pointer; }
.comheadtdwl > a:hover { text-decoration: none; }

.porttableinnerwl > div { height: 70px; line-height: 25px; float: left; width: 100%; background: #fff; padding: 10px 0; border-bottom: 1px solid #ddd; }
.porttableinnerwl > div > .lefthead { text-transform: uppercase; }

.porttableinnerwl > div > div > p { display: none; }
.porttableinnerwl > div > div { float: left; width: 13%; padding: 0 1%; }
.wlpadtop15 { padding-top: 15px !important; }
.lvprive { display: none; }
.chg { display: none; }
.ind { display: none; }
.gain { display: none; }
#addstock .radbtn { color: #a7a7a7; }
.radbtn label { display: inline; font-weight: normal; }
.radbtn input { width: 15px !important; }
/*******end stock watchlist******/

/******MF Watchlist******/
.portheadinnerwlmf:after { clear: both; display: table; content: " "; }
.portheadinnerwlmf:before { clear: both; display: table; content: " "; }

.portheadinnerwlmf:after, .porttableinnerwlmf > div:after { clear: both; display: table; content: " "; }
.porttableinnerwlmf:before, .porttableinnerwlmf > div:before { clear: both; display: table; content: " "; }


.portheadinnerwlmf { height: 70px; line-height: 25px; width: 100%; float: left; background: #f8f8f8; padding: 10px 0; border-bottom: 3px solid #ddd; }

.portheadinnerwlmf > div { width: 13%; float: left; padding: 0 1%; font-family: 'ubuntubold'; }
.porttableinnerwlmf { width: 100%; }
.porttableinnerwlmf > div { height: 70px; line-height: 25px; float: left; width: 100%; background: #fff; padding: 10px 0; border-bottom: 1px solid #ddd; }
.porttableinnerwlmf > div > div { float: left; width: 13%; padding: 0 1%; }
.porttableinnerwlmf > div > div > p { display: none; }
.porttableinnerwlmf > div > div > a { color: #000000; width: 100%; white-space: nowrap; cursor: pointer; }
.watchlistspan { display: block; }
.Searchbtns { padding: 1px 8px; background: var(--blue); color: #fff; }
/***********health Check*************/
.indname { width: 25% !important; }
/*********** Save button for mf sip************/
.savesip { margin: 10px; margin-top: 0px; }
.savesip input[type=button] { height: 32px; width: 80px; background: #7e7e7e; color: #fff; cursor: pointer; font-size: 15px; border: none; margin: 10px; }
.GridHeadMainDiv { width: 100%; float: left; height: 40px; line-height: 40px; width: 100%; float: left; }
.GridHeadCenter { text-align: center; float: left; padding: 0 1%; width: 25%; }
.GridHeadRight { text-align: right; float: left; padding: 0 1%; width: 25%; }
.GridDataMainDiv { width: 100%; float: left; height: 40px; margin-bottom: 10px; line-height: 40px; }
.GridHeadRight.wid50 { width: 50%; }
.GridDataMainDiv > div { height: 46px; line-height: 46px; float: left; width: 100%; background: #f7f7f7; }
.GridDataMainDiv > div > div > span { height: 40px; line-height: 40px; }
.GridDataMainDiv > div > div > input { height: 20px; line-height: 20px; }
.GridDataMainDiv > div > div > p { display: none; }
/***********my port tab************/
.mpdivgo { width: 80px; height: 26px; float: left; font-size: 14px; color: #000000; position: relative; margin: 10px; line-height: normal; }
.mpbtngo { height: 26px; padding: 0; width: 80px; line-height: 23px; background: var(--blue); color: #fff; font-size: 15px; border: none; transition: all .5s ease; text-transform: uppercase; }
.mpbtngo:hover { background: var(--orange); color: #fff; }


.helthwatchkicon > .imgh { display: block; width: 72px; height: 72px; }
.helthwatchkicon > .imdiv { height: 72px; display: block; width: 150px; }
.helthwatchkicon > .imdiv > span { font-size: 20px; margin: 20px 0px 0px 17px; position: absolute; }
.helthwatchkicon > .imdiv > span > a { color: #000000 !important; text-decoration: none !important; }
.helthwatchkicon > .imdiv > span > a:hover { color: var(--orange) !important; }
.helthwatchkicon > div > img { display: block; width: 100%; height: auto; max-width: 100%; }


.mfschmehed { font-size: 20px; line-height: 25px; font-family: 'ubuntubold'; margin-bottom: 15px; }
.ajaxloader { background: rgba(238, 238, 238, 0.74) url('../images/ajax-loader.gif') no-repeat center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.comoncontentarea { min-height: 400px; margin-top: 15px; }

/***New***/
.innerheadernew { font-size: 22px; font-weight: bold; margin-bottom: 14px; }

/*bse nse price*/
.bsenseprice { margin: 0 0 20px; }
.bsenseprice > ul { display: block; width: 100%; margin: 0; padding: 0; }
.bsenseprice > ul > li { display: inline-block; padding: 10px; background: #ffffff; margin-right: 10px; border: 1px solid #ddd; box-shadow: 0 3px 4px #f3f3f3; }
.bsenseprice > ul > li > span { display: block; font-size: 16px; color: #000; }
.bsenseprice > ul > li > span > i { display: inline-block; font-style: normal; float: right; font-size: 12px; color: #9d9d9d; }
.bsenseprice > ul > li > b { display: inline-block; font-size: 19px; font-weight: normal; font-family: ubuntubold; }
.bsenseprice > ul > li > i { display: inline-block; font-style: normal; padding-left: 5px; }
.bsenseprice > ul > li.up > b, .bsenseprice > ul > li.up > i { color: green; }
.bsenseprice > ul > li.down > b, .bsenseprice > ul > li.down > i { color: red; }
.bsenseprice > ul > li.equal > b, .bsenseprice > ul > li.equal > i { color: blue; }
.charttypehd { display: block; margin-bottom: 10px; }