.d-flex{display:flex}
.space-between{justify-content:space-between}
.f-direction-col{flex-direction:column}
.f-content-end{justify-content:flex-end}
.f-align-center{align-items:center}
.chart-author-maker{border-color:rgba(128,128,128,0.5);border-style:solid;border-width:.125rem;margin:-0.125rem}
.chart-column-1{float:left;width:50%}
.chart-column-2{float:right;width:50%}
.chart-size{width:50%}
.chart-row:after{content:"";display:table;clear:both}
.chart-column-1>div:first-child{padding-right:10px}
.chart-column-2>div:first-child{padding-left:10px}
.chartimagetitle{font-family:Karla-Bold;font-size:20px;color:#333;letter-spacing:0;line-height:20px;padding-right:45px;margin-bottom:26px}
.chartimagesource{font-family:Karla-Regular;font-size:16px;color:#999;letter-spacing:-0.2px}
.chart-title-small{font-size:20px}
.charts-comp-heading-authoring{display:block !important;color:gray;text-align:center;width:100%;height:60px}
.charts-comp-heading{display:none}
.chart-component-display-area{display:none}
.chart-component-display-area-authoring{display:block !important;color:gray;text-align:center;height:60px}
.chartcontainer{position:relative;border:1px solid #ccc;padding:5px;margin-top:10px}
.chartcontainer.pie-type{padding:15px}
.l3-highlight-legend{margin-top:-20px !important}
.l3-donut-legend-default{cursor:default}
.l3-donut-legend-default .legend-perc{font-family:KarlaBold;font-size:17px;color:#333;line-height:20px;cursor:default !important}
.l3-donut-legend-header{cursor:default;display:flex;justify-content:space-between;align-items:center;background-color:#1773b0;width:325px;padding:8px 8px 8px 16px}
.l3-donut-legend-header .legend-title{font-family:KarlaRegular;font-size:12px;color:#fff;line-height:12px;cursor:default !important;font-weight:400;letter-spacing:.37px;padding-left:8px}
.l3-donut-legend{cursor:default;display:flex;justify-content:space-between;align-items:center;width:325px;border-bottom:1px solid #e2e2e2}
.legend-col-1,.legend-col-2{display:flex;align-items:center}
.legend-col-2 .legend-title{flex:1;text-align:right;width:75px}
.l3-donut-legend .legend-color{height:30px;width:8px;margin:4px 8px}
.l3-donut-legend,.l3-donut-legend-default,.legend-title{font-family:KarlaRegular;font-size:14px;color:#333;line-height:14px;font-weight:100;overflow:hidden;text-overflow:ellipsis;cursor:default !important;padding-right:8px}
.tooltip-item-color{height:8px;width:8px;margin-right:6px}
.highcharts-tooltip span{font-family:KarlaRegular !important;z-index:99999 !important;background-color:#fff;line-height:18px}
.pathway-tooltip .tooltip-item{font-size:12px;padding:1px 0;font-family:KarlaRegular}
.tooltip-text-bold{font-weight:700;line-height:18px}
.asDateFormat{position:absolute;top:14px;left:305px;font-size:14px;font-family:'KarlaRegular';color:#333}
.composite-html-style{height:355px;overflow:hidden}
.highcharts-data-labels .highcharts-data-label span{font-family:KarlaBold !important;font-size:12px !important;color:#333 !important}
@media(min-width :1440px) and (max-width:1919px){.l3-donut-legend-header{width:340px}
.l3-donut-legend{width:340px}
.legend-col-2{width:135px}
.legend-col-2 .legend-title{width:65px !important}
}
@media(min-width :1280px) and (max-width:1439px){.md-hide{display:none !important}
.l3-donut-legend-header{width:404px}
.l3-donut-legend{width:404px}
}
@media(min-width :1024px) and (max-width:1279px){.l3-donut-legend-header{width:340px}
.l3-donut-legend{width:340px}
.legend-col-2 .legend-title{width:65px !important}
}
@media(min-width:1920px){.l3-donut-legend-header{width:413px}
.l3-donut-legend{width:413px}
.legend-col-2{width:150px}
}
@media(max-width:1023px){.l3-donut-legend-header{width:340px}
.l3-donut-legend{width:340px}
}
.chart-container{font-family:'KarlaRegular'}
.h-30{height:30px}
.historical-header-title{font-size:18px;font-weight:700;line-height:30px;text-align:left;color:#333}
.his-asOfDate,.his-premium-asOfDate,.performance-asOfDate,.growth-asOfDate{font-family:inherit;font-size:13px;font-style:italic;font-weight:400;line-height:15.2px;text-align:left;color:#666}
.separator{border-top:1px solid #d9d9d9;margin:8px 0}
.mb-8{margin-bottom:8px}
.date-container{width:373px}
.premiuim-dropdown-container{width:240px}
.premiuim-dropdown-container campfire-enterprise-dropdown{width:100%}
.date-label{font-family:'Inter';font-size:12px;font-weight:400;line-height:16px;letter-spacing:.21px;text-align:left;color:#666;margin-right:8px}
#fromDate,#toDate{width:144px}
.chart-body{border-top:1px solid;margin:20px}
.chart-bg-color{background-color:#f2f2f2;min-height:320px}
.footer-msg{font-family:inherit;font-size:12px;font-weight:400;line-height:16px;text-align:left;color:#333;padding:0 0 20px 15px}
.highcharts-subtitle{width:100% !important;left:0 !important;padding:0 10px}
.vh-center{display:flex;align-items:center;justify-content:center}
#historical-price-no-data span,#premiuim-disct-no-data span{font-size:18px;font-weight:700;color:#333}