/*Fix fot new measure in normal list*/
ul:not(.media-list) > .media{
margin-left: -32px;
}
/*pageBanner - Subpage banners*/
.pageBannerWrap{
  margin: 20px 0;
  background-color: rgba(var(--color-build));
}
.pageBannerWrap .titleStrip{
      position: absolute;
    top: 0;
    height: 35px;
    background-color: rgba(var(--color-build-dark));
    width: 100%;
    z-index: 1;
}
.pageBanner{
  position: relative;
  z-index: 2;
  display: flex;
  
}
.pageBanner > div{
    flex:1;
}
.pageBanner .pageImg{
  display: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
.pageBanner .pageImg{
  background-position: bottom -30px right 0px;
}

}
.pageBanner .pageTitle{
    
    color: #fff;
    min-height: 270px;
    /* display: flex;
    flex-direction: column; */
}
.pageTitle span{
    display: inline;
    color:#fff;
    padding: 5px 0px;
    font-size:0.8em;
    font-weight: bold;

}
.pageTitle span:hover{
  cursor: pointer;
  text-decoration: underline;
}
.pageBanner .pageTitle h1 {
  line-height: 1.1;
  font-size: 2.3rem;
  margin-top: 50px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 8px;
}
.pageBanner .pageTitle h1:not(:has(small)){
  margin-top: 90px;
}
.pageBanner .pageTitle h1 small{
  color: hsl(205 26% 70% / 1);
}
.pageBanner .pageTitle h1 small b{
  font-weight: 100;
}

.pageBanner .intro{
  background-image: url("../../custom/img/intro.jpg");
}
.pageBanner .chap1{
  background-image: url("../../custom/img/chp1.jpg");
}
.pageBanner .chap2{
  background-image: url("../../custom/img/chp2.jpg");
}
.pageBanner .chap3{
  background-image: url("../../custom/img/chp3.jpg");
}
.pageBanner .chap4{
  background-image: url("../../custom/img/chp4.jpg");
}
.pageBanner .chap5{
  background-image: url("../../custom/img/chp5.jpg");
}
.pageBanner .overview-apercu{
  background-image: url("../../custom/img/overview.jpg");
}

#overviewTable li {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .pageBanner .pageImg{
    display: block;
  }
}
.toc-tdm, .foreword-avant-propos, .tm-mf, .tod-tdm, .anx1,.anx2,.anx3,.anx4,.anx5,.anx6,.tm-mf,.nwmm-amvm-1,.nwmm-amvm-2,.nwmm-amvm-3,.nwmm-amvm-4 {
  background-image: url("../../custom/img/chp-default-02-transparent.svg");
  background-size: cover;
  background-position: right!important;
}
.foreword-avant-propos .pageTitle h1, .tm-mf .pageTitle h1, .tod-tdm .pageTitle h1, .anx1 .pageTitle h1, .anx2 .pageTitle h1, .anx3 .pageTitle h1, .dms-sgd .pageTitle h1, .lm-ml .pageTitle h1, .ir-rr .pageTitle h1, .tm-mf .pageTitle h1, .nwmm-amvm-1 .pageTitle h1, .nwmm-amvm-2 .pageTitle h1, .nwmm-amvm-3 .pageTitle h1, .nwmm-amvm-4 .pageTitle h1 {
max-width:70%;
}
.pager li>a{
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.12);
  height: 42px;
}
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    color: #fff;
    
    background-color: rgb(var(--color-build-dark));
    border: none;
    border-radius: 4px;
}
.pager>li>span:focus, .pager>li>span:hover {
   
    color: #fff;
}
.pager li>a:focus, .pager li>a:hover {
    text-decoration: none;
    background-color: rgb(var(--color-build));
    color:#fff;
}
 .pagerNav.bottom {
margin:50px 0 50px 0;
 }
.hiddenNav{
  visibility: hidden;
}
/*Impact report icon/New measure*/
.glyphicon-info-sign, .fas.fa-play {
  color: rgb(var(--color-build));
}

#overviewTable ul{
  margin-left:-20px;
}
#overviewTable .wb-lbx{
  white-space: nowrap;
  display: block;
  margin:0 auto;
}
/*Data-table fix*/
th.sorting_asc,
th.sorting_desc {
  color: #333;
}
.fas.fa-play{
  color: var(rgb(--color-build));
}

hr {
  border-top: 1px solid #c7c7c7;
}

/*Back to top button*/
#btt-button {
  display: none;
  background-color: #26374a;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: fixed;
  bottom: 10px;
  color:#fff;
  right: 10px;
  transition: 
    opacity .5s;
  opacity: 0;

  z-index: 1000;
}
#btt-button.showBtt{
  display: flex;
  opacity:1;
}
@media (min-width: 500px) {

  #btt-button {
    bottom: 10px;
    right: 10px;
  }
}



#btt-button:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.9);
}

#btt-button:active {
  background-color: #555;
}

#btt-button.show {
  opacity: 1;
  visibility: visible;
}

