/*custom css for all pages*/

.button.cta.video{
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: start;
    gap: var(--gap9);
    font-weight: bold;
    font-family: var(--font-family-heading);
    color: var(--color-brand-blue);
    font-size: 1rem;
    line-height: 1.5;
    border: 0;
    padding: 0;
    align-items: start;
}

.button.cta.video:before {
    content: ' ';
    width: var(--gap24);
    height: var(--gap24);
    flex-shrink: 0;
    flex-grow: 0;
    background: transparent url(../images/video-icon.png) center center / contain no-repeat;
}



.mb-50{
	margin-bottom:50px;
}
.mb-18{
	margin-bottom:18px;
}

.mb-32{
	margin-bottom:32px;
}

/*.pageTitle, .pageTitle h3{
	display:none;
}*/

a{
	color:#8ac646;
}


a:hover{
color:#204A8A;
}


.fi-btn{
	margin-top:18px;
}

 
.pe-more {
	display: none;
}


.ClsButton{
	
	background-color: #7AA845 !important;
    padding: 14.4px 36px 14.4px 36px !important;
    font-size: 14.4px !important;
    font-weight: 700 !important;
    line-height: 15.84px !important;
    color: #ffffff !important;
    border-style: none !important;
    border-radius: 28px 28px 28px 28px !important;
	width:auto !important;
	height:auto !important;
}

.ClsButton:hover{
background-color: #204A8A !important;
    color: #FFFFFF !important;
}

/*-===================================================
Factsheet css goes here
======================================================*/

.fact-sheet-btn a{
	font-size:18px;
	line-height:18px;
	color:#204a8a;
	font-weight:700;
	display:flex;
	align-items:center;
	outline:none;
	border:none;
	 
}
.fact-sheet-btn a:before{
	content:'';
	display:inline-flex;
	background:url(../images/download-icon.svg) no-repeat;
	background-size:contain;
	background-position:center center;
	width:27px;
	height:27px;
	margin-right:10px;
}



/*========================================================================
investor relation team - ir contact
========================================================================*/

.ir-contact-wrap p{
	font-family: "Museo Sans";
}
.irc-inner{
	background:#f5f5f2;
	padding:64px 50px;
	border-radius:18px;
}

.ir-cont-info-top{
	padding-bottom:28px;
	margin-bottom:28px;
	border-bottom:2px solid #b7b7b6;
}

.irc-name{
	font-family: "Museo Sans";
	font-size:24px;
	line-height:24px;
	margin-bottom:10px;
	font-weight:700;
	
}
 
 .irc-name-sub{
	 font-family: "Museo Sans";
	font-size:22px;
	line-height:22px;
	margin-bottom:15px;
	font-weight:700;
	color:#666;
 }
 
 .irc-em-tel p{
	  font-family: "Museo Sans";
	font-size:20px;
	line-height:24px;
	margin-bottom:5px;
 
	font-weight:600;
	color:#666;
 }
 
 .irc-sec [class*="col-"]{
	 margin-bottom:15px;
}


/*========================================================================
investor relation IR News alerts 
========================================================================*/

.pageTitle h3{
	font-family: var(--font-family-heading);
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
	margin-bottom:18px;
}

.emailAlertContainer p, .unregister{
	margin-bottom:18px;
	font-family: var(--font-family-heading);
	
}

.unregister a{
	color:#204a8a;
}
.unregister a:hover{
	color:#7aa845;
}

.emailAlert .form-group{
	margin-bottom:10px;
}

.emailAlert .form-group:last-child{
	margin-bottom:18px;
	margin-top:18px;
}

 
.emailAlert .control-label{
	display: block;
    color: #204A8A;
    font-family: "Roboto", Sans-serif;
    font-size: 14.4px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    margin: 0px 0px 8px 0px;
}

.form-control{
	
	font-family: "Verdana", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #204A8A;
	padding: 12px 12px 12px 12px;
	border-radius:0;
}


.emailAlert .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0px);
    height: 300px !important;
    overflow-y: scroll !important;
}


.emailAlert .nice-select{
	width:100% !important;
		font-family: "Verdana", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #204A8A;
	padding: 12px 12px 12px 12px;
	border-radius:0;
	height:46.8px;
}

.emailAlert .nice-select:hover, .emailAlert .nice-select.open, .emailAlert .nice-select:active, .emailAlert .nice-select:focus {
    border-color: #204A8A !important;
}


