@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

div[data-qmod-tool="advancedchart"] { 
  font-family: Nunito Sans,sans-serif; 
  font-size: 15px; 
}
div[data-qmod-tool="advancedchart"] a { 
  text-decoration: none; 
}
div[data-qmod-tool="advancedchart"] .qmod-block-wrapper,  
div[data-qmod-tool="advancedchart"] .pure-g [class*="pure-u"], 
div[data-qmod-tool="advancedchart"] .qmod-simplechart { 
  font-family: Nunito Sans,sans-serif; 
  color: #203445; 
} 
div[data-qmod-tool="advancedchart"] .qmod-heading.qmod-hbg { 
  background-color: #fff; 
  font-family: Nunito Sans,sans-serif; 
  font-weight: normal; 
  font-size: 22px; 
  color: #30a5bf; 
} 
div[data-qmod-tool="advancedchart"] li.qmod-legend-list-
item.qmod-input { 
  display: none!important; 
} 
div[data-qmod-tool="advancedchart"] button.qmod-btn.qmod-btn-
link.qmod-f-right { 
  font-size: 16px; 
  color: #30a5bf; 
} 
div[data-qmod-tool="advancedchart"] button.qmod-btn.qmod-btn-
link.qmod-f-right:hover{ 
  color: rgba(99,154,166,.9); 
} 
div[data-qmod-tool="advancedchart"] .qmod-ui-tool.qmod-
simplechart .qmod-block-wrapper { 
  padding-left: 13px; 
} 
div[data-qmod-tool="advancedchart"] .qmod-chart-buttons-
rs .qmod-icon-toggle-fa .fa.fa-toggle-on.qmod-ch-up { 
  color: #30a5bf; 
} 
div[data-qmod-tool="advancedchart"] .qmod-dropdown-menu li > 
a.qmod-active, 
div[data-qmod-tool="advancedchart"] .qmod-chart-buttons-
rs .qmod-legend > li:not(.qmod-active),  
div[data-qmod-tool="advancedchart"] .qmod-chart-buttons-
rs .qmod-legend > li:not(.qmod-active) .qmod-group-btn.qmod-btn, 
div[data-qmod-tool="advancedchart"] .qmod-simplechart.qmod-ui-
tool .qmod-chart-buttons-rs .qmod-legend > li .qmod-dd-more .qmod-
dd-more-ul, 
div[data-qmod-tool="advancedchart"] .qmod-dropdown-menu li > 
a.qmod-active { 
  background-color: #30a5bf; 
} 
div[data-qmod-tool="advancedchart"] .qmod-chart-buttons-
rs .qmod-legend > li.qmod-active, .qmod-chart-buttons-rs .qmod-
legend > li.qmod-active .qmod-group-btn.qmod-btn { 
  background-color: #666!important; 
} 
div[data-qmod-tool="advancedchart"] .qmod-legend.qmod-legend-
list .qmod-legend-list-item { 
  background-color: #30a5bf!important; 
  cursor: default!important; 
} 
div[data-qmod-tool="advancedchart"] .qmod-simplechart.qmod-ui-
tool .qmod-chart-display .qmod-legend > li:hover,  
div[data-qmod-tool="advancedchart"] .qmod-simplechart.qmod-ui-
tool .qmod-chart-buttons-rs .qmod-legend > li:hover { 
  background-color: rgba(99,154,166,.9); 
  border-color: rgba(99,154,166,.9); 
} 
div[data-qmod-tool="advancedchart"] .qmod-simplechart.qmod-ui-
tool .qmod-chart-display .qmod-legend > li .qmod-dd-more .qmod-dd-
more-item:hover:not(.qmod-list-header),  
div[data-qmod-tool="advancedchart"] .qmod-simplechart.qmod-ui-
tool .qmod-chart-buttons-rs .qmod-legend > li .qmod-dd-more .qmod-
dd-more-item:hover:not(.qmod-list-header) { 
  background-color: #666; 
} 
div[data-qmod-tool="advancedchart"] rect.highcharts-point { 
  fill: #30a5bf; 
} 
@media only screen and (max-width: 600px) { 
  div[data-qmod-tool="advancedchart"] button.qmod-btn.qmod-
btn-link.qmod-f-right { 
      font-size: 14px; 
  } 
}

