﻿/***common***/
.rightalgn, .alright, .right { text-align: right !important; }
.leftalgn, .alleft, .left { text-align: left !important; }
.centeralgn { text-align: center; }
.nodatainner, .nodatainnermf { color: #ce040c !important; text-align: center; display: block; position: absolute; left: 0; right: -1px; line-height: 35px; border-top: none; }
.ajaxloaderhmediv { top: 0px; bottom: 0; left: 0; right: 0; filter: alpha(opacity=80); opacity: .3; position: absolute; z-index: 5; min-height: 200px; background: #fff; }
.ajaxloder-b { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; z-index: 6; }
.FL, .fl{float:left;}
.fr, .FR{float:right;}
.hmredtxt { color: #ce040c !important; }
.hmgrntxt { color: #05b331 !important; }
.hmblutxt { color: #56a3d9 !important; }

/***leftmenu***/
div#cssmenuinner { background: #fff; }
#cssmenuinner, #cssmenuinner ul, #cssmenuinner ul li, #cssmenuinner ul li a { margin: 0; border: 0; list-style: none; display: block; position: relative; }
#cssmenuinner ul ul { display: none; }
#cssmenuinner > ul > li > a { color: #fff; cursor: pointer; font-size: 14px; padding: 6px 10px; text-decoration: none; background: url('../images/garrow.png') no-repeat right 5px center; }
#cssmenuinner > ul > li > a > span.holderclose { background-position: 0 0; }
#cssmenuinner > ul > li { border-bottom: 1px solid #fff; background: #008f4f; }
#cssmenuinner > ul > li.open { background: #035B84; }
#cssmenuinner > ul > li.open > a { color: #fff; background: url('../images/gdown.png') no-repeat right 5px center; }
#cssmenuinner ul ul li a { cursor: pointer; padding: 5px 10px; z-index: 1; text-decoration: none; color: #626262; }
#cssmenuinner ul ul li { background: #fff; }
#cssmenuinner ul ul li a.active, #cssmenuinner ul ul li:hover > a { color: #008f4f; }
#cssmenuinner ul ul li.has-sub > a::after { display: block; position: absolute; content: ''; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #eee; border-left: 2px solid #eee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
#cssmenuinner > ul > li > a:hover > span::after, #cssmenuinner > ul > li.active > a > span::after, #cssmenuinner > ul > li.open > a > span::after { border-color: #eee; }
#cssmenuinner ul { padding: 0; }
#MainMenuHead { background: #46549f; color: #fff; font-size: 21px; display: block; padding: 5px 0 10px 10px; }
#cssmenuinner > div { display: block; }
#cssmenuinner > div > a { display: block; color: #656565; cursor: pointer; font-size: 14px; padding: 5px 10px; border-top: 1px dotted #B2B2B2; }
#cssmenuinner > div > a.active { background: #008f4f; color: #ffffff; padding: 6px 10px; }
#cssmenuinner > div > a.active:hover { color: #fff; }
#cssmenuinner > div > a:hover { color: #008f4f; }
#cssmenuinner > div > a.first { border-top: none; }
.headsec { color: #fff; font-size: 22px; background: #00283b; padding: 10px; line-height: 30px; min-height: 40px; margin-bottom: 2px; font-family: 'open_sansregular'; }
.mktinnerhead { display: none; position: absolute; left: 10px; top: 5px; font-weight: bold; font-size: 17px; text-transform: uppercase; }
.mobnavmenubtn { position: absolute; right: 5px; top: -2px; width: 50px; height: 32px; padding: 5px 6px 3px; cursor: pointer; opacity: 0.9; }
.mobnavmenubtn > span { display: block; }
.linesmktsub { width: 3.1rem; height: 0.31143rem; background: #fff; border-radius: 0.28571rem; transition: 0.3s; position: relative; }
.linesmktsub:before, .linesmktsub:after { display: inline-block; width: 3.1rem; height: 0.31143rem; background: #fff; border-radius: 0.28571rem; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
.linesmktsub:before { top: 0.8286rem; }
.linesmktsub:after { top: -0.8286rem; }
.linesmktsub-button { padding: 2rem 1rem; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; /* */ }
.linesmktsub-button:hover { opacity: 1; }
.linesmktsub-button:active { transition: 0; }
.linesmktsub-button:hover .linesmktsub:before { top: 0.8286rem; }
.linesmktsub-button:hover .linesmktsub:after { top: -0.8286rem; }
.linesmktsub-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); }
.linesmktsub-button.arrow.close .linesmktsub:before, .linesmktsub-button.arrow.close .linesmktsub:after { top: 0; width: 2.22222rem; }
.linesmktsub-button.arrow.close .linesmktsub:before { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); }
.linesmktsub-button.arrow.close .linesmktsub:after { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); }
.linesmktsub-button.arrow-up.close { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg); }
.linesmktsub-button.minus.close .linesmktsub:before, .linesmktsub-button.minus.close .linesmktsub:after { -webkit-transform: none; transform: none; top: 0; width: 3.2rem; }
.linesmktsub-button.x2sub .linesmktsub { transition: background 0.3s 0.5s ease; }
.linesmktsub-button.x2sub .linesmktsub:before, .linesmktsub-button.x2sub .linesmktsub:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition: top 0.3s 0.6s ease, transform 0.3s ease; }
.linesmktsub-button.x2sub.close .linesmktsub { transition: background 0.3s 0s ease; background: transparent; }
.linesmktsub-button.x2sub.close .linesmktsub:before, .linesmktsub-button.x2sub.close .linesmktsub:after { transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition: top 0.3s ease, transform 0.3s 0.5s ease; top: 0; width: 3.2rem; }
.linesmktsub-button.x2sub.close .linesmktsub:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.linesmktsub-button.x2sub.close .linesmktsub:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

/***market***/
.mktleftmenuspc { width: 17%; float: left; padding-right: 15px; padding-bottom: 25px; margin-bottom: 10px; }
.mktrightcontspc { width: 83%; float: right; }
.innerbgpat { background: #F9F9F9; }
.innerbg { background-color: #fff; float: left; width: 100%; margin-bottom: 20px; min-height: 300px; }
.c_headI { position: relative; padding: 0; }
.c_headI > h3 { display: none !important; }
.EqMainHead { float: left; margin: 0px; padding: 0; width: 100%; border-bottom: 1px solid #d6d6d6; }
.EqMainHead > li { display: block; text-align: center; list-style-type: none; float: left; margin: 0px; padding: 7px 0; transition: all 0.5s ease; margin-right: 5px; }
.EqMainHead > li.sel { cursor: default; background: #ed430e; }
.EqMainHead > li.sel > a { cursor: default; color: #fff; }
.EqMainHead > li > a { color: #00283b; cursor: pointer; padding: 0 15px; width: 100%; display: block; text-transform: capitalize; font-size: 18px; }
.EqMainHead > li:hover { background: #ed430e; }
.EqMainHead > li:hover > a { color: #fff; }
#eqinnerdate > span { font-size: 12px; display: block; color: #00283b; line-height: 38px; position: absolute; right: 0; padding-right: 5px; }
.mktinnerdroparea { min-height: 58px; }
.mfInSubMn { width: auto; padding: 0px; color: #00283b; }
.mfInSubMn > div { margin: 16px 3px; float: left; color: #fff; }
.mfInSubMn > div > span { width: 91px; float: left; text-align: right; color: #00283b; padding: 5px 10px 5px 0; }
.mfInSubMn > div > span.lg { width: 100px; white-space: nowrap; }
.mfInSubMn > div > select, .mfInSubMn > div > input { width: 85px; padding: 0 5px; height: 25px; color: #666; border: 1px solid #e0e0e0; }
.mfInSubMn > div > select.lg { width: 143px !important; }
.mfInSubMn > div > select.mflg { width: 105px; }
.mfInSubMn > div > select.selfii { width: 75px !important; padding: 0px !important; }
a.Gobtn, .toolbtn { cursor: pointer; background: #ed430e; color: #fff; display: block; height: 25px; line-height: 25px; padding: 0 8px; position: relative; transition: background 0.4s ease 0s; text-align: center; font-size: 12px; }
a.Gobtn:hover, .toolbtn:hover { background: #B90000; }

/***breadcrum***/
.brdcms { margin: 0px 0 20px 0; min-height: 135px; background: url('../images/innertop.jpg') no-repeat; padding: 60px 0 20px 0; background-size: cover; }
.brdsec { float: right; margin-top: 60px; }
.brdsec a { color: #00283b; font-size: 11px; padding-right: 5px; text-transform: uppercase; display: inline-block; }
.brdsec em { border-top: 3px solid transparent; border-left: 4px solid #008f4f; border-bottom: 3px solid transparent; margin: 1px 3px; width: 0; height: 0; display: inline-block; }
.brdsec a:last-child { color: #008f4f;}
.brdsec a:hover { transform: translate(0px,1px); transition: all 0.9s ease; }
.brdsec a:last-child:hover { transform: translate(0px,0px); transition: all 0s ease; }
#homefixinner > h1{text-indent: -9999px;}

/***market menu***/
.mktmenu { float: left; }
.mktmenu > h2 { text-transform: uppercase; color: #ed430e; font-size: 26px; } 
.mktmenu > ul { padding: 0; margin: 10px 0; }
.mktmenu > ul > li { float: left; position: relative; padding-right: 15px; }
.mktmenu > ul > li > em { position: absolute; height: 6px; width: 6px; background-color: #ed430e; border-radius: 50%; top: 7px; }
.mktmenu > ul > li > a { padding-left: 10px; color: #035B84; font-size: 16px; }
.mktmenu > ul > li > a:hover { color: #1d5179; }
.mktmenu > ul > li.act > a { color: #ed430e; }
.mktmenu > ul > li.cursec { display: none; text-transform:capitalize;}

/***Footable***/
.tab-pane { background: #fff; padding: 10px 0; }
.footable { margin-bottom: 0; position: relative; font-size: 13px; }
.footable > thead > tr > th { padding: 7px 10px; color: #00283b; background: #e0e0e0; border-bottom: none; }
.footable > tbody > thead > tr > th:first-child { border: none; }
.footable > tbody > tr > td { padding: 7px 10px; border: none; vertical-align: middle; border-top: 1px solid #CCCCCC !important; }
.footable > tbody > tr > td > a { color: #00283b; }
.footable > tfoot .paginationNew { float: right; }
.footable > tfoot .paginationNew > ul > li { background: #008f4f; padding: 0px 5px; border-right: 1px solid #fff; margin: 0; height: 30px; line-height: 30px !important; }
.footable > tfoot .paginationNew > ul > li > a { color: #fff; cursor: pointer; }
.footable > tfoot .paginationNew > ul > li.active { background: #035B84; cursor: default; }
.footable > tfoot .paginationNew > ul > li:hover { background: #035B84; cursor: pointer; }
.footable > tfoot .paginationNew > ul > li.active > a { color: #fff; cursor: default; }
.footable > tfoot .paginationNew > ul > li:hover > a { color: #fff; }
.footable > tfoot .paginationNew > ul > li.disabled, .footable > tfoot .paginationNew > ul > li.disabled > a { cursor: default; }
.footable > tfoot .paginationNew > ul > li.disabled { background: #c0c0c0; }
.footable > tfoot > tr > td { padding: 15px 0 0 0; }
.footable.breakpoint > tbody > tr > td > span.footable-toggle { color: #00283b; }

/***news***/
.GrNewsMainView { float: left; width: 90%; vertical-align: middle; padding: 5px 0 5px 15px; height: auto; }
.GrNewsDate { color: #858585; font-size: 13px; padding-top: 10px; }
.GrNewsHead { font-size: 14px; color: #00283b; margin-top: 3px; }
.Expanded { width: 7%; float: right; text-align: center; font-size: 20px; font-weight: bold; line-height: 30px; vertical-align: middle; border-left: 1px solid #a0a0a0; color: #a0a0a0; cursor: pointer; margin: 8px 0; }
.Expandnews { width: 7%; float: right; text-align: center; font-size: 20px; line-height: 30px; border-left: 1px solid #a0a0a0; color: #a0a0a0; cursor: pointer; margin: 11px 0; }
.GrNewsDetCont { float: left; line-height: 20px; margin: 0 2% 1% 2%; text-align: justify; width: 96%; line-height: 25px; font-size: 14px; color: #858585; }
.GrNewsMainCont { border-bottom: 1px solid #d6d6d6; }
.loadMoreMF { float: right; width: 108px; color: #fff; cursor: pointer; margin: 15px 15px 0px 0px; text-align: center; background: #008f4f; padding: 5px; line-height: 25px; text-transform: uppercase;  }
.GrNewsDetCont p, .GrNewsDetCont ul{margin:0;padding:0}
.hmenewspopajax { color: #818181; font-size: 14px; border-bottom-width: 0px; margin: 10px 0; overflow: auto; height: 315px; border-right-width: 0px; padding-right: 6px; }
.newsheadpopup { font-size: 17px; line-height: 22px; display: block; color: #1d5179; }
.datetime { color: #ed430e; font-size: 13px; display:block; }
.hmenewspopajax img { max-width: 100%; height: auto; }
#commonnewspopup { display: none; position: relative; font-size: 14px; color: #171313;  margin-top: 60px;  transform: scale(0.8); background: #fff; padding: 20px; max-width: 600px; }
.popup_visible #commonnewspopup { transform: scale(1); }
#commonnewspopup > a { display: block; text-align: center; color: #c0c0c0; font-size: 30px;  font-family: 'web_symbolsregular'; margin-top: 0px; transition: all 0.5s ease; }
#commonnewspopup > a:hover { color: #008f4f; }

/***ipo***/
.compnyname { color: #fff; font-size: 17px; line-height: 32px; text-transform: uppercase; background: #00283b; padding: 0px 5px; display: block; margin-bottom: 15px; margin-top: 10px; }
.homeactgridcntlftipo { text-align: left; font-size: 14px; line-height: 25px; border-bottom: 1px solid #d6d6d; }
.homeactgridcntrhtipo {  text-align: right; font-size: 13px; line-height: 25px; border-bottom: 1px solid #d6d6d; font-weight: normal; }
.homeactgridcntlftiposub { color: #00283b; text-align: left; font-size: 14px; line-height: 25px; }
.ipobottomaddr { background-color: #F6F6F6; padding: 10px; margin-top: 0px; }
.hmmore { padding: 0 0px 0 10px; float: right; text-align: right; position: relative; margin: 10px 0; text-transform: capitalize; }
.hmmore > a { color: #ed430e; outline: none;cursor:pointer;font-size:11px }
.ipopopcont { max-height: 350px; overflow-y: auto; font-size: 14px; width: 500px; padding: 10px; text-align: justify; line-height: 22px; background: #fff; }
 
 /*** Commodity ***/
.qtchart { margin: 0 auto; }
.qtdata { background-color: #fff; min-height: 398px; margin: 0 auto; }
.derlargesec { width: 49%; float: left; padding: 10px; margin: 10px 0; line-height: 25px; }
.dersmallsec { width: 49%; float: right; padding: 10px; margin: 10px 0; line-height: 25px; min-height: 398px; }
.homeactgridcntlftcmd { text-align: left; font-size: 14px; line-height: 25px; border-bottom: 1px dotted #d6d6d6; color: #858585; }
.homeactgridcntrhtcmd { text-align: right; font-size: 14px; line-height: 25px; border-bottom: 1px dotted #d6d6d6; color: #858585; }

/***derivative***/
.GreyHeadRow { padding: 10px; font-weight: bold; }
.smrtwhtboxinn { margin: 15px; }
.fintablehead { line-height: 30px; }
.combobox { min-height: 100px; }
.GreyDataTDLeft { padding: 10px; line-height: 20px; vertical-align: top; border-top: 1px solid #d6d6d6;  }
.GreyDataTD { padding: 5px 10px; line-height: 20px; vertical-align: top; border-top: 1px solid #d6d6d6;  }
.GreyDataTDLeft > a { color: #00283b; }

/***company profile***/
.compmainbsense { margin: 15px 0; min-height: 160px;background:#fff;}
.compbsnshead { display: block; width: 100%; border: 1px solid #ddd; }
.mfInSubMn > div > select.sm { width: 65px !important; }
.mfInSubMn > div > select.sm1 { width: 65px !important; }
.compbsnshead > span.compup { background: #05b331 url(../images/company_up.png) no-repeat 90% 9px; }
.compbsnshead > span.compeq { background: #56a3d9 url(../images/company_equal.html) no-repeat 90% 9px; }
.compbsnshead > span.compdwn { background: #ce040c url('../images/company_down.png') no-repeat 90% 10px; }
.compbsnshead > i.compeq { color: #56a3d9; }
.compbsnshead > i.compdwn { color: #ce040c; }
.compbsnshead > span { display: inline-block; padding: 6px 40px 6px 10px; font-size: 24px; color: #fff; float: left; }
.compbsnshead > b { font-weight: 400; font-size: 23px; display: inline-block; padding: 6px 10px; color: #00283b; }
.compbsnshead > i.compup { color: #05b331; }
.compbsnshead > i { display: inline-block; margin: 0; padding: 10px; font-style: normal; font-size: 17px; }
.compbsnscont { color: #656565; margin: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;border-right:1px solid #ddd; }
.compbsnscont > div { padding: 10px 0 10px 10px; font-size: 11px; color: #656565; border-right: 1px solid #dddddd; }
.compbsnscont > div > b { font-size: 14px; font-weight: 400; display: block; color: #00283b; white-space: nowrap; }
.compbsnscontdwn { color: #656565; margin: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right:1px solid #ddd;}
.compbsnscontdwn > div { padding: 10px 0 10px 10px; font-size: 11px; color: #656565; border-right: 1px solid #ddd; }
.compbsnscontdwn > div > b { font-size: 17px; font-weight: 400; display: block; color: #00283b; }
.comprangebar { display: block; font-size: 13px; color: #00283b; margin: 4px 0 2px; }
.comprangebar > b { display: inline-block; width: 45px; background: #f31f1e; height: 6px; margin: 1px 5px; position: relative; }
.comprangebar > b > i { position: absolute; left: 0; top: 0; bottom: 0; background: #13d234; }
.compproheading > h4 { margin: 5px 0 15px; font-size: 32px; color: #00283b; }
.compinform { background-color: #fff; padding: 5px 15px; font-size: 14px; overflow: hidden;  }
.compincorp { border-bottom: 1px dotted #d6d6d6; padding: 10px 5px; }
.compincorp > span { color: #00283b; padding-bottom: 5px; display: block; }
.compincorp > span > b { font-weight: normal; color: #656565; }
.compincorp > div > p { color: #00283b; font-size: 16px; margin: 5px 0; }
.compincorp > div > span { color: #00283b; display: block; position: relative; }
.compincorp > div > span > b { font-weight: normal; color: #656565; }
.compincorp > div > div { display: block; color: #656565; }
.compincorp > div > div > p { position: relative; padding-left: 70px; }
.compincorp > div > div > p > b { font-weight: normal; color: #656565; word-break: break-all; }
.compincorp > div > div > p > b > i { color: #00283b; display: block; width: 70px; position: absolute; left: 0; top: 0px; font-style: normal; }
.compincorp > div > div > p > b > a { word-break: break-all; color: #00283b; font-size: 13px; }
.compgraphsec { padding: 15px; background-color: #fff; }
.compdetsec { color: #656565; padding: 10px; background-color: #fff;  border-top: none; }
.compdetsec > h3 { color: #00283b ; margin: 5px 0 5px; ;}
.compdetsec > div { line-height: 22px; }
.compdetsec > div > span { display: inline-block; padding-right: 19px; color:#656565;}
.compdetsec > div > span > b { color: #00283b; }
.nobdrright{border-right:none !important;}
.compnsebsegrph { display: inline-block; float: left; }
.tabactive { padding: 3px 10px; background-color: #ed430e; }
.tabinactive { padding: 3px 8px; cursor: pointer; background-color: #e3e3e3; }
.tabactive > a { color: #fff; }
.tabinactive > a { color: #1d5179; }
.hmsubmenucont { display: block; min-height: 20px; text-align: right; margin-top: 3px; font-size: 12px; }
.hmsubmenucont > span.active { background: #00283b; cursor: default; color: #fff; }
.hmsubmenucont > span { display: inline-block; padding: 1px 6px; cursor: pointer; }
#companyprofilegarph { width: 94%; margin: 0 3%; height: 200px; }
.compsmartcont > div > div { padding: 0 10px; height: 30px; }
.compsmartcont > div > div > div { line-height: 30px; white-space: nowrap; color: #656565; }
.bdrbtm { border-bottom: 1px solid #d6d6d6; }
.compnewssec { padding: 10px 5px; min-height: 75px; }
.compnewssec > div { padding-left: 55px; color: #656565; cursor: pointer; }
.compnewssec > div > b { font-weight: normal; color: #008f4f; display: block; }
.compnewssec > div > span { text-transform: uppercase; position: absolute; top: 0; left: 0; height: 50px; width: 45px; background: #00283b; color: #fff; text-align: center; }
.compnewssec > div > span > b { display: block; font-size: 20px; text-align: center; height: 28px; line-height: 36px; }
.compfinancialtbl > table > tbody > tr > th { font-weight: normal; line-height: 25px; text-align: right; padding: 1px 4px; font-size: 12px; border-bottom: 1px solid #d6d6d6; }
.compfinancialtbl > table > tbody > tr > td { border-bottom: 1px solid #d6d6d6; padding: 1px 0px; line-height: 25px; white-space: nowrap; font-size: 12px;  }
.eventcalendr{min-height:180px !important;} 
.evtcalddrp { float: right; margin: 0 15px ; height: 25px;  background: #fff; border: none; font-size: 12px; border:1px solid #d6d6d6;}
.compevnttable > tbody > tr > td { padding: 0 10px; font-size: 13px; }
.compevnthead { color: #fff; border-bottom: 1px solid #ddd; }
.homeactgridcntrht { text-align: right; font-size: 14px; line-height: 25px; border-bottom: 1px solid #d6d6d6; }
.homeactgridcntlft { text-align: left; font-size: 14px; line-height: 25px; border-bottom: 1px solid #d6d6d6; }
.peergp { padding: 0 10px; }
.peergp .largd { padding: 10px 90px 10px 0px; border-bottom: 1px solid #d6d6d6; width: 100%; }
.peergp .rightcnt { font-size: 12px; position: absolute; right: 5px; top: 13px; }
.peergp .rightcnt > span { display: block; text-align: right; color: #656565; }
.largd a { color: #00283b; text-decoration: none; font-size: 13px; }
.largd > div > div > img { margin-bottom: 2px; }
.shrhld { padding: 10px; }
.keyhalfdiv > td { border-bottom: 1px solid #d6d6d6; font-size:13px;}
.shgraph { width: 100%; padding: 0 3px; }
.sqr { margin-left: 5px; width: 7px; height: 7px; }
.mfholdsec { padding: 0 10px; min-height: 70px; }
.mfhldhead, .mfhldhddt { border-bottom: 1px solid #d6d6d6; color:#00283b;}
.mfhldhead > div { font-weight: normal; min-height: 18px; line-height: 18px; padding: 5px; float: left;  }
.mfhldhddt > div {line-height: 20px; padding: 6px 5px; font-size: 13px; float: left; }
.compsmarthead { color: #008f4f; text-transform: uppercase; margin: 10px 0 5px 15px; font-size: 18px; }
.tabcontentbgfff{padding:0 10px;}
.smrtquotesmrgbtm {border:1px solid #d6d6d6;margin-bottom:20px;min-height:250px;}
.compproheading > h4 { margin: 5px 0 15px; font-size: 32px; color: #ed430e; }
#comprollingfwdgraph { width: 96%; margin: 0px auto; height: 190px; }
.mflargesec { width: 56%; float: left; padding: 10px; margin: 10px 2%; color: #18478b !important; background-color: #ffffff; }
.mfsmallsec { width: 38%; float: left; padding: 10px; margin: 10px 2% 10px 0; line-height: 25px; color: #17488b !important; background:#eee}
.clw { color: #333 !important; }
.financialselectspan { text-align: right; padding: 10px 5px; }
.financialselect { padding: 0 5px; height: 25px;   margin-left: 40px;border:1px solid #d6d6d6; }
.fintabelsrowshed { color: #000; font-size: 14px; padding: 10px; line-height: 25px; font-weight: 700; margin: 0; }
.fincomonhed { float: left; width: 45%; }
.fincomondata { float: left; width: 11%; }
.fintabelsrowsdata { margin: 0; line-height: 20px; vertical-align: top; font-size: 14px; color: #656565; padding: 10px; border-bottom: 1px dotted #d6d6d6; }
.fintabelsrowsdata:hover {background: #f5f5f5;}
.mfInSubMn_sub { width: auto; padding: 0px; }
.mfInSubMn_sub > div { margin: 16px 8px; float: left; }
.mfInSubMn_sub > div > span { width: 150px; float: left;  padding: 5px 10px 5px 0;; font-size: 13px; text-align: right; color: #00283b; }
.mfInSubMn_sub > div > select { padding: 0 5px; height: 25px; background: #fff; border: 1px solid #d6d6d6; }
.contentdiv { padding: 0 10px 4px 10px; }
.mfInSubMn div span.radiobtn { padding: 10px 0px 0px 10px; width: auto; }
.radiobtn input { margin: 0px; }
.radiobtn label { padding-right: 0px; font-size: 13px; margin: 0px; }
.FIIimgs { width: auto !important; padding: 10px 0px 0 5px !important; }
.fullwid > .spfii { width: auto; }
.GrNewsDate { color:#00283b; font-size: 13px; padding-top:10px;}
.GrNewsHead { font-size: 14px; color: #214d84; margin-top: 3px; }
.finqrthed8 { float: left; width: 20%; }
.finqrthed7 { float: left; width: 23%; }
.finqrthed6 { float: left; width: 16%; }
.finqrtdata8 { float: left; width: 10%; }
.finqrtdata7 { float: left; width: 11%; }
.finqrtdata6 { float: left; width: 14%; }
/***shareholding***/
 .sharetrendbuton { text-align: right; margin: 10px 0; background: #fff; }
.sharetrendbuton > a {cursor: pointer; background: #ed430e; color: #fff;  padding: 5px 10px;  transition: background 0.4s ease 0s; text-align: center; font-size: 12px; }
.sharetrendbuton > a:hover {    background:#B90000;}
/***getquotes search***/
.quotesdivcp {position: relative;min-height: 60px; background: #ddd; padding: 15px;margin: 10px 0px;z-index:1;}
.quotesdivcp > input { display:inline-block;background: #fff; border: none; height: 40px;  width: 84%; color: #858585; font-size: 16px;  padding-left: 10px; }
.quotesdivcp > a { display:inline-block;padding: 8px 8px; color: #fff; text-align: center; background: #ed430e; font-size: 17px; transition: all 0.5s ease; text-decoration: none;}
.quotesdivcp > a:hover { color: #fff; background: #B90000; }  
#divwordSearchListcp { z-index: 999; border: none; overflow-x: hidden; overflow-y: auto; position: absolute; height: 120px; top: 70px; right: 0; left: 0; background: #fff; display: none; font-size: 11px; line-height: 15px; width: 100%;border:1px solid #ddd;}
#divwordSearchListcp a { padding: 3px 0px 3px 15px;font-size:13px;display:block; transition:all 0.5s ease;}
#divwordSearchListcp a:hover{background:#cecece !important;color:#ed430e !important;}
#divwordSearchListcp  a > span{ color: #1d5179; line-height: 18px;font-size:13px; }
.ajaxloadercp {position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.ajaxloadercp > img {position: absolute;left: 50%;margin-left: -24px;top: 50%;margin-top: -24px;}

/***mutual fund***/
.mfgo { padding-top: 15px; }
.compinfo { float: left; width: 100%; padding: 10px 0; background: #d6d6d6; }
.compname { color: #00283b; font-size: 17px; line-height: 45px; padding: 0 15px; }
.mfbGreen { color: Green; font-weight: bold; font-size: 16px; }
.mfbRed { color: Red; font-weight: bold; font-size: 16px; }
.mfsubhead { float: left; width: 97px; margin-bottom: 5px; font-weight:bold; }
.InActvli{color:#333;cursor:pointer;}
.mfamccont { line-height: 25px; }
.snapnavgraph { padding-top: 50px; }
.rbinactive { padding: 2px 0px; }
.rbinactive > a { color: #00283b; }
.rbactive > a { color: #fff; background: #ed430e; padding: 0 2px; }
.mfseccont { line-height: 23px; }
.loadMorepeer { float: right; width: 100px; color: #fff; cursor: pointer; text-align: center; background:#008f4f; padding: 5px 0px; line-height: 15px; text-transform: uppercase; margin-bottom: 15px; margin-right: 15px; border-radius: 6px; }
.sipinst {   margin-top:10px; display:block; }
.activetab { color: #fff !important; cursor: text !important; background-color:#00283b; padding: 2px 5px; display: inline-block; margin-top: 5px; font-weight: normal !important; }
.NFORadioContent td { padding: 0 5px; }
.mfsipcalcspanmargin { margin: 13px 8px; float: left; line-height: 22px; }
.mfsipdrop { width: 95px !important; padding: 0 5px; height: 25px; background: #e9e9e9; border: none; color: #777777; }
.mfsipdropsm { width: 64px; padding: 0 5px; height: 25px; background: #fff; border: none; color: #777777; margin: 13px 8px; float: left; border: 1px solid #e0e0e0; }
.caltabheadper > div { float: left; width: 9%; padding: 7px 10px; color: #00283b; line-height: 20px;font-weight:bold; }
.returnmaindiv { float: left; width: 100%; padding: 10px 0; }
.caltabheadper { float: left; width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #e0e0e0; }
.caltabbody { float: left; width: 100%; border-bottom: 1px solid #cccccc; }
.mfreturncalclbutn { margin: -57px 10px; float: right; }
.caltabbody > div { float: left; width: 9%; line-height: 27px; min-height: 27px; padding: 7px 5px; } 

/*
.GreyDataTDLeft { padding:10px; line-height: 20px; vertical-align: top; border-top: 1px solid #d6d6d6;  }
.GreyDataTD { padding: 5px 10px; line-height: 20px; vertical-align: top; border-top: 1px solid #d6d6d6;  text-align:right;}
.GreyDataTDLeft > a { color: #00283b; }
*/

.mfhalfsec { width: 48%; border: 1px solid #d6d6d6; margin: 10px 1%; float: left; padding: 1%; }
.mfwholesec { width: 100%; border: 1px solid #d6d6d6; margin: 10px 0px; float: left; background: #fff; }
.w100 { padding: 10px; }
.HomeDataR { border-bottom: 1px solid #d6d6d6; font-size: 13px; height: 25px; text-align: right; padding: 0 5px; }
.HomeDataC { border-bottom: 1px solid #d6d6d6; font-size: 13px; height: 26px; line-height: 22px; text-align: center; padding: 0 5px; }
.HomeDataL { border-bottom: 1px solid #d6d6d6; font-size: 13px; text-align: left; text-decoration: none; padding: 0 5px; }
.Win { width: 47%; margin-left: 2%;}
#SipcalcAjaxData{margin-top:20px;}
.sipcalcdata { border: 1px solid #d6d6d6; }
.sipheading { color: #00283b; font-size: 17px; line-height: 30px; padding-left: 5px; background-color: #e0e0e0; }
.GreyHead{color:#00283b;background-color: #e0e0e0;padding: 4px 10px;}
#regli{display: inline-block; padding: 5px 0;}

/***about us***/
.brdcms h3{float:left;font-size:35px;font-family: 'aleobold'; color:#00283b}
.brdsecstatic {margin-top: 35px;}
.brdsecstatic a{text-transform:uppercase;font-size:12px;}
.abtwrapper{margin-bottom:20px;}
.abtwrapper > h4{text-transform:capitalize;font-family: 'aleoregular';font-size:22px;color:#008f4f;margin:15px 0;}
.abtwrapper  p{margin-bottom:15px;color:#5c5c5c;font-size:14px;line-height:23px;text-align:left}
.brddir{margin-bottom:20px;position:relative;padding-left:160px;min-height:150px}
.brddir > img{position:absolute;left:0;top:0; }
.brddir > span{color:#ed430e;display:block;text-transform:uppercase;font-size:16px;}
.keypers{ padding:17px; background-color:#e3e3e3;  margin-top:25px; position:relative}
.keypers > h5{color: #00283b;font-size: 25px; font-family: 'aleoregular'; margin: 0;}
.keypers > div{ margin-top:15px; width:100%;position: relative;}
.keypers > div >  em{font-family: 'web_symbolsregular';color: #00283b;font-size: 12px;padding: 3px 8px 0px 0px; float: left; font-style: normal}
.keypers > div > b{ color:#ff0202; font-weight: normal; font-size:15px; display: block}
.keypers > div > span{ color:#0f7fb1 ;  font-size:13px;padding-left: 15px;}
.philoright{margin-top:77px;}
.abtround{ margin-top:35px; position:relative ;}
.corprtetext { margin-top: 20px; }
.corprtetext > h2 { color: #fb2421; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0 0 6px 0; text-align: center; }
.corprtetext > p { color: #7d7d7d; font-size: 13px; text-align: justify; margin-bottom: 10px; }
.milestonebg {position:relative;width:100%;padding:30px 0;}
.milestonebg > em {width:4px;position:absolute;left:50%;margin-left:-2px;background:#e3e3e3;top:50px;bottom:50px;}
.milestonebg > h2 {z-index:3;position:relative;display:block;font-size:20px;font-family: 'aleobold';color:#fff;border-radius:50%;margin:0 auto;background:#008f4f;text-align:center;width:130px;height:130px;padding:45px 0 0 0;transition: all 0.5s ease; cursor:default;}
.milestonebg > h2:hover {background:#ed430e;}
.yearsec{ position:relative; margin-top:5px; margin-bottom:10px;}
.milestonebg h3{z-index:3;position:absolute; left:50%; margin-left:-30px; top:-10px;display:block;font-size:16px;font-family: 'aleoregular';color:#fff;border-radius:50%;background:#f06135;text-align:center;width:60px;height:60px;padding:22px 0 0 0;transition: all 0.5s ease; cursor:default;}
.mileft, .miright{ background:#e3e3e3; padding:8px 15px; margin:15px 0;border-radius:5px;position:relative; font-size:14px; line-height:18px; color:#393939;transition: all 0.5s ease; z-index:10;}
.mileft > p, .miright > p{ display:block; margin:5px 0;}
.mileft{ margin-right:40px; text-align:right;}
.miright{ margin-left:40px; text-align:left;}
.mileft > p > i, .miright > p > i{ color:#ed430e; font-style:normal;} 
.mileft > em, .miright > em{ position:absolute; top:16px;width:0; height:0; display:block;  border-top:8px solid transparent;border-bottom:8px solid transparent;transition: all 0.5s ease;}
.mileft > em{ right:-8px;border-left:8px solid #e3e3e3;}
.miright > em{ left:-8px;border-right:8px solid #e3e3e3;}
.yearsec:hover .mileft, .yearsec:hover .miright{background:#008f4f!important; color:#fff;}
.yearsec:hover .mileft > p > i, .yearsec:hover .miright > p > i{color:#fcf45c;}
.yearsec:hover .mileft > em{border-left:8px solid #008f4f !important;}
.yearsec:hover .miright > em{border-right:8px solid #008f4f !important;}
.yearsec:hover h3{background:#ed430e !important;}
.aboutbg{padding:20px; margin-bottom: 30px;position: relative;background: url(../images/stone_image.jpg) no-repeat;background-size: cover;}
.aboutcontent{ padding: 25px;background-color:rgba(255, 255, 255, 0.92);}
.aboutcontent > h4 {margin:0px;text-transform:uppercase;font-size:23px;color:#008f4f;font-family:'aleobold';margin-bottom:10px;}
.aboutcontent > p {margin-bottom:20px;font-size:14px;text-align:justify;}
.pl15 { padding-left: 15px; }
.keypers p { color: #5c5c5c; }
.keypers a { color: #ff0202; font-weight: normal; font-size: 15px; display: block; }
.keypers i {font-style:normal;text-transform:uppercase;font-family:'aleoregular';color:#00283b;font-size: 14px;}
.keypers p.keyname{color:#008f4f;}
.keypers span.keymob{font-size:15px;}
.milestoneimg{width:125px;height:130px;display:block;position:absolute;background-repeat:no-repeat !important;}
.godimg{background:url('../images/jaishree.jpg');right:60%}
.fatherimg{background:url('../images/father.jpg');left:60%;top:30px;}

/***product n services***/
.productbg{background: url("../images/productbg.png") repeat;}
.pdctleft{ width: 25%; float: left; position: relative; padding-right: 30px; }
.pdctright{width: 75%; float: left;}
.pdtmenu > ul { padding: 0;font-family: 'aleoregular'; }
.pdtmenu > ul > li { text-transform:capitalize;margin-bottom: 10px;background: #e3e3e3;transition: all 0.5s ease;font-size: 20px;}
.pdtmenu > ul > li > a { color: #00283b;text-align: center;display: block;padding: 15px 5px;}
.pdtmenu > ul > li[rel="lesspad"] > a{padding-top: 10px;line-height: 20px;padding-bottom: 10px;}
.pdtmenu > ul > li:hover, .pdtmenu > ul > li.act{background:#ed430e;}
.pdtmenu > ul > li > a:hover { color: #fff; }
.pdtmenu > ul > li.act > a { color: #fff; cursor: default; }
.pdtmenu > .cursec { display: none; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 16px; margin-bottom:5px;background: #ed430e url('../images/innerarrowicon.png') no-repeat 98%; padding: 7px 9px; }
.pdtwrapper{background:#fff;padding:25px 25px ;margin-bottom:20px;} 
.pdtwrapper > h4{text-transform:capitalize;font-family: 'aleobold';font-size:26px;color:#008f4f;margin: 0 0 20px 0;}       
.pdtwrapper  p{margin-bottom:15px;color:#5c5c5c;font-size:14px;line-height:23px;}
.pdtwrapper  p > b{color:#ed430e;font-weight:normal;}
.pdtwrapper  p > a{color:#ed430e;}
.prdctimg{ width:100%}
.pditms{margin:0;padding:0;font-family: 'aleoregular'; }
.pditms > li{position:relative;padding-left:15px;color:#ed430e;font-size:16px;margin-bottom:5px;}
.pditms > li > em{ font-family: 'web_symbolsregular';color:#a7a7a7;font-size:11px;font-style:normal;position:absolute;top:5px;left:0;}
.advsup{height:160px;color:#fff;padding:20px 5px 20px 25px;margin-bottom:20px;}
.advsup:hover > ul > li{color:#ed430e;}
.advsup.adv{background:url('../images/adv01.jpg');background-size:cover;}
.advsup.sup{background:url('../images/adv02.jpg');background-size:cover;}
.advsup > h2{ margin: 0 0 15px 0;text-transform: capitalize;font-size: 23px;font-family: 'aleoregular';}
.advsup > ul{margin-bottom:20px;padding:0;}
.advsup > ul > li{color:#008f4f;padding-left:15px;font-family: 'open_sansregular';position:relative;font-size:16px;margin-bottom:5px;} 
.advsup > ul > li > em{font-family: 'web_symbolsregular';font-size: 12px;top:5px;left:0;color: #fff;position:absolute;font-style:normal;} 
.pdlist{margin:0px 0 10px 0;padding:0;}
.pdlist > li{background-color:#008f4f;color:#fff;float:left;margin-right: 19px;width: 248px;margin-bottom: 15px;padding: 12px 10px 0 10px;text-align: center;border-radius: 21px;font-size: 16px;text-transform: capitalize;height: 48px;font-family: 'aleoregular'; }
.pdlist > li > a{color: #fff;}
.pdlist > li:hover,.pdlist > li.act:hover {background:#003046;}
.pdlist > li.act{background:#ed430e;}
.pdlist > li[rel="padless"]{ padding-top: 10px;line-height: 15px}
.prdmfnone{display:none;}

/***Careers****/
.careerp{padding-top:75px;}

/*** forms***/
.staticforms{margin-bottom:20px;}
.staticforms input[type=text]{width:390px;border-radius:0;margin:12px 0;}
.staticforms input[type=submit]{width:90px;background:#ed430e;color:#fff;border:none;display:inline-block;border-radius:0;margin-right:10px;margin:12px 0;}
.staticforms input[type=submit]:hover{background:#B90000;}
.staticforms input[type=reset]{width:90px;background:#BFBFBF;color:#fff;border:none;display:inline-block;border-radius:0;margin:12px 0;}
.staticforms input[type=reset]:hover{background:#8F8E8E;}
.staticforms textarea.form-control{width:390px;height:100px; resize: none;margin:12px 0;}
.staticforms label{color:#555;font-weight:normal;}
.staticforms p{margin-bottom: 10px;display:block;font-size:14px}
.staticforms input[type=checkbox]{margin:0px 15px;}

/***Downloads***/
.dwldtable { border: none; width: 100%; position: relative; margin-bottom:20px; }
.dwldtable > thead { font-size: 14px; line-height: 20px; color: #00283b; background-color: #e0e0e0; padding: 0 15px; text-align: left; text-transform: capitalize; }
.dwldtable > thead > tr > th { padding: 7px 10px; }
.dwldtable > tbody > tr { border-bottom: 1px solid #ddd; min-height: 35px; }
.dwldtable > tbody > tr > td { padding: 7px 10px; }
.dwldtable > tbody > tr > td.nodata { width:100%;text-align:center;color:#ed430e;}
img.dwldpdf { height: 25px; width: 20px; }
.dwldrowcntr { text-align: center;}
.dwldcnt { line-height:20px;text-align:justify;color:#FD0207; }
.dwldimg { margin-bottom:20px; }
#cmnpdf{margin: 20px 0px 5px 0px;
  
    padding: 5px 00px;
   
    text-align: center;
    display: inline-block;}
#cmnpdf > a{
    color: #fff;
    font-size: 14px;
    margin: 5px 17px 0 0;
    padding: 5px 10px;
    background: #008f4f;
    text-align: center;
    display: inline-block;}

#cmnpdf > a:hover{background:#003851;}
.mfonlinedwnloads{
  
    padding: 5px 00px;
   
    text-align: center;
    display: inline-block;}
    .mfonlinedwnloads>a{color: #fff;
    font-size: 14px;
    margin: 5px 17px 0 0;
    padding: 6px 0px;
    background: #008f4f;
    text-align: center;
    width: 135px;
    display: inline-block;
    text-transform: uppercase;}
      .mfonlinedwnloads>a:hover{background:#003851;}
    
/***Circular***/
.commondwnldbtn { font-size: 13px; padding: 2px 15px; text-align: center; background: #fd0807; color: #FFF6F6; border-radius: 5px; border-bottom: 2px solid #b32400; }
.commondwnldbtn:hover { position: relative; top: 1px; color: #fff; border-bottom: none; }
/***company profile Shareholding***/
ul.holdermenu { display: block; text-align: right; margin-bottom: 0; display: none; padding: 10px;  }
ul.holdermenu > li { display: inline-block; text-align: center; list-style-type: none; margin: 0px; padding: 7px 0; transition: all 0.5s ease; margin-right: 5px; }
ul.holdermenu > li > a { color: #00283b; cursor: pointer; padding: 0 15px; width: 100%; display: block; text-transform: capitalize; font-size: 18px; }
ul.holdermenu > li.active > a, ul.holdermenu > li:hover > a { cursor: default; padding: 10px; background: #ed430e; color: #fff; }
/*media center*/
.mediastyle{ padding: 35px 0; }
.mediastyle  a { width: 25%; float: left; height: 215px; background-repeat: no-repeat; background-size: cover; position: relative; border: 4px solid #fff; transition: all 0.5s ease; z-index: 0; overflow: hidden; }
.mediastyle  a:hover > b { height: 100%; }
.mediastyle  a > b { position: absolute; width: 100%; height: 35px; background: rgba(0, 0, 0, 0.65); bottom: 0; transform-origin: top; transition: height 0.5s ease; }
.mediastyle  a span { color: #fff; position: absolute; left: 0; right: 0; text-align: center; font-size: 12px; top: 50%; margin-top: -8.5px; }
.mediastyle  a span:after { content: ''; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' style='Fill:%23fff;' viewBox='0 0 490.4 490.4' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M245.2,490.4c135.2,0,245.2-110,245.2-245.2S380.4,0,245.2,0S0,110,0,245.2S110,490.4,245.2,490.4z M245.2,24.5 c121.7,0,220.7,99,220.7,220.7s-99,220.7-220.7,220.7s-220.7-99-220.7-220.7S123.5,24.5,245.2,24.5z'/%3E%3Cpath d='M138.7,257.5h183.4l-48,48c-4.8,4.8-4.8,12.5,0,17.3c2.4,2.4,5.5,3.6,8.7,3.6s6.3-1.2,8.7-3.6l68.9-68.9 c4.8-4.8,4.8-12.5,0-17.3l-68.9-68.9c-4.8-4.8-12.5-4.8-17.3,0s-4.8,12.5,0,17.3l48,48H138.7c-6.8,0-12.3,5.5-12.3,12.3 C126.4,252.1,131.9,257.5,138.7,257.5z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); height: 30px; width: 30px; display: block; margin: 9px auto 0; }


#popupmedia .modal-dialog{top:50px;width:800px;}
#popupmedia .modal-body{ padding:0;}
#popupmedia a{color: #fff;position: absolute;right: 0;top: 0;font-size: 28px;opacity: 9;z-index: 3;width: 30px;text-align: center;height: 30px;line-height: 30px;cursor: pointer;background-color: black;}
#popupmedia .modal-content{/* background-color: #fff; */border-radius: 0;padding: 0;border:none;}
#popupmedia .modal-backdrop.in {opacity: .8;}
.popupmediapopup{width:500px;height:200px;}
#popupmediapopup .owl-buttons div {display: inline-block;zoom: 1;padding: 0;position: absolute;font-size: 25px;border-radius: 50%;background: none;opacity: 1;color: #ffffff;bottom: 0;background-color: rgba(240, 97, 53,.78);width: 35px;height: 35px;top: 50%;margin-top: -17px;}
#popupmediapopup .owl-buttons div.owl-prev {left: 0;}
#popupmediapopup .owl-buttons div.owl-next {right: 0;}
#popupmediapopup .owl-item{width:500px;}