.emailAlert .nice-select .list {
    width: 100%;
    background-color: #fff;
    backdrop-filter: blur(18px) saturate(140%);
     border-radius: 0; 
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.4);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 53% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
}
.emailAlert .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    min-width: 130px;
    color: #333 !important;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
	border-bottom:2px solid #eaeaea;
}
.emailAlert .nice-select .option:hover {
    background-color: #eaeaea;
    color: #333 !important;
}
.emailAlert .nice-select .option.selected {
    font-weight: 400;
    background-color: #eaeaea !important;
    color: #333 !important;
}


.cstm-btnNews, .btn-primary{
	background-color: #7AA845;
    padding: 14.4px 36px 14.4px 36px;
    font-size: 14.4px;
    font-weight: 700;
    line-height: 15.84px;
    color: #ffffff;
    border-style: none;
    border-radius: 28px 28px 28px 28px;
}
.cstm-btnNews:hover, .btn-primary:hover{
background-color: #204A8A;
    color: #FFFFFF;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
     border-color: #204A8A; 
    outline: 0;
     box-shadow: none; 
}

/*========================================================================
STOCK INFO SECTION CSS GOES HERE
========================================================================*/


/*===================================================
Price Ticker new design
=====================================================*/ 

 
.text-right{
	text-align:right;
}

.text-right img{
	display:inline-block;
}

#ctl00_cphContent_uPnlPrcTicker{
	float:left;
	width:100%;
 
}

.priceticker h3, .isc-wrap h3, .hsp-wrap h3{
	display:none;
}


.priceticker, .isc-wrap, .hsp-wrap, .ir-dd{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}


 
tr.top-no-border td, tr.top-no-border th {
	border-top:none !important;
}
.stockpriceinfo {
	margin-top:30px;
}
.priceticker .stockUpper {
		font-family: var(--font-family-heading);
letter-spacing: -0.01em;
	background-color: #e8e8e8;
	padding: 20px 20px 44px 20px;
}
.priceticker .stockUpper h4 b {
	font-weight:500;
}
div#ctl00_cphContent_uPnlPrcTicker h4 {
	margin: 0;
	color:#8ac646;
	margin-bottom:15px;/*padding-top:14px;*/
}
.priceticker .stockUpper .stockvalue {
	color: #4c4c4c;
	font-size: 30px;
	line-height:30px;
	font-weight: 500;
	margin-top:22px;
}
.stockUpper .stock-info-details {
	display: inline-block;
	text-align: center;
	width: 32.33%;
}
.stockUpper .stock-info-details p:last-child {
	font-weight: 700;
	min-height: 11px;
	display: table;
	text-align: center;
	width: 100%;
}
.stockpriceinfo .stockdetails .stockPrice .pricevalue {
	padding-left: 10px;
	font-weight:bold;
}
.stockpriceinfo .stockdetails .stockPrice span, .stockpriceinfo .stockdetails .stockPrice .pricevalue {
	display: inline-block;
}


.sharepriceFooter .col-xs-6{
	width:50%;
}

.row.sharepriceFooter {
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 18px;
}


#divInsage, .sharepriceFooter p {
	margin-left:15px;
}
#divEforce {
	/*margin-right:15px;*/
	margin-right:0;
}
.sharepriceFooter .text-right {
	padding-right:15px;
}
.priceticker .stockUpper .priceDown:after {
	content: url(../images/chgDown.png);
	background-repeat: no-repeat;
	padding-left: 8px;
}
.priceticker .stockUpper .priceUp:after {
	content: url(../images/chgUp.png);
	background-repeat: no-repeat;
	padding-left: 8px;
}

.ht-iwu1, .ht-iwu2{
	padding-right:0 !important;
}


/********** End Price Ticker ***********/ 


/******** Interactive Stock Charts ***********/


.interactiveChartIcon .nav > li > a strong{
	font-weight:700 !important;
}

