
/*Table for Corporate Governance*/
.corp-gov table {
	width: 100%;
  border: 0;
	/* border: 1px solid #f4f4f4; */
}
.corp-gov table tr{
  border: 0;
}
.corp-gov table tr td{
	vertical-align: top;
	padding: 7px;
  border: 0;
	text-align: left;
}

.table-l-bottom{
	border-bottom: 1px solid #a7ce38;
}
html .page-fhighlights .svg-fh1 {
	margin-top: 50px;
	margin-bottom: 50px;
}
html .page-fhighlights .svg-80 {
	width: 80%;
	    margin: 70px auto;
}
html .page-fhighlights .svg-fh2 {
	margin-top: 100px;
	margin-bottom: 100px;
}
html .page-fhighlights .fy2021 {
	background-color: #f1f1f1;
}
html .page-fhighlights h2 {
    color: #0067ac !important;
}
html .page-fhighlights .w-th {

	background-color: #c59852;
}

html .page-fhighlights .w-th2 {

	background-color: #005952;
}
.page-fhighlights .wtable table tr {
	border-bottom: 1px solid #005952;
}

.page-fhighlights h2 {
    font-size: 26px !important;
}
.cg-th{
	color: #F8F8F8;
	background-color: #009b90;
	font-weight: 600;
}

.cg-green1{
	background-color: #f1f1ee;
}

.cg-green2{
	background-color: #abd9d7;
}

.cg-footnote{
	position: relative;
	margin-top: 20px;
	font-size: 14px;
	margin-bottom: 30px;
}

.cg-footnote table tr td{
	vertical-align: top;
	padding: 0px;
	text-align: left;
}

.reg-table	table tr td{
	vertical-align: top;
}

.position{
	text-align: left;
	display: inline-block;
}

.pie-chart{
  padding: 50px;
  margin-bottom:  50px;
	background: rgba(224,233,233,0.4);
	margin-top: 50px;
}


.pie-chart .chart-name{
  color: #004e48;
  margin-bottom: 50px;
}

.svg-pie{
	padding:60px 40px 0;
}
.svg-pie svg{

	margin-bottom: 30px;
}

.svg-pie .pie-legend{
	padding:  0 30px;
}

.wcol.awards .evo-img6 {
	width: 100%;
}

.wcol.awards .img-cap {
	position: relative;
}

html .ah2 {
	color: #3ec2cf;
}

html .ah1 {
	color: #0067ac;
}
html .ah3 {
	color: #333;
}
html .gov-accord .panel-group .panel .panel-heading .panel-title a {
	background:  #0067ac;
}

html .nav-tabs li.active {
    background-color: #3ec2cf !important;
}

html .nav-tabs li a::after {
	display: none;
}
html .w-th {
	background-color: #646368;
}
html .w-th2 {
	 background-color: #3ec2cf;
}
html .ah5 {
	color: #3ec2cf;
}
html .nav-tabs.centered > li {
	background-color: #0067ac;
}
html .w-line-b {
	    border-bottom: 1px solid #3ec2cf !important;
}
html .nav-tabs.centered > li:hover {
	background-color: #3ec2cf;
}
.gov-accord .wtable .w-th td {
	font-weight: 600;
	color: #fff;
}
.gov-accord .wtable .w-th {
	background-color: #c59852;
}
html .gov-accord .w-line-b {
	border-bottom: 1px solid #005952 !important;
}
.bod-table .table.table-striped thead th {
	background: #005952;
	color: #eea320;
}
.bod-table .table.table-striped tbody tr:nth-of-type(even) {
	background: #cbdfe0;
}
.div-esg {
    position: relative;
    display: block;
    padding-bottom: 90px;
		padding-top: 100px;
}
.div-esg .esg-title {
    top: 0;
    position: unset !important;
}

