/* ir menu right */
.ir__submenu { background-color: #92a8bb; padding: 10px 15px; color: #ffffff; }
.ir__submenu h4 {color: #ffffff; }
.ir__submenu ul { padding: 0; margin: 0;}
.ir__submenu ul > li { list-style: none; padding: 0; margin: 0;}
.ir__submenu ul > li > a {color: #ffffff; }
.ir__submenu ul > li > a:hover {font-weight: bold; }
.ir__submenu ul > li.active {color: #ffffff; font-weight: bold; }
.ir__submenu ul li ul { border-bottom: #ffffff 1px solid; margin: 0 0 10px 0; padding: 0 0 10px 20px;}
.ir__submenu ul li ul li { list-style: disc outside; padding: 0 0 0 0; margin: 0 0 0 5px;}

/* animate */
.calendar div[class^='bg-'] { 
	-webkit-transition:all .2s; 
	transition:all .2s;
	min-height: 275px;
}
.calendar div[class^='bg-']:hover { 
	-webkit-transition:all .4s; 
	transition:all .4s;
}

/* font size */
.ir__content .ir_content_container h1,
.ir__content .ir_content_container h2,
.ir__content .ir_content_container h3,
.ir__content .ir_content_container h4,
.ir__content .ir_content_container h5,
.ir__content .ir_content_container h6 { text-transform: uppercase; font-weight: bold;}
.ir__content .ir_content_container h5 { color: #000000; font-size: 2.2rem;}

.key-highlight .content span { font-size: 1.8rem;}
.key-highlight .content,
.stock-intro .stock-price { font-size: 2.5rem;}
.investor-note .financial--download h2 { font-size: 2.6rem;}
.financial-statement h2,
.calendar .content .title { font-size: 3rem;}
.investor-note .financial--list h2 { font-size: 3.2rem;}
.download-block h3,
.key-highlight .content strong,
.stock-intro .symbol { font-size: 4rem;}
.key-highlight .content h2  { font-size: 10rem;}


.underline-blue {text-decoration: underline #224099;}
.underline-black { text-decoration: underline #000000; }
.panel-body strong, .panel-body b, 
.ir__content ol li strong, .ir__content ol li b, 
.ir__content ul li strong, .ir__content ul li b { color: #224099; text-transform: uppercase;}
.panel-body li { margin-bottom: 15px;}
.margin-bottom { margin-bottom: 30px;}
img.img-full { width: 100%;}
img.img-cover { height: 300px;}
.img-cover {
background-position: center center;
background-size: cover; background-repeat: no-repeat; border: 1px solid #f7f7f7; height: 300px;
}
.img-default {
	background-image: url("../images/v02/bg/curve-ci-color.png");
background-position: 100% 0%;
background-size: auto 100%;
background-repeat: no-repeat;
border: 1px solid #f7f7f7;
height: 300px;
padding: 20px 180px 20px 20px;
	}
a.unavailable { visibility: hidden;}
/*.list__result--header, .list__result--list { margin: 0;}*/


/* TABLE */
th {font-weight: normal;}
table[class*=-boder] {border: 1px solid #CCCCCC; }
table[class^=ir-table]{ padding: 5px; margin: 0 0 30px 0; border-spacing: 3px; width: 100%; }
table[class^=ir-table] tr td, table[class^=ir-table] tr th { padding: 10px 17px; vertical-align: top;}
table[class^=ir-table] tr th { text-align: center;}
table[class^=ir-table] tr td.center { text-align: center;}
table[class^=ir-table] tr td.right { text-align: right;}
table[class^=ir-table] tr td.left { text-align: left;}

table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #c3b777;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}

table[class^=ir-table] > tr, table[class^=ir-table] > tbody > tr { background: #f0f5f8;}
table[class^=ir-table] > tr:nth-child(odd),
table[class^=ir-table] > tbody > tr:nth-child(odd) { background: #fbfcfd;}

table[class^=ir-table] tr.ir_tableTopRow td, 
table[class^=ir-table] tr.ir_tableTopRow th {background: #009fd8; color: #ffffff; font-weight: bold; text-transform: uppercase;}

table[class^=ir-table] tr.ir_tableTopRow.right td,
table[class^=ir-table] tr.ir_tableTopRow.right th { text-align: right;} 
table[class^=ir-table] tr.ir_tableTopRow.right td:nth-of-type(1),
table[class^=ir-table] tr.ir_tableTopRow.right th:nth-of-type(1) { text-align: left;} 


table[class^=ir-table] tr.ir_tableSubTopRow td, 
table[class^=ir-table] tr.ir_tableSubTopRow th {color: #224099; font-weight: bold;}

table[class^=ir-table] tr.row1 td, table[class^=ir-table] tr.row1 th {background: #e7e7e7;}
table[class^=ir-table] tr.row2 td, table[class^=ir-table] tr.row2 th {background: #f4f4f4;}
table[class^=ir-table] tr.rowHeader th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowHighlight td, 
table[class^=ir-table] tr.rowHighlight th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr th.cellHeader {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellHighlight {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table[class^=ir-table] tr td.cellSubTotal {border-top: 1px solid #414141;}
table[class^=ir-table] tr td.cellRed {background: #ebddd8;}
table[class^=ir-table] tr td.cellGreen {background: #d8ebdc;}


/* customise table */
table.right tr td, table.right tr th { text-align: right;}
table.right tr td:nth-of-type(1), table.right tr th:nth-of-type(1) { text-align: left;}
table tr td.left, table tr th.left { padding-left: 40px;}
table tr td.right, table tr th.right { text-align: right;}

table.center tr td, table.center tr th { text-align: center;}
table.center tr td:nth-of-type(1), table.center tr th:nth-of-type(1) { text-align: left;}

table.shareholding tr td { text-align: right;}
table.shareholding tr td:nth-of-type(1) { text-align: center;}
table.shareholding tr td:nth-of-type(2) { text-align: left;}

table.raw-materials tr td { text-align: center;}
table.raw-materials tr td:nth-of-type(1) {font-weight: bold;}
table.raw-materials tr:not(.ir_tableTopRow) td:nth-last-of-type(1) { font-weight: bold; color: #224099;}

table.factsheet tr td:nth-of-type(1) { font-weight: bold; color: #224099; width: 31%;}
@media (max-width: 480px) {
	table.factsheet tr td { display: block; width: 100%;}
	table.factsheet tr td:nth-of-type(1) { padding-bottom: 0; width: 100%;}
}
table.nationality tr td { padding: 10px 10px;}
table.nationality tr td:nth-of-type(4),
table.nationality tr td:nth-of-type(7) { border-right: #d4e3f5 1px solid;}

table.download tr td { padding: 10px 15px;}

table.finance-portfolio tr td { text-align: left;}
table.finance-portfolio tr td:nth-of-type(1) {font-weight: bold;}
table.finance-portfolio tr td ul { padding-left: 10px; }

table.sustainable tr td { text-align: center;}
table.sustainable tr td:nth-of-type(1) {text-align: left; font-weight: bold;}

/* COLOR */
.red{ color: #ff0000; }
.green{ color: #1bb813; }

/* ALIGNMENT */
[class^=align-left]{ text-align: left; }
[class^=align-right]{ text-align: right; }
[class^=align-center]{ text-align: center; }

/* PRINT STRUCTURE */
#containerPrint   { width: 1120px; margin: 0 auto; clear:both;}
#ir_contentPrint  { width: 1120px; margin: 0 auto; clear:both;}
#ir_footerPrint   { width: 1120px; margin: 0 auto; padding-top: 20px; clear:both; background: #224099; color: #ffffff; }
#ir_footerPrint a {color: #ffffff;}

.ir_textMainHighlight {color: #009fd8; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}
.ir_textFootnote {font-size: 0.9em; margin: 15px 0 30px 0;}
.ir_textFootnote ol {font-size: 1em;}
.ir_textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}
hr { width: 100%; clear: both; border: 0; background: #ccc; height: 1px; margin: 12px 0; }

.ir_textFooter {text-align: center;}
.ir_textFooter a:link {text-decoration: none;}
.ir_textFooter a:visited {text-decoration: none;}
.ir_textFooter a:hover {text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

.ir_news {width:100%; padding:0px; margin:0px; clear:both;}
.ir_newsDate {width:25%; float:left; list-style-type:none;}
.ir_newsTitle {width:74%; float:right; list-style-type:none;}

[class^=news-pagination]:before,
[class^=news-pagination]:after,
[class^=news-pagination] .filter:after,
[class^=news-pagination] .filter > div:after{ content:""; clear:both; display:block; visibility:hidden; height:0; }
[class^=news-pagination] { width:100%; text-align:center; margin:20px auto; }
[class^=news-pagination] .filter,
[class^=news-pagination] > div { display:inline-block; position:relative; clear:both; padding:0; }
[class^=news-pagination] .filter > a{ width:30px; float:left; margin:10px 5px; display:block; text-align:center; line-height:30px; }
[class^=news-pagination] .filter > span{ width:30px; float:left; margin:10px 5px; display:block; text-align:center; line-height:30px; }
[class^=news-pagination] .filter > a:hover{  }
[class^=news-pagination] .filter > div{ float:left; display:block; font-weight: bold; margin:10px 5px; }
[class^=news-pagination] .filter > div input{ width:30px; text-align:center; font-weight:bold; line-height:30px; }
[class^=news-pagination] .filter > div span{  }
/* ==================== news pagination slider ==================== */
#biz-slider-newsroom { margin: 20px 0;}
#biz-slider-newsroom > a.control { width:34px; height:34px; display:block; position:absolute; cursor:pointer; margin:0; padding:0; font-weight:bold; text-align:center; vertical-align:middle; line-height:34px; text-decoration:none; }
#biz-slider-newsroom > a.control:hover { color:#054d90; text-decoration:none; }
#biz-slider-newsroom > a#left_control  { top:0; left:0; }
#biz-slider-newsroom > a#right_control { top:0; right:0; }
#biz-slider-newsroom > ul { height:34px; line-height:normal; margin:0 35px; padding:0; list-style:none; }
#biz-slider-newsroom > ul li { height:34px; float:left; padding:0; margin:0; }
#biz-slider-newsroom > ul li > a { width:32px; height:32px; display:block; margin:0 5px; text-align:center; line-height:34px; vertical-align:middle; }
#biz-slider-newsroom > ul li > a:hover { background:#EEEEEE; text-decoration:none; }
#biz-slider-newsroom > ul li > a.active { background:#224099; color:#fff!important; text-decoration:none; border:1px #337ab7 solid; }

.ir_boxHighlight {width:97%; background:#e9f1fb ; border:1px dotted #6699d5; padding:1%;}

.ir_boxCaptcha { width: 100%; background: #fff; padding: 0; }

input.ir_investmentCalculator { border:0px; background: transparent;}

/* Define the rest of the classes here */

/* ================================ 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: -31px; right: 270px; }
.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; }
/* for datepicker */
.ui-datepicker table,
.ui-datepicker .ui-datepicker-title select { font-size: 0.7em!important;}
.ui-datepicker .ui-datepicker-title select { color: #333333;}
.ui-widget-header { border: 1px solid #fff; background: #16569d; color: #000; font-weight: bold; }
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { color: #16569d; }
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { border: 1px solid #16569d; background: #B8D0EA; font-weight: bold; }
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active { border: 1px solid #16569d; background: #16569d; color: #ffffff; }

[class^=highstocks] { display: none; }
[class*=color_chart_top] { color: #224099; opacity: 0.9; } /* top high chart color and opacity */
[class*=color_chart_bottom] { color: #009fd8; opacity: 0.9; } /* bottom high chart color and opacity */
[class*=color_linechart] { color: #224099; } /* close line color */
[class*=color_graph] { color: #009fd8; } /* volume chart bar color */
[class*=color_zoom] { color: #009fd8; }
#ir_chart_container .highcharts-markers > path { fill: #009fd8; } /* Point color */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ir_chart_interval { bottom: -60px; right: 25px; }
	#ir_chart_container > div > div { right: 0; }
	#ir_chart_container > .highcharts-container { top: 30px!important; }

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	table.ir-table tr td input[type=text],
	table.ir-table tr td select { width: 100%; }
	#recaptcha_image,
	#recaptcha_image img { width: 100%!important; }
	.ir_boxCaptcha > #recaptcha_response_field { width: 100%; margin-bottom: 10px; }
	.ir_chart_interval { bottom: -65px; left: 0; }
	#ir_chart_container > div > div { left: 0; }
	#ir_chart_container > .highcharts-container { top: 60px!important; }
}
@media only screen and (min-width: 1200px) {
	.set-font{ font-size: 1.9rem; } 

}
@media only screen and (min-width: 1170px) and (max-width: 1199px) {
	.set-font{ font-size: 1.4rem; } 
}
@media only screen and (min-width: 633px)and (max-width: 764px) {
	.set-font{ font-size: 1.5rem; } 
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
	img.img-cover { height: auto;}
}
@media only screen and (min-width: 1200px) {
	.calendar div[class^='bg-'] {
		min-height: 320px;
	}
}

/* download block */
.download-block { border: #e1e1e1 1px solid; background-image:url(../images/v02/bg/ci-curve-right.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: top right; padding: 50px;}
.download-block h3 { margin: 0 0 10px 0;}
.ir__content .list-group-item { float: left; padding: 10px 25px;}
.list-group.list-group-download a.list-group-item span:last-child { line-height: 2.5rem;}