.interactiveChartIcon .nav > li > a {
	padding:0px;
}
.interactiveChartIcon {
	margin:0px;
	padding:0px;
	border:0px;
	margin-bottom:18px;
}
.interactiveChartIcon .nav-tabs {
		font-family: var(--font-family-heading);
	border-bottom: 0px solid #ddd;
	margin-right:20px;
	border-radius:0;
	letter-spacing:-0.01em;
}
.interactiveChartIcon .nav-tabs > li {
 transition: all .2s ease-in-out;
}
.interactiveChartIcon .nav-tabs > li > a {
	margin:0 1px;
	background:#e6e6e6;
	padding:8px 6px !important;
	border-radius:0;
	display:inline-block;
}
.interactiveChartIcon .durationChart .nav-tabs > li > a {
/*margin:0px !important;*/
}
.interactiveChartIcon .nav-tabs > li > a:hover {
	color: #ffffff;
	cursor:pointer;
	background-color: #204A8A;;
	transform: scale(1.2);
	margin:0 6px;
	border-radius:0;
 transition: all .2s ease-in-out;
}
.interactiveChartIcon .nav-tabs > li.active > a, .interactiveChartIcon .nav-tabs > li.active > a:hover, .interactiveChartIcon .nav-tabs > li.active > a:focus {
	color: #ffffff;
	cursor: pointer;
	background-color:  #204A8A;;
	transform: scale(1.18);
	margin:0 6px;
	border-radius:0;
}
.iconLine {
	background:url(../../cmn/images/interactive-stock-chart/line-chart.png) no-repeat center center;
	padding:14px;
}
.iconLine:hover {
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}
li.active .iconLine {
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}
.iconCandleStick {
	background:url(../../cmn/images/interactive-stock-chart/candle-chart.png) no-repeat center center;
	padding:14px;
}
.iconCandleStick:hover {
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}
li.active .iconCandleStick {
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}
.iconOHLC {
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart.png) no-repeat center center;
	padding:14px;
}
.iconOHLC:hover {
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}
li.active .iconOHLC {
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}
.interactiveChartIcon .durationChart .nav-tabs {
/*border:1px solid #ccc;*/
	/*margin:0px;*/
}
.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li > a {
	background:none;
	font-weight:normal;
	color:#333;
	cursor:pointer;
	background:#e6e6e6;
	margin:0 1px !important;
}
.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li > a:hover {
	background: #204A8A;;
	font-weight:normal;
	/*padding:8px 3px;*/
	transform: scale(1.2);
	margin: 0 6px !important;
	border-radius: 0;
 transition: all .2s ease-in-out;
	color:#fff;
}
.interactiveChartIcon .durationChart > li > a, .interactiveChartIcon .durationChart .nav > li.active > a {
	background:none;
	font-weight:normal;
	padding:8px 3px;
}
.interactiveChartIcon .durationChart .nav-tabs > li > a span, .interactiveChartIcon .durationChart .nav > li > a span {
	margin:0px;
	padding:0px;
}
.interactiveChartIcon .durationChart .nav-tabs > li.active > a, .interactiveChartIcon .durationChart .nav-tabs > li.active > a:hover, .interactiveChartIcon .durationChart .nav-tabs > li.active > a:focus {
	color: #fff;
	background: #204A8A;;
	transform: none;
	transform: scale(1.18);
	margin: 0 6px !important;
	border:none;
}
.interactiveChartIcon .durationChart .nav-tabs > li .durationLabel {
	background:#fff;
	/*border:1px solid #e6e6e6;*/
	color:#333;
	margin-right:0px;
	margin-bottom:0px;
	cursor:default;
	padding:7px;
	display:block;
}
.tab-content .highcharts-title img {
	vertical-align:middle;
}
.right-cntrls {
	font-family: var(--font-family-heading);
letter-spacing: -0.01em;
	background-color:#8ac646;
	float: left;
	width: 100%;
	margin-bottom:15px;
	color:#fff;

}
.right-cntrls ul.right-tabs {
	margin: 0px;
	padding: 0px;
}
ul.right-tabs input {
	margin: -1px 0px 0px 04px;
	vertical-align: middle;
}
.right-cntrls .right-tabs li {
	list-style: none !important;
	display: inline !important;
	/* margin-right: 15px !important;*/
    font-weight:600;
	width:20%;
	padding: 15px 0;
	float:left;
	text-align:center;
	border-right:1px solid #fff;
}
.right-cntrls .right-tabs li:last-child{
	border-right:none;
}

.right-cntrls .right-tabs li b {
	font-weight:700;
}
/******* END Interactive Stock Charts *******/

/*************** Price & Volume ************/

