/*== fonts ==*/
@font-face {
    font-family: 'SF Compact Display';
    src: url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Heavy.woff2?classic=true') format('woff2'),
        url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Heavy.woff?classic=true') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Medium.woff2?classic=true') format('woff2'),
        url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Medium.woff?classic=true') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Bold.woff2?classic=true') format('woff2'),
        url('https://www.moneycontrol.com/commonfiles/font/SFCompactDisplay-Bold.woff?classic=true') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*== fonts ==*/



/*== common css ==*/
* {box-sizing: border-box; margin:0; padding: 0px; text-decoration: none; border: none;}
html {height: 100%;}
body, ul, ol, li, p {margin: 0; padding: 0; list-style: none;}
a:focus, a:hover, div:hover, div:focus {outline: 0;}
.clearfix:before {content: " "; display: table;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{display: inline-block}                        
* html .clearfix{height: 1%}
.clearfix{display: block}
body {font-family: 'SF Compact Display', sans-serif; color: #000000; font-size: 14px; line-height: 19px; font-weight: 400;} 
.minis_wrapper {width: 100%; padding: 10px; margin: 0 auto; box-sizing: border-box;}
.setion_heading {color: #1765A5; font-size: 17px; line-height: 20px; font-weight: 900; text-transform: uppercase; float: left;}
.filter_icon {float: right;}
/*== common css ==*/


/*== slick slider ==*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } 
.slick-list:focus { outline: none; } 
.slick-list.dragging { cursor: pointer; cursor: hand; } 
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } 
.slick-track:before, .slick-track:after { display: table; content: ''; } 
.slick-track:after { clear: both; } 
.slick-loading .slick-track { visibility: hidden; } 
.slick-slide { display: none; float: left; height: auto; min-height: 1px; } 
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide img { display: block; } 
.slick-slide.slick-loading img { display: none; } 
.slick-slide.dragging img { pointer-events: none; } 
.slick-initialized .slick-slide { display: block; } 
.slick-loading .slick-slide { visibility: hidden; } 
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden { display: none; }
.slick-dots {text-align: center;}
.slick-dots li {display: inline-block; vertical-align: middle; margin: 0 5px;}
.slick-dots button {border-radius: 100%; border: 0; width: 10px; height: 10px; background-color: #a0a4a4; font-size: 0;}
.slick-dots li.slick-active button {background-color: #2b7493;}
/*== slick slider ==*/


/*== cards ==*/
.cards_container {width: 420px; margin: auto;}
.cards_container .top_block {margin-bottom: 20px;}
.card_list li {display: block; border-radius: 10px; -webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.2); margin-bottom: 15px;}
.card_list li .bottom_block {padding: 0px 15px 15px 15px;}
.market_element {background-color: #F26221; font-size: 11px; line-height: 13px; color: #ffffff; text-transform: uppercase; font-weight: 500; border-radius: 5px; padding: 5px; display: inline-block;}
.text_17 {color: #000000; font-size: 17px; line-height: 21px; font-weight: 900; margin: 10px 0;}
.text_18 {color: #000000; font-size: 18px; line-height: 21px; font-weight: 900; margin: 10px 0;}
.text_12 {color: #000000; font-size: 12px; line-height: 14px; font-weight: 400; margin: 10px 0;}
.top_container p, .text_14 {color: #000000; font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 10px;}
.div_body {color: #000000; font-size: 14px; line-height: 19px; font-weight: 400; margin-top: 10px;}
.date_time {font-size: 11px; line-height: 13px; font-weight: 500; color: #888888;}
.card_list li .adv_block {padding: 15px 0 0px; text-align: center;}
.card_list li .adv_text_block {padding: 0px 18px 18px 18px; text-align: center;}
.card_list li .adv_text_block .card_text {margin: 0px 0 5px 0;}
.card_text_small {font-size: 12px; line-height: 14px; color: #000000; font-weight: 400;}
.card_adv_text {font-size: 12px; line-height: 14px; color: #000000; font-weight: 400; margin-top: 15px;}
.card_adv_text a {color: #2E99F0;}
.cards_container .top_block img {border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%;}
/*== cards ==*/


/*== filter popup ==*/
.filter_popup {width: 420px; margin: auto;}
.filter_popup .modal-dialog {width: 405px !important;}
.filter_popup.modal.bottom.fade .modal-dialog {bottom: -372px; top: unset; position: fixed; -webkit-transition: opacity 0.3s linear, bottom 0.7s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.7s ease-out; -o-transition: opacity 0.3s linear, bottom 0.7s ease-out; transition: opacity 0.3s linear, bottom 0.7s ease-out; width: 100%;}
.filter_popup.modal.bottom.fade.in .modal-dialog {bottom: 0;}
.filter_popup .modal-dialog {margin-top: 95px;}
 .modal-open .filter_popup.modal {z-index: 999999;}
.filter_popup .modal-content {border-radius: 20px;}
.filter_popup .modal-title {color: #000000; font-size: 16px; line-height: 16px; text-align: center; font-weight: 900;}
.filter_popup .modal-header .close {float: left; font-size: 12px; line-height: 12px; color: #000000; font-weight: bold; opacity: 1;}
.filter_popup .apply {float: right; font-size: 12px; line-height: 12px; color: #000000; font-weight: bold; text-decoration: none;}
.popular_stories .left_block {font-size: 10px; color: #000000; font-weight: bold; float: left; text-transform: uppercase;}
.popular_stories .right_block {float: right;}
.or {margin: 10px 0; text-align: center;}
.or span {font-size: 10px; line-height: 24px; background-color: #F1F1F1; border-radius: 100%; width: 24px; height: 24px; text-align: center; display: inline-block; vertical-align: middle; color: #000000;}
.or:before {background-color: #e6e6e6; height: 1px; content: ""; display: inline-block; width: 42%; margin-right: 10px;}
.or:after {background-color: #e6e6e6; height: 1px; content: ""; display: inline-block; width: 41%; margin-left: 10px;}
.toggle { position : relative; display : inline-block; width : 30px; height : 20px; background-color: #C9C9C9; border-radius: 30px; margin-bottom: 0; }
.checkbox + .toggle:after { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; top: 2px; left: 4px; transition: all 0.5s; }
.checkbox:checked + .toggle::after { left : 11px; }
.checkbox:checked + .toggle { background-color: #3065A0; }
.right_block { position:relative}
.right_block .checkbox {display: block; visibility: hidden; position: absolute; width: 32px; z-index: 1; height:20px; top:-5px;}
.categories {margin-top: 20px;}
.category_list {display: flex; flex-wrap: wrap; justify-content: center;}
.category_list li {margin-bottom: 7px; border-radius: 5px; padding: 13px 10px 10px 10px; width: 31.5%; margin-right: 7px; text-align: center; background-color: #E3E3E4;}
.category_list li:nth-child(3n) {margin-right: 0;}
.category_list li.active {background-color: #1765A5;}
.category_list li .icon {margin-bottom: 10px; background: url("https://images.moneycontrol.com/mcnews/images/mcminis/filter_popup_icons.png") no-repeat; display: block; margin: auto auto 10px auto;}
.category_list li .allstories {width: 20px; height: 22px; background-position: 0px -55px;}
.category_list li.active .allstories {background-position: 0px 0px;}
.category_list li .markets {width: 24px; height: 22px; background-position: -70px -54px;}
.category_list li.active .markets {background-position: -70px 0px;}
.category_list li .economy {width: 18px; height: 22px; background-position: -143px -54px;}
.category_list li.active .economy {background-position: -143px 0px;}
.category_list li .stocks {width: 24px; height: 22px; background-position: -209px -54px;}
.category_list li.active .stocks {background-position: -209px 0px;}
.category_list li .corporate {width: 22px; height: 22px; background-position: -283px -55px;}
.category_list li.active .corporate {background-position: -283px 0px;}
.category_list li .tech {width: 18px; height: 22px; background-position: -354px -55px;}
.category_list li.active .tech {background-position: -354px 0px;}
.category_list li .startups {width: 20px; height: 22px; background-position: -420px -55px;}
.category_list li.active .startups {background-position: -420px 0px;}
.category_list li .science {width: 23px; height: 24px; background-position: -488px -53px;}
.category_list li.active .science {background-position: -488px 0px;}
.category_list li .healthcare {width: 18px; height: 22px; background-position: -561px -54px;}
.category_list li.active .healthcare {background-position: -561px 0px;}
.category_list li .name {font-size: 11px; line-height: 11px; color: #000000; font-weight: bold;}
.category_list li.active .name {color: #ffffff;}
.category_list li .business {width: 24px; height: 22px; background-position: -628px -55px;}
.category_list li.active .business {background-position: -628px -1px;}
.category_list li .politics {width: 24px; height: 24px; background-position: -701px -55px;}
.category_list li.active .politics {background-position: -701px -1px;}
.category_list li .personal-finance {width: 24px; height: 22px; background-position: -772px -55px;}
.category_list li.active .personal-finance {background-position: -772px -1px;}
/*== filter popup ==*/


/*== consumption ==*/
.page_gray_bg {background-color: #F8F8F8;}
.consumption_wrapper {padding: 10px 0;}
.consumption_wrapper .minis_wrapper {padding: 10px 0;}
.subscription_list .slick-list {width: 420px; margin: auto;}
.subscription_list .slick-slide {margin: 0 6px; -webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.1); height: 88vh; width: 385px;}
.subscription_list .slick-track {display: flex; flex-wrap: wrap; padding: 10px 0;}
.subscription_list .slick-arrow {display: none !important;}
.subscription_list .image_block {margin: 25px 0;}
.subscription_list .image_block img {width: 100%;}
.subscription_list .text_block {padding: 15px; white-space: normal; position: relative;}
.graph_block {position: relative;}
.graph_block img {text-align: center; width: 100%; height: auto;}
.graph_block a {cursor: text;}
a < .graph_block { cursor: text; }
.graph_block .zoom_icon {cursor: pointer; content: ""; position: absolute; background: url("https://images.moneycontrol.com/mcnews/images/mcminis/expand.png") no-repeat; width: 48px; height: 48px; bottom: 0px; right: 12px;}
.graph_popup .modal-body {text-align: center; padding-bottom: 30px;}
.graph_popup .modal-header {border-bottom: 0; padding: 15px 15px 5px 15px;}
.graph_popup .modal-header .close {margin-top: -13px;}
.graph_popup .close {font-size: 35px; opacity: 1;}
.auto_rotate_text {display: block; text-align: center; font-size: 25px;}
.use_code {color: #000000; font-size: 14px; line-height: 19px; font-weight: 400;}
.use_code span {padding: 2px 7px; background-color: #ffffff; border: 1px dashed #F26221; color: #F26221; margin-left: 3px;}
.subscription_btn, .subscription_btn:focus, .subscription_btn:hover {background-color: #000000; font-size: 14px; line-height: 18px; color: #ffffff; padding: 15px; border-radius: 25px; display: block; text-align: center; margin-top: 35px; text-decoration: none;}
.whitebg {background-color: #ffffff; border-radius: 20px;}
.whitebg.subscription_box {background-color: #F0DACE;}
.subscription_list .top_container {overflow-y: scroll; max-height: 77vh; margin-bottom: 27px; min-height:77vh; border-bottom: 1px solid #ddd;}
.subscription_list .bottom_container {display: block; position: absolute; bottom: 5px; width: 92%;}
.backicon {float: left; background: url("https://images.moneycontrol.com/mcnews/images/mcminis/backicon.png") no-repeat; width: 18px; height: 18px;}
.backicon svg .a {fill: transparent;}
.social_elements {float: right; width: 50%; text-align: right;}
.wa_icon .a {fill: #1da313; margin: 0 2px; stroke: transparent;}
.fb_icon .a {fill: #3c5a99; margin: 0 2px; stroke: transparent;}
.tt_icon .a {fill: #18b5ea; margin: 0 2px; stroke: transparent;}
.li_icon .a {fill: #007ab9; margin: 0 2px; stroke: transparent;}
.insta_icon .a {fill: #069ce8; margin: 0 2px; stroke: transparent;}
/*.cust_scroll  { max-height:350px; overflow-y:auto; border-bottom: 1px solid #ddd; scrollbar-color: #d5e0e5 transparent; scrollbar-width: thin; scrollbar-height: thin;}*/
.cust_scroll::-webkit-scrollbar {height:6px; width:6px; background-color: transparent; border-radius:5px;} 
.cust_scroll::-webkit-scrollbar-thumb {background-color: #d5e0e5; border-radius:5px;}
/*== consumption ==*/

.desk_hide{display:none;}
.mob_hide{ display:block;}	

@media screen and (max-width: 767px){
	.filter_popup.modal.bottom.fade .modal-dialog {width: auto;}
	header.responsive_true {height: 50px;}
	header {padding: 0 !important; margin: 0;}
	.cards_container {width: 100%;}
	.filter_popup {width: 100%;}
	.filter_popup .modal-dialog {width: 95% !important;}
	.subscription_list .slick-list {width: unset;}
	.mob_hide{ display:none;}	
	.desk_hide{display:block;}
}


@media screen and (max-width: 320px){
	.subscription_list .top_container {max-height: 76vh; min-height:76vh;}
}

.lds-spinner {color: official; display: inline-block; position: relative; width: 64px; height: 64px; margin: 0 auto;}
.lds-spinner div {transform-origin: 32px 32px; animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: #000;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg); animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg); animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg); animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg); animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg); animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg); animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg); animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg); animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg); animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg); animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg); animation-delay: 0s;}
@keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
.TAC{text-align:center;}
.graph_div img { width: 100%; }
.no_data_found {font-family: 'SF Compact Display'; font-size: 30px; padding: 20px;}