.chart-container-wrapper .zoom-icon.close,.chart-container-wrapper .zoom-image{display:none}.chart-container-wrapper .legend-wrapper .legend-interest,.chart-container-wrapper .legend-wrapper .legend-principal{width:10px;height:10px;background:#f39150;margin-top:4px;display:inline-block}.bp-container.c-template-hdfc-middle-section{z-index:0}.chart-container-wrapper .legend-wrapper{text-align:left;margin-left:60px}.chart-container-wrapper .legend-wrapper .leg{display:inline;padding:10px}.chart-container-wrapper .legend-wrapper .legend-interest{background:#3f6ac1}.chart-container-wrapper .legend-wrapper .interest-txt{color:#000;font-weight:400;font-size:12px;margin-left:5px}.chart-container-wrapper .legend-wrapper .legend-principal{background:#7f9ad8}.chart-container-wrapper .legend-wrapper .principal-txt{color:#000;font-weight:400;font-size:12px;margin-left:5px}.chart-container-wrapper #chart-container .highcharts-series-0 rect,.chart-container-wrapper #chart-container1 .highcharts-series-0 rect,.chart-container-wrapper #chart-container2 .highcharts-series-0 rect,.chart-container-wrapper #chart-container3 .highcharts-series-0 rect{fill:#3f6ac1}.chart-container-wrapper #chart-container .highcharts-series-1 rect,.chart-container-wrapper #chart-container1 .highcharts-series-1 rect,.chart-container-wrapper #chart-container2 .highcharts-series-1 rect,.chart-container-wrapper #chart-container3 .highcharts-series-1 rect{fill:#7f9ad8}.calc-title .title h2{font-size:20px;text-transform:capitalize;border-bottom:none;padding:10px 12px 0 12px;line-height:28px}@media only screen and (max-width:767px){.chart-container-wrapper{position:relative}.chart-container-wrapper #chart-container,.chart-container-wrapper #chart-container1,.chart-container-wrapper #chart-container2,.chart-container-wrapper #chart-container3{width:95%;margin:initial}.chart-container-wrapper.first.modal #chart-container1,.chart-container-wrapper.modal #chart-container,.chart-container-wrapper.second.modal #chart-container2,.chart-container-wrapper.third.modal #chart-container3{position:absolute;left:50%;width:auto;-webkit-transform:translateX(-50%) rotate(90deg);-moz-transform:translateX(-50%) rotate(90deg);-o-transform:translateX(-50%) rotate(90deg);-ms-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.chart-container-wrapper.modal{position:fixed;z-index:100002!important;left:0;right:0;top:0;width:auto;height:100%;overflow:auto;background-color:#000}.chart-container-wrapper .zoom-icon{float:right;display:inline-block}.chart-container-wrapper.modal .zoom-icon.close{display:block;color:#fff;position:relative;top:92px;right:25px;font-size:35px;font-weight:700;opacity:.67}.chart-container-wrapper.modal .zoom-icon.zoom-image{display:none}.chart-container-wrapper .zoom-icon.zoom-image{background-image:url(../media/zoom.png);width:26px;height:26px;position:absolute;z-index:1;top:0;right:0}.calc-title .title h2{font-size:18px;padding:10px}}@media only screen and (max-width:767px) and (min-width:650px){.chart-container-wrapper.first.modal #chart-container1,.chart-container-wrapper.modal #chart-container,.chart-container-wrapper.second.modal #chart-container2,.chart-container-wrapper.third.modal #chart-container3{width:668px;height:370px;margin-left:0;margin-right:auto;margin-top:230px}}@media only screen and (max-width:649px) and (min-width:540px){.chart-container-wrapper.first.modal #chart-container1,.chart-container-wrapper.modal #chart-container,.chart-container-wrapper.second.modal #chart-container2,.chart-container-wrapper.third.modal #chart-container3{width:668px;height:370px;margin-right:auto;margin-top:160px}}@media only screen and (max-width:539px) and (min-width:480px){.chart-container-wrapper.first.modal #chart-container1,.chart-container-wrapper.modal #chart-container,.chart-container-wrapper.second.modal #chart-container2,.chart-container-wrapper.third.modal #chart-container3{width:674px;height:370px;margin-right:auto;margin-top:160px}}@media only screen and (max-width:479px) and (min-width:320px){.chart-container-wrapper.first.modal #chart-container1,.chart-container-wrapper.modal #chart-container,.chart-container-wrapper.second.modal #chart-container2,.chart-container-wrapper.third.modal #chart-container3{width:674px;height:316px;margin-right:auto;margin-top:302px}.chart-container-wrapper .zoom-icon.zoom-image{right:8px}.chart-container-wrapper #chart-container,.chart-container-wrapper #chart-container1{width:100%}}