.fade.in {
    opacity: 1;
}



.priceVolumeTable, #ctl00_cphContent_fvStkInfo table, #ctl00_cphContent_txtHighPrcLabel, #ctl00_cphContent_txtLowPrcLabel, #ctl00_cphContent_txtHighVolLabel, #ctl00_cphContent_txtLowVolLabel{
	font-family: var(--font-family-heading);
letter-spacing: -0.01em;
	font-size:14px;
	font-weight:600;
}

.stockChartContainer {
	padding-top: 10px;
}
.priceVolume {
	margin: 0 0 10px 1px;
	
}
.priceVolume .nav-tabs {
	border-bottom:none;
}
.priceVolume .nav-tabs > li {
	float: left;
	margin-bottom: 0px;
	border-bottom:none;
}
.priceVolume .nav-tabs > li > a {
	font-family: var(--font-family-heading);
	margin-right: 2px;
	border-radius: 0px 0px 0 0;
	/*	background:#dedede;*/
	background:none;
	font-weight:700;
	color:#999999;
	padding: 3px 0;
	margin-left:15px;
	margin-right:15px;
	cursor:pointer !important;
	letter-spacing: -0.01em;
}
.priceVolume .nav-tabs > li > a:first-child {
	margin-left:0 !important;
}
.nav-tabs > li > a {
	border:none;
}
.priceVolume .nav-tabs > li > a:hover {
	color:#8ac646 !important;
	cursor: default;
	border-bottom:2px solid #8ac646;
	border-top:none;
	border-left:none;
	border-right:none;
	font-weight:500;
}
.priceVolume .nav-tabs > li.active > a, .priceVolume .nav-tabs > li.active > a:focus {
	color:#8ac646 !important;
	cursor: default;
	border-bottom:2px solid #8ac646;
	border-top:none;
	border-left:none;
	border-right:none;
	/*background-color: #8ac646;*/
	/*border: 1px solid #eee;
	border-bottom-color: transparent;*/
	font-weight:500;
}
.priceVolume .nav-tabs > li.active > a:hover {
	color:#8ac646 !important;
	cursor: default;
	border-bottom:2px solid #8ac646;
	border-top:none;
	border-left:none;
	border-right:none;
	font-weight:500;
}
.priceVolumeSelection a {
	margin-right:12px;
}
.priceVolumeTable thead {
	background:#888;
	color:#fff;
}

.priceVolumeTable thead tr td:first-child, .priceVolumeTable tbody tr td:first-child, .priceVolumeTable thead tr th:first-child, .priceVolumeTable tbody tr th:first-child{
	text-align:left !important;
	/*max-width:0; */ 
	
}

.priceVolumeTable thead tr td, .priceVolumeTable tbody tr td, .priceVolumeTable thead tr th, .priceVolumeTable tbody tr th {
	text-align:center !important;
	  
	
}

 
.tableHeader {
	/*background: #888 !important;*/
	/*background:  #204A8A; !important;*/
	background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-green)) !important;
	color: #fff;
	font-weight:500;
}
tr.totalFigure {
	font-weight:500;
}
.priceVolumeSelection {
	text-align: center;
	display: table;
	width: 100%;
	margin-top: 15px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #f5f5f5;
	padding:25px;/*	border-bottom: 2px solid #8ac646;*/
}
.priceVolumeSelection .cal-container {
	width: 100%;
	text-align: center;
	margin: 6px 0px 15px 0px;
}
.priceVolumeSelection .cal-container .form-group{
	display:flex;
	width:100%;
	margin-bottom:10px;
}

.priceVolumeSelection .cal-container [class*='col-sm'] {
 display:inline-flex;
float:none;
vertical-align:middle;
justify-content:center;
}
.priceVolumeSelection .cal-container .input-group, .priceVolumeSelection .cal-container input {
	width:100% !important;
}
.priceVolumeSelection .cal-container .date-to {
}

#ctl00_cphContent_btnExport, #ctl00_cphContent_btnExportMonthly{
	float:right;
	margin-bottom:15px;
	text-transform:uppercase;
}

.priceVolumeSelection .cal-container .selectpicker{
	margin-right:3px;
	    border: 1px solid #204a8a;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #8ac646 !important;
    color: #ffffff !important;
}