figure.panel-default.panel {
  margin-top: 20px;
  max-width: 650px;
  margin-left: auto;
  margin-right:auto;
}
figure.panel-default.panel:has(img[src*="fig"]), figure.panel-default.panel.bigChart{
  max-width: 100%;
}
figure .panel-body {
  padding: 0px !important;
}

/*Fix measure flag size*/
.media-left,
.media>.pull-left {
  padding-right: 8px;
  font-size: 27px;
}

/*GBA button*/
span.label.label-default {
  display: none;
  padding: 5px 3px;
  margin-left: 5px;
}

.label-default img {
  width: 20px;
}

.h6,
h6 {
  font-size: 1em;
  font-weight: bold;
}

/*Text versions*/
figure footer details{
display: none;
}  

/* #wb-srch, .srchbox {
  display: none;
} */
.content-area li {
  margin-bottom: 0.8rem;
}

.title {
  margin: 32px 0 11.5px 0;

  display: block;



}

h2 {
  margin-bottom: 10px;
}

.title h3,
.title h4 {
  margin: 0 20px 0 0;
  flex: 1 1 0%;
}

.title h1,
.title h2 {
  flex: 1 1 0%;
}

/*Budget side impact assessment buton*/
.cross-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.5em;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 600px;
  box-shadow: #825a8c 0px 1px 4px -1px;
  background: #ebe3ed;
  text-decoration: none;

  margin: 20px 0px 0px 0px;
  color: #462f4b !important;
}

table .cross-link {
  margin-top: 5px;
  margin-bottom: 5px;
}

.cross-link:hover {
  background-color: #462f4b;
  color: white !important;
  text-decoration: none !important;
}

.cross-link:focus {
  text-decoration: none;
}

.cross-link span {
  margin-left: 5px;
}

.glyphicon-play:before,.glyphicon-ok:before {

  color: #527470;
}

@media (min-width: 768px) {

  .cross-link {
    font-size: 18px;
    margin: 0px;
  }

}

.well .h3 {
	margin-top: 0;
}

@media (min-width: 768px) {
  .cross-link {
    width: auto;
  }

  .title {

    display: flex;
    align-items: center;
    justify-content: center;
  }

}

@media print {
  .cross-link.btn {
    display: none;
  }

  [rel="prev"],
  [rel="next"],
  .btn.btn-default.btn-block[role="button"] {
    display: none;
    visibility: hidden;
  }

  table,
  figure {
    page-break-inside: avoid;
  }

  thead {
    display: table-row-group;
  }

  tfoot {
    display: table-row-group;
  }

  #btt-button {
    display: none;
    visibility: hidden;
  }

  figure footer details {
    display: none;
  }

}

.gba .btn-info.center-block {
  max-width: 400px;
}

@media (max-width: 768px) {
  .gba img {
    width: 100%;
    max-width: 460px;
    min-width: 293px;
  }
}

h1,
h2,
h3,
h4:focus-visible {
  outline: none;
}


/* css mobile first */
/* sidenav */

.sidebar ul {
  list-style-type: disc;


}

.sidebar ul ul {
  display: none;
  padding-left:25px;
}

.sidebar ul ul.shown {
  display: block;
}

.chevron-btn {
  display: none;
}
/*hide buttons when there is no child ul*/
.sidebar li:not(:has(> ul)) button{
  visibility: hidden;
}

@media screen and (max-width: 992px) {

  .sidebar ul ul,
  .sidebar ul ul.shown,
  .sidebar ul li:first-child {
    display: none;
  }

  .useSidenav {
    display: block;


  }

  .open .left-nav,
  .closed .left-nav {
    width: 100%;
    margin-bottom: 15px;
  }

  .open .nav-header,
  .closed .nav-header {
    border: none;
    display: block;
    margin-bottom: 0;
  }

  .closed .left-nav ul,
  .closed .left-nav h2 {
    display: block;
  }

  .closed .left-nav ul ul {
    display: none;
  }

  .nav-header div {
    display: none;
  }

  .open .nav-header h2,
  .closed .nav-header h2 {
    font-size: 1.6em;
    margin-top: 38px;
    margin-bottom: 10px;
  }

}