/* Small Chart */
div[data-qmod-tool="advancedchart"].small-chart {
  margin-right: 10px !important;
  width: 300px !important;
  height: 180px !important;
}

div[data-qmod-tool="advancedchart"].small-chart .qmod-ui-tool,
div[data-qmod-tool="advancedchart"].small-chart .qmod-block-wrapper,
div[data-qmod-tool="advancedchart"].small-chart .qmod-chart-js,
div[data-qmod-tool="advancedchart"].small-chart .qmod-main-chart {
  width: 300px !important;
  height: 180px !important;
}

div[data-qmod-tool="advancedchart"].small-chart .qmod-block-wrapper,
div[data-qmod-tool="advancedchart"].small-chart .qmod-chart-js {
  margin: 0 !important;
  padding: 0 !important;
}

div[data-qmod-tool="advancedchart"].small-chart .qmod-heading.qmod-hbg,
div[data-qmod-tool="advancedchart"].small-chart .qmod-chart-display,
div[data-qmod-tool="advancedchart"].small-chart .qmod-chart-buttons-rs,
div[data-qmod-tool="advancedchart"].small-chart .qmod-main-chart .highcharts-container .highcharts-title {
  display: none !important;
}

div[data-qmod-tool="advancedchart"].small-chart .qmod-main-chart .highcharts-container {
  margin: 0 !important;
}

/* Profile Page Chart */
div[data-qmod-tool="advancedchart"].profile-page-chart,
div[data-qmod-tool="advancedchart"].profile-page-chart .qmod-ui-tool,
div[data-qmod-tool="advancedchart"].profile-page-chart .qmod-block-wrapper,
div[data-qmod-tool="advancedchart"].profile-page-chart .qmod-chart-js,
div[data-qmod-tool="advancedchart"].profile-page-chart .qmod-main-chart {
  width: 100% !important;
  height: 355px !important;
}

/* Profile Page Chart */
div[data-qmod-tool="advancedchart"].company-page-chart,
div[data-qmod-tool="advancedchart"].company-page-chart .qmod-ui-tool,
div[data-qmod-tool="advancedchart"].company-page-chart .qmod-block-wrapper,
div[data-qmod-tool="advancedchart"].company-page-chart .qmod-chart-js,
div[data-qmod-tool="advancedchart"].company-page-chart .qmod-main-chart {
  width: 100% !important;
  height: 495px !important;
}

.qmodii {
  padding: 20px 0px 20px 20px;
 }
 #advChart {
  font-family: Nunito Sans,sans-serif;
  font-size: 15px;
 }
 #advChart .primary--text {
  color: #30a5bf !important;
  caret-color: #30a5bf !important;
 }
 #advChart .primary {
  background-color: #30a5bf !important;
  border-color: #30a5bf !important;
 }
 #advChart .secondary {
  background-color: #666 !important;
  border-color: #666 !important;
 }
 #advChart rect.highcharts-point,
 #advChart rect.highcharts-scrollbar-button,
 #advChart rect.highcharts-scrollbar-thumb {
  fill: #30a5bf;
 }
 #advChart .theme--dark.v-tabs__bar {
  background-color: #30a5bf!important;
 }

 /* Small Advance Chart */
#stock-chart .small.qmodii {
  padding: 0;
}

#stock-chart .small.qmodii .qmod-component-header,
#stock-chart .small.qmodii .qmodii-component-header.qmodii-modifiers,
#stock-chart .small.qmodii .qmodii-component-header.qmodii-component-symbolbar {
  display: none;
}

#stock-chart .small.qmodii,
#stock-chart .small.qmodii #advChart,
#stock-chart .small.qmodii .qmodii-content,
#stock-chart .small.qmodii .container.qmodii-cont.qmodii-advanced-chart,
#stock-chart .small.qmodii .qmod-component.qmodii-component-wrap.qmodii-component-advancedChart,
#stock-chart .small.qmodii .qmod-component-content,
#stock-chart .small.qmodii .qmodii-component-cont,
#stock-chart .small.qmodii .qmodii-component-body,
#stock-chart .small.qmodii .qmodii-advChart-cont,
#stock-chart .small.qmodii .qmodii-advChart-chart,
#stock-chart .small.qmodii .highcharts-container {
  width: 300px;
  height: 180px;
}