.esg-list .btn::after {
    background-image: url(../images/new/icon-arrow-r-w.svg);
}
.div-esg .esg-title .letter {

	font-size: 210px !important;
    font-family: 'Titillium Web', sans-serif;
}
.div-esg .esg-title h1 {
	font-size: 25px !important;
	width: fit-content !important;
	margin: 0 auto;
	    margin-top: 50px !important;
	    letter-spacing: 1px;
}
.esg-list .btn {
	    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    color: #fff;
}
.esg-topic-title,
.esg-topics,
.div-esg ul li {
	font-size: 17px;
	color: #fff;
}
.div-esg ul li {
    display: block !important;
    width: 100% !important;
    height: unset !important;
    padding-left: 0px !important;
    text-align: left !important;
}
.gov-accord .w-th2 {
	background-color: #005952;
}
html .page-banner .banner.banner-group .esg-list ul li .text {
	    padding: 60px 20px 0px;
}
html .esg-topic-title {
	margin-top: 35px !important;
}
html .esg-topics {
	margin-top: 20px !important;
}
.div-esg ul {
	height: unset !important;
}
.esg-topic-title, .esg-topics, .div-esg ul {
	    width: 60% !important;
    display: block !important;
    margin:  0 auto !important;
    text-align: left;
}
.div-esg ul {
	list-style: disc !important;
}
.page-banner .banner.banner-group .esg-list ul li {
	text-align: center;
}
.esg-topic-title,
.esg-topics {
    font-weight: 600;
    margin-top: 20px;
}
.div-esg ul>li:before {
	content:'\2022';
	margin-right: 20px;
	font-size: 12px;
  vertical-align: top;
  position: relative;
  top: 5px;
}
.div-esg ul li span {
    display: inline-block;
    width: 90%;
}
.div-esg .esg-topics {
	color: #a4ce39;
}
html .gov-accord .wtable .w-th td {
	vertical-align: middle;
}
tr.w-b.w-line-b.no-w-line-b {
    border-bottom: none !important;
}
html .tr-wtable-lf td ~ td {
	text-align: right;
}
html .corp-gov h2 {
	color: #0067ac;
}
html .gov-accord p a {
	color: #3ec2cf;
}
html .corp-gov h5 {
	color: #3ec2cf !important;
}
.page-banner .banner.banner-group ul li:hover {

}
@media (max-width:1670px) {
	.esg-topic-title, .esg-topics, .div-esg ul {
	    width: 65% !important;
	 }
}
@media (max-width:1400px){
	.div-esg .esg-title .letter {
    font-size: 150px !important;
  }
  html .page-banner .banner.banner-group .esg-list ul li .text {
    padding: 20px 20px 0px;
	}
	.div-esg .esg-title h1 {
		margin-top: 20px !important;
	}
}
@media (max-width:1240px){
	.esg-topic-title, .esg-topics, .div-esg ul li {
		font-size: 15px;
	}
	.div-esg ul li span {
		width: 80%;
	}
}
@media (max-width:991px){
	.esg-topic-title, .esg-topics, .div-esg ul li {
		font-size: 14px;
	}
	.side-tabs-nav{
		width: 100%;
		padding: 0;
		position: static !important
	}

	.side-tabs-nav .nav-tabs li{
		padding: 0;
	}

	.side-tabs-nav .nav-tabs{
		padding: 20px 0 20px;
	}

		.panel.panel-default{
			padding: 0 !important;
			margin: 0 !important;
			margin-bottom: 1px !important;
		}
		.panel-title a{
		}
	.panel-title a br{
		display: none;
	}

	.panel-group .panel .panel-body{
		padding-left: 0;
		padding-right: 0;
	}

}

@media (max-width:767px){
	.pie-chart{
		padding: 25px;
	}
	.page-banner .banner {
		background-position: 50% 50%;
	}
	.evo-img6 {
		margin-left: 0px !important;
	}
	html .page-fhighlights .svg-fh1 {
	    margin-top: 30px;
    	margin-bottom: 30px;
	}
	html .page-fhighlights .svg-fh2 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.page-banner .banner.banner-group ul li {
		background-size: cover;
	}
	html .page-banner .banner.banner-group .esg-list ul li .text {
		    padding: 50px 80px 90px;
	}
	.div-esg .esg-title h1 {
    margin-top: 60px !important;
}
	.pie-legend{
		padding: 25px 0;
	}
}
@media (max-width:414px){
	.bod-box {
    	padding-right: 0px;
    	margin-bottom: 0px;
	}
}