/* Desktop styling at 993px and above */
@media screen and (min-width: 992px) {
  .useSidenav {
    display: grid;
    grid-template-areas:
      "pagerNavTop navWrap"
      "content-area navWrap"
      "pagerNavBottom navWrap";
    grid-template-columns: 1fr 300px ;
    grid-template-rows: auto 1fr;
    grid-column-gap: 20px;
  }

  .open.useSidenav {
    grid-template-columns: 1fr 300px;
  }
  .no-js .open.useSidenav, .no-js .closed.useSidenav{
    grid-template-columns: 1fr;
  }
  .closed.useSidenav {
    grid-template-columns: 1fr 50px;
  }

  /* .useSidenav .titlePos {
    grid-area: header;
    

  } */
  .pagerNav{
    margin-top: 20px;
  }
  .pagerNav.top {
    grid-area: pagerNavTop;
    
    /* Ensures no extra spacing in the grid */
  }

  .pagerNav.bottom {
    grid-area: pagerNavBottom;
    /* Ensures no extra spacing in the grid */
  }
  .navWrap {
    margin-top: 20px;
    grid-area: navWrap;
  }

  .content-area {
    grid-area: content-area;
    min-width: 0;
    /* Prevents content overflow */
  }
  .useSidenav h1 {
    margin-top: 20px;
  }
  .open .left-nav {
    width: 300px;
    background-color: #eaebed;
    /* border: 1px solid #dcdee1; */
    border-radius: 4px;
  }

  .closed .left-nav {
    width: 50px;
    overflow: hidden;
  }

  .closed .left-nav ul,
  .closed .left-nav h2 {
    display: none;
  }

  .open .nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    height: 42px;
    background-color: rgb(var(--color-build-dark));
    color: white;
  }

  .open .nav-header .h5 {
    margin: 0;
    font-size: 17.4px!important;
    font-weight: normal;
  }

  .open .nav-header>div {
    display: flex;
    align-self: center;
  }

  .closed #nav-toggle {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    font-size: 28px;
    float: right;
    margin-top: 0px;
    background-color: rgb(var(--color-build-dark));
    border-radius: 4px;
    color: #fff;
  

  }

  .closed #nav-toggle:hover {
    background-color:  rgb(var(--color-build));

  }

  .open #nav-toggle {
    text-align: center;
    vertical-align: middle;

    padding: 2px 7px;
    line-height: 22px;
    font-size: 15px;
    background-color: #eaebed;
    border: 1px solid #dcdee1;
    border-radius: 4px;
    color: #284162;

  }

  .open #nav-toggle:hover {
    background-color: #d4d6da;
  }

  #nav-toggle {
    border: none;
  }

  #rtt {
    display: none;
  }
  

  .sidebar a {
    color: #284162;
    text-decoration: none;
  }

  .sidebar a:visited {
    text-decoration: none;
  }

  .sidebar a:hover {
    text-decoration: none;
  }

  .sidebar a:focus {
    text-decoration: none;
  }

  .sidebar a:hover,
  a:active {
    text-decoration: none;
  }

  .lst-spcd {
    padding: 0;
  }

  .sidebar>ul>li div {
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .left-nav {
    overflow: hidden;
    position: relative;
    top: 2vh;
    box-sizing: border-box;
    max-height: 96vh;
  }
  .open .left-nav nav{
    padding-top: 12px;
    overflow-y: auto;
    max-height: calc(100vh - (44px + 2vh));
  }

  .sidebar ul li {
    /*Handles larger words that could overflow*/
    /* overflow-wrap: break-word;
    hyphens: auto; */
    line-height: 1.1em;
    margin-bottom: 0.5em;
    

  }

  .sidebar>ul>li:not(:first-child) {

    display: grid;
    grid-template-areas:
      "listToggle link"
      "listToggle childList";
    grid-template-columns: 25px 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 5px;
    
  }

  .sidebar>ul>li>a {
    grid-area: link;
    font-weight: normal;
    font-size: 17px;
    text-decoration: underline;
  }
  .sidebar>ul>li>div {
    grid-area: listToggle;
  }
  .sidebar>ul>li>ul {
    font-size:17px;
    grid-area: childList;
  }
  
  .sidebar ul li a:hover {
    text-decoration: underline;
  }

  .sidebar>ul>li:first-child a {
    padding-left: 0px;
  }

  .sidebar a.active {
    font-weight: normal;
  }

  .left-nav {
    position: sticky;
  }

  .sidebar ul {
    list-style-type: none;
    
  }
  .sidebar > ul {
    padding: 5px 10px;
  }


  .invis {
    display: block;
  }


  .sidebar ul li a{
    overflow:hidden;
  }
  .sidebar>ul>li a {

    text-decoration: none;
    font-weight: normal;
  }

  .sidebar a.active {

    font-weight: bold;
  }


  .chevron-btn {
    display: block;
    transition: transform 0.3s ease;
    background: transparent;
    border: none !important;
    border-radius: 3px;
    text-align: center;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
  }

 

  .chevron-btn:hover {
    background-color: #d4d6da;
    border-color: #bbbfc5;
    /* color: white; */
  }

  .chevron {
    font-size: 22px;
    transition: transform 0.2s;
    color: rgb(86, 86, 86);
  }

  .rotate {
    transform: rotate(90deg);
  }
}


.pager {
  margin: 0;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;

}
.pager:after, .pager:before {
  display: none;
  content: "";
}
.pager .next>a, .pager .next>span {
float: right;
}
.pager .previous>a, .pager .next>a{
  max-width:140px;
}
.pager .previous, .pager .next{

}
.pager .toc{

}
.pager li{
  min-width:140px;
  margin-bottom: 0;
}
.pager li a{
  
  display: block;
  width:100%;
}
.pager>li>a,
.pagination>li>a {
      padding: 8px 17px;
  margin-bottom:0;
}
@media (max-width: 576px) {
  .pager{
    grid-template-columns: none;
  }
  .pager .previous, .pager .next{
    grid-column: span 1;
  }
  .pager .toc{
    grid-column: span 2; /* Takes full width */
    order: -1; /* Moves the second item to the top */
    margin-bottom:15px;
  }
}


@media (min-width: 768px) {

}