.cal-container input{
	
	font-family: "Verdana", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #204A8A;
	padding: 12px 12px 12px 12px;
	border-radius:0;
}

.priceVolumeSelection span{
	font-family: var(--font-family-heading);
	font-weight:700;
	letter-spacing: -0.01em;
	
}
.priceVolumeSelection span a{
	color:#8ac646;
}
.priceVolumeSelection span a.active{
	color:#204A8A;
}

/*====================
hide prod / open bmw
=======================*/
/*.btn-sec-cont{
	margin-left:-15px;
	margin-right:-15px;
}*/


/**************END Price & Volume**********************/











/* =========================================================
   IR 30 Largest Shareholders Table
   ========================================================= */
   
.ir-top-thirty-wrap #ctl00_cphContent_lbYear{
	display:flex;
	align-items:center;
	margin-top:36px;
	margin-bottom:20px;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	 
}
   

.ir-shareholders-table-wrap {
  width: 100%;
}

.ir-shareholders-table th:nth-child(1),
.ir-shareholders-table td:nth-child(1) {
  width: 56px;
  text-align: center;
}

.ir-shareholders-table th:nth-child(2),
.ir-shareholders-table td:nth-child(2) {
  width: auto;
  text-align: left;
}

.ir-shareholders-table th:nth-child(4),
.ir-shareholders-table td:nth-child(4) {
  width: 15%;
  text-align: center;	
  white-space: nowrap;
}

.ir-shareholders-table th:nth-child(3),
.ir-shareholders-table td:nth-child(3) {
  width: 20%;
  text-align: center;		
  white-space: nowrap;
}

.ir-shareholders-table th:nth-child(5),
.ir-shareholders-table td:nth-child(5) {
  width: 15%;
  text-align: center;	
  white-space: nowrap;
}

.ir-shareholders-table td:nth-child(3),
.ir-shareholders-table td:nth-child(4) {
  text-align: center;
}

.ir-shareholders-table td {
  vertical-align: top;
}

@media (max-width: 900px) {
  .ir-shareholders-table {
    min-width: 760px;
  }

  .ir-shareholders-table-wrap {
    overflow-x: auto;
  }
}



.prospectus-table td:first-child{
  width: 450px !important;
}




/*=====================================================================
AGM
======================================================================*/



/* Section styling */
.investment-section {
  display: flex;
  justify-content: center;
  width: 100%;
}

.investment-bg-wrapper {
  height: 100%;
  width: 100%;
  max-width: 1320px;
  padding: var(--gap48);
  background-image: url("../images/agm-bg.png");
  background-size: cover;
  background-position: center right;
  display: flex;
}

.investment-card {
  background-color: #ffffff;
  padding: var(--gap24);
  max-width: 480px;
  width: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: var(--gap9);
  border-radius: var(--gap12);
}

.investment-card h2 {
  margin: 0;
}
 



/*================================================================
Annual Reports 
=====================================================================*/
.ar-pdf-icon{
	display:flex;
	align-items:center;
}

