.ir_tableBorder { border-top: 1px solid #ccc; }
table.ir_table { width: 100%; border-spacing: 0; }
table.ir_table caption { padding: 10px; background: #000; color: #fff; font-size: 16px; border-bottom: 1px solid #ccc; }
table.ir_table tr th, table.ir_table tr td {  /*border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ padding: 10px; }
table.ir_table th:first-child, table.ir_table td:first-child { border-left: 1px solid #ccc; }
table.ir_table .col-1 { width: auto; }
table.ir_table .col-2 { width: 20%; }
table.ir_table .col-3 { width: 20%; }
table.ir_table .col-4 { width: 20%; }
table.ir_table .half_width { width: 50%; }
table.ir_table .second_half_width { width: 25%; }
table.ir_table .width_35 { width: 35%; }
table.ir_table .width_30 { width: 30%; }
table.ir_table .width_22 { width: 22%; }
table.ir_table .width_15 { width: 15%; }
table.reset tr td, table.reset tr td:first-child { border: none; }
table.ir_table tr th.ratios_column, table.ir_table tr td.ratios_column { height: 46px; }
table.ir_table #Date { width: 17%; }
table.ir_table #Type { width: 24%; }
table.ir_table #Action { width: 17%; }

/*** Interactive Chart ***/
#ir_chart_setting { position: relative; z-index: 1; }
#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 fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
.ir_chart_interval { position: absolute; bottom: -28px; right: 280px; }
.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; overflow: hidden; }
.ir_chart_type-select li { float: left; margin: 0; }
.ir_chart_type-select li a { color: #fff; background-color: #727277; text-decoration: none; padding: 10px 10px 10px 44px; display: inline-block; }
.ir_chart_type-select li a { line-height: 1.5; }
#irSwitch2col { background: url("/assets/imgs/icon-column-view.png") no-repeat scroll 9px center #727277; }
#irSwitch2line { background: url("/assets/imgs/icon-line-view.png") no-repeat scroll 9px center #727277; }
#irSwitch2table { background: url("/assets/imgs/icon-table-view.png") no-repeat scroll 9px center #727277; }
.selected_type #irSwitch2col, .selected_type  #irSwitch2col:hover { background: url("/assets/imgs/icon-column-view.png") no-repeat scroll 9px center var(--primary-color); }
.selected_type #irSwitch2line, .selected_type #irSwitch2line:hover { background: url("/assets/imgs/icon-line-view.png") no-repeat scroll 9px center var(--primary-color); }
.selected_type #irSwitch2table, .selected_type #irSwitch2table:hover { background: url("/assets/imgs/icon-table-view.png") no-repeat scroll 9px center var(--primary-color); }
.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: #414141; 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%; margin-top: 20px; float: right;}

#capital_gain {
    font-weight: bold;
}
.chart_SelectYears-wrapper {
    float: left;
    width: 100%;
    margin: 20px 0px;
    background: #f4f4f4;
}
ul.checkbox-list { list-style: none; padding-left: 0px;}
ul.checkbox-list li { margin: 10px 0px; color: #9e9e9e; cursor: pointer;}
ul.checkbox-list li.selected_ratio { color: #333333; list-style: none; }
.chart_year-selection li.selected_period { color: #333; }
li.selected_type { background-color: yellow; }
.Chart_selection-accordion { padding-left: 0px; margin: 0px 0px 30px; float: left; width: 100%; background: #f4f4f4;}
.Chart_selection-accordion > li { list-style: none; padding: 5px 0px 5px 20px;}
.Chart_selection-accordion > li a{ display: block; padding: 5px 0px; font-weight: bold;}
.Chart_selection-accordion > li.active {background: #727272;}
.Chart_selection-accordion > li.active a {color: #fff;}
.Chart_selection-accordion > li .checkbox-list li {color: #fff;}

.tick-box {
    float: left;
    margin-right: 10px;
    background: url("/assets/imgs/tickbox-unchecked.png") no-repeat;
    width: 17px;
    height: 17px;
}

.selected_ratio .tick-box, .selected_period .tick-box {
    background: url("/assets/imgs/tickbox-checked.png") no-repeat;
}
.ratio_group .ratio_group_title .arrow-updown {
    background: url("/assets/imgs/icon-down.png") no-repeat center center;
    float: right;
    font-size: 1.375em;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.ratio_group.active .ratio_group_title .arrow-updown {
    background: url("/assets/imgs/icon-up.png") no-repeat center center;
}
#category_type {
    background: url("/assets/imgs/icon-ratio.png"), url("/assets/imgs/icon-arrows.png") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: var(--primary-color);
    padding: 9px 20px 9px 30px;
    border: none;
    color: #fff;
}
#category_type:after, #figure_type:after {
    background: url("/assets/imgs/icon-arrows.png") no-repeat right center; width:14px;
}
#category_type.period {
    /*background: url("/images/icon-period.png") no-repeat 9px center #9a6b57; padding: 10px 10px 10px 30px; border: none; color: #fff;*/
    background: url("/assets/imgs/icon-period.png"), url("/assets/imgs/icon-arrows.png") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: var(--primary-color);
}

#figure_type {
    background: url("/assets/imgs/icon-indexed.png"), url("/assets/imgs/icon-arrows.png") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: var(--primary-color);
    padding: 9px 20px 9px 40px;
    border: none;
    color: #fff;
}
#figure_type.absolute {
    background: url("/assets/imgs/icon-absolute.png"), url("/assets/imgs/icon-arrows.png") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: var(--primary-color);
    position: relative;
}


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {
  background: #eff0f0;
  color: var(--primary-color);
  font-weight: bold;
  font-size: 20px;
}

table.ir_table tr.rowHeader th {
  background: #fff8e6;
  color: var(--primary-color);
  text-align: left;
  padding: 15px;
}  

.ir_table_history {
    font-weight: bold;
    border: none;
}

table.ir_table_history tr td {
  padding: 15px;
  border: none;
  border-bottom: 1px solid black;
}

table.ir_table th:first-child, table.ir_table td:first-child {
    border-left: none;
    border-right: none;
}

tr.row2 th, tr.row1 th {
  border-bottom: 1px solid black;
}

.ir_stock_table.ir_tableBorder .cellHeader {
    border-bottom: 1px solid gray;
}

.ir_stock_table.ir_tableBorder {
    border-left: 1px solid #e4e4e4 !important;
}

@media screen and (max-width: 1200px){
    .ir_chart_type-select{
        float: none;
        overflow: hidden;
    }
    .ir_chart_period-select{
        float: none;
        margin-top: 20px;
    }
    .ir_chart-container-wrap{
        width: 100%;
    }
    .Chart_selection-accordion-wrap{
        width: 100%;
        margin-top: 20px;
        float: none;
    }
}


@media screen and (max-width: 480px){
     .ir_chart_period-select{
       text-align: left;
    }
	
	.ir_chart_type-select li {
		float: none;
	}
	
	.selected_type #irSwitch2col, .selected_type #irSwitch2col:hover {
		width: 100%;
	}
	
	#irSwitch2line {
		width: 100%;
	}
	
	#irSwitch2table {
		width: 100%;
	}
	
	.tbl_stockeps tr td{
		width: 100%;
		display: block;
	}
	
	.tbl_stock_quotes tr th, .tbl_stock_quotes tr td {
		width: 100%!important;
		display: block;
	}
	
	.quotes_text {
		text-align: left;
	}
	
	.ir_textFootnote {
		text-align: left;
	}

    .ir_stock_table.ir_stock_quotes td {
        text-align: center;
    }

    .ir_stock_table.ir_stock_quotes_primary {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .ir_stock_table.ir_stock_quotes_primary .row2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .ir_stock_table.ir_stock_quotes_primary .row2:last-child {
        border-bottom: 1px solid gray;
    }

    table.ir_table.ir_stock_quotes_primary .second_half_width { width: 100%; }

    .ir_stock_table.ir_tableBorder td {
        border-bottom: none !important;
    }

    table.ir_stock_table .row2:last-child {
        border-bottom: 1px solid #e4e4e4 !important;
    }

    .ir_chart_type-select {
        display: flex;
        flex-direction: column;
    }

    .ir_chart_type-select li a {
        width: 100%;
    }
}