@charset "utf-8";
/* CSS Document */

/*
1. Table styles
2. Print styles 
3. SVG chart styles 
*/

/* ********************* */
/* 1. TABLE STYLES BEGIN */ 
/* ********************* */

/* STICKY HEADERS START */
/* START SMALL SCREENS */
/* On screens that are 600px or less */
@media screen and (max-width: 400px) {
    div.tbl-styx {
        position: relative;
        width: 100%; /* Adjusted for better responsiveness */
        min-height: .01%; /* Used to display short tables without scrollbars */
        max-height: 400px;
        overflow: auto;
    }    
    table {
        font-size: 10px;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal;
    }
}
/* END OF SMALL SCREENS STICKY HEADER */

/* Desktop table height*/
/* TABLE CONTAINER FOR STICKY HEARDER */
div.tbl-styx {
    position: relative;
    min-height: .01%; /* Used to display short tables without scrollbars */
    max-height: 850px; /* Fixed height for desktop */
    overflow: auto;
} 
/* END OF TABLE CONTAINER FOR STICKY HEADER */
/* End of desktop table height */

/* SPACING BETWEEN TABLE AND FOLLOWING PARAGRAPH */
div.table-responsive {
    margin-bottom: 15px !important;
}
/* END OF SPACING FIX */

/* VERTICAL SCROLL (UP-DOWN) */
table thead.styx {
     position: -webkit-sticky !important;
	 position: -moz-sticky !important;
	 position: -ms-sticky !important;
	 position: -o-sticky !important;
	 position: sticky !important;
	 top: -1px;
	 z-index: 2;
}
/* REQUIRED FOR TABLE HEADER ROWS TO SCROLL HORIZONTALLY */ 
/* Removed thead th.cl-l -- not needed??? */
thead td.rw-hd {
	 position: sticky;
	 top: -1px;
	 left: -1px;  
	 z-index: 3;
}
/* END VERTICAL SCROLL (UP-DOWN) */
/* HORIZONTAL SCROLL (LEFT-RIGHT) */
tbody th {
	position: relative;
}
tbody th, th.rw-hd {
	position: sticky;
	left: -1px;
	z-index: 1;
} 
tbody a.fn-lnk, tbody th.rw-hd-d {
	z-index: -1;
}
/* END HORIZONTAL SCROLL (LEFT-RIGHT) */
/* DISPLAY BORDERS WHEN SCROLLING */
thead th, thead th.cl-l, thead th.cl-grp, thead th.uom, thead th.uom-c, thead th.uom-l, thead td.rw-hd {
	border-top: none!important; /* Removes top border from cells to avoid white space between cells */
	border-bottom: none !important; /* Removes white space below cells to avoid white space between cells */
	box-shadow: inset 0px 0px #ddd, inset -1px -1px #ddd; /* The cell borders in the thead */
}
tbody th, tbody th.rw-hd,  tbody td.rw-hd, tbody td.rw-hd-d, tbody th.rw-s, tbody th.rw-s-b {
	border-top: 1px solid #ddd !important; /* Adds top bordeer to cells in the tbody */
	border-bottom: 1px solid #ddd !important; /* Adds bottom bordeer to cells in the tbody */
	box-shadow: inset 0px 0px #ddd, inset 1px -1px #ddd; /* The cell borders in the thead. Removed the first insert -1 to remove a double line on the left.*/
}
tbody td {
    border: 2px solid #ddd !important;
}
/* END DISPALY BORDERS WHEN SCROLLING */
/* STICKY HEADERS ENDS*/

caption {
	text-align: left !important;
    white-space: normal; /* Allow wrapping */
    overflow: visible; /* Show overflow */
    text-overflow: inherit; /* Inherit text-overflow property */
    max-width: 1100px; /* Ensure caption does not exceed parent width */
}