.ar-pdf-icon:before{
		content:'';
	display:inline-flex;
	background:url(../images/pdf-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:18px;
	height:18px;
	margin-right:10px;
	 
}

.ir-audited-download-icon:before{
		content:'';
	display:inline-flex;
	background:url(../images/download-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:18px;
	height:18px;
	 
}

.ar-iar-icon:before{
		content:'';
	display:inline-flex;
	background:url(../images/html-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:18px;
	height:18px;
	margin-right:10px;
	 
}

.ir-audited-view-icon:before{
		content:'';
	display:inline-flex;
	background:url(../images/view-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:18px;
	height:18px;
	 
}

/*prospectus*/


.prospectus-section-bg {
    background-image: url(../images/prspcts-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* =========================================================
   Investment calculator
========================================================= */

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.mb10 {
    margin-bottom: 10px;
}
.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}
.toggle .togglet, .toggle .toggleta {
	display: block;
	position: relative;
	margin: 0;
	margin-top:-15px;
	font-weight: 600;
	color: #444;
	cursor: pointer;
}
.toggle .togglet i {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}
.toggle .toggleta {
	font-weight: 500;
}
.toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed {
	display: none;
}
.toggle .toggleta i.toggle-open {
	display: block;
}
.toggle .togglec {
	display: block;
	position: relative;
	border:1px solid #e5e5e5;
	padding: 15px;
	background:#f5f5f1;
	margin-top:15px;
}
.hidden {
	display:none;
}
.form-group .form-control {
/*text-align:right;*/	
}
.form-group label.form-control {
	border:none;
	border-bottom:1px solid #ebebeb;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.form-inline .form-control {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.edit-transaction .togglet {
	font-size:12px;
	margin-top:-6px;
}
.calculator label {
	font-family: "Museo Sans";
	font-weight:normal!important;
	line-height:35px;
}
 
.calculator .calculate-value .form-control {
	color:#666!important;
	border-bottom:1px solid #204A8A;
}

.calculator .form-control{
	
font-family: "Museo Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
	border-bottom:1px solid #204A8A;
    background-color:transparent;
	padding: 12px 12px 12px 12px;
	border-radius:0;
	border-width:0 0 1px 0 !important;
}


.calculator-edit {
	text-align:right;
}
.text-bold {
	font-weight:bold;
}
.togglec .form-group input {
	border-bottom:1px solid #204A8A !important;
	background:transparent;
}
.form-inline .form-control {
	border:0px solid #ccc !important;
}
.inputbox {
	background:url(../images/corner.png) right bottom no-repeat !important;
}
#calResult .form-control {
	border:0px solid #ccc !important;
}


#calResult h3 {
	padding-top:18px !important;
	padding-bottom:18px !important;
	border-bottom:1px solid #eee !important;
	border-top:1px solid #eee !important;
	 
}
 
.calculator {
	/*min-height:1620px;*/
	min-height:1550px;
	 
}
.dvProfit{
	padding:30px;
	border:1px solid #eee;
	background:#f5f5f1 !important;
}

#calResult{
	margin-top:18px;
	padding:30px;
	
}



/*================================================================
Quarterly results and corporate presentations custom fixes, 
=====================================================================*/
.ir-quarter-item_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url("../images/qr-icon.png") no-repeat center / contain;
/*  -webkit-mask: url("../images/qr-icon.png") no-repeat center / contain;
  mask: url("../images/qr-icon.png") no-repeat center / contain;*/
 
}

.ir-qr-corp-present-wrap select{
	margin-top:30px;
}

/*================================================================
Bursa annoucements inner page css starts here 
=====================================================================*/
.bursa-inner-page{
	float:left;
	width:100%;
}


.ba-top-sec{
	float:left;
	width:100%;
	margin-bottom:45px;
}
.search-bar-sec{
	float:left;
	width:50%;
	text-align:left;
	
}
.search-bar{
	float:left;
	width:70%;
	margin-right:2%;
}

.search-button{
	float:left;
	width:28%;
	display:flex;
}

.search-bar input{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #8d8d8d;
	text-align:right;
	 
}

.search-button a{
	color:#8d8d8d;
	border:1px solid #8d8d8d;
	border-radius:30px;
	padding:10px 30px;
}


.s-icon{
	background-image: url('../images/search-icon.png'); /* Replace with your icon path */
    background-repeat: no-repeat;
    background-position: right center; /* Position the icon */
    background-size: 16px; /* Adjust size as needed */
    padding: 12px 40px 12px 0; /* Add left padding for the icon */
  
}

.search-drop-down-sec{
	float:right;
	width:30%;
	background:#ccc;
	height:30px;
	text-align:right;
 
	
}

.search-cate{
	 display:inline-block;
	width:40%;
	height:30px;
	background:#ff0;
	margin-right:15px;
}
.searach-year{
 display:inline-block;
	width:40%;
	height:30px;
	background:#ff0;
}

.ba-inner{
	max-width:100%;
	width:100%;
}


.ba-item-sec{
float:left;
width:100%;
margin-bottom:18px;
	
}

.ba-item-date{
	display:;
	width:100%;
	font-size:18px;
	font-weight:500;
	color:#8ac646;
	text-transform:uppercase;
	
}
.ba-item-date:before{
	content:'';
	display:inline-flex;
	background:url(../images/icon-new-tab.svg) center center no-repeat;
	width: var(--gap24);
    height: var(--gap24);
   
	margin-right:8px;
	position:relative;
	top:5px;
	
}

.ba-item-link{
	width:100%;
	display:block;
	padding-left:var(--gap24);
	margin-left:8px;
}

.ba-item-link a{
	color:#333;
	font-weight:500;
}

#ctl00_cphContent_subNews .pull-right a {
    display: inline-block;
}

