*,*:before,*:after{box-sizing:inherit}
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}
.ir_textMainHighlight {color: #133f6e; font-weight: bold; font-size: 0.875rem;}
.ir_textSubHighlight {color: #666666; font-size: 0.75rem; padding-bottom: 10px;}
/*** Interactive Chart ***/
#ir_chart_setting { position: relative; z-index: 1; border: 1px solid #ccc; padding: 10px; background: #f4f4f4; margin-bottom: 10px; font-size: 0.75rem; display: flex; gap: 50px;}

#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
/* #ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; } */
#ir_chart_setting .chart-type { width: 35%; float: left;}
#ir_chart_setting .news-chart { width: 65%; float: left;}
#ir_chart_setting .ir_textMainHighlight { display: block; padding-bottom: 10px; }
.news-chart .ir_chart_selection label { width: 33.333333%; float: left; padding: 3px 0; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
#chart_interval { padding: 3px; border: 1px solid #ccc; font-size: 0.75rem;}
.ir_chart_selection { padding-bottom: 10px; font-size: 0.75rem;}
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }

.ir_chart-select-wrap { width: 100%; float: left;}
.ir_chart_period-select { float: right; margin: 20px 0px;}
.ir_chart_type-select { margin: 20px 0px; padding: 0; height: 33px; list-style: none; float: left; }
.ir_chart_type-select li { float: left; margin: 0; }
.ir_chart_type-select li a { color: #fff; background-color: #e26767; text-decoration: none; padding: 10px 10px 10px 44px; display: inline-block; }
.ir_chart_type-select li a { line-height: 1.5; }
#irSwitch2col { background: url("/images/icon-column-view.png") no-repeat scroll 9px center #e26767; }
#irSwitch2line { background: url("/images/icon-line-view.png") no-repeat scroll 9px center #e26767; }
#irSwitch2table { background: url("/images/icon-table-view.png") no-repeat scroll 9px center #e26767; }
.selected_type #irSwitch2col, .selected_type  #irSwitch2col:hover { background: url("/images/icon-column-view.png") no-repeat scroll 9px center #5676a3; }
.selected_type #irSwitch2line, .selected_type #irSwitch2line:hover { background: url("/images/icon-line-view.png") no-repeat scroll 9px center #5676a3; }
.selected_type #irSwitch2table, .selected_type #irSwitch2table:hover { background: url("/images/icon-table-view.png") no-repeat scroll 9px center #5676a3; }
.ir_chart_type-select li.selected_type a, .ir_chart_type-select li.selected_type a:hover {color: #fff; text-decoration: none; }
.chart_table thead tr { background: #e26767; color: #fff; font-weight: bold; }
#table_container h2 { text-align: center; color: #333; font-size: 18px; font-weight: normal; }
.chart_selection-title { padding: 20px 0px 0px 25px; font-size: 1em; margin: 0; }
.chart_year-selection { display: block; height: auto; width: 100%; float: left; padding: 0px 0px 10px 25px; }
.chart_year-selection li {  float: left; cursor: pointer; padding: 10px 10px 0px 0px; list-style: none; }
.ir_chart_type-select li:nth-of-type(2) {border-left:1px solid #fff; border-right:1px solid #fff; }
.ir_chart-container, .ir_chart-container-table { width: 100%; margin: 0 auto; float: left; }
.ir_chart-container-empty {min-width: 310px; height: 400px; margin: 0 auto; font-size: 200%; }
.ir_chart-container-table .tick-box { display: none; }

.w100 { width: 100%;}
.ir_chart-container-wrap, .Chart_selection-accordion-wrap {float: left;}
.ir_chart-container-wrap {width:65%; box-sizing: border-box; padding-right: 10px; }
.Chart_selection-accordion-wrap {width:35%; }

#ir_chart_setting {
  padding: 10px 10px 40px;
}
.ir_chart_interval {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.highcharts-button.highcharts-button-pressed .highcharts-button-box,
.highcharts-button.highcharts-button-hover .highcharts-button-box {
  fill: #353535 !important;
}
rect.highcharts-point {
  fill: #7b7b7b !important;
}
rect.highcharts-navigator-mask-inside {
  fill: rgba(53, 53, 53, 0.25);
}

@media screen and (max-width: 600px) {
  #ir_chart_setting .chart-type,
  #ir_chart_setting .news-chart {
      width: 100%;
  }
  .news-chart .ir_chart_selection label {
      width: 50%;
  }
  .highcharts-input-group {
      transform: translate(0px, 40px);
  }
  .highcharts-credits {
      transform: translate(20px, 10px);
  }  
  .mt-sm-20 {
      margin-top: 20px;
  }
  #ir_chart_setting {
    flex-direction: column;
    gap: 0px;
  }
}