@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;0,800;0,900;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


.container_gold { width: 1260px; margin: 0 auto;}
.headtit1 { font:700 20px 'Poppins', sans-serif; color:#000000; padding-bottom:10px;}
.leftcnt_gold { width:940px; float: left;}
.comapretable { border: 1px solid #D1D1D1;}
.comapretable th { text-align: right; background: #E2E2E2; padding: 15px; font:700 14px 'Poppins', sans-serif;}
.comapretable td { color: #333333; border-top: 1px solid #D1D1D1; text-align: right;padding: 15px; font:400 16px 'Poppins', sans-serif;}
.comapretable td strong { font-weight:700; }
.comapretable td a { color: #333333;}
.greenarrow, .redarrow { display: inline-block; border-bottom:10px solid #23891A; border-left:5px solid transparent; border-right:5px solid transparent; margin-left: 3px; }
.redarrow { border-top: 10px solid #E33923; border-bottom: none;}
.comapretable td.green { color:#23891A;}
.comapretable td.red { color:#E33923;}

.comapretable.dailyrate th { text-align: center;}
.comapretable.dailyrate th span { display: block; color:#202020; font:12px 'Poppins', sans-serif;  }
.comapretable.dailyrate th, .comapretable.dailyrate td { border-right:1px solid #D1D1D1;}

.comapretable td:first-child, .comapretable th:first-child { text-align: left;}
.comapretable.dailyrate th:first-child, .comapretable.dailyrate td:first-child { width:250px; }

.rupsign {  font-style:normal; font:16px 'Roboto', sans-serif;   }
.greentxt, .rupsign, .redtxt { font-size:14px;}
.greentxt {color:#23891A;} 
.redtxt { color: #E33923;}

.selectsc { background: #E2E2E2; padding: 10px; border-left: 5px solid #666666; margin-bottom:25px; border-radius:5px;}
.selectsc label { color: #333333;  font:800 20px/34px 'Poppins', sans-serif; margin: 0px;  }
.selectsc select { background: #fff; height: 34px; border-radius: 3px; min-width:300px;  border: 1px solid #CEC9C3; padding:0 10px; color: #333333;  font:14px 'Poppins', sans-serif; margin-left: 10px;  } 
.selectsc button { background:#000; border: none; width:50px; text-align:center; font: 16px/34px 'Roboto', sans-serif; color: #fff; display:inline-block; border-radius:3px; height: 34px; margin-left:10px;}

.gold_rate_cnt { background: url("https://images.moneycontrol.com/mcnews/images/commodities/silver_bg.png?v=1.0") left top no-repeat; height: 300px; background-size: cover; padding:20px 20px 20px 0px; margin-bottom: 25px; }
.gold_rate_cnt p { color: #000000;  font:300 15px 'Poppins', sans-serif; margin: 0px; padding: 0px; }
.gold_rate_cnt p#gold_content{ font:400 20px/30px 'Lato', sans-serif; max-width:765px;}
.gold_rate_cnt h1 { color: #000000; margin-bottom:25px;  font:700 30px 'Poppins', sans-serif; text-transform: uppercase; }
.gold_rate_cnt h1 span { color:#666666; }
.rategraphBx { width:41%; margin-right:30px; display:inline-block; background:#fff; border: 1px solid #E6E6E6; border-radius: 5px; padding:30px 15px;}
.rategraphBx.green { border-left:6px solid #23891A;}
.rategraphBx.red { border-left:6px solid #E33923;}
.rategraphBx p {color: #333333;  font:14px 'Poppins', sans-serif; }
.grate { float: left; color: #202020;  font:800 54px 'Poppins', sans-serif;}
.grate span { vertical-align:super; color: #202020;font:30px 'Roboto', sans-serif; }
.ggraph { width:150px; float: right; margin-top: 20px;}

.rightcnt_gold { width:300px; float: right;}
.rightAd { margin-bottom:45px;  }

#mc_content { margin-top: 30px;}
.comm_news .headtit1 { border-bottom:1px dotted #999999;}
.comm_news .nav-tabs { border-bottom: 1px solid #999; margin: 0px; padding: 0px;}
.comm_news .nav-tabs li { margin-bottom:-1px; float: left;}
.comm_news .nav-tabs a { display: block; padding:15px; margin-bottom: 3px; color: #666666; font:700 14px 'Lato', sans-serif;}
.comm_news .nav-tabs li.active a { color: #2F669E; margin: 0px; border-bottom: 3px solid #30659F;}
.comm_news .nav-tabs a:hover, .comm_news .nav-tabs a:focus { text-decoration: none; color: #2F669E;}

.comm_news .comNewslist { margin: 0px;}
.comm_news .comNewslist li { width: 100%; float: left;padding: 15px 0; border-bottom:1px dotted #999;}
.comm_news .comNewslist li a { color: #333333; font:700 14px 'Roboto', sans-serif;}
.comm_news .comNewslist li img { float: left;}
.comm_news .comNewslist li span { float: right; width: calc( 100% - 130px );}
.comm_news .comNewslist li:last-child { padding-bottom:5px;  border: none;} 

.view_morenews { text-align: right; position: relative; text-align: right; color: #0E5193; font: 13px 'Roboto', sans-serif; }
.view_morenews:before { content:""; width:100%; height: 1px; border-bottom: 1px dotted #999; position: absolute; top:50%; left: 0px;}
.view_morenews span { display:inline-block; background: #fff;    position: relative;    z-index: 9;    padding-left: 10px; }
.view_morenews svg { vertical-align: middle; margin-left:2px; }
.tab-pane { display: none;}
.tab-pane.active { display: block;}
.adspotHorz { width:728px; margin:25px auto;}
.img-responsive { display: block; width: 100%; height: auto;}
.adspot_mob { display:none;}
.add-ban{min-height:auto;}
.powred_by{text-align:right; color:rgba(0, 0, 0, 0.50); font:400 11px 'Lato', sans-serif; margin-top:15px; display: flex; align-items: center; justify-content: flex-end;}
.powred_by img{margin-left:5px;}

.scroll_tablebx {max-height:615px; overflow-y:auto; border-bottom: 0px solid #ddd; scrollbar-color: #666666 transparent; scrollbar-width: thin; scrollbar-height: thin;}
.scroll_tablebx::-webkit-scrollbar {height:10px; width:10px; background-color: #EFEFEF; border-radius:0px;} 
.scroll_tablebx::-webkit-scrollbar-thumb{background-color:#666666; border-radius:0px;}

.scroll_tablebx th{ position:sticky; top:-1px;}

@media all and (max-width:1024px){
	.container_gold { width:990px;}
	.leftcnt_gold { width: 680px;}
	.selectsc select { min-width:195px; }
	.grate  { font: 800 30px 'Poppins', sans-serif;}
	.grate span { font: 20px 'Roboto', sans-serif; position: relative; top: 4px;}
	.rategraphBx  { width:44%; margin-right: 10px; padding: 20px 10px;}
	.comapretable.dailyrate th:first-child, .comapretable.dailyrate td:first-child { width:170px; }
	.adspotHorz { display: none;}
	.headtit1 { margin-top:25px;}
	.comapretable td { font:400 14px 'Poppins', sans-serif;}
}


@media all and (max-width:767px){
	.container_gold { width:auto; margin:0 10px;}
	.leftcnt_gold { width: 100%; float: none;}
	.rightcnt_gold { width:100%; float: none; margin-bottom: 30px;}	
	.selectsc { padding: 10px 5px;}
	.selectsc label { margin: 0 0 5px 0; display:block; font:800 14px/21px 'Poppins', sans-serif }
	.selectsc select { min-width:auto; width:114px; padding: 5px; margin: 0 3px 0 0;}
	.selectsc button { width: 40px; font-size:14px; line-height:34px; margin: 0px;  }
	.gold_rate_cnt p { font-size: 8px;}
	.gold_rate_cnt h1 { font-size: 16px; margin-bottom: 10px;}
	.gold_rate_cnt { height: auto; background:url("https://images.moneycontrol.com/mcnews/images/commodities/silver_bg_mobile.png") right top no-repeat; padding: 8px 10px;  border-radius: 16px;}
	.rategraphBx { width:auto; display: block; margin: 0 0 10px 0; padding: 10px;  }
	.headtit1 { font-size: 16px; margin: 0px;}
	.ggraph { width: 90px; margin-top:5px; float: left; margin-left: 10px;}
	.adspot_mob { display: block; width: 300px; margin:20px auto;}
	.comapretable td, .comapretable th { padding:10px; white-space: nowrap; font-size: 12px;}
	.greentxt, .rupsign, .redtxt { font-size: 12px;}
	.breakmob { display: block;}
	.rightAd { width: 300px; margin: 0 auto 20px;}
	
	
	/*== responsvie table ==*/
.table-responsive { min-height: 0.01% !important; overflow-x: auto; }
.table-responsive thead tr th, .table-responsive .mctable1 tbody tr td { border-right: 0px; }
.table-responsive thead tr th:first-child { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; left: 0; z-index: 1; border-bottom: 1px solid #ebebeb; white-space: normal; z-index: 99; box-shadow:2px 0px 6px 0px rgba(0,0,0,0.03);}
.table-responsive thead tr th:first-child:after { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; background-color: #e6eaec; }
.table-responsive tbody tr td:first-child { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; left: 0; white-space: normal; z-index: 9; background-color: #fff; box-shadow:2px 5px 6px 0px rgba(0,0,0,0.03); }
.table-responsive tbody tr td:first-child:after { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; background-color: #e6eaec; }
.table-responsive tr:hover td { background-color: transparent; border-bottom: 1px solid #ebebeb; }
.table-responsive .port_right { width: 80%; padding-right: 5px; }
.table-responsive td .robo_medium { width: 120px; display: block; }
.table-responsive thead tr th:first-child, .table-responsive thead tr th:first-child, .table-responsive tbody tr td:first-child, .table-responsive tbody tr td:first-child { background-color: #fff; white-space: nowrap;}
.table-responsive thead tr th:first-child, .table-responsive thead tr th:first-child{ background-color:#E2E2E2;}
.gold_rate_cnt p#gold_content{font-size:14px; line-height:20px; max-width:88%;}
	
.scroll_tablebx {max-height: inherit; overflow-y:auto; border-bottom: 0px solid #fff; scrollbar-color: #fff transparent; scrollbar-width: thin; scrollbar-height: thin;}
.scroll_tablebx::-webkit-scrollbar {height:1px; width:1px; background-color: #fff; border-radius:0px;} 
.scroll_tablebx::-webkit-scrollbar-thumb{background-color:#fff; border-radius:0px;}
}