@font-face {
    font-family: 'latobold';
    src: url('https://www.moneycontrol.com/commonfiles/font/lato-bold-webfont.woff2?classic=true') format('woff2'),
         url('https://www.moneycontrol.com/commonfiles/font/lato-bold-webfont.woff?classic=true') format('woff'),
		   url('https://www.moneycontrol.com/commonfiles/font/lato-bold.ttf?classic=true') format('trutype'),
		url('https://www.moneycontrol.com/commonfiles/font/lato-bold.eot?classic=true') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('https://www.moneycontrol.com/commonfiles/font/lato-regular-webfont.woff2?classic=true') format('woff2'),
         url('https://www.moneycontrol.com/commonfiles/font/lato-regular-webfont.woff?classic=true') format('woff'),
		  url('https://www.moneycontrol.com/commonfiles/font/lato-regular.ttf?classic=true') format('trutype'),
		 url('https://www.moneycontrol.com/commonfiles/font/lato-regular.eot?classic=true') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('https://www.moneycontrol.com/commonfiles/font/roboto-medium-webfont.woff2?classic=true') format('woff2'),
         url('https://www.moneycontrol.com/commonfiles/font/roboto-medium-webfont.woff?classic=true') format('woff'),
		 url('https://www.moneycontrol.com/commonfiles/font/roboto-medium.ttf?classic=true') format('trutype'),
		 url('https://www.moneycontrol.com/commonfiles/font/roboto-medium.eot?classic=true') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff2?classic=true') format('woff2'),
         url('https://www.moneycontrol.com/commonfiles/font/roboto-bold-webfont.woff?classic=true') format('woff'),
		 url('https://www.moneycontrol.com/commonfiles/font/roboto-bold.ttf?classic=true') format('trutype'),
		 url('https://www.moneycontrol.com/commonfiles/font/roboto-bold.eot?classic=true') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


/*== common css ==*/
* {box-sizing: border-box; margin:0;}
html {height: 100%;}
body, ul, ol, li, p {margin: 0; padding: 0; list-style: none;}
.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;}
a, a:hover {text-decoration: none; color: #000;}
.collapse {display: none;}
.MB20 {margin-bottom: 20px;}
/*== common css ==*/


/*== SIP range slider ==*/
.sip_slider {display: inline-block; vertical-align: top;}
.sip_slider-values {font: 12px "robotomedium", Helvetica, Arial, sans-serif; color: #a9acad; margin-top: 40px;}
.sip_slider-values .left-value {float: left;}
.sip_slider-values .value {margin-left: -3px;}
.sip_slider-values .right-value {float: right;}
.sip_slider .slider {vertical-align: middle; position: relative; float: left;}
.sip_slider .slider-track {position: absolute; cursor: pointer;}
.sip_slider .slider-track-low, .sip_slider .slider-track-high {position: absolute;}
.sip_slider .slider.slider-horizontal .slider-selection, .sip_slider .slider.slider-horizontal .slider-track-low, .sip_slider .slider.slider-horizontal .slider-track-high {height: 100%; top: 0; bottom: 0;}
.sip_slider .slider.slider-horizontal {width: 225px; height: 5px;}
.sip_slider .slider.slider-horizontal .slider-track {height: 5px; margin-top: 4px; top: 50%; left: 0;}
.sip_slider .slider-selection {border-radius: unset; box-shadow: none; background-color: #084f75; background-image: none;}
.sip_slider .slider-track-high {position: absolute; background-color: #d9dddf; border-radius: unset; box-shadow: none;}
.sip_slider .slider-handle {background-color: #036ca4; width: 22px; height: 22px; border-radius: 100%; border: 4px solid #f2bb13; top: 0; position: absolute;}
.sip_slider .slider.slider-horizontal .slider-tick, .sip_slider .slider.slider-horizontal .slider-handle {margin-left: -13px; margin-top: 17px;}
.sip_slider .slider .tooltip.top {margin-top: -9px;}
.sip_slider .slider.slider-horizontal .tooltip {-ms-transform: translateX(-50%); transform: translateX(-50%);}
.sip_slider .tooltip.top {margin-top: -3px; padding: 5px 0;}
.sip_slider .slider .tooltip {pointer-events: none;}
.sip_slider .tooltip {position: absolute; z-index: 1070; display: block; font-family: "robotomedium",Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; filter: alpha(opacity=0);}
.sip_slider .slider.slider-horizontal .slider-track {width: 100%; margin-top: 22px;}
.tooltip.in {opacity: .9;}
.tooltip-inner {background-color: transparent; color: #036ca4; font: 12px "robotomedium", Helvetica, Arial, sans-serif;}
.tooltip.top .tooltip-arrow {display: none;}
.sip_slider .tooltip {opacity: 1;}
.tooltip.bottom .tooltip-arrow, .tooltip.tooltip-max.bottom {display: none;}
/*== SIP range slider ==*/

/*== group 1 ==*/
.tax-calculator-container {background-color: #004d77; width: 700px; text-align: center; display: inline-block; vertical-align: top;}
.tax-calculator-block {padding: 10px; cursor: pointer;}
.tax-calculator-block .widget-text {text-transform: uppercase; font: 23px/23px 'latobold', serif; color: #fff;}
.tax-calculator-block .widget-text > .yellow-text {color: #f2bb13; font-family: 'latoregular', serif;}
.tax-calculator-block .widget-text > .s {text-transform: none; color: #fff;}
.yellow-arrow {display: inline-block; vertical-align: top; background-color: #f2bb13; width: 18px; height: 19px; border-radius: 100%; margin-top: 2px; margin-left: 5px;}
.yellow-arrow span {content: ''; display: inline-block; margin-left: -2px; width: 7px; height: 7px; border-top: 3px solid #084f75; border-right: 3px solid #084f75; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 6px;}
.tax-calculator-block.collapsed .yellow-arrow {transform: rotate(0deg);}
.yellow-arrow.active {transform: rotate(90deg);}
.taxselectbox {border: 1px solid #004d77; font: 14px 'robotoregular', sans-serif; padding: 5px 10px; width: 225px; border-radius: 3px; color: #333; margin-top: 15px;}
.taxselectbox:focus {outline: 0;}
@-moz-document url-prefix() { 
  .yellow-arrow span {
     margin-bottom: -3px;
  }
}
/*== group 1 ==*/


/*== group 2 ==*/
.range-slider-list {padding: 10px;}
#collapse-box {background-color: #f2f6f8;}
.range-slider-list li {display: inline-block; vertical-align: top; width: 33%; margin-right: 25px;}
ul.range-slider-list li:nth-of-type(3) {width: 22%; margin-right: 0; margin-top: 35px;}
.range-slider-block .slider-heading {font: 15px/18px 'robotomedium', serif; color: #282828; text-align: left;}
.range-slider-block .slider-heading span {font-size: 11px;}
.expected-returns {font: 15px/18px 'robotobold', serif; color: #282828; text-transform: uppercase;}
.expected-returns-value {font: 28px/18px 'robotobold', serif; color: #036ca4; margin-top: 7px; margin-bottom: 25px;}
.blue-btn {font: 13px/18px 'robotomedium', serif; background-color: #084f75; color: #fff; text-transform: uppercase; padding: 7px 10px; border-radius: 7px;}
.blue-btn:hover, .blue-btn:focus {color: #fff; text-decoration: none; outline: 0;}
.blue-btn .yellow-arrow {width: 12px; height: 13px;}
.blue-btn .yellow-arrow span {width: 6px; height: 6px; border-top: 2px solid #084f75; border-right: 2px solid #084f75; margin-top: 4px;}
/*== group 2 ==*/


/*== group 3 ==*/
.view-funds {display: none; overflow-y: auto; overflow-x: hidden; white-space: normal; max-height: 193px;}
.view-funds-table th {font: 15px 'robotomedium', serif; color: #036ca4; line-height: normal; padding: 10px 15px;}
.view-funds-table td {font: 12px 'robotomedium', serif; color: #282828; line-height: normal; padding: 10px 15px;}
.view-funds-table tr th {background-color: #f2f6f8;}
.view-funds-table tr td:nth-of-type(1) {text-align: left;}
.view-funds-table tr th:nth-of-type(2), .view-funds-table tr th:nth-of-type(3), .view-funds-table tr td:nth-of-type(2), .view-funds-table tr td:nth-of-type(3) {text-align: center;}
.view-funds-table tr:nth-of-type(even) {background-color: #f2f6f8;}
.view-funds-table tr:nth-of-type(odd) {background-color: #e6edf1;}
.view-funds-table tr td:nth-of-type(4) {text-align: right;}
.view-funds-table .blue-btn {padding: 4px 10px;}
.view-funds-table .blue-btn .yellow-arrow span {margin-right: 4px;}
/*== group 3 ==*/


@media screen and (max-width: 767px){
 .tax-calculator-container {width: 100%;}
 .tax-calculator-block .widget-text {font-size: 13px;}
 .range-slider-list li {width: 100%; margin-right: 0;}
 .sip_slider .slider.slider-horizontal {width: 300px;}
 ul.range-slider-list li:nth-of-type(3) {width: 100%;}
 .expected-returns {display: inline-block; margin-right: 10px;}
 .blue-btn .yellow-arrow {vertical-align: text-top;}
 .blue-btn {display: inline-block; vertical-align: top; margin-top: 10px;}
 .view-funds-table .blue-btn {font-size: 9px; width: 81px; padding: 4px 5px; margin-top: 0;}
 .view-funds-table th, .view-funds-table td {padding: 3px;}
 .view-funds-table th:first-child, .view-funds-table td:first-child { width: 154px; }
 .view-funds-table th {font: 13px 'latobold', serif;}
 .view-funds .blue-btn .yellow-arrow {margin-top: 0px;}
 .view-funds .blue-btn .yellow-arrow span {margin-bottom: 3px;}
 .selectbox-block {width: 300px; margin: auto;}
 .taxselectbox {width: 100%;}
 .view-funds {max-height: 198px;}
}