/*=PAGE STRUCTURE
-----------------*/
/*=FONTS
--------*/
 /*=FONTS
--------*/
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?bi26f4');
    src:    url('../fonts/icomoon.eot?bi26f4#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?bi26f4') format('truetype'),
        url('../fonts/icomoon.woff?bi26f4') format('woff'),
        url('../fonts/icomoon.svg?bi26f4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Telkom123 Regular';
  src: url("../fonts/Telkom123-Regular.eot");
  src: url("../fonts/Telkom123-Regular.eot") format("embedded-opentype"), url("../fonts/Telkom123-Regular.woff") format("woff"), url("../fonts/Telkom123-Regular.ttf") format("opentype"), url("../fonts/Telkom123-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Bold';
  src: url("../fonts/Telkom123-Bold.eot");
  src: url("../fonts/Telkom123-Bold.eot") format("embedded-opentype"), url("../fonts/Telkom123-Bold.woff") format("woff"), url("../fonts/Telkom123-Bold.ttf") format("opentype"), url("../fonts/Telkom123-Bold.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Bold Italic';
  src: url("../fonts/Telkom123-BoldItalic.eot");
  src: url("../fonts/Telkom123-BoldItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-BoldItalic.woff") format("woff"), url("../fonts/Telkom123-BoldItalic.ttf") format("opentype"), url("../fonts/Telkom123-BoldItalic.svg") format("svg");
}


@font-face {
  font-family: 'Telkom123 Italic';
  src: url("../fonts/Telkom123-RegularItalic.eot");
  src: url("../fonts/Telkom123-RegularItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-RegularItalic.woff") format("woff"), url("../fonts/Telkom123-RegularItalic.ttf") format("opentype"), url("../fonts/Telkom123-RegularItalic.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Light';
  src: url("../fonts/Telkom123-Light.eot");
  src: url("../fonts/Telkom123-Light.eot") format("embedded-opentype"), url("../fonts/Telkom123-Light.woff") format("woff"), url("../fonts/Telkom123-Light.ttf") format("opentype"), url("../fonts/Telkom123-Light.svg") format("svg");
}

@font-face {
  font-family: 'Telkom123 Light Italic';
  src: url("../fonts/Telkom123-LightItalic.eot");
  src: url("../fonts/Telkom123-LightItalic.eot") format("embedded-opentype"), url("../fonts/Telkom123-LightItalic.woff") format("woff"), url("../fonts/Telkom123-LightItalic.ttf") format("opentype"), url("../fonts/Telkom123-LightItalic.svg") format("svg");
}



html, body {
    margin: 0;
    font-family: 'Telkom123 Regular', sans-serif; color:#343434; line-height:1.4;
}

.justity{text-align:justify!important}
#note-frame {width: 96%;margin:2em auto 0 auto;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important}
b, strong { font-family: Telkom123 Bold; font-weight:500}
p {font-size:15px; line-height:1.5;font-weight: 400;font-style: normal;font-family: 'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;}
sup {vertical-align: super;font-size:60%; top:0}

.container-fluid{padding:0px!important}
#selectable-content a:link, #selectable-content  a:visited{color: #9D9D9C;text-decoration: underline;}
#selectable-content a:hover{color: #000000;text-decoration: none;}

table p em{ font-weight:600;font-family:'Telkom123 Regular';}


fin-tbl strong em{ font-weight:600;font-family:'Telkom123 Bold';}
fin-tbl em strong { font-weight:600;font-family:'Telkom123 Bold';}

.page-link{color: #0083c3!important; border-color: #0083c3!important}
.page-item.active .page-link{background-color: #0083c3!important; border-color: #0083c3!important; color: #FFF!important;}

/*=FINANCIAL TABLES
----------------*/
table { font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;  font-style:normal; font-weight:400; color:#000;  line-height: 1.4; margin-top: 0; font-size: 15px!important;} 
table p { font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif;  font-style:normal; font-weight:400; color:#000;  line-height: 1.4; margin-top: 0; font-size: 15px!important; text-align:justify}
/*h2{font-size: 18px; font-weight: bold; color: #006F51; margin-bottom:0px!important; padding-bottom: 0px}*/
h4{margin-bottom: 0em;color:#3C3C3B;font-size: 16px!important; margin-top:0!important; font-family: 'Telkom123 Bold';}
h5{margin-bottom: 0px;font-size: 16px!important;margin-top: 0; color:#3C3C3B;font-family:'Telkom123 Light'; font-weight:600}
.switch-bg-grey{ background:#DCE6EA!important}
.switch-bg-lblue{background:#E9F4FD!important}
.switch-bg-lgray{background:#F1F2F2!important}
.switch-bg-dgray{background:#E3E5E5!important}

p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}

.fin-tbl tr:nth-child(2) td.switch-blue{font-family: 'Telkom123 Regular', sans-serif;}
.fin-tbl tr:nth-child(1) td.switch-blue{font-family: 'Telkom123 Regular', sans-serif;}

/* FINANCIAL TABLE STYLES*/

.fin-tbl tr:hover {background:#DCE6EA !important; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#DFE8EA!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {line-height: 1.4; padding: 3px 8px 3px 3px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th { color: #565555;  text-align:right; padding: 3px 8px 3px 3px;  background:#DAECFA; font-weight:normal;font-family:'Telkom123 Light','Calibri', Arial, Helvetica, sans-serif; } /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/
strong, b{font-family: Telkom123 Bold}

/*.fin-tbl tr:first-child th{background:#005B94; font-weight:600; color:#fff}
.fin-tbl tr td:first-child{padding-left:10px}*/

.fin-tbl tr:nth-child(2) td.finthin {
	font-family: 'Telkom123 Regular', sans-serif; color: #000;
}

.switch-dblue{ color:#005B93!important}
.switch-blue{ color:#007BBE!important}
.switch-black{ color:#000!important}
.switch-grey{color:#57585b!important}
.switch-white{color: #fff!important;}
ul.dash-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.fw-500{font-weight: 500!important;}
ul.dash-list li {
	position: relative;
	line-height: 1.4;
	padding-left: 20px;
}

ul.dash-list li:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 1px;
	border-bottom: 2px solid #000000;
	left: 4px;
	top: 10px;
}

.switch-bg-blue
 {
    background: #007BBE !important;
}

.fin-tbl .finheader{ background:#B9CED4; color: #007BBE!important; font-weight: bold;font-family: Telkom123 Bold;}
.fin-tbl .finheaderbod {
    background: #B9CED4;
    color: #007BBE!important;
    font-weight: bold;
    font-family: Telkom123 Bold;
    border-bottom: 1px solid #0083C2;
}
.finheadergrey{ background:#DFE8EA; color: #005B93!important; font-weight: 300;font-family: Telkom123 Regular;border-right: 1px solid #fff;border-bottom: 1px solid #939598}
.finheadergreynb{ background:#DFE8EA; color: #005B93!important; font-weight: 300;font-family: Telkom123 Regular;border-bottom: 1px solid #939598}
.finheader2{  color: #0083C2!important; font-weight: bold!important;font-family: Telkom123 Bold;border-bottom: 1px solid #0083C2}
.finheader3{  color: #0083C2!important; font-weight: bold!important;font-family: Telkom123 Bold; background:#E9F4FD ; border-top: 1px solid #0083C2;}
.finheader4{  color: #005B93!important; font-weight: bold!important;font-family: Telkom123 Bold;border-bottom: 1px solid #fff;text-align:center!important}
.finheader-nb{background:#0083C2!important; color: #fff!important;font-family: Telkom123 Bold;}


/*blue lines*/
.finthin { border-bottom: 1px solid #0083C2}
.fintop { border-top: 1px solid #0083C2}
.finleft {border-left:1px solid #0083C2;}
.finright {border-right:1px solid #0083C2;}
.fintopleft {border-top:1px solid #0083C2; border-left:1px solid #0083C2;}
.fintopright {border-top:1px solid #0083C2; border-right:1px solid #0083C2;}
.finbotleft {border-bottom:1px solid #0083C2; border-left:1px solid #0083C2;}
.finbotright {border-bottom:1px solid #0083C2; border-right:1px solid #0083C2;}

.switch-bg-p-blue-4 {
	background: #D8E4EC !important
}
.alignment-center {

    text-align: center !important;
  }

.finthick { border-bottom: 3px solid #0083C2}
.finthick-right { border-right: 3px solid #0083C2}
.finthickgrey { border-bottom: 3px solid #BDCDD3}
.finthicktop { border-top: 3px solid #0083C2}

.finthicker {border-bottom: 5px solid #0083C2;}
.finthickertop {border-bottom: 5px solid #0083C2;}


.finrow {border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finthickrow {border-top:3px solid #0083C2; border-bottom:3px solid #0083C2;}

.finrowleft {border-left:1px solid #0083C2; border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finrowright {border-right:1px solid #0083C2; border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
/*blue lines end*/



/*grey lines*/
.finthingrey{ border-bottom: 1px solid #939598}
.fintopgrey { border-top: 1px solid #939598}
.finleftgrey {border-left: 1px solid #939598;}
.finrightgrey {border-right: 1px solid #939598;}
.fintopleftgrey {border-top:1px solid #939598; border-left:1px solid #939598;}
.fintoprightgrey {border-top:1px solid #939598; border-right:1px solid #939598;}
.finbotleftgrey {border-bottom:1px solid #939598; border-left:1px solid #939598;}
.finbotrightgrey {border-bottom:1px solid #939598; border-right:1px solid #939598;}

.finrowgrey {border-top:1px solid #939598; border-bottom:1px solid #939598;}
.finthickrowgrey {border-top:3px solid #939598; border-bottom:3px solid #939598;}

/*grey lines end*/





.finthickerred {border-bottom: 4px solid #E41E2C;}
.finthickertop {border-top: 4px solid #0083C2;}
.finthintopbot{border-bottom: 1px solid #0083C2; border-top: 1px solid #0083C2}
.finthickergrey {border-bottom: 3px solid #939598;}
.finthindargrey{ border-bottom: 1px solid #636466}

.finthinwhite{ border-bottom: 1px solid #fff}
.finrightwhite{ border-right: 1px solid #fff}


.fingreytext{ color: #6D6E71}
.fingreytextthin{color: #6D6E71;border-bottom: 1px solid #939598}
.fingreytextthick{color: #6D6E71;border-bottom: 2px solid #939598}
.fincaption {font-size:11px; font-style:italic}
.contentfin {background-color:#FFF; padding:20px 20px 20px 20px; border:1px solid #184069;}
.captionfin {font-size:11px;}
.caption {font-size:11px!important; font-style:italic;}




/*=SWITCH COLOURS
--------*/

ul.dash {list-style-type:none;font-size: 1em;    text-align: justify;}
ul.dash li{margin-left:-17px;position:relative;}
ul.dash li:before{content:'';background: #221e1f;width: 11px;height: 1px;border-radius:50%;top: 11px;left: -20px;position:absolute;}

ul.list-blue-caption {padding: 0;margin: 0;list-style-type: none;margin-bottom: 20px;}
ul.list-blue-caption li {
padding-left: 20px;position: relative;font-size: 11px!important;padding-bottom: 0!important;}
ul.list-blue-caption li:before {
left: 2px!important;position: absolute;content: '';top: 6px!important;width: 7px!important;border-bottom: 2px solid #0083C2;}


/*=NOTE HEADER
--------------*/
.noteheader{ font-size:23px; color:#007BBE;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;padding-bottom: 10px;} 
.noteheader1{ font-size:20px; color:#007BBE;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;padding-bottom: 10px;}
.noteheader2{ font-size:18px; color:#007BBE;font-family: 'Telkom123 Regular', sans-serif;}
.noteheader3{ font-size:17px; color:#007BBE;font-family: "Telkom123 Light",'Calibri',Arial, Helvetica, sans-serif;}

.semi-bold{font-family: 'Telkom123 Regular', sans-serif;color: #000;}


/*=NOTE STYLES
--------------*/
.blue-bg{
  background: #DCE6EA;
  padding: 20px;
  margin: 20px 0;
}
p strong{
  color: #3C3C40 !important;
}
.txt-heading-med {
    font-size: 20px;
    color: #58595A;
}
.note-header, .note-footer {background-color: #0083C3!important;/* background-image: url(../images/Group%201088.png); */position: fixed;width: 100%;top: 0; z-index:999;  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;}
.note-header {margin-bottom:2em}
.note-footer {/* margin-top:2em */}
.note-header h1 {float:left;color:#fff;font-size:1.4em;padding:.75em;margin:0; font-weight:500;  font-family: 'Telkom123 Bold'; }
.note-footer h1 {float:left;color:#fff;font-size:1.4em;padding:.75em;margin:0; font-weight:500;  font-family: 'Telkom123 Bold'; }
.note-footer h1:after{color: #fff!important; position: relative; content:'for the year ended 31 March 2025'; font-size:15px; font-weight:normal;bottom:0; display:block; padding-top:5px;font-family: "Telkom123 Light",'Calibri',Arial, Helvetica, sans-serif;}

.note-header ul.note-tools {margin-top:.5em}
ul.note-tools {float:right;margin-right:3.75em;position: absolute;right: 0; margin-top:25px}
ul.note-tools li {display:inline}
ul.note-tools i {font-size:1em;padding:.5em}
ul.note-tools a:link i {color:#fff;}
ul.note-tools a:hover i {color:#fff;}
.mid-bold{font-weight:500}

/*SWITCH COLORS
----------------*/
.switch-dgrey {color:#3B3B3A!important;}
/* .switch-blue {color:#1F2C60;} */


/*=LINKS
--------*/
/*a {outline:none; color:#fff;}
a:link {color:#00649C;}
a:visited {color:#00649C !important;}
a:hover {color:#000;text-decoration:none;}*/
/*pagination*/
.pagination {margin-top:.5em;}
.pagination p i {position:absolute;left:-9999px;}
.pagination p a {display:block;padding: 10px;border:none;}
.pagination p a{background: #cf4707;color:#fff !important;}
.pagination p a:hover {background: #eb8e00;color:#fff;}
a#go-lft, a#go-rgt {font-size:1.2em;text-decoration:none; border-radius: 15%;}
a#go-lft:after {content: "\e943";font-family: 'icomoon';speak: none;}
a#go-rgt:after {    content: "\e944";font-family:'icomoon';speak: none;}

/*=COLORS
--------*/

::-webkit-scrollbar{width:5px;border-left:1px solid #0083c3;}
::-webkit-scrollbar-thumb{background-color:#0083c3;}

/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}
.no-paddingB5{padding-bottom: 5px!important;}
.no-paddingT5{padding-top: 5px!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}
.padding-70{ padding-left: 70px!important;}

.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin-35{margin: 35px!important;}
.margin-35L{margin-left: 35px!important;}
.margin-35R{margin-right: 35px!important;}
.margin-35T{margin-top: 35px!important;}
.margin-35B{margin-bottom: 35px!important;}

.margin-36T{margin-top: 36px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-25{margin: 25px!important;}
.margin-25L{margin-left: 25px!important;}
.margin-25R{margin-right: 25px!important;}
.margin-25T{margin-top: 25px!important;}
.margin-25B{margin-bottom: 25px!important;}

.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}

.margin-5{margin: 5px!important;}
.margin-5L{margin-left: 5px!important;}
.margin-5R{margin-right: 5px!important;}
.margin-5T{margin-top: 5px!important;}
.margin-5B{margin-bottom: 5px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}




/*=LISTS
--------*/



ul.list-dashed li {list-style-type:none; position:relative; margin-left:-24px; line-height:1.6; font-size:15px;    list-style: none;}
ul.list-dashed li:before {content:'\2012'; width:15px; height:0px; top:0px; left:-15px; position:absolute;}
ul.list li ul.list-dashed li:before{content: '\2013';color: #4D4D4F;position: absolute;border-radius: 0;left: -15px;top: -1px;width:30px;font-size: 15px; background:transparent}
ul.list li ul.list-dashed{ margin-left: 0; padding-left: 10px; list-style-image: none;}
ol.alpha {margin-top:0px;padding-left:1px;  counter-reset: list;}
ol.alpha li {list-style: none; margin-left:17px;position: relative;font-style:normal; font-size: 15px;; font-weight:400; color:#4C4D4F; line-height:1.5;margin-bottom:0px}

ol.numbered-list {list-style:decimal; margin:0px; padding:0px;}
ol.numbered-list li {margin-left:15px;}
ol.alpha> li:before {
    content: "(" counter(list ,lower-alpha) ") ";
    counter-increment: list;font-weight:600
}
.noteblock{margin-top: 90px;padding-left: 15px;padding-right: 15px;}

ol.decimal {margin-top:0px;padding-left:1px;  counter-reset: list;}
ol.decimal li {list-style: none; margin-left:17px;position: relative;font-style:normal; font-size: 15px;; font-weight:400; color:#000; line-height:1.5;margin-bottom:0px}

ol.decimal> li:before {
    content: "(" counter(list ,decimal) ") ";
    counter-increment: list;font-weight:600
}

ul.list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px
}

ul.list li {
	padding-left: 20px;
	position: relative;
	font-size: 15px;
	padding-bottom: 4px;
	color: #575756;
}

ul.list li:before {
	left: 0;
	position: absolute;
	content: '';
	top: 10px;
	width: 8px;
	border-bottom: 2px solid #575756
}

ol.list {margin-top:0px;padding-left:1px;}
ol.list li {list-style-type: decimal; margin-left:17px;position: relative;font-style:normal; font-size: 15px;; font-weight:400; color:#3B3B3A; line-height:1.5;margin-bottom:0px}

/* Bullet LIST 
ul.list {margin-top: 0; padding-left: 3px;}
ul.list li {list-style-type: none; margin-left:15px;position: relative;font-style:normal; font-size: 15px;; font-weight:400; color:#000; line-height:1.5;margin-bottom:0px}
ul.list li:before {content: ''; position: absolute;left: -15px;background-color: #57585b;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;  width: 5px;
  height: 5px;
top: 8px;color: #000}*/

ul.list-blue{padding:0;margin:0;list-style-type:none; margin-bottom:20px}
ul.list-blue li{color:#000;padding-left:20px;position:relative; font-size:15px; padding-bottom: 4px;line-height: 1.5; font-weight: 400; font-style: normal; font-family: 'Telkom123 Light', 'Calibri', Arial, Helvetica, sans-serif;}
ul.list-blue li:before{left:0;position:absolute;content:''; top: 13px;width:8px;border-bottom:2px solid #0083C2}

@media screen and (max-width:600px){
.note-header, .note-footer{ position:relative}
.noteblock{ margin-top:5px}
.note-footer h1{ font-size:1em; width:67%}
}