/* Media query for small screens and tablets */
@media only screen and (max-width: 767px) {
  caption {
    white-space: normal; /* Allow wrapping */
    overflow: visible; /* Show overflow */
    text-overflow: inherit; /* Inherit text-overflow property */
    max-width: 500px; /* Ensure caption does not exceed parent width */
    line-height: 1.45em; /* change the line height on the caption */
  }
}
td, th {
	vertical-align: top !important;}
td {
    background-color: #FFF !important;
	text-align: right;
}
th {
	background-color: #eee;
	text-align: right !important;
}
/* COLUMN HEADING LEFT ALIGN */
th.cl-l, td.cl-l {
	background-color: #eee;
	text-align: left !important;
}
/* COLUMN GROUP */
th.cl-grp {
	text-align: center !important;
}
/* UNIT OF MEASURE:RIGHT, LEFT, CENTRE */
th.uom {
	font-weight: normal;
    text-align: right !important;
}
th.uom-l {
	font-weight: normal;
	text-align: left !important;
}
th.uom-c {
	font-weight: normal;
	text-align: center !important;
}
/* DATA CELL ALIGNMENT AND FORMATTING */
/* Row stub wtith unit of measure change in the table */
td.uom {
    background-color: #eee !important;
}
/* LEFT */
td.dt-l {
	text-align: left !important;
}
/* LEFT AND BOLD */
td.dt-l-b {
	text-align: left !important;
	font-weight: bold;
}
/* CENTRE */
td.dt-c {
	text-align: center !important;
}
/* CENTRE AND BOLD */
td.dt-c-b {
	text-align: center !important;
	font-weight: bold;
}
/* RIGHT AND BOLD */
td.dt-r-b {
	text-align: right !important;
	font-weight: bold;
}
/* ROW HEADING */
th.rw-hd, td.rw-hd, td.rw-hd-d {
	background-color: #eee !important;
	text-align: left !important;
}
/* ROW STUB */
th.rw-s {
    background-color: #FFF !important;
    font-weight: normal;
	text-align: left !important;
}
/* ROW STUB BOLD */
th.rw-s-b {
    background-color: #FFF !important;
	font-weight: bold;
	text-align: left !important;
}
/* ROW HEADING INDENT LEVELS */
th.rw-hd, th.rw-hd1, th.rw-hd2, th.rw-hd3 {
	background-color: #eee;
	text-align: left !important;
}
th.rw-hd1 {
	padding-left: 10px !important;
}
th.rw-hd2 {
	padding-left: 25px !important;
}
th.rw-hd3 {
	padding-left: 35px !important;
}
/* ROW STUB INDENT LEVELS */
th.rw-s1, th.rw-s2, th.rw-s3, th.rw-s4, th.rw-s5, th.rw-s6, th.rw-s7 {
    background-color: #FFF !important;
	font-weight: normal;
	text-align: left !important;
}
th.rw-s1-b, th.rw-s2-b, th.rw-s3-b, th.rw-s4-b, th.rw-s5-b, th.rw-s6-b, th.rw-s7-b {
    background-color: #FFF !important;
	font-weight: bold !important;
	text-align: left !important;
}
th.rw-s1, th.rw-s1-b {
	padding-left: 15px !important;
}
th.rw-s2, th.rw-s2-b {
	padding-left: 25px !important;
}
th.rw-s3, th.rw-s3-b {
	padding-left: 35px !important;
}
th.rw-s4 {
	padding-left: 45px !important;
}
th.rw-s5 {
	padding-left: 55px !important;
}
th.rw-s6 {
	padding-left: 65px !important;
}
th.rw-s7 {
	padding-left: 75px !important;
}
/* END OF ROW STUB INDENTS */
/* ROW STUB CENTRE */
th.s-c{
	text-align: center;
}
/* FIX FOOTNOTE SPACING IN TABLES */
table a.fn-lnk {
    margin-left: 0px !important;
}
/* TABLE FOOTER */
td.tbl-ftr {
	font-size: 85%;
	text-align: left;
	white-space: normal;
}
/* TABLE FOOTNOTE LIST: 
REMOVE TOP MARGING AND LINES ABOVE AND BELOW THE LIST */
.wb-fnote {
	border: none !important;
	margin-top: 0px !important;
	padding-left: -5px !important;
}
/* STANDARD TABLE SYMBOL LIST */
.wb-symbols dt {
    margin: 6px 0 0 18px;  /* Align symbol */
    overflow: hidden;
    position: absolute;
    font-weight: normal;
}
.wb-symbols {
    margin: 0; 
}
.wb-symbols dl {
    margin: 0; 
}
.wb-symbols dd {
    margin: 0.375em 0;
    position: relative; 
}
.wb-symbols p {
    margin: 0 0 0 3.875em;
    padding: 0 0.375em 0.375em; 
}
.wb-symbols p:first-child {
    margin-top: .11em;
    padding-top: 0; 
}
.wb-symbols {
    border-left: 0;
    border-right: 0;
    margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0; 
}
.wb-symbols dd {
  border: 0;
  display: inline-block;
  width: 100%; 
}
/* END OF TABLE FOOTER */
/* ROW HOVER */
tr.hghlght-rw:hover th, tr.hghlght-rw:hover th.rw-s2, tr.hghlght-rw:hover td {
	background-color: #EEE !important;
}
/* ROW HOVER WHEN ROW STUBS ARE MERGED */
tbody.hghlght-mrgd:hover th, tbody.hghlght-mrgd:hover td {
    background-color: #EEE !important;
}
/* END OF ROW HOVER  */

