/*=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 Light','Calibri', Arial, Helvetica, 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:600}
p {font-size:16px; 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: #0083C2;text-decoration: underline;}
#selectable-content a:hover{color: #000000;text-decoration: none;}

strong em{ font-weight:600;font-family:'Telkom123 Light';}

.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: 16px!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: 16px!important; text-align:justify}
h2{font-size: 18px; font-weight: bold; color: #006F51; margin-bottom:0px!important; padding-bottom: 0px}
h4{margin-bottom: 1em;color:#57585B;font-size: 16px!important; margin-top:0!important; font-weight:bold;font-family: 'Telkom123 Bold';}
h5{margin-bottom: 0px;font-size: 16px!important;margin-top: 0; color:#000;font-family:'Telkom123 Light'; font-weight:600}



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

/* FINANCIAL TABLE STYLES*/

.fin-tbl tr:hover {background:#DFE8EA !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: #57585b;  text-align:right; padding: 3px 8px 3px 3px;  background:#DFE8EA ; 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}*/

.switch-dblue{ color:#005B93!important}
.switch-blue{ color:#0083C1!important}
.switch-black{ color:#000!important}
.switch-grey{color:#57585b!important}

.finheader{ background:#0083C2; color: #fff; font-weight: bold;font-family: Telkom123 Bold;border-right: 1px solid #fff;border-bottom: 1px solid #939598}
.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: #005B93!important; font-weight: bold!important;font-family: Telkom123 Bold;border-right: 1px solid #fff;border-bottom: 1px solid #939598}
.finheader3{  color: #005B93!important; font-weight: bold!important;font-family: Telkom123 Bold;border-bottom: 1px solid #939598}
.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; color: #fff; font-weight: bold!important;font-family: Telkom123 Bold;border-bottom: 1px solid #939598}

.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;}
.fintop { border-top: 1px solid #0083C2}
.fintopgrey { border-top: 1px solid #939598}
.finthin { border-bottom: 1px solid #0083C2}
.finthinwhite{ border-bottom: 1px solid #fff}
.finthick { border-bottom: 3px solid #0083C2}
.finthicker {border-bottom: 3px solid 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;}
.finrightblue {border-right: 1px solid #0083C2;}
.finleftblue {border-left: 1px solid #0083C2;}
.finright {border-right:1px 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;}
.finrow {border-top:1px solid #0083C2; border-bottom:1px solid #0083C2;}
.finleft {border-left:1px solid #0083C2;}
.finthingrey{ border-bottom: 1px solid #939598}
.finthindargrey{ border-bottom: 1px solid #636466}
.finthickgrey{ border-bottom: 2px solid #939598}


.finrightwhite{ border-right: 1px solid #fff}
.finthinwhite{ border-bottom: 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:25px; color:#939597;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif; font-weight:bold} 
.noteheader1{ font-size:22px; color:#939597;font-family: "Telkom123 Bold",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}
.noteheader2{ font-size:19px; color:#939597;font-family: "Telkom123 Light",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}
.noteheader3{ font-size:17px; color:#939597;font-family: "Telkom123 Light",'Calibri',Arial, Helvetica, sans-serif;font-weight:bold}




/*=NOTE STYLES
--------------*/
.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-header ul.note-tools {margin-top:.5em}
ul.note-tools {float:right;margin-right:3.75em;position: absolute;right: 0; margin-top:13px}
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:#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: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: 61px;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:#4C4D4F; 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: 16px;; font-weight:400; color:#57585b; 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{padding-left:20px;position:relative; font-size:16px; padding-bottom: 4px;}
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%}
}