#stock-chart .profile-page-chart.qmodii,
#stock-chart .profile-page-chart.qmodii #advChart,
#stock-chart .profile-page-chart.qmodii .qmodii-content,
#stock-chart .profile-page-chart.qmodii .container.qmodii-cont.qmodii-advanced-chart,
#stock-chart .profile-page-chart.qmodii .qmod-component.qmodii-component-wrap.qmodii-component-advancedChart,
#stock-chart .profile-page-chart.qmodii .qmod-component-content,
#stock-chart .profile-page-chart.qmodii .qmodii-component-cont,
#stock-chart .profile-page-chart.qmodii .qmodii-component-body,
#stock-chart .profile-page-chart.qmodii .qmodii-advChart-cont,
#stock-chart .profile-page-chart.qmodii .qmodii-advChart-chart,
#stock-chart .profile-page-chart.qmodii .highcharts-container {
  width: 100%;
  height: 300px;
}

#stock-chart .profile-page-chart.qmodii .highcharts-navigator-series,
#stock-chart .profile-page-chart.qmodii .highcharts-navigator,
#stock-chart .profile-page-chart.qmodii .highcharts-navigator-yaxis,
#stock-chart .profile-page-chart.qmodii .highcharts-navigator-xaxis,
#stock-chart .profile-page-chart.qmodii .highcharts-scrollbar {
  display: none;
}

#stock-chart .profile-page-chart.qmodii .qmodii-component-header.qmodii-modifiers {
  display: block;
}

#stock-chart .profile-page-chart.qmodii .qmodii-component-header.qmodii-modifiers > div > div > div:nth-child(1) {
  flex-basis: 100% !important;
  flex-grow: 0 !important;
  max-width: 100% !important;
}

#stock-chart .profile-page-chart.qmodii .qmodii-component-header.qmodii-modifiers > div > div > div:nth-child(2),
#stock-chart .profile-page-chart.qmodii .qmodii-component-header.qmodii-modifiers > div > div > div:nth-child(3) {
  display: none;
}

#stock-chart .company-page-chart.qmodii,
#stock-chart .company-page-chart.qmodii #advChart,
#stock-chart .company-page-chart.qmodii .qmodii-content,
#stock-chart .company-page-chart.qmodii .container.qmodii-cont.qmodii-advanced-chart,
#stock-chart .company-page-chart.qmodii .qmod-component.qmodii-component-wrap.qmodii-component-advancedChart,
#stock-chart .company-page-chart.qmodii .qmod-component-content,
#stock-chart .company-page-chart.qmodii .qmodii-component-cont {
  width: 100%;
  height: 550px;
}

#stock-chart .company-page-chart.qmodii .qmodii-component-body,
#stock-chart .company-page-chart.qmodii .qmodii-advChart-cont,
#stock-chart .company-page-chart.qmodii .qmodii-advChart-chart,
#stock-chart .company-page-chart.qmodii .highcharts-container {
  width: 100%;
  height: 413px;
}

#stock-chart .company-page-chart.small #advChart {
  box-sizing: border-box;
  padding: 10px;
}

#stock-chart .company-page-chart.small.qmodii .qmod-component-header,
#stock-chart .company-page-chart.small.qmodii .qmodii-component-header.qmodii-modifiers,
#stock-chart .company-page-chart.small.qmodii .qmodii-component-header.qmodii-component-symbolbar {
  display: flex;
}

#stock-chart .company-page-chart.small.qmodii .qmodii-component-header.qmodii-component-symbolbar .qmodii-advChart-addCompare button {
  width: auto;
}


/* Detailed Quote */
#detailed-quote div[data-qmod-tool="detailedquotetab"] {
  width: 100%;
}

#detailed-quote div[data-qmod-tool="detailedquotetab"] .qmod-popup-titlebar-buttons .qmod-btn{
  margin-top: auto !important;
  margin-right: 5px !important;
}

#detailed-quote div[data-qmod-tool="detailedquotetab"] .qmod-heading.qmod-hbg {
  background-color: #666;
  color: white;
}