.bg-grey { background: #92a8bb!important;}
.bg-lightgrey { background: #f7f7f7!important;}
.bg-blue { background: #224099!important;}
.bg-lightblue { background: #009fd8!important;}
.bg-yellow { background: #ffca05!important;}

.text-grey { color: #92a8bb!important;}
.text-lightgrey { color: #f7f7f7!important;}
.text-blue { color: #224099!important;}
.text-lightblue { color: #009fd8!important;}
.text-yellow { color: #ffca05!important;}
.text-white { color: #ffffff!important;}

/* owl slide */
.owl-relate-document .owl-item:after {
	content: "";
	background-image: url("/images/v02/bg/slider_shadow.png");
	display: block;
	width: 100%;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
}
.owl-relate-document .item { height: 200px;}
.owl-relate-document .item .cover { width: 200px;}
.owl-relate-document .item img { border: #f0f0f0 1px solid; margin-bottom: 40px;}
.owl-relate-document .item span { width: 100%; clear: both; float: left; font-weight: bold;}

.owl-relate-document .owl-item { text-align: center;}
.owl-relate-document .owl-controls {
	position: absolute;
	top: calc(50% - 26px);
	width: 100%;
}
.owl-relate-document .owl-controls .owl-nav .owl-prev {
	position: absolute;
	left: -90px;
	float: left;
}
.owl-relate-document .owl-controls .owl-nav .owl-next {
	position: absolute;
	right: -90px;
	float: right;
}
.owl-relate-document .owl-controls .owl-nav i {
	font-size: 50px;
	font-size: 5rem;
	color: #224099;
}

/* tab */
.tabSelect { width:100%; float:left; clear:both; margin-bottom: 30px;}
.tabSelect ul { list-style:none; padding:0; margin:0;}
.tabSelect ul li { display:block; float:left; margin-right: 30px; margin-bottom: 1rem; }
.tabSelect ul li.select a.btn-default-reverse { background: #ffffff; border-color: #224099; color: #224099;}

/* Blue Financial */
.tabSelect#tabBlueFinance ul li { margin-right: 10px; }
.tabSelect#tabBlueFinance ul li a span { padding: 15px 20px !important; font-size: 30px; text-transform: uppercase; }
.tabDetail#tabDetailBlueFinance .sustain__title { margin: 10px 0; font-size: 24px!important; }

.tabDetail {width:100%; float:left; clear:both;}
.tabDetail .showContent { display:none;}


/* tab Sustainability*/
.tabSelectSustain { width:100%; float:left; clear:both; margin-bottom: 30px;}
.tabSelectSustain ul { list-style:none; padding:0; margin:0;}
.tabSelectSustain ul li { display:block; float:left; margin-right: 30px; margin-bottom: 1rem; }
.tabSelectSustain ul li.select a.btn-default-reverse { background: #ffffff; border-color: #224099; color: #224099;}
.tabSelectSustain ul li[name="sustainability2"] a.btn-default-reverse { background: #fdb913; border-color: #fdb913; color: #ffffff;}
.tabSelectSustain ul li[name="sustainability2"].select a.btn-default-reverse { background: #ffffff; border-color: #fdb913; color: #fdb913;}


/* Sustainability */
.tabSelectSustain#tabSustainability ul li { margin-right: 10px; }
.tabSelectSustain#tabSustainability ul li a span { padding: 15px 20px !important; font-size: 30px; text-transform: uppercase; }
.tabDetailSustain#tabDetailSustainability .sustain__title { margin: 10px 0; font-size: 24px!important; }

.tabDetailSustain {width:100%; float:left; clear:both;}
.tabDetailSustain .showContentSustain { display:none;}



/* investment calculator */
.form-input {border: #92a8bb 1px solid; background: #224099; color: #ffffff; padding: 20px 60px; margin-bottom: 30px;}
table.calculator { width: 100%;  }
table.calculator tr td { padding: 15px;}
.form-input .form-control { border: #ffffff 1px solid!important; color: #ffffff; text-align: right;}
.results .form-input { padding: 20px;}
.results .form-control { background: #9eb3c5;}
table.calculator.profit tr td { padding: 5px 15px;}

/* historical price */
form[name=date_filter] .form-control { width: 100px; float: left; margin-right: 15px;}
.historical-price .rowHighlight { text-align: left;}
.historical-price tr td:first-if-type { text-align: left;}
input.btn { line-height: 36px;}


/* key highlight / financial highlight */
.key-highlight { color: #ffffff;}
.key-highlight > div { margin-bottom: 30px;}
.key-highlight .content { padding: 30px;}
.key-highlight .content strong { line-height: 30px; text-transform: uppercase;}
.key-highlight .content h2 { color: #ffffff; line-height: 70px;}
/* .key-highlight .content span { line-height:} */

/* financial statement */
.financial-statement { width: 100%; clear: both; float: left; margin-bottom: 30px;}
.investor-note { margin-bottom: 30px; float: left;}
.financial--list {
    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;
}
.financial--list .financial__img {
 height: 100%;
}
.financial--download { background: #f7f7f7; padding: 20px 20px; height: 300px; }
/*.financial--download h2 { text-transform: capitalize !important;}*/
.financial--download h2 {text-transform: unset !important;}
.financial--list-year > span:first-child::after {
    content: ":";
    display: block;
    float: right;
}
.financial--download .btn-download { margin-top: 20px;}
.financial--download .btn-download span { padding: 8px 20px !important;}
.financial--download .btn-download span:before { content: "";}

.financial-statement.ar { width: auto!important; clear: none;}
.financial-statement.ar .financial--list { padding: 0; overflow: hidden; }
.financial-statement.ar .financial--list img { width: 100%; height: 100%;}
.financial-statement.ar .financial--list { height: 500px;}
.financial-statement.ar .financial--download { height: 500px;}

.financial-statement.ar.ar--grid { width: 80% !important; display: grid; grid-template-columns: 250px 1fr;}
.financial-statement.ar.ar--grid .financial--list { height: max-content; border: none;}
.financial-statement.ar.ar--grid .financial--download { height: 100%;}
   
@media (min-width: 1025px) {
	.financial--download { min-width: 530px;}
  .financial-statement.ar.ar--grid .financial--download { min-width: unset; }
}
@media (min-width: 1900px){
	.financial--download { /*min-width: 570px;*/ min-width: 345px;}
}

@media (max-width: 1599px) {
	.financial-statement.ar { width: 100%;}
}
@media (max-width: 991px) {
	.financial-statement.ar .financial--list { height: auto;}
	.financial--download { min-width: 100%;min-height: 450px;}
  .financial-statement.ar.ar--grid { width: 100% !important; }
  .financial-statement.ar.ar--grid .financial--list img { height: 350px; width: auto; }
  .financial-statement.ar.ar--grid .financial--download { min-height: unset; }
}
@media (max-width: 576px) {
  .financial-statement.ar.ar--grid { display: flex; flex-direction: column; }
}

.investor-note .financial--list { background-size: cover; padding-right: 20px;}
.investor-note .financial--list h2 { color: #ffffff;}
.investor-note .financial--download { height: 250px;}
.investor-note .financial--download a.btn-download { width: 100%;}

.investor-note.latest { width: 100%;}
.investor-note.latest .financial--download { height: 300px;}
.investor-note.latest .financial--download a.btn-download { width: auto;}

.investor-note:nth-of-type(1) .financial--list {background-image:url(../images/v02/bg/investor-note-4.jpg); }
.investor-note:nth-of-type(2) .financial--list {background-image:url(../images/v02/bg/investor-note-3.jpg); }
.investor-note:nth-of-type(3) .financial--list {background-image:url(../images/v02/bg/investor-note-2.jpg); }
.investor-note:nth-of-type(4) .financial--list {background-image:url(../images/v02/bg/investor-note-1.jpg); }

/* calendar */
.calendar { color: #657885;}
.calendar > div > div { margin-bottom: 30px;}
.calendar .content { padding: 30px;}
.calendar .content .title { line-height: 30px; font-weight: bold; min-height: 210px; word-wrap: break-word; font-size: 2.5rem; line-height: 25px;}
@media (min-width: 768px) and (max-width: 1199px) {
	.calendar .content .title { min-height: 185px;}
}
@media (max-width: 767px) {
	.calendar .content .title { min-height: auto; margin-bottom: 30px;}
}
.calendar .content .date {}

.calendar.upcoming { color: #ffffff;}
/*.calendar div[class^='bg-']:hover {transform: scale(1.02);}*/
.calendar .bg-lightgrey:hover { background: #e5e8eb!important;}
.calendar .bg-yellow:hover { background: #ffd800!important;}
.calendar .bg-lightblue:hover { background: #224099!important;}

.calendar .bg-yellow .btn { border-color: #ffca05!important;  color: #ffffff;}
.calendar .bg-yellow:hover .btn { border-color: #ffffff!important; background: #ffd800!important; color: #ffffff;}

.calendar .bg-lightblue .btn { border-color: #009fd8!important;  color: #ffffff;}
.calendar .bg-lightblue:hover .btn { border-color: #ffffff!important; background: #224099!important; color: #ffffff;}

.calendar.upcoming .btn:focus { background-color: #224099 !important; }


/* raw materials */
#chart-tuna, #shrimp-tuna { width: 100%; height: 350px;}
#chart-debt { width: 100%; height: 650px;}
#chart-debt .highcharts-yaxis-title { background: #224099; padding: 2px 10px; color: #ffffff!important; text-align: center;}

/* nationality */
#shareholding-nationality { width: 100%; margin: 0 auto;}
@media (min-width:768px) {
	#shareholding-nationality { width: 50%;}
}

/* corporate governance */
.content__wrapper--header h1 { display:block; }
.cg_logo { display:block; margin:15px 0; bottom:0; }
.cg_logo > div { display:inline-block; }
.block-policy {margin-bottom:20px; color:#fff; padding: 10px 20px 25px;}
.block-policy:nth-of-type(1) {background:#224099;}
.block-policy:nth-of-type(2) {background:#009fd8;}
.block-policy:nth-of-type(3) {background:#fdb913;}
.block-policy:nth-of-type(4) {background:#9eacb5;}
.block-policy:nth-of-type(5) {background:#224099;}
.block-policy:nth-of-type(6) {background:#224099;}
.block-policy h3 {color:#fff;}
.block-policy .btn-default {min-width: 240px;}
@media (min-width:768px) {
	.block-policy {margin-bottom:20px; color:#fff; padding: 10px 40px 35px;}
	.content__wrapper--header h1 { display:inline-block; }
	.cg_logo { display:inline-block; margin-left:20px; position:relative; bottom:8px; }
}

/* email-alert */
#recaptcha_image { float:left; width: 100%!important; height: auto!important; text-align: center; }
#recaptcha_challenge_image { border:#efefef 1px solid; width: 100%!important; height: auto!important; }
.btn-submit { width:100%; text-transform: uppercase; font-size: inherit; }
.btn-reset { width:100%; text-transform: uppercase; font-size: inherit; background: #f7f7f7; color:#203f99; border: #f7f7f7 1px solid; }
.recaptcha_only_if_image,  .recaptcha_only_if_audio { padding-top: 7px; }
.recaptcha_image { overflow:hidden; }
.block-btn-recaptcha { margin-top:10px; text-align:center; }
.ir_boxCaptcha { width: 100%; background: #fff; padding: 0; }
@media (min-width:768px) {
  #recaptcha_image { text-align: left; }
  .recaptcha_only_if_image,  .recaptcha_only_if_audio { display: block; }
  .block-btn-recaptcha { margin-top:0; text-align:left; }
}


/* stock quote*/
.stock-quote { margin-bottom: 30px;}
.stock-quote .stock-intro { padding: 28px 20px; color: #ffffff;}
.stock-intro .symbol { font-weight: bold; text-transform: uppercase;}
.stock-intro .stock-price {width: 100%; clear: both; float: left; text-transform: uppercase;}
.stock-intro .stock-price .lastdone { padding: 0 20px 0 0; float: left; }
.stock-intro .stock-price .change {}

.stock-quote table { width: 100%;}
.stock-quote table tr td { border-bottom: #e6e6e6 1px solid; padding: 7px 15px;}
.stock-quote table tr td:first-of-type { text-transform: uppercase; font-weight: bold; color: #224099;}

.stock-section.inside.quote { background: none; color: #666666; background: #d7dde3 url(../images/v01/bg/scene-stock.png) repeat; padding: 20px; }
.stock-quote .lastdone { padding-left: 0;}
.stock-quote h1 { margin: 0 0 10px 0;}
.stock-quote .lastdone, .stock-quote .change { margin: 5px 0;}

/* HOME */
.ir__landing--intro { background-image: url("/images/v02/banner/irhome.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 42vh; }
.ir__landing--intro > .row { display: table; width: 100%; margin: 0; }
.ir__landing--intro > .row > div { display: table-cell; float: none; vertical-align: middle; height: 42vh; }

/* --- UPCOMING --- */
.ir__landing--coming { background-image: url("../images/v02/bg/home-coming.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.ir__landing--coming .colorbox__single--title { height:auto; padding: 20px 20px 40px; }
.ir__landing--coming .colorbox__single--caption.caption { background-color: #FFF; display: block; padding: 20px; /* min-height: 160px; */ position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.ir__landing--coming .colorbox__single--title { top:0; }
.ir__landing--coming .colorbox__single .thumbnail:hover .colorbox__single--title { height: auto; }
.ir__landing--coming .colorbox__single--seemore span { font-weight: bold; position: relative; }
.ir__landing--coming .list-news { padding: 10px 0; border-bottom: 1px solid #fff; display:block; color:#fff; }
.ir__landing--coming .list-news time { margin-bottom: 5px; display: block; font-size: 15px; margin-top: 3px; }
.ir__landing--coming .list-news:nth-of-type(4) { border:0; }
.ir__landing--coming .list-news p { opacity: 1; margin-bottom: 5px; }
.ir__landing--coming .list-news strong { font-size: 20px; }
.ir__landing--coming .block-webcast { min-height: auto; float:right; }
.ir__landing--coming .block-webcast h5 { font-size: 2rem; }
.ir__landing--coming .block-webcast .thumbnail .caption { min-height: auto; }
.ir__landing--coming .block-webcast .colorbox__medium--title { min-height: auto; margin-bottom: 20px; overflow: hidden; }
.ir__landing--coming .block-calendar {background: rgba(25,52,119,1);
background: -moz-linear-gradient(top, rgba(25,52,119,1) 0%, rgba(25,52,119,1) 50%, rgba(34,71,164,1) 60%, rgba(34,71,164,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,52,119,1)), color-stop(50%, rgba(25,52,119,1)), color-stop(60%, rgba(34,71,164,1)), color-stop(100%, rgba(34,71,164,1)));
background: -webkit-linear-gradient(top, rgba(25,52,119,1) 0%, rgba(25,52,119,1) 50%, rgba(34,71,164,1) 60%, rgba(34,71,164,1) 100%);
background: -o-linear-gradient(top, rgba(25,52,119,1) 0%, rgba(25,52,119,1) 50%, rgba(34,71,164,1) 60%, rgba(34,71,164,1) 100%);
background: -ms-linear-gradient(top, rgba(25,52,119,1) 0%, rgba(25,52,119,1) 50%, rgba(34,71,164,1) 60%, rgba(34,71,164,1) 100%);
background: linear-gradient(to bottom, rgba(25,52,119,1) 0%, rgba(25,52,119,1) 50%, rgba(34,71,164,1) 60%, rgba(34,71,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193477', endColorstr='#2247a4', GradientType=0 );;}
.ir__landing--coming .block-calendar .caption {padding: 10px 0 0; height: auto;}
@media (max-width: 480px) {
.ir__landing--intro {margin-top: 50px;}
.ir__landing--intro .landing--intro-title { font-size: 5rem !important;}
/*.ir__landing--coming .block-webcast { clear: both; margin: 15px 0!important;}
.colorbox__small.block-webcast .thumbnail { height: 350px!important;}
.colorbox__wrapper--left { clear: both;}*/
}
@media (min-device-width: 767px) {
.ir__landing--coming .block-news { min-height: 500px; }
.ir__landing--coming .block-news .thumbnail { min-height: 500px; }
}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
.ir__landing--coming .colorbox__medium { height: 500px; max-height: 550px; }
.ir__landing--coming .colorbox__medium .thumbnail { height: auto !important; max-height: 550px !important; }
.ir__landing--coming .block-news { height: auto; max-height: 550px;  }
.ir__landing--coming .block-news .thumbnail {  height: 500px; max-height: 550px; }

}
/* ----- BTN ----- */
.btn--seemore { width: calc(100% - 40px); text-transform: lowercase; position: absolute; bottom: 20px; left: 20px; right: 20px; }
.btn--seemore a { color:#fff; }
.btn--seemore a:hover { color:#fff; }
.btn--seemore:after { content: ""; border-bottom: 1px solid #FFF; position: absolute; bottom: -3px; left: 0; height: 1px; width: 100%; }
.btn--seemore span:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute; top: 0; left: 60px; font-size: 18px; opacity: 0; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; -ms-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }
.thumbnail:hover .btn--seemore span:after { opacity: 1; left: 65px; }
/* --- HIGHLIGHT --- */
.ir__landing--highlight { padding-top: 40px; padding-bottom: 70px; }
.ir__landing--highlight .remark { color: #9eacb5; }
/* ----- CHART ------ */
.tab-chart { margin-bottom: 60px; overflow: hidden; }
.tab-chart .btn-default-reverse { color: #94a2ab; background-color: #fff; border: 1px solid #94a2ab; }
.tab-chart .btn-default-reverse:hover { color: #fff; background-color: #224099; border-color: transparent; border: 1px solid #224099; }
.tab-chart .btn-default-reverse.active { color: #fff; background-color: #224099; border-color: transparent; border: 1px solid #224099; }
.chart-ebitda { width:100%; min-height:420px; }
.chart-netprofit { width:100%; min-height:420px; }
.chart-dividend { width:100%; min-height:420px; }
.chart-strategic-2015 { width: 100%; display: block; min-height: 420px; /*484*/ margin: 0 auto; position: relative; }
.chart-strategic-2016 { width: 100%; display: block; min-height: 420px; /*484*/ margin: 0 auto; position: relative; }
.highcharts-data-labels path { display:none; }
.tab-group2 > .tab-box { display: block; height: auto; overflow-y: hidden; margin-top: 75px; }
@media (min-width:992px) {
.tab-chart div { padding:0; }
.tab-chart div a { display:inline-block; }
}
@media (max-width:767px) {
.chart-ebitda { min-height:320px; }
.chart-netprofit { min-height:320px; }
.chart-dividend { min-height:320px; }
.chart-strategic-2015 {min-height: 320px; }
.chart-strategic-2016 {min-height: 320px; }
}
.block-homelink { padding-top: 10px; }
.block-homelink .block-info { padding-top: 20px; }
.block-homelink h5 { font-size: 20px; font-size: 2rem; }
@media (max-width:767px) {
.block-homelink > div:not(.block-info) {margin-bottom:20px;}
.btn--seemore { width: calc(100% - 40px); text-transform: lowercase; position: relative; bottom: 40px; left: 20px; right: 20px; }
.btn--seemore span::after { position: relative;}

}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
		.financial--download {  padding: 0px 20px;   min-height: 280px; }
}
/* --- DOWNLOAD --- */
.ir__landing--download { background-image: url("../images/v02/bg/home-download.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom:80px; }

.article--list { margin-bottom: 30px;}


area:focus {
	outline: none;
}

.list__result--row .list__result--btn span {
	display: -webkit-box; 
}

/* --- SUSTAINABLE --- */
.sustain h3.sustain__title{
	font-size: 30px !important;

}
/* --- SUSTAINABLE CARD--- */
.sustain--download .btn-download { margin-top: 20px;}
.sustain--download .btn-download span { padding: 8px 20px !important;}
.sustain--download .btn-download span:before { content: "";}
.sustain-statement { width: 100%; clear: both; float: left; margin-bottom: 30px;}
.investor-note { margin-bottom: 30px; float: left;}
.sustain--list {
    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;
}
.sustain--download { background: #f7f7f7; padding: 20px 20px; height: 300px; min-width: 550px;}
@media (max-width: 991px) {
	.sustain--download {height: auto; min-width: auto;}
}
.sustain--download h5 {text-transform: unset !important; color: #224099 !important;}
.sustain--list-year > span:first-child::after {
    content: ":";
    display: block;
    float: right;
}
.sustain-statement.ar { clear: none;}
.sustain-statement.ar .sustain--list { padding: 0; overflow: hidden;}
.sustain-statement.ar .sustain--list img { width: 100%;height: 100%;}
.sustain-statement.sustain-block .sustain--list img { max-width: 100%; height: auto; width: auto;padding-top: 15px; padding-bottom: 15px;}
.sustain-statement.ar .sustain--list,
.sustain-statement.ar .sustain--download { height: 230px;}
.sustain-statement.sustain-block .sustain--list { height: auto;}
.sustain-statement.sustain-block { align-items: center; display: flex; background: #f7f7f7;}
.sustain-statement.sustain-block .sustain--download { height: 100% !important;}

.sustain--download .btn-download{margin-top: 20px;}
@media (max-width: 1599px) {
	.sustain-statement.ar { width: 100%;}
}
@media (min-width: 992px) {
	.sustain--download { min-width: 540px;}
}
@media (max-width: 991px) {
	.sustain-statement.ar .sustain--list { height: auto;}
	.sustain--download { height: 350px !important;}
	.sustain-statement.sustain-block { display: block; text-align: center;}
	.sustain-statement.sustain-block .sustain--list img {padding-bottom: 0; }

}


/* --- ACCORDION --- */
.accordion .card .btn{
	background-color: #203f99;
	white-space: normal;
	padding: 0 2rem;
	border: none;
}
.accordion .card .btn:hover,.btn:active{
	background-color: #fdb913;
	border: none;

}
.accordion .card .btn:active{
	background-color: #fdb913;

}
.card .btn:hover{
	background-color: #fdb913;
	border: none;

}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
	outline:none;
	color: #fff;
}

.accordion#accordionSustainability2 .card .btn{
	background-color: #fdb913;
}

.pr-0{
	padding-right: 0;
}
.pl-0{
	padding-left: 0;
}