@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* CSS Document */

body {color:#565555;font-size: 16px;font-family: "Montserrat", sans-serif; overflow-x:hidden; font-weight:400;}
sup {font-size:60%}
b, strong {font-weight:700;font-family: "Montserrat", sans-serif;}
i, em {font-style:italic;font-family: "Montserrat", sans-serif;}
p {font-family: "Montserrat", sans-serif; font-weight:400; margin-bottom:10px; margin-top:0;line-height: 1.4;font-size: 16px;}
h6{font-size: 20px; margin-bottom:0; margin-top:0 }
h4{font-size:18px;    font-weight: 600;  font-family: "Montserrat", sans-serif;}
h5{font-size:17px;    font-weight: 600; color:#1B1B1A; margin-bottom:2px}


/*Tables styles*/
.fin-tbl tr:hover {background:#DAEBDB; color:#46494A;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:3px 3px 3px 3px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 8px 3px 3px; line-height:1.3} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {color:#565555!important; padding:3px 8px 3px 3px; text-align:right !important;  font-weight:bold; line-height:1.3; background: #DAEBDB; } 
.fin-tbl-nobold th{color:#565555!important; padding:3px 8px 3px 3px; text-align:right;  font-weight:normal; line-height:1.3; background: #E1F1E6}/*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A NORMAL FONT WEIGHT IF NEEDED*/

/*.fin-tbl tr td strong{ color: #2C2C2B;}*/
.fin-tbl tr td.switch-green strong{ color: #2bb673!important;}
.fin-headerwhiteborder {
    background: #DAEBDB;
    font-weight: 600;
	border-bottom:2px solid #fff;
}

.fin-headerNB {
    background: #DAEBDB;
    font-weight: 600;
	
}


.findottedpink {border-bottom:2px dotted #EE3279;}
.finthickpink {border-bottom:2px solid #EE3279;}

.fintop {border-top:1px solid #404041;}
.finbottom {border-bottom:1px solid #404041;}
.fintopleft {border-top:1px solid #404041; border-left:1px solid #404041;}
.fintopright {border-top:1px solid #404041; border-right:1px solid #404041;}
.finbotleft {border-bottom:1px solid #404041; border-left:1px solid #404041;}
.finbotright {border-bottom:1px solid #404041; border-right:1px solid #404041;}
.finleft {border-left:1px solid #404041;}
.finright {border-right:1px solid #404041;}
.finthinline {border-bottom:1px solid #404041;}
.finthickline {border-bottom:2px solid #404041;}
.finthickrgt {border-right:2px solid #404041;}


.finblueheader{ background: #6E95C2; border-bottom: 2px solid #404041; color:#fff}

.fintopwhite {border-top:1px solid #fff;}
.finbottomwhite {border-bottom:1px solid #fff;}
.fintopleftwhite {border-top:1px solid #fff; border-left:1px solid #fff;}
.fintoprightwhite {border-top:1px solid #fff; border-right:1px solid #fff;}
.finbotleftwhite {border-bottom:1px solid #fff; border-left:1px solid #fff;}
.finbotrightwhite {border-bottom:1px solid #fff; border-right:1px solid #fff;background: #B3D4E1;}
.finleftwhite {border-left:1px solid #fff;}
.finrightwhite {border-right:1px solid #fff;}
.finthinlinewhite {border-bottom:1px solid #fff;}
.finthicklinewhite {border-bottom:2px solid #fff;}
.finthinpink{

    border-bottom: 1px solid #EE3279;

}


tr.finthickblueline td, tr.finthickline th {border-bottom:2px solid #009EB8;}


.note-header1 { color:#52B474; font-size:24px!important; font-weight:800;font-family: "Montserrat", sans-serif;}
.note-header2{color:#E83B75;font-size:21px!important; font-weight:600}
.note-header3{color:#565555;font-size:18px!important; font-weight:600;font-family: "Montserrat", sans-serif;}
.switch-bg-lightgreen{
background:#DAEBDB!important;
}

.fincaption { font-size:12px!important;font-size:12px!important; padding-bottom:0; padding-top:0}

a.page-link{color: #40404188!important; border-color: #6E95C2!important;text-decoration: none!important;}
.page-item.active .page-link{background-color: #000!important; border-color: #6E95C2!important; color: #FFF!important;text-decoration: none!important;}

.move {
    position: absolute;
    left: -9999px;
}

/*=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{ list-style-type:none; margin-top:0; padding-left:20px; margin-bottom:1em; position:relative; margin-left:0}
ul.list li{padding-left: 1px;position:relative;line-height:1.4;font-size: 16px;}
ul.list li:before{content:'';position:absolute;left: -17px;top: 7px;background: #565555 ;width:4px;height:4px; border-radius:50%}

.finspace { margin-bottom:0 !important; margin-top:0 !important;}
.whitebkr {background-color:#FFF;}



/*=NOTE STYLES
--------------*/
.note-header, .note-footer { left: 0; 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; border:2px solid transparent; border-left:none; border-right:none; background: linear-gradient(black, black) padding-box, linear-gradient(to right, #E53C54 22%, #E4C819 32%, #32AC67 100%) border-box;
 }
.note-header {margin-bottom:2em}
.note-footer {/* margin-top:2em */}


.note-footer h1 {float:left;color:#fff;font-size:1.4em;padding:.75em;margin:0; font-weight:600; font-family: "Montserrat", sans-serif; position:relative; letter-spacing:1px }
.note-footer h1:after{ position: relative; content:'for the year ended 30 June 2024'; font-size:16px; font-weight:normal;bottom:0; display:block; padding-top:5px}


.note-header ul.note-tools {margin-top:.5em}
ul.note-tools {float:right;margin-right:4.75em;position: absolute;right: 0; margin-top:28px}
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-green { color: #2bb673!important;}
.switch-red{ color:#E83B75!important;}
.switch-cyan{ color:#009EB7!important;}
.switch-Lblue{ color:#59ACC2 !important;}
.switch-Mblue{ color:#6D93BE !important;}
.switch-Dgrey{ color:#57585B !important;}
.switch-grey{ color:#A7A9AB !important;}
.switch-white{ color:#ffffff !important;}
.switch-blue{ color:#1C70B8 !important;}
.switch-Dblue{ color:#2B318B !important;}
.switch-purple{ color:#4F4F9B !important;}
.switch-lightred{ color:#A27685 !important;}

/*=LINKS
--------*/
/*a {outline:none; color:#fff;}*/
 a, a:link,a:visited {color: #40BD86 ; text-decoration:underline}
 a:hover {  color: #c6a069;}
 
/*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:10px;border:1px solid #6E95C2;}
::-webkit-scrollbar-thumb{background-color:#6E95C2;}

/*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-paddingTB{padding-top: 0!important;padding-bottom: 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-arrow{ list-style-type:none; margin-top:0; padding-left:20px; position:relative; margin:0 0 1em 0;}
ul.list-arrow li{padding-left: 1px;position:relative;line-height:1.4;font-size: 16px; color: #606060}
ul.list-arrow li:before{content:'';position:absolute;left: -17px;top: 4px;background:url(../images/list.png) no-repeat;width:10px;height:10px;}

ul.list-arrow li ul.list-arrow2{ list-style-type:none; padding-left:0;}
ul.list-arrow li ul.list-arrow2 li{ padding-left:15px; position:relative;line-height:1.4; font-size: 16px; color: #58595B}
ul.list-arrow li ul.list-arrow2 li:after{content:'';position:absolute;left: -2px;top: 4px;background:url(../images/list-2.png) no-repeat;width:10px;height:10px;}
ul.list-arrow li ul.list-arrow2 li:before{width: 0px;}

ul.list li ul.dash{ list-style-type:none; padding-left:20px;}
ul.list li ul.dash li{ padding-left:15px; position:relative;line-height:1.4; font-size: 16px;}
ul.list li ul.dash li:before{ content:'\2013'; position:absolute; left:0; top:0; background:none }

ul.list li ul.dot-list{ list-style-type:none; padding-left:0;}
ul.list li ul.dot-list li{ padding-left:15px; position:relative;line-height:1.4; font-size: 16px;}
ul.list li ul.dot-list li:before{ content:''; position:absolute; left:0; top:8px; background: #58585a; height:5px ; width:5px; border-radius:50%; }

ul.dash{ list-style-type:none; padding-left:0;}
ul.dash li{ padding-left:15px; position:relative;line-height:1.4; font-size: 16px;}
ul.dash li:before{ content:'\2013'; position:absolute; left:0; top:0; }

ol.number{ list-style-type:decimal; margin-top:0; padding-left:20px; margin-bottom:10px;}
ol.number li{ font-size: 16px; line-height:1.4;}

.noteblock {margin-top: 100px; padding-left: 15px; padding-right: 15px;}

.key-audit-bg{background:#6D94C1;}
.finborder-independent-auditors-report{border: 2px solid #6D94C1;padding:10px 20px 0px 20px;}




@media screen and (max-width:600px){
.note-header, .note-footer{ position:relative}
.noteblock{ margin-top:5px}
.note-footer h1{ font-size:1em; width:67%}
}

