main {
  overflow-x: hidden;
}

body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-weight: 300;
  letter-spacing: -0.5px;
  margin-bottom: 35px;
  font-size: xxx-large;
}

h2 {
  font-weight: 500;
}

h3 {
  font-size: x-large;
  font-weight: 500;
}

h4, h5 {
  font-size: large;
  font-weight: 700;
}

p {
  margin: 16px 0;
  font-size: large;
  line-height: 1.8;
}

.table {
  font-size: medium;
}

.accordion-panel>.table {
  font-size: 14px;
}

.panel-title,
caption {
  color: #0b0c0c;
  font-weight: 500;
  font-size: large;
}

ul,
.dropdown-menu,
#TOC,
#navbar {
  font-size: large;
  line-height: 1.8;
}

ul {
  margin-bottom: 16px;
}

a {
  color: #1d70b8;
  text-decoration: underline;
  outline: 2px solid transparent;
  outline-color: transparent;
  outline-style: solid;
  outline-width: 2px;
  transition: color 0.2s, background-color 0.2s, outline 0.2s;
}

/* Navigation bar ----------------------------------------------------------- */

.navbar-brand,
.navbar-nav>li>a {
  color: #0b0c0c !important;
  text-decoration: none;
  line-height: 1.8;
  height: 62px;
}

nav:before {
    background: #1d70b8;
    display: block !important;
    content: '';
    height: 4px;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: large;
    line-height: 1.8;
    color: #777;
    white-space: nowrap;
}

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}

.navbar-toggle {
  margin: 15px;
  float: left;
}

#navbar > ul > li:hover {
  background-color: #e7e7e7;
  box-shadow: 1px 5px #0b0c0c, 1px 5px #0b0c0c;
  outline-offset: 0;
  outline: 2px solid #e7e7e7;
  transition-duration: 0s;
}

#sglogo {
   height: 42px;
   width: 224px;
}

/* hide navbar (and show button menu) on smaller screens -------------------- */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-fixed-top {
      position: relative;
      margin-top: -69px;
    }
}

/* TOC ---------------------------------------------------------------------- */

.list-group-item.active {
    background-color: #1d70b8;
    border-color: #1d70b8;
}

.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #003078;
    border-color: #003078;
}

.tocify {
  border-radius: 4px;
}

/* Gap before and after main content */
li[data-unique="Data_source"] {
  margin-top: 12px;
}
li[data-unique="Total_wealth"] {
  margin-top: 12px;
}


/* Infobox ------------------------------------------------------------------ */

.infobox-text {
    padding: 8px 32px;
    border-left: 8px solid #b3b3b3;
    border-bottom: 1px solid #ebebeb;
    background-color: #f8f8f8;
    margin: 16px 0;
}

/* Key message box --------------------------------------------------------- -*/

.message-text {
    padding: 8px 32px;
    border-left: 8px solid #1d70b8;
    border-bottom: 1px solid #7fb2de;
    color: #003078;
    background-color: #d9effc;
    margin: 16px 0;
    font-size: large;
}

/* National Statistics badge ----------------------------------------------- -*/

#badge {
  margin: 10px;
  float: right;
}

button:focus,
a:focus {
    background-color: #ffdd00 !important;
    box-shadow: -2px 5px #0b0c0c, 2px 5px #0b0c0c;
    color: #0b0c0c !important;
    outline-offset: 0;
    outline: 2px solid #ffdd00;
    text-decoration: none;
    transition-duration: 0s;
}

/* Skiplink ----------------------------------------------------------------- */

.skiplink {
    position: absolute;
    left: -9999em;
}

.skiplink:focus {
    left: auto;
    z-index: 1;
    padding: 15px;
    width: 197px;
    font-size: large;
    line-height: 1.8;
    height: 62px;
}


/* Buttons including for accordions (to show / hide tables) ----------------- */

.btn.collapsed:before {
  display:block;
}

.btn:before {
  display:block;
}

.accordion {
  margin-top: 0px;
  margin-bottom: 20px;
}

.accordion-panel {
  margin-bottom: 30px;
  overflow-x: auto;
}

.btn {
  font-size: large;
  outline: 2px solid currentColor;
  outline-offset: -2px;
  color: #fff;
  background-color: #1d70b8;
  margin-bottom: 12px;
}

.btn:focus, .btn:active:focus {
  box-shadow: inset 0 -3px #0b0c0c, inset 0 -3px #0b0c0c;
  outline: none;
  border: 0;
  border-radius: 0;
}

.btn:hover:not(:focus) {
  color: #003078;
  background-color: #d9effc;
  border: 0;
  border-radius: 0;
  text-align: left;
}