#ctl00_cphContent_subNews .subscribe-link {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.subscribe-link span:before {
    content: "\f105";
    display: block;
    position: absolute;
    left: -17px;
    font-family: FontAwesome;
    top: -3px;
    background-color: transparent;
    font-size: 25px;
    line-height: 30px;
}

.annewdesign-sec{
	float:left;
	width:100%;
}

.filters-sec{
	display:flex;
	flex:1;
	align-items:center;
	margin-bottom:18px;
 
}
.filters-sec .nice-select{
	font-family: "Museo Sans";
	font-size:15px !important;
	background:#f8f8f8;
	width:100%;
}

.filters-sec .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0px);
	min-height:inherit;
    max-height: 400px !important;
    overflow-y: scroll !important;
}



.filters-sec .categoryby .nice-select{
	 /* width: 240px !important; */  /* fixed width */
	 
	 width: 100% !important;  
  white-space: nowrap;
  text-overflow: ellipsis;
	 
	 
 
}
.cat-2 .nice-select span.current{
	   /*width:195px !important;*/
	   width:95%;
	  overflow:hidden;
	  display:block;
}
 


.filters-sec > .row{
	width:100%;
	flex:1;
}

.search-reset .row{
	width:auto;
	flex-wrap:nowrap;
}

.annewdesign-sec label{
	font-family: "Museo Sans";
	font-size:15px;
	line-height:15px;
}
.cat-1, .filt-1{
	display:flex;
	align-items:center;
	justify-content:right;
}

.fsearch, .freset{
	width:auto;
}
 


#ctl00_cphContent_subNews > .float-end{
	position: relative;
    top: -44px;
    left: -44px;
}
#ctl00_cphContent_lblStock{
	display:flex;
	align-items:center;
}


.page-link{
	color:#8ac646 !important;
}


 .page-link:hover{
	 color:#204A8A !important;
}
.active>.page-link, .page-link.active {
	background:#8ac646;
	color:#fff !important;
	border-color:#8ac646 !important;
	
}

#ctl00_cphContent_tbNoNews tr td{
	text-align:center;
}

 /*==============================================================================================
 TERMS OF USE 
 ================================================================================================*/

/*********** IR Privacy Policy *************/

 

.terms{
	font-family: Verdana;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
}

.terms h4 {
	margin-top: 14px;
	border-bottom: 1px solid #262626;
	display: inline-block;
	letter-spacing:0px;
	padding-bottom:1px;
	color:#333;
	margin-bottom:0px;
	font-weight:700;
}
.terms h5 {
	margin-top: 22px;
	margin-bottom: 10px;
	font-size:16px;
	font-weight:700;
	text-decoration: underline;
	color:#333;
}
.terms ul {
	list-style-type: none;
	padding-left: 5px;
}
.terms li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 10px;
	text-align: justify;
}
.terms li:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #8ac646;
	font-size:17px;
}
.terms a {
	color:#8ac646;
	text-decoration:underline;
}
.terms a:hover {
	color:#204A8A;
	text-decoration: underline;
	cursor:pointer;
}
/*********** End IR Privacy Policy *************/






 .priceVolumeTable{
	 table-layout:fixed !important;
 }


/*================================================================================================
MEDIA QUERIES STARTS HERE
=================================================================================================*/

@media (min-width:1200px){
	.ir-financial-wrap iframe{
	padding-right:2px;
	
	
}
.search-reset .row{
	width:auto;
	flex-wrap:nowrap;
}

.fsearch, .freset {
    width: auto;
}

 


}


@media (max-width:992px){
	 
.cat-1, .filt-1{
	display: flex;
    align-items: center;
	justify-content:left;
	margin-bottom:15px;
     
}

.search-reset .row{
	width:auto;
	flex-wrap:nowrap;
}

.search-reset{
	width:100%;
}
.fsearch, .freset{
	width:auto;
	text-align:left;
}
 
 .categoryby, .filterby-yr-mnt{
		 width:50%;
		 margin-bottom:20px;
	 } 

 	 
	 
 
}
 
 
 @media (max-width: 768px){
	  .categoryby, .filterby-yr-mnt{
		 width:50%;
		 margin-bottom:20px;
	 }
	
	 
 }