/* **************** */
/* TABLE STYLES END */ 
/* **************** */

/* *************** */
/* 2. PRINT STYLES */
/* *************** */

/* Full print styles found iN pubs_wet4.css.*/ 
@media print {
    .tbl-styx {overflow-x: visible !important; overflow-y: visible !important;}
    table {font-size: 9px !important;}
    tfoot {font-size:100% !important;}
}

/* ******************* */
/* END OF PRINT STYLES */
/* ******************* */


/* ************************* */
/* 3. SVG CHART STYLES BEGIN */ 
/* ************************* */
/* Border around SVG chart */
.svg-border {
    display: inline-block; /* Ensures the div adjusts to the size of the image */
    border: 1px solid #CCC; /* Adjust the border size and color as needed */
    padding: 3px; /* Optional: Adds space between the image and the border */
    margin-bottom: 11.5px; /* Adds space outside the border */
    max-width: 1140px; /* Ensures the SVG does not exceed 1140px in width */
    width: 100%; /* Makes the SVG responsive */
}
/* End of border */
/* Responsive adjustments */
@media (max-width: 768px) {
    .svg-border {
        width: 100%; /* Adjusts width for tablets */
    }
}

@media (max-width: 480px) {
    .svg-border {
        width: 100%; /* Adjusts width for cell phones */
    }
}

/* Plot area and axis formatting */
.chart-area {
    fill: #FFF;
}
.plot-area, .vert-gridline, .horiz-gridline, .x-axis, .y-axis, .tick-marks {
    stroke: #000;
    stroke-width: .5;
    stroke-linejoin: "round";
    stroke-miterlimit: 10;
}
.plot-area {
    fill: none;
}
.vert-gridline, .horiz-gridline {
    opacity: .3; /* lines set to 30% transparency */
}
/* End of plot area and axis formatting */
/* Text formatting */
.chart-title {
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    color: #000;
}
.chart-txt, .txt-b, .txt-i, tspan.chart-txt, tspan.txt-b, tspan.txt-i {
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
}
/* Text formatting in notes and source */
tspan.chart-txt {
    font-weight: normal;
}
tspan.txt-b {
    font-weight: bold;
}
tspan.txt-i {
    font-style: italic;
    font-weight: normal;
}
/* End of text formatting */
/* *********************** */
/* END OF SVG CHART STYLES */ 
/* *********************** */