/* Charts ------------------------------------------------------------------- */

.highcharts-credits:hover {
  fill: black;
  font-size: 'medium';
}


/* Tables ------------------------------------------------------------------- */

tr {
    text-align: right;
}

tr > th:first-child {
    text-align: left;
    left: 0;
    position: sticky;
    z-index: 1;
    background-color: white;
}

.table .hidden-colname {
    display: inline-block;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
}

caption > span {
  font-weight: normal;
  font-size: medium;
}

/* Visible to screenreaders only -------------------------------------------- */

.visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; /* added line */
      border: 0;
      left: 50%;
}

abbr[title] {
  text-decoration: none;
}

/* Make existence of tabsets clearer ---------------------------------------- */

.tab-content {
  padding: 0 16px;
  margin: 0 0 20px 0;
  border-color: #ddd;
  border-bottom-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-width: thin;
  border-radius: 0 0 4px 4px;
}

.nav-tabs > li > a {
  text-decoration: none;
  font-weight: bolder;
  font-size: medium ;
}

/* Footer ------------------------------------------------------------------- */

footer{
  display:block;
  position: relative;
  bottom:0;
}

.ds_site-footer{
  background-color:#1d70b8;
  padding-bottom:8px;
  padding-top:16px;
  margin-top: 32px;
}

.ds_site-footer__site-items {
  border-bottom:1px solid rgba(255,255,255,0.2);
  font-size: medium;
  font-weight:700;
  list-style-type:none;
  margin:0 0 23px;
  padding-bottom:16px
}

.ds_site-footer__site-items > .ds_site-items__item > a,
.ds_site-footer__copyright,
.ds_site-footer__copyright > p,
.ds_site-footer__copyright > p > a{
    color: #fff;
    font-size: medium;
}

.ds_site-footer__copyright {
  padding: 0 16px;
}

.ds_site-items__item{display:inline-block}

.ds_site-items__item:not(:last-child){margin-right:20px}

@media (min-width: 1200px){

  .ds_site-footer__content{overflow: hidden;}

  .ds_site-footer__copyright {
    float: left;
    position: relative;
    padding-left: 38px;
  }
}

.tocify-extend-page {
  height: 0 !important;
}

/* Back-to-top button ------------------------------------------------------- */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  text-decoration: underline;
  background-color: #f8f8f8;
  background-color: rgba(255,255,255,0.9);
  color: #1d70b8;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 4px;
  font-size: medium;
  font-weight: bold;
}

#myBtn:hover {
  background-color: #d9effc;
}

/* hide text that's only for print version (tab headers) */
.prntonly {
  display: none;
}


/* print styles ------------------------------------------------------------- */

@media print {

  /* remove navbar, table of contents, back-to-top link, footer */
  #navbar, #TOC, .ds_back-to-top, footer, .noprint {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  /* show URLs */
  p a[href^="http://"]:after, a[href^="https://"]:after {
    content: " (" attr(href) ")";
  }
  p a[href^="#"]:after {
    display: none;
  }
  p a {
    word-wrap: break-word;
  }

  /* display all tab content and remove tabs */
  .tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .nav-tabs {
    display:none;
  }
  .tab-content {
    padding: 0;
    margin: 0;
    border-style: none;
    border-color: transparent;
  }

  /* page layout */
  @page {
    margin: 2cm 1cm 1cm 1cm;
      /*size: A4 landscape;*/
      /* add page number */
      @bottom-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
  }
  /* keep chart titles with chart */
  .highcharts-container {
    page-break-inside: avoid;
  }

  /* expand all panels for printing (not done as tables are too wide for A4 page) */
  /*.accordion-panel {
    height: auto !important;
    display: block !important;
  }*/

  .table {
    width: max-content;
  }

  /* format headings and text */
  body {
    font-size: 12px;
    margin-top: -12px;
    margin-bottom: 6px;
    padding: 0 !important;

  }
  p {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  h1 {
    font-size: 28px;
    margin-bottom: 12px;
  }
  h2 {
    font-size: 20px;
    font-weight: 700;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 12px;
    text-decoration: underline;
  }

  table {
    font-size: 12px;
  }

  figcaption, caption {
    font-size: 12px;
    line-height: 1.2;
  }
  caption > span {
    font-size: 10px;
    line-height: 1.2;
  }
  li {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.2;
  }
  .message-text {
    margin-bottom: 12px;
    font-size: 12px;
    border-bottom: 0;
  }
  .infobox-text {
    border-bottom: 0;
  }

  .table > tbody > tr > td,
  .table > tbody > tr > th {
    line-height: 1;
  }

  /* show text that's only for print version (tab headers) */
  .prntonly {
  display: block;
  }

}