/* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); /*html { scroll-behavior: smooth; }*/ body { background:#ffffff !important;} * { box-sizing: border-box; text-decoration: none; outline:none; border: none; } :focus, :visited { text-decoration: none; outline: 0px;} .pnc_wrapper { width: 1260px; margin: 0 auto;} .name_left { float: left; width: calc( 100% - 200px ); } .trfl_right { float: right;} .optrade {font:900 12px 'Lato', arial; color: #000 !important; padding:6px 10px; border: 1px solid #DBE9F0; border-radius: 3px; background: #f7f7f7; margin-bottom: 10px; display:inline-block; float: right; text-decoration: none !important;} .nsebse_fo { float: left;} .nsebse_fo select {font:700 11px 'Lato', arial; padding:6px 10px; border: 1px solid #999999; border-radius: 3px; background: #fff; margin-bottom: 10px; margin-right: 5px; } .vichain {color: #1A6DA4;font:700 10px 'Lato', arial;text-transform: uppercase;} .indices_namntab { margin-bottom:10px; margin-top:5px; background: url("https://images.moneycontrol.com/assets/images/indian_indices/bg_borderblue.jpg")left bottom -33px repeat-x; padding-bottom:20px;} .inid_name { width:calc(100% - 300px); } .inid_name h1 { font:700 30px 'Lato', arial; color: #000000;} .inid_name span {font:11px 'Lato', arial; display: block; color: #999; } .inid_name span strong {color:#333333;font:11px 'Lato', arial;} .inid_name span strong a{color:#333333 !important;font:11px 'Lato', arial;} .inindi_price { width:53%; float: left; } .indimprice {width:calc( 100% - 290px ); float: left;} .indimprice p { margin-top:10px; color: #999999; font:12px 'Lato', arial; } .pricupdn {font:700 23px 'Lato', arial; color:#D95858; } .grn { color: #39A97C; } .ired { color: #D95858; } .iblue { color: #0011D9; } .iyellow { color:#CB9504; } .reddownarow { border-top: 10px solid #D95858; margin-right:5px; vertical-align: middle; border-left: 10px solid transparent; border-right:10px solid transparent; display: inline-block;} .greenuparow { border-bottom: 10px solid #39A97C; margin-right:5px; vertical-align: middle; border-left: 10px solid transparent; border-right:10px solid transparent; display: inline-block; } .inditrade {background:#000000; width: 80px; text-align: center; margin-top:10px; font:700 12px/27px 'Lato', arial; display: inline-block; border-radius: 3px; color: #fff; cursor: pointer;} .inditrade:hover, .inditrade:focus {color: #fff; text-decoration: none;} .indprirange { width:280px; float: right;} .rangamount { color: #000000; font:15px 'Lato', arial; } .drang { color: #777777; font:700 14px 'Lato', arial; margin-bottom: 10px; } .returnsel { border: none; background: #F5F5F5; color: #000000; font:14px 'Lato', arial; padding: 5px 10px 5px 5px; } .txt15 {font:15px 'Lato', arial; } .indprirange p { color: #999999;font:13px 'Lato', arial; margin-bottom: 5px; } .indprirange p .dnarow { display: inline-block; transform: rotate(180deg);} .buildp { font:700 15px 'Lato', arial; margin: 5px 0; text-transform: uppercase; } .rangesick {color: #D95858; margin: 5px 0; font:11px 'Lato', arial; } .rangesick span { display: inline-block; vertical-align: middle; border-top: 1px solid #000; position: relative; margin: 0 5px; width: calc(100% - 30px); } .rangesick span strong { position: absolute; left:50%; margin-left: -4px; top: -9px; width: 8px; height: 8px; background:#000; border-radius: 50%; } .rangesick em { font-style: normal; } .inprice1 { color: #000; font:700 54px 'Lato', arial; } .indigraph { width:45%; float: right;} .link_grey { color: #333333; margin-top:5px; text-decoration: underline; font:14px 'Lato', arial; } .pre_opningtxt { font:14px 'Roboto', arial; color:#333333; margin-bottom: 5px; } .pre_opningtxt span { vertical-align: middle; margin-left:5px;} .earn_exp { margin-top:30px;} .earn_exp span { color: #808080; margin: 0 5px; font:12px 'Lato', arial; vertical-align: middle; } .earn_exp svg { vertical-align: middle; } .earn_exp .bellic { color:#E3473D; margin-right:2px; vertical-align: middle;} .followindi { margin-right: 20px; background:#000000; width:88px; height:25px; border-radius:2px; font:700 11px/25px 'Lato', arial; color: #fff; text-align: center; display: inline-block;} .folowmenu { cursor:pointer; color:#666666; display:inline-block; vertical-align: middle;} .folowmenu ul { border:1px solid #000; padding:10px 0px; right:0px; left: auto; min-width: 120px;} .folowmenu ul li a { padding:4px 10px; color:#000000; font:13px 'Lato', arial; } .folowmenu ul li span { color:#000000; margin-right:5px; display: inline-block; width:20px; vertical-align: middle;} .folowmenu ul:before { content:""; position: absolute; background:#fff; border:1px solid #1A6DA4; right:10px; top: -6px; transform: rotate(45deg); border-right: none; border-bottom: none; width: 10px; height: 10px;} .folowmenu ul li a:hover { background: #e3e3e3;} .adv_chart { margin-left: auto; display: flex; margin-bottom: 10px; color:#000000; font:700 12px 'Lato', arial; padding: 10px; border: 1px solid #DBE9F0; border-radius: 3px; width:max-content; background: #fff;} .graphg img { width: 100%; height: auto; } .tab-pane { display:none; } .tab-pane.active { display: block;} .content_wrap { margin-top: 30px;} .not_tradedbx {color: #000; font:600 18px/50px 'Roboto', sans-serif; padding-top: 20px; } .com_overviewcnt { font: 400 14px/20px 'Roboto', Arial, sans-serif; margin:0px 0px 20px 0; width:98%;} .vmore_plus { color: #f19f29!important; font: 400 14px robotoregular, Arial, sans-serif; padding-left: 5px; text-decoration: none!important } .morecontent span { display: none } /* sticky index content*/ .sticknsebs { position:sticky; margin-left:calc( 100% - 490px ); z-index: 999; border-radius:0px 0px 10px 10px; width:300px; display:none; box-shadow: 0px 5px 25px #00000029; top:68px; transition: all 0.3s;} .sticknsebs.stick { display: block; } .sticknsebs .bot_dtl { color: #AAAAAA; background:#272727; border-radius:0px 0px 8px 8px; padding:5px 10px; font:700 11px 'Lato', sans-serif; } .stickysumenu.stick .sticknsebs { display: block;} .share_aldtl { background: #fff; border:1px solid #898989;} .stickymcont { padding: 5px 10px; display: inline-block;} .stkname { color: #000000;font:900 12px 'Lato', sans-serif; display: inline;} .pcstkspr { display: inline; font:900 12px 'Lato', sans-serif; margin-left: 5px;} .advdecl { color: #39A97C;font:700 11px 'Lato', sans-serif; display: inline; margin-left: 5px;} .inclin_arw { display:inline-block; margin-right:3px; border-bottom:6px solid #39A97C; border-left: 6px solid transparent; border-right: 6px solid transparent;} .decline_arw { vertical-align: middle; display:inline-block; margin-right: 5px; border-top:5px solid #D95858; border-left: 5px solid transparent; border-right: 5px solid transparent; } .advdecl strong { display:inline; padding-left:2px;} .advdecl.red { color:#D95858;} .market_livect { z-index:500; position: fixed; right:0px; bottom:45px; display: none;} .stikstksearch { background:#fff; width: 30px; transition: all 0.3s; position: absolute; right:1px; top:1px; display:none; } .stikstksearch button {background: #EBEBEB; float: right; color:#444444; text-align: center; cursor:pointer; width:30px; height:25px;} .searchinres { display:none; float: left; padding: 5px; width: calc( 100% - 35px );} .expsearcht .stikstksearch {width:calc( 100% - 2px);} .expsearcht .stikstksearch .searchinres { display: block;} .searcinp { color: #666; font:10px/13px 'Lato', sans-serif; padding:0 5px; width: 100%;} .stikstksearch .searchBox { display: none; border: none; box-shadow: none; margin: 0px; height: 23px; left:0px; } .stikstksearch .searchBox .sugBox {right: -1px; top:37px;} .expsearcht .bot_dtl { display: none;} .stickynbsarw { position: absolute; width:19px; height: 19px; border:1px solid #898989; background:#8E8E8E; border-radius:0px 0px 3px 3px; left: -18px; cursor: pointer; transition: all 0.3s; } .stickynbsarw:before { width: 4px; height: 4px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); content: "";position: absolute; left: 50%; top:50%; margin: -3px 0 0 -3px;} .sticknsebs.shrinkstickyp .stpcnbx { display: none;} .sticknsebs.shrinkstickyp { width: 0px; margin-left: calc( 100% - 165px );} .sticknsebs.shrinkstickyp .stickynbsarw { background: #000000; } .sticknsebs.shrinkstickyp .stickynbsarw:before { transform:rotate(-135deg); margin: -3px 0 0 -2px; } /*know your invest css start here */ .main_content { width:calc( 100% - 190px ); float: left;} .stick_ad_right { position: sticky; width: 160px; float: right; top:75px; } /*.knw_binvest { border-top: 3px solid #CECECE; border-bottom:3px solid #CECECE; padding: 20px 0px; margin-bottom: 10px;}*/ .knw_head { color: #000000; font:700 22px 'Lato', sans-serif; padding: 20px 0px;} /* SWOT style start here */ .swot_cnt { margin:0px;} .swotlogo { float:left; padding-top:12px; } .swot_feature { float:right;} .swot_feature ul { margin: 0px;} .swot_feature ul li { border: 1px solid transparent; margin-right:4px; position: relative;float: left; width:240px; height:80px; border-radius: 5px; background: #fff; z-index: 10;} .swot_feature ul li:last-child { margin-right:0px;} .swot_feature ul li span { width:35px; height: 100%; text-align: center; position: absolute; right: 0px; top: 0px; line-height:80px; } .swot_feature ul li a { text-decoration: none; display: block; padding: 10px 40px 10px 10px; color: #000000; font:12px 'Roboto', sans-serif; } .swot_feature ul li a em { font-style: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .swot_feature ul li a strong { margin-bottom: 5px; display: block; font:700 13px 'Roboto', sans-serif;} .swot_feature ul li a strong b {font:13px 'Roboto', sans-serif;} .swot_feature ul li.swli1 { border:1px solid #16A086;} .swot_feature ul li.swli1 strong { color: #16A086;} .swot_feature ul li.swli1 span { border-left: 1px solid #DBF7EE; color:#16A086;} .swot_feature ul li.swli1 .act {stroke:#16A086;} .swot_feature ul li.swli2 .act {stroke:#C0392B;} .swot_feature ul li.swli3 .act {stroke:#2A7FB8;} .swot_feature ul li.swli4 .act {stroke:#E89207;} .swot_feature li.active em { display: none;} .swot_feature ul li.active a strong { font:700 18px/47px 'Roboto', sans-serif; margin: 0px;} .swot_feature ul li.active a strong b {font:18px 'Roboto', sans-serif;} .swtopexpand { position: absolute; right:35px; top: 10px; color:#444; } .swtopclose { position: absolute; right: 15px; top: 10px; cursor: pointer;} .swot_feature ul li.swli1:hover span { background:#16A086; color: #fff; } .swot_feature ul li.swli2:hover span { background:#C0392B; color: #fff;} .swot_feature ul li.swli3:hover span { background:#2A7FB8;color: #fff;} .swot_feature ul li.swli4:hover span { background:#E89207;color: #fff;} .swot_feature ul li.active:hover span { background:none !important;} /*.swot_feature ul li.swli1:hover span { background: #16A086; border-color: #16A086; color:#ffffff; }*/ .swot_feature ul li.swli2 { border:1px solid #C0392B; } .swot_feature ul li.swli2 strong { color:#C0392B;} .swot_feature ul li.swli2 span { border-left: 1px solid #FDE2DD; color:#C0392B;} /*.swot_feature ul li.swli2:hover span { background: #C0392B; border-color: #C0392B; color:#ffffff; } */ .swot_feature ul li.swli3 { border:1px solid #2A7FB8; } .swot_feature ul li.swli3 strong { color:#2A7FB8;} .swot_feature ul li.swli3 span { border-left: 1px solid #E3F4FF; color:#2A7FB8;} /*.swot_feature ul li.swli3:hover span { background:#2A7FB8; border-color:#2A7FB8; color:#ffffff; }*/ .swot_feature ul li.swli4 { border:1px solid #E89207; } .swot_feature ul li.swli4 strong { color:#E89207;} .swot_feature ul li.swli4 span { border-left: 1px solid #F8EFDF; color:#E89207;} /*.swot_feature ul li.swli4:hover span { background:#E89207; border-color:#E89207; color:#ffffff; } */ .swot_count { display: none } .swot_count strong { margin-bottom: 5px; display: block; font:700 15px 'Lato', sans-serif;} .swot_feature li.active {border-bottom: 0px !important; border-radius: 5px 5px 0 0; height: 90px; margin-bottom: -10px;} .swot_feature li.active span { border: none !important; } .close_tab { display: none; cursor: pointer;} .swot_feature li.active span .frwd_arw { display: none;} .swot_feature li.active span .close_tab { display:inline;} #strength .swot_count strong { color:#16A086;} #weakness .swot_count strong { color:#C0392B;} #opportunity .swot_count strong { color:#2A7FB8;} #threat .swot_count strong { color:#E89207;} #strength { background: #EBFFF9;border:1px solid #d9f1ec;} #weakness { background:#FAF8F7;border:1px solid #f9e6dc;} #opportunity { background:#F7FCFF;border:1px solid #daeffb;} #threat { background:#FFFBF5;border:1px solid #f9ebd6;} .noDataAvailable{ font-size: 15px !important } .vendor_txt_main {color: #000000;font: 11px 'Lato', sans-serif;text-align: right;padding-top:12px;} #popup_insider .vendor_txt_main{padding-right:15px;} .swot_feature li .swlicl { display: none;} .swot_feature li.active .swlicl { display:block;} .swot_ftcnt { display: flex; padding:25px; border: 1px solid #16A086; border-radius: 5px; position: relative; top:9px;} .swot_ftcnt ul { height: auto; width:50%; padding-right:25px; } .swot_ftcnt ul li { border-bottom: 1px dashed #E5E7EC; padding: 10px 15px; position: relative; color: #666666; font: 14px 'Lato', sans-serif; } .swot_ftcnt ul li:before {position: absolute; content:""; width:5px; height:5px; border-top:2px solid #16A086; border-right:2px solid #16A086; left: 0px; top:15px; transform: rotate(45deg)} .swot_ftcnt ul:last-child { margin-left: auto; padding-right: 0px; border-left:1px solid #E5E7EC; padding-left: 25px; } #swli2 .swot_ftcnt { border: 1px solid #C0392B; } #swli3 .swot_ftcnt { border: 1px solid #2A7FB8; } #swli4 .swot_ftcnt { border: 1px solid #E89207; border-radius: 5px 0px 5px 5px;} #swli2 .swot_ftcnt ul li:before {border-top:2px solid #C0392B; border-right:2px solid #C0392B;} #swli3 .swot_ftcnt ul li:before {border-top:2px solid #2A7FB8; border-right:2px solid #2A7FB8;} #swli4 .swot_ftcnt ul li:before {border-top:2px solid #E89207; border-right:2px solid #E89207;} .swotbnote { float: left; font:11px 'Lato', sans-serif; } .swotbnote strong { font:700 11px 'Lato', sans-serif;} .disin { display: inline-block; vertical-align: middle;} .info_hoverbx { text-transform: initial; position: absolute; background: #f8fbfc; padding: 10px; color: #333; font: 13px/20px 'Roboto', Arial, sans-serif; border: 1px solid #dcdcdc; border-radius: 3px; width: 300px; z-index: 999; text-align: left; bottom: 17px; left: 50%; margin-left: -150px; display: none;} .info_hoverbx:after { position: absolute; bottom: -7px; left: 48%; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;background: #f8fbfc; transform: rotate(-45deg); content: ""; width: 10px; height: 10px;} .ic_infoh:hover .info_hoverbx { display: block;} .ic_infoh svg { text-transform: none;} .mc_essent { margin-top: 20px; } .bx_mceti { float: left; position: relative;padding:12px 40px 12px 15px; margin-right:20px; width:343px; height:100px; border-radius: 5px; border: 1px solid #E5E7EC;} .bx_mceti:last-child { margin: 0px;} #mcessential_div .bx_mceti:last-child { margin: 0px 20px 0px 0px;} .arw_line { position: absolute; top: 0px; right: 0px; border-left: 1px solid #E5E7EC; width:40px; text-align: center; line-height:100px; height: 100%; color: #000; cursor: pointer; z-index:9;} .bx_mceti .ic_infoh svg { display: inline-block; margin-top: -3px;} .info_hoverbx.bottom a { color: #337ab7; } .bx_mceti.mc_insght { cursor: pointer;} .etiHead { color: #000000; font:700 12px 'Lato', sans-serif; margin-bottom:6px; text-transform:uppercase;} .etiHead a { color: #000000; } .escnt { height:40px; margin-right:15px; position:relative; background: url("https://images.moneycontrol.com/assets/images/pnc/esbg.png") left bottom no-repeat; margin-top:10px; background-size:100% auto;} .esbx { position: absolute; left: 0px; top:0px; width:67px; height: 24px; border-radius: 12px; border:1px solid #444444; color: #000; font:500 9px/22px 'Roboto', sans-serif; text-align: center; margin-left:-34px; } .esbx:after {position:absolute; height:13px; width: 1px; border-left: 1px dashed #E55263; content:""; left: 50%; top:22px;} .esbx1 { background:#E55263; color:#fff;} .esbx2 { background:#ED8A5A; /*left: 50px;*/} .esbx3 { background:#EFE863; /*left:100px;*/ z-index:5; } .esbx4 { background:#95CD4F;/* right:50px; left: auto;*/} .esbx5 { background:#2CA854; /*right: 0px; left: auto;*/ color:#fff;} .esbx2:after {border-left: 1px dashed #ED8A5A;} .esbx3:after {border-left: 1px dashed #EFE863;} .esbx4:after {border-left: 1px dashed #95CD4F;} .esbx5:after {border-left: 1px dashed #2CA854;} .bx_mceti p { color: #333333; font:12px 'Roboto', sans-serif; height:30px; overflow:hidden;} .bx_mceti p strong {font:700 12px 'Roboto', sans-serif;} .trnd { height:34px; justify-content: center; color:#777777; font:14px 'Roboto', sans-serif; border:1px solid #ccc; border-radius:20px; display: flex; align-items: center; margin-right:15px; margin-top:15px;} .trnd span { width:70px; margin:0 10px; text-align: center;} .bbbtn svg { margin-right:5px; } .bbbtn:hover { text-decoration:none; color: #fff;} .verybullish { border:1px solid #2B7C46; } .verybullish a {background: #2B7C46 !important;} .bullish {border:1px solid #52B974;} .bullish a { background:#52B974 !important;} .verybearish { border:1px solid #9D2028;} .verybearish a {background:#9D2028 !important;} .bearish {border:1px solid #E3515A;} .bearish a {background:#E3515A !important;} .neutral {border:1px solid #747474;} .neutral a {background:#747474 !important;} .techNeutral {background:#747474 !important;} .bbbtn { width:calc( 100% - 70px ); height:34px; display:flex; align-items: center; border-radius:0 15px 15px 0px; justify-content: center; color: #FFFFFF !important; font:700 13px/34px 'Lato', sans-serif; text-transform:uppercase; border: none;} .mcinperf { margin-bottom:5px; } .mcinperf .headmcper { font:700 11px 'Roboto', sans-serif; text-transform: uppercase; margin-bottom:5px;} .mcinperf ul li { display: inline-block; position: relative; width:30px; margin-right:2px; height:2px;} .mcinperf ul li span { opacity:0.3; height:2px; display: block; width:100%; position: relative;} .mcinperf ul li em { visibility: hidden; position: absolute; top:-10px; left: 50%; margin-left:-3px;} .mcinperf ul li em svg {vertical-align: top;} .mcinperf ul li.active em { visibility: visible;} .mcinperf ul li.active span { opacity:1;} .mcinperf ul li.strong_level_1 span { background:#ED3E01; color:#ED3E01;} .mcinperf ul li.strong_level_2 span { background:#D45003; color:#D45003;} .mcinperf ul li.strong_level_3 span { background:#BF5F05; color:#BF5F05;} .mcinperf ul li.strong_level_4 span { background:#A77007; color:#A77007;} .mcinperf ul li.strong_level_5 span { background:#8F8109; color:#8F8109;} .mcinperf ul li.strong_level_6 span { background:#78920B; color:#78920B;} .mcinperf ul li.strong_level_7 span { background:#54AC0E; color:#54AC0E;} .mcinperf ul li.strong_level_8 span { background:#36C111; color:#36C111;} .mcinperf .headmcper.sptxt_1 {color:#ED3E01;} .mcinperf .headmcper.sptxt_2 {color:#D45003;} .mcinperf .headmcper.sptxt_3 {color:#BF5F05;} .mcinperf .headmcper.sptxt_4 {color:#A77007;} .mcinperf .headmcper.sptxt_5 {color:#8F8109;} .mcinperf .headmcper.sptxt_6 {color:#78920B;} .mcinperf .headmcper.sptxt_7 {color:#54AC0E;} .mcinperf .headmcper.sptxt_8 {color:#36C111;} #mc_insight .headmcper { padding-left: 0;} /*#mc_insight .headmcper.sptxt_1 {border-left:2px solid #ED3E01;} #mc_insight .headmcper.sptxt_2 {border-left:2px solid #D45003;} #mc_insight .headmcper.sptxt_3 {border-left:2px solid #BF5F05;} #mc_insight .headmcper.sptxt_4 {border-left:2px solid #A77007;} #mc_insight .headmcper.sptxt_5 {border-left:2px solid #8F8109;} #mc_insight .headmcper.sptxt_6 {border-left:2px solid #78920B;} #mc_insight .headmcper.sptxt_7 {border-left:2px solid #54AC0E;} #mc_insight .headmcper.sptxt_8 {border-left:2px solid #36C111;}*/ #mc_insight .mcinperf ul li { width: 28px; height: 3px; margin-right: -2px; } #mc_insight .mcinperf ul li span { height:4px; } .mc_essentialscnt { position: relative; top: -1px; display: none;} .mc_essentialscnt.showmcs { display: block; } .mcess_mcnt { display: flex; border:1px solid #E5E7EC; z-index: 0; background:#F7F8FB; border-radius:0px 5px 5px 5px; } .ntfound{display:flex; justify-content: center;align-items: center; min-height: 100px; font-size: 14px;} .mcesfbx { padding: 25px; width:50%; } .mcesshead { color: #000000; font:700 14px 'Lato', sans-serif; padding-bottom: 10px; border-bottom: 1px solid #ccc;} .mcesfbx li { position: relative; padding:6px 40px 6px 0px; color: #666666; font:14px 'Roboto', sans-serif; border-bottom: 1px dotted #cecece; } .mcesfbx:last-child { border-left: 1px solid #E5E7EC;} .mcesfbx li span { position: absolute; right: 0px; top: 5px;} .bx_mceti.active { z-index: 1; height:120px; border: 1px solid #E5E7EC; border-radius:5px 5px 0px 0px; background:#F7F8FB; border-bottom: none;} .bx_mceti.active .arw_line { border: none; } .bx_mceti .mcesclose { display: none;} .bx_mceti.active svg { display: none;} .bx_mceti.active svg.mcesclose { display: inline-block;} .bx_mceti .ic_infoh { margin-top:2px; vertical-align: middle;} .bx_mceti .ic_infoh a#info { color:#000;} .closemces { position: absolute; right: 10px; top: 10px; cursor: pointer;} .overview_section { margin-top: 30px;} .sub2menu { border-bottom: 1px solid #E5E7EC; margin-bottom:20px; } .sub2menu li { float: left; margin-bottom: -2px; } .sub2menu li a { color: #555555; border-bottom: 2px solid transparent; font:13px 'Lato', sans-serif; display: block; padding: 0px 7px 12px; } .sub2menu li a:hover, .sub2menu li.active a { text-decoration:none; font:700 13px 'Lato', sans-serif; border-bottom: 2px solid #000000; color: #000000;} .oview_table {float:left; width:245px; margin-right:30px;} .oview_table:last-child { margin:0px; } .oview_table td { padding:6px 5px; border-bottom: 1px dotted #E5E7EC; font:14px 'Roboto', sans-serif; color: #808080; } .oview_table td:last-child {font:700 14px 'Lato', sans-serif; text-align: right; color: #000; } .select_sub2menu { display: none;} /* advance chart css satrt here*/ #advchart { margin:30px 0px;} .adv_charthead { background:#F7F8FB; border-radius: 3px; height: 38px; cursor:pointer;} .adv_arw { background:#EDEFF5; width: 46px; float: left; height: 38px; margin-right: 20px; position: relative; border-radius: 3px 0 0 3px;} .adv_arw:before { position: absolute; width:6px; height:6px; content: ""; border-left: 2px solid #000000; border-bottom:2px solid #000000; transform: rotate(-45deg); left:50%; top: 50%; margin:-6px 0 0 -6px; } .adv_hed { color: #000000;font:700 22px/38px 'Lato', sans-serif; display: inline-block; text-transform: uppercase; margin-left:7px; margin-right: 20px; } .adv_charthead span.acclickex { display: inline-block; vertical-align:top; color: #808080; font:12px/38px 'Lato', sans-serif;} .adv_charthead svg { vertical-align: baseline;} .advchart_graph { display: none;} .adv_charthead.accorcollaps span.acclickex { display:none;} .adv_charthead.accorcollaps .adv_arw:before {transform: rotate(135deg); margin: -3px 0 0 -6px;} .banner_frame { background: #fff;margin: 0 auto; padding:5px; } .banner_frame p { text-align: center; color: #717171; font:12px/15px 'Lato', sans-serif;} .b728x90 { width: 900px; text-align:center;} .common_heading, .title_indi22, .title_24px { color: #000000; font:700 22px 'Lato', sans-serif; border-bottom: 3px solid #CECECE; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase;} .common_heading h2 { font:700 22px 'Lato', sans-serif;} .common_heading a, .title_indi22 a {color: #000000; text-decoration: none;} .grey_bx { background: #F7F8FB; border-radius:5px; padding: 15px; } /* mc insight css start here */ #mc_insight { margin-top: 30px;} .mcpperf { margin-bottom: 20px; font-size: 14px; font-family: "Roboto", sans-serif;} .mcpperf p {font:14px 'Roboto', sans-serif; position: relative; padding-left: 10px; } .mcpperf p strong {font:700 14px 'Roboto', sans-serif;} .mcpperf p.border_gray:before { position: absolute; content: ""; left: 0px; top: 0px; height:100%; width: 2px; background: #747474;} .mcpperf p.border_red:before { position: absolute; content: ""; left: 0px; top: 0px; height:100%; width: 2px; background: #E3515C;} .mcpperf p.border_green:before { position: absolute; content: ""; left: 0px; top: 0px; height:100%; width: 2px; background: #52B974;} .mcinhead { color: #000000; font:700 14px 'Lato', sans-serif; border-bottom: 1px solid #CDD1DB; padding-bottom: 10px; margin-bottom: 10px; display: block; position: relative;} .mcinhead:after { position: absolute; right:2px; top:3px; border-top: 2px solid #999; border-right: 2px solid #999; width:8px; height: 8px; content: ""; transform: rotate(45deg)} .mcinhead:hover { text-decoration: none;} .mcibx_cnt { display: flex; } .mcinbx { width: 252.5px; margin-right:20px; } .mcinbx li { border-bottom:1px dotted #CECECE; padding:10px; color: #333333; font:14px/18px 'Roboto', sans-serif; position: relative;} .mcinbx li.last { padding-bottom:0px; border-bottom: none;} .tar { text-align: right; } .seemore { margin-left: 10px; display: inline-block; border: 1px solid #DEDEDE; padding: 0 10px; min-width: 85px; height: 22px; color: #000000; font:11px/20px 'Roboto', sans-serif; text-align: center; } .seemore svg { margin-right: 3px; vertical-align: middle;} .mcinbx:last-child { margin-right: 0px;} .mcinbx li.red:before, .mcinbx li.green:before, .mcinbx li.nutral:before {position: absolute; content: ""; left: 0px; top:10px; height:18px; width: 2px; background: #E3515C;border-radius: 2px; height:calc( 100% - 20px ); } .mcinbx li.green:before {background:#52B974; } .mcinbx li.nutral:before {background:#747474; } .mcinbx li a { color:#333; text-decoration: underline;} .fpioi {text-align: center; margin-bottom: 10px; border-bottom: 1px dotted #CECECE;} .pio {color: #333333; font:14px 'Roboto', sans-serif; margin-bottom: 10px;} .nof { display: inline-block; background:#52B974; width: 34px; height: 34px; border: 1px solid #B1DDBF; text-align: center; color: #fff; font:700 16px/31px 'Lato', sans-serif; border-radius: 50%; margin-bottom: 10px;} .nof.red { background:#E3515C; border-color:#FF9F9F; color:#fff; } .nof.orange { background:#9A9A9A; border-color:#BFBFBF; } .fpioi p { margin-bottom: 10px; color: #333333; font:700 14px 'Roboto', sans-serif;} .fpioi p em {font:13px 'Roboto', sans-serif; font-style: italic;} .fcgrg { color: #333333; font:700 14px 'Roboto', sans-serif; margin-bottom: 10px; } .frevdat td { font:14px 'Roboto', sans-serif; color: #333333; padding:5px 0px; border-bottom: 1px dotted #CECECE;} .frevdat td:last-child { font:700 14px 'Roboto', sans-serif; text-align: right;} .mc_link { margin-top: 15px;} .mc_link ul li { float: left; margin-right:13.2px;} .mc_link ul li a { display: block; background: #F7F8FB; border-radius: 3px; height: 34px; font:700 14px 'Roboto', sans-serif; color: #333333; padding:8px 20px; font:700 10px 'Lato', sans-serif; text-transform: uppercase;} .mc_link ul li span { margin-right: 5px; display: inline-block; vertical-align: middle;} .mc_link ul li a:hover { text-decoration: none; } .mc_link ul li:last-child { margin: 0px;} .bellnotify { position: relative; display: inline-block;} .bellnotify b { position: absolute; top:-8px; right: -10px; width:15px; height: 15px; border-radius: 50%; background:#C0392B; color: #fff; text-align: center; font:10px/15px 'Roboto', sans-serif;} /*technical rating css start here */ #mc_technical { margin-top:30px; margin-bottom: 30px} .techdetail { width:calc( 100% - 360px ); float: left;} .techbull { float: left; width:calc( 100% - 350px); padding-right: 20px; border-right:1px solid #C9C9C9;} .mctab { border-bottom:1px solid #d1d1d1; margin:0px 0 20px 0; padding:0px;} .mctab li { display:inline-block; margin-bottom:-1px;} .mctab li a { margin-bottom:2px; font:12px 'Lato', sans-serif; text-decoration: none; color:#555555; display:block; padding:0px 15px 12px 15px;} .mctab li.active a, .mctab li a:hover { color:#000; font:700 12px 'Lato', sans-serif; margin:0px; border-bottom:2px solid #000;} .heade14txt { color: #333333; text-transform: uppercase; font:700 14px 'Lato', sans-serif;} .techbull .trnd { margin-right:0px; height:40px;} .techbull .trnd span { width:60px; margin:0 5px;} .techrbull {background: #2B7C46; height:40px; display: flex; padding: 0 10px;color: #FFFFFF !important; text-align: center;font:700 12px/40px 'Lato', arial; border-radius:40px; width:calc( 100% - 50px ); justify-content: center; align-items: center;} .techrbull:hover, .techrbull:visited { color:#fff; text-decoration: none;} .techrbull svg { margin-right: 5px;} .techtest_left { float: left; width: 200px;} .techtest_left .ic_infoh { margin-top: 0px; font: caption;} .vh_right { float:right; padding-top:12px;} .techrating { padding-bottom: 15px; border-bottom: 1px solid #E5E5E5;} .techrating .viewmore { text-align: right; margin-bottom:10px;} .techrating .viewmore a { display: inline-block; font: 14px 'Roboto', sans-serif; color:#444444 !important;} .viewarw { display: inline-block; background: url(https://img-d01.moneycontrol.co.in/images/responsive/pf/sprite_styleguide.png) -11px -9px no-repeat; width: 9px; vertical-align: middle; height: 10px;} .techrbull:visited, .techrbull:focus, .techrbull:hover { color:#fff; text-decoration:none;} .techavtbl { width:330px; float: right; } .techavtbl table td { padding:5px 0; color: #808080;font:14px 'Roboto', sans-serif; border-bottom:1px dotted #E5E7EC;} .techavtbl table td:last-child { text-align: right; font:700 14px 'Roboto', sans-serif; } .techavtbl table tr:last-child td { border-bottom: none; padding-bottom: 0px;} .txt_verybull { color:#2B7C46;} .txt_bull { color:#52B974;} .txt_verybear {color:#9D2028;} .txt_bear {color:#E3515A;} .txt_neut {color:#747474;} .pioleve { margin-top: 20px;} .tblvbrd { margin-top: 10px; font-size: 12px; } .tblvbrd .mctable1 td:first-child, .tblvbrd .mctable1 th:first-child {text-align: left;} .tblvbrd .mctable1 th { background:none; text-align: center; border-top:1px solid #CDD1DB; border-right: 1px dotted #CDD1DB; } .tblvbrd .mctable1 td:last-child, .tblvbrd .mctable1 th:last-child { border-right: none;} .tblvbrd .mctable1 td {padding:10px; font:500 12px 'Roboto', sans-serif; border-right: 1px dotted #CDD1DB; border-bottom: 1px dotted #CDD1DB; text-align: center;} .fn_semibold { font:700 14px 'Roboto', sans-serif !important;} .brd_bot, .mctable1 th {border-bottom: 1px dotted #CDD1DB; padding:10px;} .mctable1 th { font-family:'Roboto', sans-serif; font-weight:700; } .pioleve p { color: #808080; font:12px 'Lato', sans-serif; margin-top: 10px; } .pioleve p strong { color: #333;} .moving_average { width:330px; float: right;} .trhead { color: #000000; font:700 14px 'Lato', sans-serif; border-bottom: 1px solid #CDD1DB; padding-bottom: 10px; margin-bottom: 15px;} .moving_average table th {border-bottom: 1px solid #CDD1DB; padding:0px 10px 15px; color: #000000; font:700 12px 'Lato', sans-serif; } .moving_average table th:last-child { text-align: right;} .moving_average table th select { border: 1px solid #CCCCCC; min-width: 90px; padding:5px; font:500 11px 'Roboto', sans-serif; border-radius: 3px;} .moving_average table td { border-bottom: 1px dashed #CECECE; padding: 15px; font:500 12px 'Roboto', sans-serif; } .moving_average table td:last-child { font:700 12px 'Roboto', sans-serif; text-align: right;} /* price and volume css start here */ #price_volume { margin-top: 30px; } .priv_head { color:#000000; font:700 14px 'Lato', sans-serif; margin-bottom:15px; margin-top: 10px; } .price_perfo { float: left; width: 420px;} .vol_anyl { float: right; width: 610px;} .price_perfo table td { padding:10px 0; color:#333333;font:14px 'Lato', sans-serif; border-bottom: 1px dashed #CECECE;} .price_perfo table td:first-child { font:12px 'Roboto', sans-serif; text-align: left;} .price_perfo table td:nth-child(2){ padding-right: 5px; text-align: right;} .ppgraph { height: 11px; display: inline-block; width: auto;} .ppgraph.red { background:#E58D93;} .ppgraph.green { background:#8FC7A2; } /*news section start here */ #news { margin-bottom: 30px;} .newsblock1 { float: left; width:730px; } .newsblock1 figure { float: left; margin-right: 20px;} .newsblock1 figure img { border-radius: 5px;} .newsblock1 p { overflow: hidden; } .newsblock1 h3 a { color: #000000; font:700 28px/36px 'Roboto', sans-serif; margin-bottom:15px; display: block; } .newsblock1 span { color: #808080; font:13px/18px 'Roboto', sans-serif; display: block; } .adslot_300x250 { float: right;} .news_list { margin-top:20px; margin-bottom: 15px; } .news_list li { width: 240px; float: left; margin-right:36px; } .news_list li figure { margin-bottom: 10px;} .news_list li figure img { display: block; border-radius: 5px; width: 100%; height: auto; } .news_list li a { color: #000000; font:14px/18px 'Roboto', sans-serif; display: block; } .news_list li span { display: block; margin-top:10px; color: #808080;font:10px/18px 'Roboto', sans-serif; } .news_list li:last-child { margin-right: 0px;} /* broker research css start here*/ #broker_research { margin-top: 30px; margin-bottom: 30px;} .brrs_stock { width: calc( 100% - 270px); float: left;} .brrs_bx { width:240px; float: left; margin-bottom: 15px; padding:20px 15px; margin-right: 40px; min-height:160px; } .brrs_bx:nth-child(3n+3) { margin-right: 0px;} .br_date { color: #808080;font:9px 'Roboto', sans-serif; margin-bottom: 10px;} .button_buy { width: 100%; text-align: center; border-radius: 5px; background: #52B974; color:#FFFFFF; font:700 12px 'Lato', sans-serif; margin-top: 15px; text-transform: uppercase; padding:6px 0; margin-bottom: 15px; cursor: default;} .button_buy.sell { background: #E3515C;} .button_buy.hold { background: #727272;} .brstk_name { float: left; width:calc( 100% - 20px ); font:700 14px 'Roboto', sans-serif; color: #000000; } .brstk_name h3 {font:700 14px 'Roboto', sans-serif;} .download_report { float: right; width: 15px;} .download_report a { color: #000;} .brrs_bx table td, .bd_bx table td { color: #808080; font:11px 'Lato', sans-serif; } .brrs_bx table td strong, .bd_bx table td strong { color: #333333; font:14px 'Lato', sans-serif; display: block; margin-top: 2px; } .bd_bx table td { padding-right: 15px;} .bd_bx table td:last-child { padding: 0px;} .broker_report { width:240px; float: right;} .broker_report ul li { padding:10px 0; border-bottom:1px dotted #cecece;} .broker_report ul li a { color: #000; font:14px/19px 'Roboto', sans-serif; display: block;} .broker_report ul li:first-child { padding-top: 0px;} .bd_bx table td a{color: #333333 !important;} /* deals css start from here*/ #deals { margin-bottom: 30px; margin-top:30px;} #deals .dealbx > .clearfix{display:flex;flex-wrap: wrap;} #insider .deals > .clearfix{display:flex;flex-wrap: wrap;} #broker_research .brrs_stock > .clearfix{display:flex;flex-wrap: wrap;} #insider .deals > .clearfix .bd_bx{ width:31%;} #insider .deals > .clearfix .bd_bx:nth-child(3n+3){ margin-right:0px;} #insider .deals > .clearfix .bd_bx .btndeal{ width:auto; max-width:200px;} .deal_head { color: #000000; margin-bottom: 15px; font:700 14px 'Lato', sans-serif; } .dealbx:last-child { padding-right: 0px; padding-left: 15px; border-left: 1px solid #EBEBEB; } .bd_bx { width:244px; float: left; margin-right:10px; padding:20px 15px; min-height: 160px; margin-bottom: 15px;} /*#deals .bd_bx:nth-child(4n+4) { margin-right: 0px;}*/ .bd_bx .br_date { float: left; line-height: 16px;} .btndeal { float: right; background: #52B974; border-radius: 3px; width: 58px; text-align: center; color: #fff; text-transform: uppercase; font:700 10px 'Roboto', sans-serif; padding:3px; cursor:default;} .btndeal.sell { background: #E3515C;} .bd_bx .brstk_name { margin-top: 10px; margin-bottom:0px; } .dealmore { border-top:1px solid #EBEBEB; text-align: center; margin-top: 30px;} .dealmore a { display:inline-block; background: url("https://images.moneycontrol.com/assets/images/pnc/more_down.jpg") left top no-repeat; width:73px; height: 18px; position: relative; top: -2px; color: #444444; font:12px 'Lato', sans-serif; } .dealmore a:hover { text-decoration: none;} .vmorele { display: none;} .desinper { color:#333333;font:11px 'Roboto', sans-serif; margin-bottom: 10px; } .dealbx .bd_bx .brstk_name { margin-bottom: 5px;} .dealbx .br_date { margin: 0px;} /* insider css start here */ #insider { margin-top: 30px; margin-bottom: 30px;} .inside_head { color: #000000; font:700 14px 'Lato', sans-serif;} .insider_bx { width: 525px; float: left; } .insider_bx.last_bx {float: right;} .insider_bx p { color: #666666; font:12px 'Roboto', sans-serif; font-style: italic; margin-bottom: 15px; } .insider_bx table { border: 1px solid #DBE9F0; margin-bottom: 15px; } .insider_bx table thead th { color: #000000; font:700 12px 'Lato', sans-serif; padding: 15px 12px; border-bottom: 1px solid #E4E4E4;} .insider_bx table thead th:nth-child(2) { text-align: center;} .insider_bx table tbody tr td { color: #333; font:12px 'Roboto', sans-serif; padding: 5px 12px;} .insider_bx table tbody tr:nth-child(even) {border-bottom: 1px solid #E4E4E4; } .insider_bx table tbody tr td:first-child { color: #000000; font:700 12px 'Roboto', sans-serif;} .insider_bx table tbody tr:last-child td { border-bottom: none;} .insider_bx table tbody td:nth-child(n+3) { text-align: right;} .insider_bx table thead th:nth-child(n+3) { text-align: right;} /* corporate action css start here */ #corporate_action { margin-bottom: 30px; margin-top: 30px;} .corpoact_news { float: left; width:calc( 100% - 330px );} .corpoact_news .mctab li a { padding:0px 20px 15px 20px;} .ad_right { float: right; margin-top:30px;} .corpo_actionlist li { border-bottom: 1px dashed #CECECE; padding:15px 0; } .corpo_actionlist .cadate { float:left; width:170px; color: #808080; font:12px 'Roboto', sans-serif; } .corpo_actionlist .copatxt { float: left; width:470px;} .corpo_actionlist .copatxt a { color: #333333; font:14px/19px 'Roboto', sans-serif; } .corpo_actionlist .copatxt a strong h3 { display: block; color: #000000; font:700 14px 'Roboto', sans-serif; margin-bottom:3px; } .downld_repo { float: right; cursor: pointer; color:#000; } #ca_boardmeet table td, #ca_boardmeet table th { text-align: left;} .downld_repo a { color: #000;} #corporate_action .mctable1 td, #corporate_action .mctable1 th { text-align: left;} /*== financials ==*/ #financials { margin-top: 30px; margin-bottom: 30px;} .submenu_block {position: relative;} .financials_tabs_block .sub2menu { margin-bottom: 0px;} .financials_tabs_block .sub2menu li a {padding: 18px 15px;} .financials_tabs_block .sub2menu li.active a {font-family: 'Lato'; font-weight:700;} .fnsebsetab ul { padding: 0px; margin: 0px; display: inline-block;} .rsincr { float: right; margin-top:9px; } .fnsebsetab li { position: relative; display: inline-block; position: relative; margin-right: 2px; } .fnsebsetab li a { display: block; padding:0px 10px; color: #808080; font:700 12px/25px 'Lato', sans-serif; border-radius: 3px; border: 1px solid transparent;} .fnsebsetab li.active a, .fnsebsetab li:hover a { background: #fff; border: 1px solid #000000; font-weight: bold; color: #000000; text-decoration: none; } .fnsebsetab li.active a:after, .fnsebsetab li:hover a:after { border: solid #000000; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(45deg); background-color: transparent; outline: 0; content: ""; position: absolute; left: 46%; top: 23px; background-color: #fff;} .tabs_list { float: left; width: calc( 100% - 635px ); } .tabs_list li {border-radius: 5px; padding:0 20px; border-bottom: 1px dashed #F7F8FB;} .tabs_list li.active {background-color:#F7F8FB; border: none; width:110%; } .tabs_list li a {font:700 12px/44px 'Lato', sans-serif; color: #808080; display: block;} .tabs_list li a:hover {text-decoration: none;} .tabs_list li.active a {color: #000000;} .financials_tabs_block .left_block {width:calc( 100% - 210px ); float: left;} .financials_tabs_block .right_block { width:180px; float:right;} .quick_links {margin-top:15px;} .quick_links .title {font:700 12px/22px 'Lato', sans-serif; color: #000000;} .quick_links li {display: block;} .quick_links li a {font:700 12px/22px 'Lato', sans-serif; font-weight: normal; color: #808080; text-decoration: none;} .quick_links.download_annual_reports {margin-top: 15px;} .quick_links.download_annual_reports li {float: left;} .quick_links.download_annual_reports li a {font:700 12px/24px 'Lato', sans-serif;} .quick_links.download_annual_reports li a:after {content: "|"; padding-left: 7px; margin-right: 7px; color: #808080; font-size: 11px;} .quick_links.download_annual_reports li:last-child a:after {display: none;} .quick_links.download_annual_reports li.active a, .quick_links.download_annual_reports li a:hover { color:#000; text-decoration: underline;} #financials .fnsebsetab { background: #F8F8F8; padding: 15px 14px;} #financials .mctable1 td{ font-weight:400;} #financials .mctable1 td:first-child{ font-weight:700;} .foverview { float: right; width:630px;} .pdf_icon {display: inline-block; vertical-align: baseline; background: url("https://images.moneycontrol.com/assets/images/pnc/pdf.png") no-repeat; width: 10px; height: 13px; margin-left: 5px; background-size: contain;} .radius_radio_buttons {position: absolute; right:0px; top:0px;} .radius_radio_buttons .radio_button input { visibility: hidden; margin: -3px -2px; } .radius_radio_buttons .radio_button { background-color: #ffffff; border: 2px solid #CECECE; border-radius: 20px; display: inline-block; text-align: center; cursor: pointer; margin-left: -20px; transition: .5s all; font:700 9px/11px 'Lato', sans-serif; color: #808080; padding: 5px 26px;} .radius_radio_buttons .radio_button.checked { border: 2px solid #000; color: #333333; position: relative; z-index: 9; padding: 5px 20px;} .radio_button_text { display: inline-block; margin-left: -10px; } .radius_radio_buttons .checked .radio_button_text { color: #333333; } .highcharts-label text { font-weight: normal !important;} /*== financials ==*/ /*== tables ==*/ .table-responsive { min-height: auto !important; overflow-x: inherit !important; } .mctable1 { border-top: 1px solid #d1d1d1; } #corporate_action .mctable1 { border:none; } .mctable1 th { border-bottom: 1px solid #d1d1d1;} .mctable1 th, .mctable1 td { font:700 14px/22px 'Roboto', sans-serif; padding: 15px 10px; color: #202020;} .mctable1 td:first-child, .mctable1 th:first-child {text-align: left;} .mctable1 td, .mctable1 th {padding: 12px 7px; text-align: right;} .mctable1 td { font-family: 'Lato', sans-serif;} .mctable1 th.center { text-align: center; } .mctable1 td { color: #333333; border-bottom: 1px solid #ebebeb; } .mctable1 .sec_head th { background: #f6f8fb; font-size: 12px; color: #666; font-weight: normal; border-bottom: 1px solid #d1d1d1; } .mctable1 td .robo_medium { font-family: 'Roboto', sans-serif; color: #333; text-decoration: none; font-weight:500; } .mctable1 td.robo_regular { font-family: 'Roboto', sans-serif; color: #333; text-decoration: none; } .mctable1 td.tbl_greentxt { color: #6bae55; } .mctable1 td.tbl_redtxt { color: #c1433d; } .mctable1 td.grybg { background: #f6f8fb; } .mctable1 tr:hover td { background: #f6f8fb; } /*== tables ==*/ /* shareholding pattern css start here */ #sharepattern { margin-top: 30px;} .shhold_head { color: #000000; font:700 14px 'Lato', sans-serif; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cecece;} .shhold_summery { float: left; width:48%; border-bottom: 1px solid #CECECE; padding-bottom: 20px;} .shold_trend { float: right; width:48%; border-bottom: 1px solid #CECECE; padding-bottom:17px; } .trend_head { color: #000000; font:14px 'Roboto', sans-serif; text-align: center; margin-bottom: 10px;} .sh_summry_chart { min-height:188px; } .sharhold_insight { width:calc( 100% - 370px ); float: left; } .shholdlist { float: right; width: 340px; } .shholdlist li { padding-left: 15px; position: relative;} .shholdlist li.green:before, .shholdlist li.red:before, .shholdlist li.nutral:before { position: absolute; content: ""; width: 2px; height:calc( 100% - 30px); top: 15px; background:#52B974; left: 0px;} .shholdlist li.red:before { background: #E3515C;} .shholdlist li.nutral:before { background: #747474;} .shholdlist li a { padding: 10px 0; border-bottom: 1px dotted #CECECE; color: #000000; display: block; font:14px/19px 'Roboto', sans-serif; } .sharhold_insight table { margin-bottom: 15px;} .sharhold_insight table td { border-bottom: 1px solid #CECECE; text-align: right; padding:15px 10px; font:14px 'Roboto', sans-serif; } .sharhold_insight table th { color: #000000; border-bottom: 1px solid #CECECE; text-align: right; padding:15px 10px; font:700 12px 'Lato', sans-serif; } .sharhold_insight table th:first-child { text-align: left; } .sharhold_insight table td:first-child {font:700 14px 'Roboto', sans-serif; text-align: left;} .holderanalysis { display: inline-block; font-size: 11px; font-weight: normal; vertical-align: middle; } .green_arw { border-bottom:9px solid #52B974; border-left:6px solid transparent; border-right:6px solid transparent; display: inline-block; } .red_arw { border-top:9px solid #E3515C; border-left:6px solid transparent; border-right:6px solid transparent; display: inline-block; } .change_blueleft { opacity: 0.5; border-right:6px solid #1A6DA4; border-top:6px solid transparent; border-bottom:6px solid transparent; display:inline-block;} .change_blueright { opacity: 0.5; border-left:6px solid #1A6DA4; border-top:6px solid transparent; border-bottom:6px solid transparent; display:inline-block;} .change_blueleft.active, .change_blueright.active { opacity: 1;} .shold_trend .mctab { margin: 0px;} /* peers css start here */ #peers { margin-top: 30px;} .peer_tbl { margin-bottom: 15px;} .peer_tbl th { font:700 13px 'Lato', sans-serif; color: #000000; padding: 10px; border-bottom: 1px solid #CECECE; text-align: right;} .peer_tbl th:first-child { text-align: left;} .peer_tbl td { border-bottom: 1px solid #CECECE; padding:10px; color: #333333; text-align: right;font:13px 'Roboto', sans-serif; } .peer_tbl td:first-child { color: #000000; text-align: left;} .peer_tbl td:first-child a { color:#000; } .peer_tbl td .fn_semibold { font:13px 'Roboto', sans-serif !important;} /* forum css start here */ #pcforum { margin-top: 30px;} .title_24px { text-align: left !important;} .forum_widget_main .forum_lhsbx { float:right; width:calc( 100% - 310px ); border: none;} .forum_widget_main .btn-post-forum {padding: 8px 10px; width: 99px; text-align: center; background: #000000;} .title_botline:before { display: none;} .grybg_by { background: #F4F7F9; padding: 10px 0; } .forum_widget_main .op_bld16, .forum_widget_main .txtnm14 { color: #000;} .forum_widget_main .lkcount {background: #666666;} .forum_widget_main .lkcount:before { border-right:5px solid #666666; margin: 1px 0 0 0;} .forum_widget_main .bardf span { background: #666666;} .forum_widget_main .bardf { overflow: hidden;} .icob_f { display: inline-block;margin-right: 3px; color:#444;} .commounity_senti { width: 280px; padding-right: 20px; margin-right: 30px; float: left; border-right: 1px solid #b7b7b7; position: relative } .cht_mt25 { font: 400 15px robotoregular, Arial, sans-serif; color: #707070 } .commounity_senti .chart_fr .txt_pernbd { display: inline-block; width: 50% } .commounity_senti .chart_fr .cht_mt25 { display: inline-block; width: 48% } .bardf .silver { background: #bbb } .banner_right_300x250 { float: right; width: 300px } .commounity_senti:after, .commounity_senti:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .commounity_senti:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 8px; margin-top: -8px } .commounity_senti:before { border-color: rgba(183, 183, 183, 0); border-left-color: #b7b7b7; border-width: 10px; margin-top: -10px } .commounity_senti .title_14px { color: #202020; padding-bottom: 15px; margin-bottom:15px; text-align: left; font:900 14px 'Lato', sans-serif; border-bottom: 1px solid #CECECE; } .txt_pernbd { color: #333; font:300 50px "Lato", sans-serif; vertical-align: top;} .forum_section .chart_fl { float: left; padding-right: 0 } .graph_fl { width: 140px; float: left } .senti_flbxg { padding-bottom: 20px } .buy_sellper { float: left; margin: 20px 0 0 15px } .buy_sellper>li { padding:5px 0; font:400 14px 'Roboto', sans-serif; color: #202020; } .bullet_clr.buy { background-color: #3faf7d } .bullet_clr { display: inline-block; vertical-align: middle; width: 7px; height: 7px; margin-top:-5px; margin-right: 10px; border-radius: 50% } .bullet_clr.sell { background-color: #e15555 } .bullet_clr.hold { background-color: #7b8084 } /*== buy, sell, hold ==*/ .buy-sell-hold { cursor: default; margin-top: 20px; padding-top: 20px; border-top:1px solid #cecece; } .buy-sell-hold p {font:600 16px/21px "Roboto", Arial, sans-serif; color: #333333;} .fn12 {font-size: 12px; color: #2f669e;} .post_comcallbx p {font: 400 14px/21px "Roboto", Arial, sans-serif; color: #333333; text-align: left; margin-top: 10px;} .buy-sell-hold .grybg_by { background-color: #f4f7f9; padding: 10px; text-align: center; margin-top:20px;} .buy-sell-hold .btn_buy { display: inline-block; color: #fff !important; font: 400 14px 'Roboto',Arial, sans-serif; background-color: #00bb6e; padding: 5px 15px; border-radius: 3px; text-decoration: none !important; text-transform: uppercase; font-variant-ligatures: none; cursor: default;} .buy-sell-hold .btn_buy.sell { background-color: #f34459; } .buy-sell-hold .btn_buy.hold { background-color: #7b8084; } .buy-sell-hold .textarea_bg { background-color: #fff; border: 1px solid #cccccc; padding: 10px; position: relative; border-radius: 5px;} .css-arw {width: 15px; height: 15px; transform: rotate(180deg); fill: #30659f;} .arw-btn {border: 0; background-color: #ececec; width: 25px; position: absolute; top: 0; height: 100%; right: 0;} .buy-sell-hold p a { font-weight: 400;} .forum_widget_main .forum_txtbox { height: 31px;} .buy-sell-hold .txtarea_com {color: #333; font-weight: normal; width: 100%; height: unset; overflow: hidden; padding-right: 20px;} /*company information css start*/ #company_info { margin-top: 30px;} .all_title_inner { font: 700 16px 'Lato', Arial, sans-serif; padding-bottom:10px; } .comp_inf { display: flex; margin-top: 15px; color:#000;font: 400 12px 'Roboto', Arial, sans-serif } .comp_inf >li { width: 20%; float: left; border-right: 1px solid #d1d1d1; padding: 0 10px 0 0; margin: 0 10px 0 0; vertical-align: top } .comp_inf >li:last-child { margin: 0; padding: 0; border: none } ul.comdetl > li { padding: 10px 0 10px 0px; border-bottom: 1px solid #ebebeb; word-wrap: break-word; display:block;} ul.comdetl > li:last-child { border: none } ul.comdetl > li span { display: block; width: 100%; float: none; font-family:'Roboto',arial; font-size:12px; font-weight:700; padding-bottom:5px;} ul.comdetl > li p { width: 100%; float: none; padding-left:0px;} ul.comdetl > li a { color: #000; } .comdetl2 > li { padding: 10px 5px; border-bottom: 1px solid #ebebeb } .com_brdb, .head_ci { border-bottom: 1px solid #d1d1d1 } .comdetl2 li span { width: 100%; display: block; float: none; font-family:'Roboto',arial; font-weight:700; padding-bottom:5px;} .comdetl2 li p { width: 100%; float: none; font-size:11px;} .comdetl2 > li .cihead{width:100%;} .comdetl2 > li .cihead p{font-size:12px;} /*company information css end*/ /* modal css start here */ .pc_modalheader { height: 65px; background: #F6F8FB; } .pc_modaltitle { color: #333333; font:700 18px/65px 'Lato', sans-serif; text-align: center;} .modal-content { border-radius: 3px !important; overflow: hidden;} .modal-body { padding:25px !important;} .modal-content button.close {color: #555657 !important; font-size: 30px !important; font-weight: normal !important; opacity: 1 !important; margin: 5px 10px 0px 0px;position: absolute;right: 8px;top: 5px;} .StockDetails_web_closeButton__SVv_P {display: none;} #historical_rating .modal-dialog { width:1200px; margin-top:80px;} #historical_rating img { width: 100%; height: auto;} #historical_rating .pro_overlay img { width:auto; max-width: 100%; height:auto;} .modal-dialog.content825 { width: 825px; margin-top:100px;} .popup_scroll { max-height:380px; overflow: auto;} .custom_scroll {scrollbar-color:#ccc transparent; scrollbar-width: scrollbar-height: thin;} .custom_scroll::-webkit-scrollbar {height:10px; width:10px; background-color: thin; transparent; border-radius:10px;} .custom_scroll::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:10px;} .presetation_list { margin-right:15px;} .presetation_list li { background:#F7F8FB; padding: 15px; margin-bottom: 15px;} .presetation_list li p { float: left; width:calc( 100% - 60px ); } .presetation_list li p .prsdate { display: block; color: #808080; font: 12px 'Roboto', sans-serif; margin-bottom: 5px;} .presetation_list li a {color: #333333; font: 14px/19px 'Roboto', sans-serif;} .presetation_list li a strong { display: block; color: #000000; font:700 14px 'Roboto', sans-serif; margin-bottom: 3px;} #broker_repop .brrs_bx { margin-right: 14px;} #popup_blockdeal .bd_bx, #popup_bulkdeal .bd_bx { margin-right:10px; } #popup_blockdeal .bd_bx:nth-child(2n+2), #popup_bulkdeal .bd_bx:nth-child(2n+2) { margin-right:10px; } #popup_blockdeal .bd_bx:nth-child(3n+3), #popup_bulkdeal .bd_bx:nth-child(3n+3) { margin-right: 10px; } #popup_insider .bd_bx, .popup_maxbox .bd_bx { width:48%; margin-right: 15px; min-height: 130px}/* #popup_insider .bd_bx:nth-child(2n+2) { margin-right: 0px}*/ #popup_insider .btndeal { width: auto;} #popup_insider .br_date { margin-bottom: 0px;} .quertend { margin-bottom:20px; color: #555555; font:11px 'Lato', sans-serif; } .quertend select { margin-left:15px; border:1px solid #CCCCCC; height: 28px; padding: 0 10px; color: #555555; font:11px 'Lato', sans-serif; border-radius: 3px;} .shareholdtbl { background: #F7F8FB; border-radius: 5px; padding: 0 10px;} .shareholdtbl table tr th { border-bottom: 1px solid #E4E4E4; padding: 10px 50px 10px 10px; text-align: right;color: #333333; font:700 14px 'Lato', sans-serif; } .shareholdtbl table tr td { border-bottom: 1px solid #E4E4E4; padding: 10px 50px 10px 10px; text-align: right; font:14px 'Lato', sans-serif; } .shareholdtbl table tr th:first-child, .shareholdtbl table tr td:first-child { text-align: left; width:75%;} .shareholdtbl table tr:last-child td { border: none; } .opilist { background:#F7F8FB; border-radius: 5px; margin-bottom: 15px; } .opilist ul { float: left; padding: 10px; width: calc( 100% - 200px); margin:0px;} .opilist ul li { border-right: 1px solid #E4E4E4; padding:5px 30px; float: left; height: 40px;} .opilist ul li:nth-child(2) { width:240px;} .opilist ul li:last-child { border:none; } .opidate { color: #808080; font:9px/30px 'Roboto', sans-serif; } .opitit { color: #333333; font:12px 'Lato', sans-serif; } .oiadigit {color: #333333; font:700 14px 'Lato', sans-serif; } .oia_greentext { font:12px 'Lato', sans-serif; margin-left: 10px; color: #16A086; } .oia_redtext { font:12px 'Lato', sans-serif; margin-left: 10px; color:#C0392B; } .popbuildup { border-radius: 0px 5px 5px 0px; width: 180px; padding:10px; color:#fff !important; font:700 12px/40px 'Lato', sans-serif; text-transform:uppercase; float: right; text-align:center;} .popbuildup.lublue { background:#0011D9;} .popbuildup.scyellow { background:#CB9504;} .popbuildup.green { background:#00B050;} .popbuildup.red { background:#FF0000;} .popbuildup.orange { background:#E26B0A;} .popbuildup.blue { background:#538DD5;} .oia_cntpop { padding-right: 15px; } .img-responsive { display: block; width: 100%; height: auto;} .opch_subhead { border-bottom:3px solid #CECECE; padding:10px; padding-top: 0px; margin-bottom:10px; color:#000000; font:700 18px 'Lato', sans-serif; text-transform: uppercase; position: relative;} .option_formtop { margin-bottom:20px;} .option_formtop label {color: #202020; font:700 14px 'Lato', sans-serif; display: inline-block; margin-right:10px; } .option_formtop button { background:#30659F; width:161px; float:right; color:#FFFFFF; border-radius:2px; font:700 14px/40px 'Lato', sans-serif; } .option_formtop li { margin-right: 30px; float: left; } .option_formtop li select { width:412px; padding:5px 10px; border: 1px solid #999; border-radius:5px; font:14px 'Lato', sans-serif; height: 40px; } .option_formtop li input { width: 440px; border-radius:5px; padding:5px 10px; height:40px; border: 1px solid #999; font:14px 'Lato', sans-serif;} .option_formtop li:last-child {margin:0px;} .table_optionchain th { color:#000000; padding:10px 5px; font:700 14px 'Lato', sans-serif; border-bottom:1px solid #CECECE;} .table_optionchain td {font:14px 'Lato', sans-serif; padding: 10px 5px; color: #333333; border-bottom:1px solid #CECECE; } .table_optionchain td:nth-child(6), .table_optionchain th:nth-child(6){ text-align: center; } .table_optionchain td:nth-child(1n+7), .table_optionchain th:nth-child(1n+7) {text-align:right;} .table_optionchain td:nth-child(6) { background:#D3D3D3; font:700 14px 'Lato', sans-serif; } .table_optionchain td.grey_bg { background: #F5F5F5;} .table_optionchain td.orange_bg { background: #FAEED7;} .table_optionchain td.oia_greentext { color: #16A086;} .table_optionchain td.oia_redtext { color: #C0392B;} .oc_refresh { position: relative; right: 0px; top: -60px; background: #EEEEEE; width: 161px; float: right; color: #000; border-radius: 2px; font: 400 14px/40px 'Lato', sans-serif; cursor:pointer; text-align:center;} .opcoichart { margin-bottom: 20px; position: relative;} .expandoichart { display: none;} .optchnnav.mctab li{float:left; width:50%;} .optchnnav.mctab li a { padding: 0 0 12px 0px; margin-right:0px; display:block; color: #666666; font-size: 16px; text-align:center; } .optchnnav.mctab li a h2 { color: #666666; font-size: 16px; } .optchnnav.mctab li.active a, .optchnnav.mctab li a:hover { color:#000; font-size: 16px; } .optchnnav.mctab li.active a h2, .optchnnav.mctab li a h2:hover { color:#000; font-size: 16px; font-weight: 700;} .spfuprice { position: absolute; left: 50%; top:-5px; transform: translateX(-50%);} .opspotprice, .opfutureprice { background:#EEEEEE; border-radius: 3px; padding:0px 10px; color: #000000; font:14px/33px 'Lato', sans-serif; margin: 0 5px; display: inline-block; text-transform: capitalize; min-width: 180px; text-align: center; } .scheme_heading { display: inline-block; position: relative; } .option_formtop .sugbox {position: absolute; width: 100%; background: #fff; border: 1px solid #999; padding: 10px; border-radius: 0px 0px 5px 5px; margin-top: -12px; border-top: none; z-index: 9;} .option_formtop .sugbox { max-height:206px; overflow-y:auto; scrollbar-color: #d5e0e5 transparent; scrollbar-width: thin; scrollbar-height: thin;} .option_formtop .sugbox::-webkit-scrollbar {height:4px; width:4px; background-color: transparent; border-radius:5px;} .option_formtop .sugbox::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;} .option_formtop .sugglist li { margin: 0px; float: none; border-bottom: 1px solid #ccc; color: #000;} .option_formtop .sugglist li a { color: #000; display: block; padding:8px 0px;} .option_formtop .sugglist li a:hover { background:#cecece; text-decoration: none;} .mf_nav_sprite { display: none;} .option_formtop .sugglist li:last-child { border: none;} .buysubs { margin-top:10px;} .buysubs button { background: #000; color: #fff; font:12px/27px 'Lato', sans-serif; border-radius: 3px; border:none; text-align: center; display: block; width: 100%; } .buysubs .or { text-align: center;display: block; position: relative; margin:7px 0; } .buysubs .or span { background: #fff; padding: 0 10px; color: #000000; font:12px 'Lato', sans-serif; } .buysubs .or:after { position: absolute; border-top: 1px solid #E4E4E4; width: 100%; content: ""; left: 0px; top:7px; z-index: -1;} .buysubs button.blue { background: #0066AA;} .popin { text-align: center;} .calendar-picker.calendars {text-align: center; width:520px; margin:20px auto 20px; font-family: 'Lato', sans-serif; } .calendar-picker .list-inline {display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .calendar-picker .list-inline-item {width: calc(25% - 10px); padding: 0; margin: 5px; box-sizing: border-box; } .calendar-picker .list-inline-item a{text-decoration:none;} .btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; cursor: pointer; border: 1px solid transparent; border-radius: 3px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .calendar-picker .btn { display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #000; color: #FFF; font-weight: bold; line-height: 22px; } .calendar-picker .btn .btn-text {height: 20px; } .calendar-picker .btn:hover, .calendar-picker .btn:active, .calendar-picker .btn:focus, .calendar-picker .btn:visited {color: #FFF; } .calendar-picker .btn.btn-google {background-color: #4885ed; } .calendar-picker .btn.btn-outlook {background-color: #00a1f1; } .calendar-picker .btn.btn-yahoo {background-color: #780099;} .calendar-picker .cc-icon {height: 14px; width: auto; margin-right: 5px;fill: white; margin-left: -5px; } img{max-width:100%; height:auto;} .ad_slot_mob { display: none;} .gototop { position:fixed; right:30px; bottom:70px; z-index:999999; display: none;} .gotop_circle { position: relative; z-index: 99; width: 40px; height: 40px; border-radius:50%; box-shadow: 0px 4px 6px #00000044; background: #1B67B4; color: #fff; text-align: center; cursor: pointer;} .gotop_circle span { display: inline-block; margin-top: 12px;} .gotop_circle .closegtmenu { display: none;} .bottommenu { display: none;position: absolute; bottom: -9px;right: -20px; background:#fff; box-shadow: 0px 3px 15px #00000033; padding:10px 20px 20px; width: 190px; border-radius: 8px; top: auto; float: none; min-width: auto; left: auto; z-index: 0; } .bottommenu li { padding:0px 5px; border-bottom: 1px dashed #cecece; } .bottommenu li a { color: #555555; font:12px/30px 'Lato', sans-serif; display: block; } .bottommenu ul { margin-bottom:20px; } .bottommenu li a:hover { text-decoration: none;} .gtoplink { display: block; color: #555555; font:500 12px 'Lato', sans-serif;} .gtoplink span { width:7px; display: inline-block;height:7px; transform:rotate(45deg); border-top: 1px solid #555555; border-left: 1px solid #555555; margin-bottom:-2px; margin-right:3px;} .gtoplink:hover { text-decoration: none;} .gototop.openmenu .bottommenu { display: block;} .gototop.openmenu .gotop_circle .closegtmenu { display: inline-block;} .gototop.openmenu .gotop_circle .menubar { display:none;} .red{ color:#D95858} .mc_essent{position:relative;} .mcesclose{position: absolute; z-index: 99; left: 320px; top: 40px; display: none; cursor: pointer;} .mctab.optchnnav { width:calc(100% - 190px);} #mainprice{position:relative;} #overvw_loader{width: 100%; height: 55%; position: absolute; background-color: rgba(255,255,2555,0.9); z-index: 9;text-align: center; padding-top: 6%;} #insight_class{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .error_message_box{margin-top:20px;} .Dnone{display:none;} .ic_repsTick { vertical-align: middle; display: inline-block } .alert_strip { background: #d3ece6; padding: 10px; color: #333; font: 15px 'Roboto', Arial, sans-serif; border-radius: 3px; border: 1px solid #b3dbd2 } .ic_repsTick { width: 18px; height: 18px; background: url(https://images.moneycontrol.com/images/responsive/pricechart/alert_icn.png) no-repeat } .alert_strip.yellow { background: #ffefbc; border: 1px solid #ecd691 } .alert_strip.yellow .ic_repsTick { background-position: -28px 0 } .alert_strip.pink { background: #f8d0c8; border: 1px solid #ecb1a6 } .alert_strip.pink .ic_repsTick { background-position: -55px 0 } .alert_strip.blue { background: #cbecf5; border: 1px solid #b3dbd2 } .alert_strip.blue .ic_repsTick { background-position: -82px 0 } .comp_inf .alert-info { background-color: #F7F8FB; border-color: #F7F8FB; color: #333; margin-top: 10px; min-height: 60px; } .gry{ color:#999;} #pc_features { z-index:99999;} #pc_features .modal-dialog { width:865px; } #pc_features .modal-body { padding:20px 47px !important;} #pc_features .modal-body p { color: #333333; font:15px/25px 'Roboto', sans-serif; margin-bottom:15px; } #pc_features .pcfbx { width: 245px; border: 1px solid #DDDEE2; border-radius: 10px; margin-right: 17px; margin-bottom: 17px; box-shadow: 0px 3px 5px #0000000A;} #pc_features .pcfbx .pcfb_head { background: #F7F8FB; height: 40px; border-radius:10px 10px 0 0; color: #333333;font:700 14px/40px 'Roboto', sans-serif; padding: 0 20px; text-align: center; } #pc_features .pcfbx p { margin:0px; color: #666666; padding:15px 20px; font:13px/20px 'Roboto', sans-serif; margin: 0px; } #pc_features .pcfbx:nth-child(3n+3) { margin-right: 0px;} #pc_features .gotostk { text-align: center; } #pc_features .gotostk a { display: inline-block; border: 1px solid #B8BBC6; border-radius: 2px; padding: 0 20px; color: #333333; font:14px/39px 'Roboto', sans-serif;} #pc_features .gotostk a:hover { text-decoration: none;} #pc_features .gotostk a svg { margin-left:3px;} #pc_features .pcf_cnt { display: flex; flex-wrap: wrap; } .insider_note{ color:#666666; font: 400 italic 11px 'Roboto', sans-serif; margin-top:0px;} .btn_transactionrt{margin-left:auto;} .notest{align-items: center;} .loader_img{display:block; margin:0 auto;} .adv_charthead span{ display:inline-block;} .adv_charthead.accorcollaps span{ display:none;} .nodata_pp{ text-align:center; font-size:14px; font-weight:bold;} #id_bokerresearch.clearfix, #popup_blockdeal-modal.clearfix, .popup_maxbox{display:flex; flex-wrap: wrap;} .popup_maxbox .bd_bx .btndeal {width: auto; max-width: 200px;} .vendor_txt_main a{ color:#000; text-decoration:none;} .schemetabs_input:focus, #sel_exp_date:focus, .option_formtop button:focus, .oc_refresh:focus{ box-shadow:0px 0px 3px #30659F;} .nse_tabstop li{float: left; position: relative; padding-right: 5px; } .nse_tabstop li:after{ content: ""; height: 13px; width: 1px; position: absolute; left: 0px; top: 7px; background-color: #DEDEDE; } .nse_tabstop li > a{ display: inline-block; width: 90px; padding:7px 0px; color: #858585; font: 500 11px 'Lato', arial; text-align: center; border-radius: 3px; position: relative; text-decoration: none !important; transition: none;} .nse_tabstop li.active:after{display: none;} .nse_tabstop li.active > a{ border:1px solid #DEDEDE;} .nse_tabstop li.active > a:after, .nse_tabstop li.active > a:before {bottom: -8px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; left: 37px;} .nse_tabstop li.active > a:before {border-color: rgba(209,211,214,0);border-top-color: #DEDEDE; border-width: 7px;margin-bottom: -7px;left: 36px;} .nse_tabstop li.active > a:after {border-color: rgba(255,255,255,0);border-top-color: #fff;border-width: 6px;margin-bottom: -6px;bottom: -6px;} .nse_tabstop li .show_options{display:none;} .nse_tabstop li.active .show_options{ display: inline-block; margin-left: 5px; }/* .show_options.dblock{display: inline-block; margin-left: 5px;}*/ .nse_tabstop select {font: 500 11px 'Lato', arial; padding: 6px 10px; border: 1px solid #CCCCCC; border-radius: 3px; background: #fff; margin-bottom: 10px; margin-right: 5px;border-radius: 13px; color: #444444;} .addto_drp{border:1px solid #CCCCCC; font: 500 11px 'Lato', arial; border-radius: 3px; width: 105px; display: inline-block; padding:6px 10px; position: relative;} .addto_drp:after {content: ""; border: solid #26262E; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 10px; top: 8px;} .folowmenu ul{ border-color: #CCCCCC; } .folowmenu ul:before{display: none;} .md_cntbx h3 {font-size: 15px;color: #333;padding-bottom: 5px} .md_cntbx h3 span {font-size: 11px} .md_cntbx td,.md_cntbx th {padding:4px 5px; font: 400 13px 'Roboto', Arial;text-align: center} .md_cntbx th {background: #EFEFEF;font: 700 11px/15px 'Roboto', Arial;text-align: center} .md_cntbx th.grn {color: #39A97C;} .md_cntbx th.red {color: #D95858;} .md_cntbx th.brdr {border-right: 1px solid #E4E4E4} .md_cntbx td {font: 400 11px Arial; color: #333;border-bottom: 1px solid #E4E4E4} .md_cntbx tr:last-child td{border-bottom: 0px;} .md_cntbx .brdb {border-bottom: 1px solid #E4E4E4;} .md_cntbx .brdt {border-top: 1px solid #E4E4E4;} .md_cntbx .brdr {border-right: 1px solid #E4E4E4;} .FR.TAR .info_hoverbx{ background-color: #fff; box-shadow: 0px 3px 6px #00000029; } .info_hoverbx:after{ background-color:#f8fbfc;} .swot_ftcnt ul li:last-child{ border-bottom:0px;} .ic_infoh tspan {text-transform: lowercase;} .techrbull {line-height: 15px;} /*== forecast ==*/ /*new css on 6 June Amit*/ #price_forecast .highcharts-root{margin-left: -2px;} #price_forecast .highcharts-axis-labels{top: -13px;} #price_forecast .highcharts-xaxis-labels{top:-13px} #price_forecast .highcharts-xaxis-labels span{left:50px;width:35px;top:190px;} #consensus_graph .highcharts-data-label {font-size:13px} #consensus_graph .highcharts-axis-labels .highcharts-yaxis-labels{font-size:10px} .earningsDur{position: absolute; top: 15px; right: 25px;display: flex;} .earningsDur .crore {padding-right: 3px;padding-left: 2px; margin-top:-2px;} .earningRhsBtn{border-bottom: 1px solid #A0A0A0;} .earningRhsBtn svg{margin-top:2px;} .toolTextCon{display: inline-block; vertical-align: top;font-size:11px;margin-bottom:4px;} #eps_earning_forecast .highcharts-label span,#revenue_earning_forecast .highcharts-label span,#net_profit_earning_forecast .highcharts-label span {font-size: 12px;} #price_forecast .highcharts-axis-labels span:nth-of-type(1){width:40px !important;margin-left:5px !important;left:45px !important} #price_forecast .highcharts-axis-labels span:nth-of-type(2){width:40px !important;margin-left:5px !important;left:80px !important} #price_forecast .highcharts-axis-labels span:nth-of-type(3){width:40px !important;margin-left:5px !important;left:120px !important} /* #consensus_graph .highcharts-stack-labels{margin-bottom: 5px;} */ /*new css 6 june end*/ .forecast_container .mctab li {text-align: center;position: relative;flex-shrink: 0;} .forecast_container .mctab li .new_tagtp {left: -4px;} .forecast_container .nav-tabs li a {font: 900 16px/22px 'Lato', sans-serif;vertical-align: middle;color: #555555;padding: 12px 15px 12px 15px;} .forecast_container .nav-tabs li.active a {font: 700 18px/22px 'Lato', sans-serif; vertical-align: middle; color: #000000;} .forecast_container .nav-tabs li.active .pnc_proicn {font-size: 13px;} .forecast_container .nav-tabs li .pnc_proicn {font-size: 11px; line-height: 13px;} /* .forecast_container .mctab li:first-child:after {background-color: #707070; content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 22px;} */ .forecast_list {display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; margin-top: 15px;} .forecast_list .forecast_list_box {border: 1px solid #E4E4E4; border-radius: 5px; padding: 10px 5px 0px 5px; display: flex; flex-wrap: wrap; justify-content: center; width: 345px; margin-bottom: 15px; position: relative;} .forecast_list .forecast_list_box h3 {font: 900 12px/15px 'Lato', sans-serif; color: #000000; background-color: #fff; position: absolute; top: -18px; padding: 10px 10px 0px 10px;text-transform: uppercase;} .forecast_list .forecast_list_box .ic_infoh svg {width: 12px; height: 12px; cursor: pointer;} .forecast_popup_design .modal-content, .forecast_popup_design .modal-dialog {width: 800px;} .forecast_popup_design .modal-title {font: 900 18px/22px 'Lato', sans-serif; color: #333333;} .forecast_popup_design .modal-body {font: 400 16px/24px 'Roboto', sans-serif; color: #333333; text-align: center; padding: 15px 35px 25px 35px !important;} .forecast_tabs > ul {display: flex; justify-content: center; margin-bottom: 10px;} .forecast_tabs > ul > li {border: 0;} .forecast_tabs > ul > li a {background-color: #e0e0e0; font: 400 12px/21px "Lato", sans-serif; color: #333333; width: 98px; height: 22px; display: block; text-align: center; border-radius: 2px; text-decoration: none;} .forecast_tabs > ul > li.active a {background-color: #ffffff; border: 2px solid #E4E4E4; font-weight: 700; border-radius: 2px; line-height: 17px;} .forecast_tabs > ul > li:hover a {text-decoration: none;} .crore {font: 400 10px/15px 'Lato', sans-serif; color: #777777; text-align: right; padding-right: 14px;} .valuations_table {width: 100%; margin-top: 20px;} .valuations_table table tr th {padding: 10px; text-align: right; border-bottom: 1px solid #b4b5bc; font: 400 10px/10px 'Roboto', sans-serif; color: #333333;} .valuations_table table tr td {padding: 13px 10px; text-align: right; border-bottom: 1px solid #b4b5bc; font-family: "SF Compact Display", sans-serif; font-size: 13px; line-height: 13px; color: #333333; font-weight: 200;} .valuations_table table tr td:first-child {font-family: "Roboto", sans-serif; font-size: 13px; line-height: 13px; text-align: left; font-weight: 400; color: #333333;} .valuations_table table tr:nth-of-type(2) td {border-bottom: 1px solid #e9e9e9;} .valuations_table table tr:last-child td {border-bottom: 0;} .forecast_list .forecast_list_box .table_bottom_text {display: flex; justify-content: space-between; gap: 10px; align-items: end; margin-bottom: 25px;} .forecast_list .forecast_list_box .table_bottom_text > div {font: 400 10px/14px 'Roboto', sans-serif; color: #777777;} .openInnewwindow {position: absolute; right: 5px; top: 8px; cursor: pointer;} .openInnewwindow svg {width: 15px;} .hits_table table th:first-child {text-align: left;} .hits_table table th {font: 600 12px/10px 'Lato', sans-serif; color: #333333; border-bottom: 1px solid #C9C9C9; padding: 5px 0; text-align: right;} .hits_table table td:first-child {font: 400 12px/10px 'Lato', sans-serif; color: #333333; text-align: left;} .hits_table table td {font: 400 12px/10px 'Lato', sans-serif; color: #333333; padding: 10px; border-bottom: 1px dotted #E4E4E4; padding: 10px 0; text-align: right;} .hits_table table tr:last-child td {border-bottom: 0;} .crore span {font-weight: 700; color: #333333;} .hits_table table .green_td {color: #31D300;} .hits_table table .red_td {color: #FF3100;} .hits_table table .gray_td {color: #666666;} .forecast_list > ul > li:nth-of-type(2) {display: inline-block;} .analyst_rating_graph .left_block .circle {width: 115px; height: 115px; border-radius: 100%; font: 900 12px/18px 'Lato', sans-serif; text-align: center; line-height: 115px;flex: 0 0 115px;margin-top: -25px;} .analyst_rating_graph {display: flex; margin-top: 20px;align-items:center} .graphblock {margin-bottom: 25px;} .yo_result_section .heading {font: 400 16px/15px 'Roboto', sans-serif; color: #0479c1; text-align: right; width: 100%; display: block; margin-bottom: 3px;} .buyformat .circle {background-color: #B8D0C0; color: #2C7C47;} .outperformformat .circle {background-color: #dcf1e3; color: #50B973;} .holdformat .circle {background-color: #CECECE; color: #747474;} .underperformformat .circle {background-color: #F0CBCE; color: #E2525B;} .sellformat .circle {background-color: #DAB4B7; color: #9C2028;} .noopinionformat .circle {background-color: #E4E4E4; color: #747474;} .nometer, .yesMeter {position: relative; height: 8px; width: 75px; background: #E4E4E4; display: inline-block;vertical-align: middle; text-align: right; color: #000; border-radius: 5px; margin-left: 8px; margin-top: -4px;} .nometer span, .yesMeter span {position: absolute; top: 0; display: block; padding: 0 10px; color: #fff; height: 8px; line-height: 28px; border-radius: 5px;} .analyst_rating_graph .left_block {width: 40%; position: relative;display: flex;align-items: center;flex: 0 0 40%;} .analyst_rating_graph .right_block {width: 60%;display: flex;flex-wrap: wrap;flex: 0 0 60%;align-items: center;} .percentage {position: absolute; right: 18px; text-align: left; font-size: 12px;font-weight: 600;color:#333333;font-family: lato,sans-serif;} .graphblock .heading {width: 70px; display: inline-block; text-align: right; font-size: 12px;color:#000} .graphblock .greencolor1 {background: #2C7C47;} .graphblock .greencolor2 {background: #50B973;} .graphblock .graycolor {background: #747474;} .graphblock .redcolor {background: #E2525B;} .graphblock .marooncolor {background: #9C2028;} .forecast_hidden_div {display: flex; gap: 15px; flex-wrap: wrap; height: 65px; overflow: hidden; position: relative; padding-top: 7px; transition: 0.5s all;} .forecast_hidden_div.active {overflow: visible; height: 238px; transition: 0.5s all;} .forecast_hidden_div .forecast_list_box {margin-bottom: 0;} .forecast_hidden_div .forecast_list_box img {max-width: inherit !important;} .forecast_toggle_arrow {width: 25px; height: 25px; border-radius: 100%; background-color: #1A75C3; position: absolute; top: -15px; left: 0; right: 0; margin: auto; cursor: pointer;} .forecast_toggle_arrow:before {content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 6px; height: 6px; display: inline-block; transform: rotate(135deg); position: absolute; left: 8px; top: 7px;} .forecast_toggle_arrow:after {content: ""; position: absolute; bottom: 0; left: 0; height: 40px; border: 0; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); z-index: -1;} .forecast_toggle_arrow.active:before {transform: rotate(-45deg); top: 9px;} .forecast_toggle_arrow_block {border-top: 3px solid #CECECE; width: 100%; display: block; position: relative;margin-top: 15px;} .forecast_hidden_div .white-gradient { position: absolute; bottom: 0; left: 0; height: 40px; border: 0; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);} .forecast_hidden_div.active .white-gradient {display: none;} #hits_and_misses_popup .forecast_tabs > ul > li a {font-size: 16px; line-height: 35px; width: 187px; height: 42px;} #hits_and_misses_popup .piechart_container {gap: 75px; margin-top: 30px; margin-bottom: 30px;} #hits_and_misses_popup .box .chart span {font-size: 20px; line-height: 16px; top: 30px;} #hits_and_misses_popup .box canvas {width: 80px;} #hits_and_misses_popup .canvas_txt {font-size: 16px; line-height: 13px;} #hits_and_misses_popup .box .chart {width: 80px; height: 80px;} #hits_and_misses_popup .hits_table table th, #hits_and_misses_popup .hits_table table td {font-size: 13px; line-height: 30px;} #hits_and_misses_popup .hits_table table td:first-child {font-weight: 400;} #hits_and_misses_popup .hits_table table td {font-weight: 700;} #hits_and_misses_popup .crore {font-size: 14px; line-height: 24px;} .forecast_popup_design .modal-header {border-bottom: 0;} .top_options {display: flex; justify-content: space-between; margin-bottom: 15px;} .progress_bar_container { display: flex; gap: 20px; justify-content: center; margin: 10px 0;} .progress_bar_container .progress_card:nth-of-type(2) { border-left: 1px solid #70707033; border-right: 1px solid #70707033; padding: 0 15px;} .progress_bar_container .progress_card .progress_circle { position: relative; height: 45px; width: 52px; border-radius: 50%; cursor: default; } .progress_card .progress_circle .progress_box, .progress_card .progress_circle .progress_box span { position: absolute; top: 53%; left: 47%; } .progress_bar canvas, .progress_bar1 canvas, .progress_bar2 canvas { width: 50px; height: 50px; } .progress_card .progress_circle .progress_box { height: 100%; width: 100%; border-radius: 50%; transform: translate(-50%, -50%) scale(0.8); transition: all 0.2s; } .progress_card .progress_circle:hover .progress_box { transform: translate(-50%, -50%) scale(0.91); } .progress_circle .progress_box span { font-size: 14px; font-family: sans-serif; transform: translate(-45%, -45%); transition: all 0.1s; } .progress_card .progress_circle:hover .progress_box span { transform: translate(-45%, -45%) scale(1.09); } .progress_text {margin-top: 10px; font-size: 10px; text-align: center;} .forecast_popup_design .progress_bar_container .progress_card .progress_circle, .forecast_popup_design .popup_progress_bar canvas, .forecast_popup_design .popup_progress_bar1 canvas, .forecast_popup_design .popup_progress_bar2 canvas {width: 80px; height: 80px;} .forecast_popup_design .progress_card .progress_circle .progress_box, .forecast_popup_design .progress_card .forecast_popup_design .progress_circle .progress_box span {top: 50%; left: 48%;} .forecast_popup_design .progress_text {font-size: 16px; line-height: 13px;} .forecast_popup_design .progress_bar_container {margin: 20px 0;} .common_lock .lockscreen_effect {background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); top: 71px; height: calc( 100% - 75px );} .common_lock .hit_miss_lock_effect {background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 25px, rgba(255,255,255,1) 99%); top: 50px; height: calc( 100% - 75px );} .Consolidated {border: 1px solid #666666;border-radius: 3px;padding: 3px 10px;position: relative;background-color: #fff;cursor: pointer;width: 97px;height: 24px;z-index: 1;display: flex;left: 91%;top: -10px;justify-content: flex-end;align-items: center;} .Consolidated:before {position: absolute;z-index: 999999;font-family: 'Lato';font-size: 10px;color: #333333;content: "Consolidated";top: 6px;left: 10px;font-weight: 900;} .Consolidated span {width: 7px;height: 10px;float: right;margin-top: 0;} .Consolidated.active:before {content: "Standalone"; left: 14px;} #hits_and_misses_popup .Consolidated {left: 0; top: 0px; width: 120px;} #hits_and_misses_popup .Consolidated:before {top: -1px; left: 10px; font-size: 12px;} #hits_and_misses_popup .Consolidated span {margin-top: 0;height: 25px;} #hits_and_misses_popup .progress_circle .progress_box span {font-size: 20px; top: 50%;} .earningsAct {font: 400 12px/10px "Lato", sans-serif; color: #FF7600; text-transform: uppercase; margin-right: 15px;position: relative; top: -7px} .earningsAct:before {content: ""; width: 5px; height: 5px; background-color: #FF7600; display: inline-block; vertical-align: middle; margin-right: 5px;} .earningsEst {font: 400 12px/10px "Lato", sans-serif; color: #1A75C3; text-transform: uppercase; display: inline-block; vertical-align: top;position: relative; top: -7px} .earningsEst:before {content: ""; width: 5px; height: 5px; background-color: #1A75C3; display: inline-block; vertical-align: middle; margin-right: 5px;} .earningsText {font: 800 10px/10px "Lato", sans-serif; color: #333333; text-transform: uppercase;} .forecast_list_box:nth-of-type(3) .forecast_tabs {padding-top: 15px;} #hits_and_misses_popup .common_lock .lockscreen_effect {top: 105px;} .forecastPopup {min-height: 250px;} .noDataMsg {text-align: center; margin: 10px; background-color: #fff; padding: 45px 0; font-size: 14px; font-weight: 700;line-height: 18px;} .reCommends {padding-bottom: 10px; width: 300px;margin: 0 auto;display: block;} .reCommends ul{ margin: 0; display: flex;grid-gap:12px} .reCommends li{font:600 12px/10px 'Lato',sans-serif;letter-spacing: -0.12px;padding-left: 10px; margin:0;position: relative; } .reCommends li:before{position: absolute;content:'';width:7px;height: 7px;left:0;top:1px;background: r#2C7C47;} .recBuy{color: #2C7C47;} .reCommends li.recBuy:before{background:#2C7C47;} .recOutP{color: #50B973;} .reCommends li.recOutP:before{background: #50B973;} .recHold{color: #747474;} .reCommends li.recHold:before{background:#747474;} .recUnderPer{color: #E2525B;} .reCommends li.recUnderPer:before{background:#E2525B ;} .recSell{color: #9C2028;} .reCommends li.recSell:before{background:#9C2028 ;} .foreCastlock img{width: 24px !important;height: 24px !important;max-width: fit-content !important;cursor: pointer;} .hits_table.tablePopup,.hits_table table{width: 100%;} .hits_table.tablePopup thead {display: table;table-layout: fixed; width: 100%;} .hits_table.tablePopup thead th{position: -webkit-sticky; position: sticky; z-index: 1000; top: 0;} .hits_table.tablePopup tbody { height: 175px; overflow: auto;display: block;width: 101%;padding-right: 10px;} .hits_table.tablePopup tbody::-webkit-scrollbar {height:4px; width:4px; background-color: #E5E5E5; border-radius:5px;} .hits_table.tablePopup tbody::-webkit-scrollbar-thumb {background-color:#dee2eb; border-radius:5px;} #hits_and_misses_popup .hits_table table td:first-child{text-align: left;width: 210px;} #hits_and_misses_popup .hits_table table td{text-align: right;width: 180px;} /* .forecast_container{border-top: 3px solid #CECECE;} */ .forecast_container ul.mctab {display: flex;} .forecast_container .nav-tabs li.active a{line-height:22px;} .marTop .foreCastlock img{width: 48px !important;height: 48px !important;cursor: pointer;} .disText p{text-align: left;} .nodataPop{font-weight: bold;margin-top: 150px;} .marTop{margin-top:-18px;} #price_forecast > div {width:330px !important;} #Forecast .new_tagtp {left: -8px;} /*== forecast ==*/ @media all and (max-width:1279px){ .pnc_wrapper { width: auto; margin: 0 20px;} .stick_ad_right { display: none;} .main_content { width: 100%; float: none;} .bx_mceti { padding: 10px 30px 10px 10px; margin-right: 10px; width: 318px;} .arw_line { width:30px; } .sub2menu li a { padding: 0px 4.5px 12px; } .sticknsebs { margin-left: calc( 100% - 300px ); } .oview_table { width: 230px; margin-right: 20px;} .mc_link ul li a { padding: 0 15px;} .mc_link ul li { margin-right:10px;} .techavtbl { width: 300px;} .techbull { width: calc( 100% - 320px); } .techdetail { width: calc( 100% - 300px ); } .moving_average { width: 280px;} .price_perfo { width: 380px;} .vol_anyl { width:580px; } .newsblock1 { width: 660px;} .newsblock1 h3 a { font:700 26px/30px 'Roboto', sans-serif;} .news_list li { width: 230px; margin-right: 20px;} .brrs_bx { width: 230px; margin-bottom: 12px; margin-right: 12px; } .bd_bx { width: 233px; margin-right: 10px; margin-bottom: 10px;} .insider_bx { width: 480px;} .corpo_actionlist .cadate { width: 150px;} .corpoact_news .mctab li a { padding: 0px 18px 15px 18px;} #financials .adslot_300x250 { display:none; } .financials_container { width:100%; float: none;} .financials_tabs_block .left_block { width:660px; } .financials_tabs_block .right_block { width:280px; } .swot_feature ul li { width: 220px;} .swot_feature ul li a strong { margin-bottom:0px; } .swot_feature ul li span { width:30px;} .swot_feature ul li a { padding: 10px 30px 10px 10px; } .forecast_list .forecast_list_box {width: 314px;} .forecast_list {justify-content: start;} .forecast_hidden_div {gap: 20px;} } .desk-hide { display: none;} .modal-backdrop.in { z-index:99999;} .modal {z-index:999995 !important;} .logmodal.modal { z-index:999999 !important;} /* feedback css start here */ .pc_feedback { position: fixed; right:21px; bottom:0px; display: none; z-index:1;} .feebackmsg { background: #fff; position: absolute; right:65px; bottom:13px; width: 310px; padding:20px 25px; border: 1px solid #E3E8EE; box-shadow: 0px 3px 6px #00000019; border-radius: 5px; display: none; top: auto; left: auto;} .feebackmsg:after { position: absolute; content: ""; width:9px; height:9px; background: #fff; border-top: 1px solid #E3E8EE; border-right: 1px solid #E3E8EE; transform: rotate(45deg); bottom: 12px; right: -6px; } .feebackmsg.open { display: block;} .modal-open .pc_feedback { display: none !important;} .feedico { cursor: pointer;} .feebackmsg figure { float: left; margin-right:10px;} .feebackmsg p { float:right; width:210px; font:15px/20px 'Roboto', sans-serif; color: #666666; } .feebackmsg p span { display: block; text-transform: uppercase; color: #333333; font:700 11px 'Lato', sans-serif; margin-bottom:8px;} .feebackmsg p a { color: #333333; font:600 13px/20px 'Roboto', sans-serif; text-decoration: underline;} #pc_feedmodal .modal-dialog { width: 865px;} .feedintro { color: #666666; font:17px/25px 'Roboto', sans-serif; margin-bottom: 20px; } .feedhead1 { color: #333333; font:900 16px 'Roboto', sans-serif; margin-bottom:20px; } .feedcheckbx { display: flex; flex-wrap: wrap;} .feedcheckbx li { width: 32%; cursor: pointer; color:#666666; font:14px 'Roboto', sans-serif; margin:0px 5px 5px 0px; flex: none; padding:10px 15px;} .feedcheckbx li.selected { background: #F7F8FB;} .feedcheckbx li span { position: relative; display: inline-block; background: #fff; border: 1px solid #B1B6C4; border-radius:3px; width:17px; height:17px; vertical-align: middle; margin-right:10px; margin-top: -2px; } .feedcheckbx li.selected span:after { position: absolute; content: ""; width:8px; height:4px; border-top:1px solid #333; border-right: 1px solid #333; transform: rotate(129deg); left:3px; top:4px; } .feedhead2 { color: #333333; font:600 14px 'Roboto', sans-serif; margin-bottom:10px;} #pc_feedmodal textarea { box-shadow: 0px 3px 4px #0000000D; resize: none; width: 100%; padding: 10px; border: 1px solid #B1B6C4; border-radius: 5px; font-size: 16px;} .feedbtn { text-align: center; margin-top: 35px;} .feedbtn button { display: inline-block; font:14px/40px 'Roboto', sans-serif; margin: 0 10px; border: 1px solid #9B9B9B; border-radius: 2px; color: #333333; width: 110px; background: #fff;} .feedcheckbx li input { visibility: hidden; display: block; width: 17px; height:17px; margin: 0px; } .feedbtn button:hover { background:#101010; color: #fff; } .feedback_thank { text-align: center; padding:25px 0; width:728px; margin: 0 auto;} .feedback_thank .head3 { color: #333333; font:300 30px 'Roboto', sans-serif; margin:15px 0; } .feedback_thank p { color: #666666; font:18px/26px 'Roboto', sans-serif; } .feedbanner_desktop { margin:50px 0 0 0;} .feedbanner_mobile { display: none;} .feedcheckbx li input[type=checkbox]:checked~.feedcheckbx li { border: 1px solid red;} .closfeedbx { position: absolute; top: 2px; right:4px; padding: 2px; cursor: pointer; color: #333;} .error-msg { background-color: #fce4e4; border: 1px solid #fcc2c3; padding: 20px 30px;} .error-text { color: #cc0033; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px; text-shadow: 1px 1px rgba(250,250,250,.3);} .morecontent span.mrbox_com{display:inline !important;} .moreellipses{ display:none !important;} .tab-pane.active{ opacity:1;} .essen_100percent{ margin-left:-60px;} .essen_100percent:after{ left:87%;} .pc_modaltitle{text-transform:uppercase;} /*Graph css*/ /* #consensus_graph { height: 400px; } */ .box { height: 7px; width: 7px; margin-bottom: 3px; margin-right:5px; display: inline-block; } .highcharts-figure, .highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; } .highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; } .highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; } .highcharts-data-table th { font-weight: 600; padding: 0.5em; } .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; } .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; } .highcharts-data-table tr:hover { background: #f1f7ff; } /* nifty number issue start*/ #mainprice .tab-content{position: relative;} #mainprice .tab-pane {display: inherit !important;opacity: 0;height: 0px;position: absolute;top: 0px;z-index: -1;width:100%;} #mainprice .tab-pane.active {display: inherit !important;opacity: 1;height: auto;position: relative;z-index: 0;} /* nifty number issue end */ .highcharts-text-outline{stroke-width:0px;} /** Stock Score START **/ /* .inindi_price { width: 60% !important; } */ /* .indigraph { width: 35% !important; } */ /* .tv-lightweight-charts { width: 440px !important; } */ .stock_score_ribbon { background: url("https://images.moneycontrol.com/assets/images/stock/stock_ribbon_bg.png") no-repeat; width: 105px; height: 148px; position: absolute; top: -12%; left: 275px; cursor: pointer; } .stock_score_ribbon .mlogo { display: flex; position: absolute; left: 17%; top: 7%; } .stock_score_ribbon .mlogo span { font: 700 12px/21px "Lato", sans-serif; color: #000000; text-transform: uppercase; margin-left: 3px; } .stock_score_ribbon .scorebox { width: 65px; height: 65px; border-radius: 100%; top: 24%; left: 23px; background-color: #fff; margin: auto; position: absolute; } .stock_score_ribbon .scorebox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .scoreRed{ color:#E00001 } .scoreOrange{ color:#F04E1B } .scoreYellow{ color:#F89112 } .scoreLightYellow{ color:#D0D000 } .lightGreen{ color:#6CD054 } .scoreGreen{ color:#13A825 } .stock_score_ribbon .score { position: absolute; font: 900 24px/29px "Lato", sans-serif; top: 19%; bottom: 0; left: 28%; margin: auto; text-align: center; } .stock_score_ribbon .score span { font: 400 8px/10px "Lato", sans-serif; color: #999999; display: block; } .stock_score_ribbon .downarrow { border: solid black; border-width: 0 1px 1px 0; padding: 3px; transform: rotate(45deg); display: inline-block; position: absolute; top: 73%; left: 53%; } .indices_namntab { padding-bottom: 20px !important; } .stockDetails { display: flex; justify-content: start; gap: 10px; } .stockDetails .companyName { font: 700 22px/20px "Lato", sans-serif; color: #000000; } .stockDetails .stockValue { font: 700 18px/21px "Lato", sans-serif; color: #000000; } .stockDetails .stockValue span { font: 700 14px/17px "Lato", sans-serif; color: #39A97C; } .stockDetails .stockValue .greenUpArrow { width: 0; height: 0; border-bottom: 6px solid #39A97C; border-left: 5px solid transparent; border-right: 5px solid transparent; display: inline-block; margin: 0 6px 0 3px; } .stockDetails .stockValue .date { font: 400 12px/12px "Lato", sans-serif; color: #999999; text-align: right; margin-top: 5px; margin-left: 10px; } #stock_score_popup .modal-dialog { width: 750px; } #stock_score_popup .modal-header { background-color: #fff; } #stock_score_popup .left_block { width: 205px; float: left; } #stock_score_popup .right_block { width: 445px; float: right; } #stock_score_popup .mlogo { width: 30px; height: 30px; display: flex; gap: 10px; justify-content: center; margin: auto; } #stock_score_popup .mlogo span { font: 700 30px/27px "Lato", sans-serif; color: #000000; text-transform: uppercase; } #stock_score_popup .scorebox { margin: 10px 0; position: relative; text-align: center; } #stock_score_popup .scorebox .score { position: absolute; top: 28%; left: 35%; font: 900 54px / 47px "Lato", sans-serif; color: #5FB71F; text-align: center; } #stock_score_popup .scorebox .score span { font: 400 14px/17px "Lato", sans-serif; color: #999999; display: block; } #stock_score_popup .scoreline { font: 700 16px/22px "Lato", sans-serif; color: #000000; display: block; text-align: center; } /* .modal-backdrop.in { z-index: -1 !important; } */ #stock_score_accordion { position: relative; } #stock_score_accordion:before { content: ""; border-left: 1px dashed #9B9C9D; position: absolute; left: -25px; top: 25px; height: -webkit-fill-available; } #stock_score_accordion .accordionName { font: 700 14px/27px 'Lato', sans-serif; color: #000000; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } #stock_score_accordion .accordionName:before { content: ""; width: 11px; height: 11px; border: 1px solid #C9CBCE; background-color: #EAEDF2; border-radius: 100%; display: inline-block; position: absolute; left: -47px; top: 8px; } #stock_score_accordion .panel-collapse.collapse.in.accordionName:before { background-color: #8995A7; } #stock_score_accordion .accordionName img { width: 25px; height: 25px; background-color: #EBF0F9; border-radius: 100%; object-fit: scale-down; } #stock_score_accordion .accordionScore { font: 700 22px/27px 'Lato', sans-serif; color: #DDA502; position: absolute; right: 25px; top: 0; } #stock_score_accordion .accordionScore span { font: 400 12px/14px 'Lato', sans-serif; color: #999999; } #stock_score_accordion .likeDislikes { display: flex; justify-content: space-between; background-color: #F4F5F8; border-radius: 4px; height: 33px; margin: 1px 0; } #stock_score_accordion .likeDislikes .like, #stock_score_accordion .likeDislikes .dislike { width: 50%; position: relative; text-align: center; background-color: #F4F5F8; } #stock_score_accordion .likeDislikes .like img { position: absolute; top: 7px; opacity: 5px; } #stock_score_accordion .likeDislikes .dislike img { position: absolute; top: 10px; opacity: 0.5; } #stock_score_accordion .likeDislikes .like.active img, #stock_score_accordion .likeDislikes .dislike.active img { opacity: 1; } #stock_score_accordion .likeDislikes .like.active, #stock_score_accordion .likeDislikes .dislike.active { background-color: #fff; border: 1px solid #CCCCCC; border-radius: 4px; } #stock_score_accordion .acccordionPoints { max-height: 170px; overflow-y: auto; scrollbar-color: #d5e0e5 transparent; scrollbar-width: thin; scrollbar-height: thin; padding-top: 10px; } #stock_score_accordion .acccordionPoints ul li { font: 400 14px/18px 'Lato', sans-serif; color: #333333; border-left: 1px solid #178B5B; margin-bottom: 15px; padding-left: 7px; padding-right: 10px; } #stock_score_accordion .panel .accordionArrow { border-width: 1.5px 0 0 1.5px; border-style: solid; padding: 3px; display: inline-block; transform: rotate(225deg); position: absolute; right: 5px; top: 8px; } #stock_score_accordion .panel.active .accordionArrow { transform: rotate(45deg); right: 5px; } #stock_score_accordion .panel-title { position: relative; } #stock_score_accordion .panel-title a, #stock_score_accordion .panel-title:hover a { text-decoration: none; } #stock_score_accordion .panel-default>.panel-heading, #stock_score_accordion .panel-collapse { background-color: #F9FCFD; } #stock_score_accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: 0; padding: 0px 15px 15px 15px; } #stock_score_accordion .panel-heading .panel-title:hover { text-decoration: none; } #stock_score_accordion .fullwidth .like, #stock_score_accordion .fullwidth .dislike { width: 100%; border-radius: 1px; border: 1px solid #CCCCCC; background-color: #fff; } #stock_score_accordion .panel { margin-top: 10px; } #stock_score_popup .modal-content { padding-bottom: 15px; } #stock_score_popup .modal-content { border-radius: 10px !important; } @media screen and (max-width: 767px){ .indices_namntab { position: relative; } .stock_score_ribbon { right: 5px; left: unset; top: 87%; z-index: 1; } #stock_score_popup .left_block { float: none; width: 100%; display: flex; justify-content: space-between; gap: 20px; align-items: center; } #stock_score_popup .modal-dialog { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; } #stock_score_popup { margin: 40px 20px; } .stockDetails { justify-content: space-between; } .stockDetails .stockValue .date { display: block; font-size: 10px; line-height: 12px; } .stockDetails .companyName { font-size: 20px; } .stockDetails .stockValue { font-size: 16px; line-height: 19px; } .stockDetails .stockValue span { font-size: 12px; color: 14px; } #stock_score_popup .mlogo { display: none; } #stock_score_popup .scorebox { width: 100px; height: 100px; margin: 0; } #stock_score_popup .scorebox .score { font-size: 36px; top: 19%; left: 29%; } #stock_score_popup .scorebox .score span { font-size: 12px; line-height: 3px; } #stock_score_popup .scoreline { text-align: left; width: 70%; font-size: 18px; } #stock_score_popup .right_block { width: 100%; float: none; } #stock_score_accordion { float: right; width: 90%; } } .progress-container { position: relative; width: 65px; height: 65px; top : -0.5%; left: -0.5%; } #progressCanvas { display: block; transform: rotate(-90deg); /* Start drawing from the top */ } .score_disclaimer .modal-content, .score_disclaimer .modal-dialog {width: 750px; top:unset !important; bottom: 0% !important; border-radius: 10px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;transform: translate(-25%, 0%) !important;} .score_disclaimer .modal-title {font: 900 18px/22px 'Lato', sans-serif; color: #333333;} .score_disclaimer .modal-header{background-color: #fff !important;text-align: left; border: none;margin-bottom: -20px;margin-top: 10px} .score_disclaimer .modal-body {font: 400 14px/18px 'lato', sans-serif; color: #333333; text-align: center; padding: 15px 35px 25px 15px !important;} /** Stock Score END **/ .chart_pattern_div .modal-content, .chart_pattern_div .modal-dialog {max-width: 1154px; width:100%; border-radius: 10px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;transform: translate(-25%, 0%) !important; top:20%} .chart_pattern_div .modal-title {font: 900 18px/22px 'Lato', sans-serif; color: #333333;} .chart_pattern_div .modal-header{background-color: #fff !important;text-align: left; border: none;margin-bottom: -20px;margin-top: 10px} .chart_pattern_div .modal-body {font: 400 14px/18px 'lato', sans-serif; color: #333333; text-align: center; padding: 15px 35px 0px 15px !important;} .chart_pattern_div.modal {top: -280px !important; bottom: -5px !important; transform: unset;} .modal-open .chart_pattern_popup {overflow-y: hidden !important;} /** Insight Score Start */ .multicolor-bar-container { width: 360px; height: 20px; position: relative; margin-top: 2px; } .multicolor-bar { width: 100%; /* height: 100%; */ height: 7px; background: linear-gradient(to right, #E00000 0%, #E00000 10%, #F04E1B 20%, #F89112 40%, #D0D000 60%, #6CD054 80%, #13A825 100%); border-radius: 10px; } .insightPointer { position: absolute; z-index: 1; top: -7px; } .insightTitle{ font-weight: 900 !important; font-size: 14px !important; margin-bottom: 14px; margin-left: 15px; } .insightLeft{ line-height: 35px; width: 75px; height: 45px; display: inline-block; vertical-align: top; border-radius: 10px; border: 1px solid #CDD1DB; padding: 4px; text-align: center; font-size: 12px; margin-right: 15px; margin-left: 15px; cursor: pointer; } .insightScore{ font-size: 20px; font-weight: 700 } .insightRight{ font-size:14px; width: 725px; display: inline-block; vertical-align: top; line-height: 20px; } .insighCal{ font-size: 12px; font-weight: 400; color: #767676; } /** Insight Score End */