@media (max-width: 767px){
	.stock-reports-wrap {
    display: flex;
    align-items: center;
    gap: var(--gap48);
    flex-wrap: wrap;
    justify-content: center;
}

.ir-financial-wrap iframe{
	padding-right:2px;
	
}

.ir-ar-wrap .flex-row{
	flex-wrap:wrap;
}

 .categoryby, .filterby-yr-mnt{
		 width:50%;
	 }

	.annewdesign-sec .nice-select .option {
	text-align:left;
	 white-space:normal;
	 overflow-wrap: break-word;
	
}
 .priceVolumeTable{
	 table-layout:auto !important;
 }
 
 .priceVolumeTable thead tr td, .priceVolumeTable tbody tr td, .priceVolumeTable thead tr th, .priceVolumeTable tbody tr th {
	text-align:right !important;
	  
	
}
 
	
}   

@media (max-width:576px){
	.ir-financial-wrap iframe{
	padding-right:2px;
	
}

.ir-quarter-item_icon::before{
	width:73%;
}

.interactiveChartIcon .durationChart .nav-tabs {
        margin-top: 20px;
        width: 100%;
        border-left: 0px;
        border-right: 0px;
    }
	
	.right-cntrls {
    font-family: var(--font-family-heading);
    letter-spacing: -0.01em;
    background-color: #8ac646;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
}


.right-cntrls .right-tabs li {
    list-style: none !important;
    display: inline !important;
    /* margin-right: 15px !important; */
    font-weight: 600;
    width: 100%;
    padding: 15px 26px;
    float: left;
    text-align: left;
    border-bottom: 1px solid #fff;
}
.right-cntrls .right-tabs li b {
    font-weight: 700;
    width: 78%;
    display: inline-block;
}
.right-cntrls .right-tabs li:last-child {
    border-bottom: none;
}

.iraccordion-title {
    font-size: 28px;
    line-height: 34px;
	
}

.priceVolumeSelection .cal-container .date-to {
    flex-wrap: wrap;
    width: 100%;
	margin-bottom:10px;
}

.cal-container .monthYearSelection{
	margin-bottom:10px;
}

    .block:has(.ir-shareholders-table), .block:has(.data-table--fsh) {
        overflow-x: auto;
    }
	
.ir-shareholders-table, .data-table--fsh{
	min-width:700px;
}

.ir-top-thirty-wrap .flex-align-center{
	align-items: normal !important;
}

.ir-ar-wrap .flex-row{
	flex-wrap:wrap;
}


.irc-name{
	font-size:20px;
	line-height:20px;
}
.irc-name-sub{
	font-size:18px;
	line-height:18px;
}

.irc-em-tel p{
	font-size:16px;
	line-height:16px;
}


.categoryby .form-group .row, .filterby-yr-mnt .form-group .row{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.cat-1, .cat-2, .filt-1, .fyear-1, .fmonth-1{
	flex:0 0 100%;
	/*margin-bottom:20px;*/
 
}

.search-reset .row{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.fsearch, .freset{
	flex:1;
}

.fsearch {
	text-align:right;

}
.categoryby, .filterby-yr-mnt{
		 width:inherit;
	 }


.ir-agm-wrap .flex-55 {
    flex: 0 1 100% !important;
}
	.annewdesign-sec .nice-select .option {
	text-align:left;
	 white-space:normal;
	 overflow-wrap: break-word;
	
}
	
}

@media (max-width:480px){
	    .cat-1, .cat-2, .filt-1{
			flex:none;
        flex: 0 0 100%;
    }
	.cat-2{
		margin-bottom:15px;
	}
	
.annewdesign-sec .nice-select .option {
	text-align:left;
	 white-space:normal;
	 overflow-wrap: break-word;
	
}

.priceVolumeSelection .btn-sec-cont .btn-primary{
	margin-bottom:15px;
}


	
	
}
 
@media (max-width:414px){
	    .search-reset {
        width: 100%;
		text-align:center;
    }
	    .fsearch, .freset {
			align-items:center;
			text-align:center;
         
    }
	
	.filters-sec .row {
    width: 100%;
    gap:20px;
}

 .fyear-1, .fmonth-1{
	flex:1;
 
}

	.annewdesign-sec .nice-select .option {
	text-align:left;
	 white-space:normal;
	 overflow-wrap: break-word;
	
}
	
}