/*=PAGE STRUCTURE
-----------------*/
/*=FONTS
--------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet"');

html, body {
    margin: 0;
    font-family: 'Open Sans', sans-serif; color:#231F20; line-height:1.4;
}

	
#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: 'Open Sans', sans-serif;font-weight:bold!important}
p {font-size:15px; line-height:1.5;}
sup {vertical-align: super;font-size:60%; top:0}

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


.page-link{color: var(--color-lightBlue)!important; border-color: #51514f!important}
.page-item.active .page-link{background-color: #51514f!important; border-color: #51514f!important; color: #FFF!important;}

/*=FINANCIAL TABLES
----------------*/
table { font-family: 'Open Sans', sans-serif;  font-style:normal; font-weight:400; color:#57585b;  line-height: 1.4; margin-top: 0; font-size: 15px!important;} 
table p { font-family: 'Open Sans', sans-serif;  font-style:normal; font-weight:400; color:#57585b;  line-height: 1.4; margin-top: 0; font-size: 15px!important;}
h2{font-size: 18px; font-weight: bold; color: #006F51; margin-bottom:0px!important; padding-bottom: 0px}
h4{margin-bottom: 0px;color:#00ACD6;font-size: 17px!important; margin-top:0!important;}
h5{margin-bottom: 0px;font-size: 17px!important;margin-top: 0;}



.finth2{background: #fdf1e2}

.note-header1{font-weight: bold;color:#074D89!important;font-size: 19px; line-height: 1.2;/* text-transform:uppercase */}
.note-header2{font-weight: 500;
  color: #00ACD6!important;
  font-size: 18px;
  /* text-transform: lowercase; */
}
/*Table styles*/
.thead{font-size:18px; font-weight:bold; color:#489985; border-bottom: 1px solid #006F51}
.green-bg{padding: 5px 9px 5px 12px; background: #E0EBE9; color:#404040;}
td{padding-top: 5px}

.finthin-white{border-bottom: 1px solid #fff!important}

.finthinlgreen{border-bottom: 1px solid #A5C38A}



.thead1{font-size: 18px; font-weight: bold; color: #EC9D30; margin-bottom:0px; padding-bottom: 0px}
.thead2{font-family: Satisfy; font-size: 23px; color:#5D9632}
.greenrow{border: solid #00836A; border-width:1px 0px}
.greeencell{background: #E2EDE9; border-bottom:1px solid #fff}
p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}



.rgtorange{border-right:5px solid #F1F6FC}
/*BACKGROUND-BLOCKS

ul.dash-list{ padding: 0px; list-style: none; margin: 0px;}
ul.dash-list li { position: relative;font-size: 1em; line-height: 1.5;list-style: none;left:15px}
ul.dash-list li:before{content: ''; position: absolute; top: 10px;left: -15px; height: 1px; width: 10px; background: #69757C;}

ul.dash-list li ul {position: relative; margin: 0; padding: 0;}
ul.dash-list li ul li:before{content: '>'; position: absolute; top: -1px; left: -17px;height: 10px; width: 10px; background: #ffffff00; font-size: 15px; color: #5a5a5a;}





/*=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;}



.switch-blue{color:#1F2C60 !important}
/*.switch-green { color:#006F51 !important}*/
.switch-lightblue { color:#25AAE1 !important}
.switch-pastel{color:#00AFA5 !important}
/*.switch-turquoise { color:#83CFC4 !important}
.switch-greenish { color:#99CA47 !important}
.switch-greenblue { color:#008694 !important}
.switch-purple { color:#614EA1 !important}
.switch-grey { color:#4C4D4F !important}
.switch-bluegreen {color:#008594!important;}
.switch-lgreen{color:#5E9732!important}*/

.noteheader {      font-weight: 600;    color: #99CA47 !important;    font-size: 20px; text-transform:uppercase}
.noteheader2 {font-size:18px!important; color:#006F51 ;font-weight: bold; margin-bottom:0px;}
.noteheader3 {font-size:20px!important; color:#1F2C60;font-weight: 600; margin-bottom:0px;}
.noteheader4 {font-size:17px!important; font-weight: 600; margin-bottom:0px; font-style:italic;}
.fincaption {font-size:13px!important;}
.finspace { margin-bottom:0 !important; margin-top:0 !important;}
.whitebkr {background-color:#FFF;}



/*=NOTE STYLES
--------------*/
.note-header, .note-footer {background: linear-gradient(90deg, #36a9e1 0%, #104583 34%);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-footer h1 {float:left;color:#fff!important;font-size:1.5em;padding:.75em;margin:0; font-weight:600;  font-family: 'eurostileregular', Arial, Helvetica, sans-serif; letter-spacing: 1px }
.note-footer h1:after{color: #fff!important; position: relative; content:'for the year ended 31 May 2024'; font-size:16px; font-weight:normal;bottom:0; display:block; padding-top:5px;font-family: 'eurostileregular', Arial, Helvetica, sans-serif; text-transform:none!important}

.note-header ul.note-tools {margin-top:.5em}
ul.note-tools {float:right;margin-right:3.75em;position: absolute;right: 10px; margin-top:30px}
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-grey {color:#231F20;}
.switch-blue {color:var(--color-blue)!important;;}


/*=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: #104583;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:10px;border:1px solid #104583;}
::-webkit-scrollbar-thumb{background-color:#104583;}

/*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:1em;    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: 1em; 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: 17px;; 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: 95px;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: 17px;; font-weight:400; color:#4C4D4F; line-height:1.5;margin-bottom:0px}

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


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: 17px;; font-weight:400; color:#231F20; 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;  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}

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