.gc-vertical-nav__link_scrollspy {
    background: #f3f2f1 !important;
    border-left: 4px solid #1d70b8 !important;
    margin-left: -4px;
}

.stats-page img {
    border: 1px solid #565656 !important;
}

.gcweb-stats-metadata p {
    font-size: 16px;
}

.gc-notification--info-panelfill {
    background: rgba(29, 112, 184, 0.08);
}

.stats-page iframe {
    border: 1px solid #565656;
}

.gcweb-flex--full .gcweb-card {
    flex-basis: 50% !important;
}

.gcweb-card.gcweb-card--half {
    flex-basis: 40% !important;
}

.blog-card-group.blog-card-group--stack {
    display: block !important;
}

.blog-card-group.blog-card-group--stack > .gcweb-card {
    flex-basis: 100% !important;
}

@media (min-width: 48.0625em) {
    .blog-card-group.blog-card-group--stack > .blog-card {
        flex-direction: row;
        max-width: 100% !important;
    }
}

#blogright {
    float: right
}

.blogimage{
    width: 250px
}

.floatright {
    float:right;
}

.newsright {
    float: right;
    width:70%;
    padding-top:0px !important;
}

.newsleft {
    float:left;
    width:30%;
}

.statslinkright {
    float: right;
    width:30%;
    padding-top:0px !important;
}

.statslinkleft {
    float:left;
    width:70%;
}

@media (max-width: 800px) {
    .statslinkleft, .statslinkright {
        width: 100% !important;
    }  
}

.news-link-text{
    color: #1d70b8;
}

.news-font-text-feature{
    font-size: 16px;
    line-height:24px;
}

.news-font-text{
    line-height: 20px ;
}

.nllogo{
    max-width: 90%
}

.nlbg{
    background:  url('/public/images/nlbg.jpg'); 
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover; 
    object-fit: cover;
}

.nlleftlogo{
    background-image: url(https://images.ctfassets.net/j16ev64qyf6l/528kLUDrUcGK0SvvdYcCok/c69716735876492850cf97776a4abb77/TNL_Master_Logo_2019_RGB_Horizontal_Heritage_Blue_Text.png?w=360);
    background-size:contain !important; 
    background-repeat:no-repeat;
}

.nlrightlogo{
    background-image: url(https://images.ctfassets.net/j16ev64qyf6l/3qpXGObAHDKd4hP9Zn4wcz/88c32b0950e051f5b69d2ec98faacd01/NL_crossed_fingers_image.png); 
    background-size:contain !important;
    background-repeat:no-repeat;
}

.previewbanner{
    color: #000000
}

.cs-table{
    background-color:#Ffffff;
    color:black;
    border:5px solid #Ffa500;
}

  @media (max-width: 900px) {
     #blogright { 
      float: none !important;
      width:100%; 
 
    }
  }

  @media (max-width: 900px) {
    #blogleft { 
     float: none !important;
     width:100%;   
   }
 }

 @media (max-width: 1300px) {
    .newsright { 
     width:65%; 

   }
 }

 @media (max-width: 1300px) {
   .newsleft { 
    width:35%;   
  }
}

@media (max-width: 1100px) {
    .newsright { 
     width:60%; 

   }
 }

 @media (max-width: 1100px) {
   .newsleft { 
    width:40%;   
  }
}

@media (max-width: 1000px) {
    .newsright { 
     width:55%; 

   }
 }

 @media (max-width: 1000px) {
   .newsleft { 
    width:45%;   
  }
}

 @media (max-width: 800px) {
    .newsright { 
     float: none !important;
     width:100%; 
     padding-left:0 !important;

   }

   .mobile-news-line-height{
    line-height: 1.5 !important
   }
 }

 @media (max-width: 800px) {
   .newsleft { 
    float: none !important;
    width:100%;   
  }
}

.gcweb-signpost a {
    text-decoration: none !important;
}

.gcweb-precontent-strip .govuk-back-link:before {
    border-color: #ffffff !important;
}

@media (min-width: 40.0625em) {
    .gcweb-hero {
        padding-bottom: 15px !important;
    }
}

.gcweb-hero h1,
.gcweb-hero .gcweb-heading-xl {
    margin-bottom: 15px !important;
}

.gcweb-hero h1 a {
    text-decoration: underline;
    font-family: "Spartan" !important;
}

.gcweb-hero .gcweb-panel .gcweb-heading-m {
    color: #0b0c0c !important;
    font-family: "Spartan" !important;
}

.gcweb-hero .gcweb-panel a {
    color: #005ea5 !important;
    font-size: 19px;
}

.gcweb-hero .gcweb-panel a:hover {
    text-decoration: underline !important;
}

.gcweb-full-width-container.gcweb-alt-row:nth-child(even) {
    background: #f3f2f1;
    margin: 30px 0px;
}

.gcweb-full-width-container.gcweb-alt-row:last-of-type {
    margin-bottom: 0px !important;
}

.gcweb-related li span.gcweb-related--meta {
    display: block;
    font-size: 14px;
    color: #777777;
}

.gcweb-img--bordered {
    border: 1px solid #777777;
}

.gcweb-content-section-list {
    border: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gcweb-content-section-list li {
    margin-bottom: 0px;
    border-top: 1px solid #767676;
}

.gcweb-content-section-list li:last-of-type {
    margin-bottom: 0px;
    border-bottom: 1px solid #767676;
}

.gcweb-content-section-list--item {
    display: block;
    padding: 15px 10px;
    list-style: none;
    margin-bottom: 0px;
    text-decoration: none;
}

.gcweb-content-section-list--item-title {
    display: block;
    font-weight: 700;
    color: #2b8cc4;
}

.gcweb-content-section-list--item-summary {
    color: #0b0c0c;
    display: block;
}

.gcweb-content-section-list--item:hover {
    background-color: #f3f2f1;
    text-decoration: none;
    color: #2b8cc4;
    cursor: pointer;
}

.gcweb-content-section-list--breadcrumb--contents-link {
    text-decoration: underline;
}

.gcweb-content-section-list--breadcrumb > .govuk-breadcrumbs__list > .govuk-breadcrumbs__list-item:before {
    border-color: #565656 !important;
}

.policy-extract {
    display: block;
    padding: 25px;
    border-left: 10px solid #1d70b8;
    background: #e8f1f8;
    margin-bottom: 35px;
}

.policy-extract p {
    font-weight: 700;
}

.policy-extract h2,
.policy-extract h3 {
    margin-top: 15px;
}

.policy-extract ol {
    margin-bottom: 0px;
}

/**
 * Make images responsive
 */
.gcweb-flex-grid .col img {
    width: 100%;
    height: auto;
}

/**
 * Make .flex children same
 * height using display flex.
 * Justify property prepares
 * cols for being centered.
 */
.gcweb-flex-grid {
    display: flex;
    max-width: 100%;
}

/**
 * Make cols flexible to
 * auto push button at the
 * col bottom.
 */
.gcweb-flex-grid .col {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #eaeaea !important;
    margin: 0 15px 25px 15px;
    flex-basis: 100%;
    padding: 25px;

    /* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
}

.gcweb-flex-grid .col:hover {
    background: rgba(255, 255, 255, 0.8) !important;

    transition: 0.3s;
}

.gcweb-flex-grid .col:first-of-type {
    margin-left: 0px;
    /* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
}

.gcweb-flex-grid .col:last-of-type {
    margin-right: 0px;

    /* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
}

/**
 * Margin-top auto pushes
 * button to bottom.
 * Align self makes button
 * stuck to the left.
 */
.gcweb-flex-grid .col .gcweb-button,
.gcweb-flex-grid .col .gcweb-button_orange {
    align-self: flex-start;
    margin-top: auto;
}

.gcweb-hero .gcweb-flex-grid .col p {
    font-size: 1.15rem;
}

.gcweb-hero .gcweb-flex-grid .col p,
.gcweb-hero .gcweb-flex-grid .col h2 {
    color: #171b1f !important;
}

/**
 * Under 900px wrap cols
 */
@media (max-width: 900px) {
    .gcweb-flex-grid {
        flex-wrap: wrap;
    }

    .gcweb-flex-grid .col {
        display: block;

        margin: 15px 0;

        /* 
        In the order, equal to
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 300px;
        */
    }

    .gcweb-flex-grid .col:first-of-type {
        margin: 15px 0;

        /* 
        In the order, equal to
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 300px;
        */
    }

    .gcweb-flex-grid .col:last-of-type {
        margin: 15px 0;

        /* 
        In the order, equal to
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 300px;
        */
    }
}

.gcweb-panel--promo {
    border: solid 5px #272828;
    margin-bottom: 20px;
}

.gcweb-panel--promo .gcweb-panel--promo-content {
    padding: 20px 20px 5px 20px;
}

.gcweb-panel--promo .gcweb-panel--promo-content a {
    font-weight: 700;
}

.gcweb-panel--promo-content a:hover {
    color:#000000 !important;
}

.gcweb-hero .gcweb-heading-xl {
    font-size: 2.25rem;
}

.gcweb-section-break--fat {
    border-bottom: 10px solid #005ea5;
}

.gcweb-section-break--thin {
    border-bottom: 2px solid #005ea5;
}

.gcweb-panel--promo-annual-report-2020 {
    background-color: #155139;
}

.gcweb-panel--promo-blue {
    background-color: #005ea5;
}

.gcweb-panel--promo-annual-report-2020 .gcweb-panel--promo-content,
.gcweb-panel--promo-annual-report-2020 .gcweb-panel--promo-content a,
.gcweb-panel--promo-blue .gcweb-panel--promo-content,
.gcweb-panel--promo-blue .gcweb-panel--promo-content a {
    color: #ffffff;
}

.gcweb-hero .govuk-caption-l,
.gcweb-hero .govuk-caption-m,
.gcweb-hero .govuk-caption-xl {
    color: #ffffff;
}

@media (min-width: 40.0625em) {
    .reset
        .govuk-accordion__section
        .govuk-accordion__section-header
        .govuk-accordion__section-heading
        .govuk-accordion__section-button {
        font-size: 24px !important;
        font-size: 1.5rem;
        line-height: 1.25;
    }
}

.gc-beta-tag {
    background: #d14600 !important;
    color: #ffffff !important;
}
.gcweb-button-focuscontrast 
{
    display: inline-block;
    padding: 10px 20px;
    background: #2e2e2e;
    color: #ffffff !important;
    font-size: 18px;
    font-family: "Nunito" !important;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    border: 0;
    border-radius: 4px;
    transition: all 0.15s linear;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
    border: 2px solid #2e2e2e;
}
.gcweb-button-focuscontrast:focus 
{
    background: #ffdd00;
    color: #171b1f !important;
}


.gcweb-feedback-button {
    display: inline-block;
    padding: 5px 7px;
    background: #2e2e2e;
    color: #ffffff !important;
    font-size: 16px;
    font-family: "Nunito" !important;
    font-weight: 500;
    line-height: 1.2;
    margin-left: 10px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    transition: all 0.15s linear;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #2e2e2e;
}
.gcweb-feedback-button:focus {
    background: #ffdd00;
    color: #171b1f !important;
}

.gcweb-feedback-button:hover {
    background: rgba(0, 0, 0, 0.3);
}

.gc-beta-tag,
#panel-buttons,
#panel-message {
    display: inline-block;
}

@media (max-width: 769px) {
    .gc-beta-tag {
        display: block;
        margin-bottom: 5px;
    }
    .panel-buttons {
        display: block;
    }
}

.gcweb-hide {
    display: none !important;
}

.gcweb-show {
    display: content !important;
}

@media (max-width: 769px) {
    .gc-beta-tag {
        display: none !important;
    }
    .gcweb-feedback-button {
        padding: 2px;
        font-size: 16px;
        margin-top: 10px;
    }
}

.gcweb-references p,
.gcweb-references p a,
.gcweb-references p sup,
.gcweb-references ul li {
    font-size: 16px !important;
}

.gcweb-references p sup {
    padding: 0px 5px 10px 0px;
}
.gcweb-references ul {
    margin-left: 20px;
}
sup {
    padding: 0px 5px 0px 5px;
}

.gcweb-content-section--section > p > img {
    -webkit-box-shadow: 4px 4px 16px #c0c0c0;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 5px 5px 18px #c0c0c0;
    padding: 5px;
    margin-bottom: 15px;
}

* {
    border-radius: 0px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.gcweb-bg--blue p a {
    color: #ffffff !important;
}

.gcweb-panel a:hover {
    text-decoration: none !important;
}

.govuk-grid-column-two-thirds .gcweb-panel a:hover {
    text-decoration: underline !important;
}

.gcweb-panel a:hover > .gcweb-heading-m {
    text-decoration: underline !important;
}
.gcweb-border {
    border: 1px solid #979797;
}

.gcweb-border-topbottom {
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    border-left: none;
    border-right: none;
}
.gcweb-blue-bg a.gcweb-button,
.gcweb-bg--blue a.gcweb-button {
    text-decoration: none !important;
}

.gcweb-panel {
    padding: 20px !important;
}

.cards > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    grid-gap: 1rem;
}

.cards > ul.blog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1rem;
}

.cards > ul.blogthree {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
}

.gcweb-table--small thead tr th, 
.gcweb-table--small tbody tr td, 
.gcweb-table--small tbody tr td p, 
.gcweb-table--small tbody tr th p a,
.gcweb-table--small tbody tr td p a,
.gcweb-table--small tbody tr a   {
    font-size: 16px ;
}

.gcweb-content-section--section table th,
.gcweb-content-section--section table td {
    vertical-align: top;
    padding: 8px;
    border-bottom: solid 1px #b1b4b6;
    font-size: 14px;
}

.gcweb-content-section--section table.gcweb-table--vertical td,
.gcweb-content-section--section table.gcweb-table--vertical th {
    border-right: dashed 1px #c0c0c0;
}

.gcweb-content-section--section table.gcweb-table--vertical td:last-of-type,
.gcweb-content-section--section table.gcweb-table--vertical th:last-of-type {
    border-right: none;
}

.gcweb-content-section--section table tr th {
    background: #f3f2f1;
}

.gcweb-content-section--section table tr td.greybg {
    background: #f3f2f1;
}

.gcweb-content-section--section table th[rowspan],
.gcweb-content-section--section table td[colspan] {
    vertical-align: bottom;
}

.nobottomborder{
    border-bottom: none;
}

.gcweb-toggle--control {
    display: block;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 30px;
    text-align: right;
    padding-bottom: 5px;
}

.gcweb-toggle--control-title {
    text-align: right;
    margin-right: 20px;
    font-weight: 700;
}

.gcweb-toggle--control-button {
    z-index: 1;
    margin: 0;
    padding: 0;
    border-width: 0;
    color: #1d70b8;
    background: none;
    cursor: pointer;
    font-size: 16px;
}

.gcweb-toggle--control-button:focus {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #fd0;
    -webkit-box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
    box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
    text-decoration: none;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.card-horizontal .img-square-wrapper {
    margin-right: 20px;
}

.card-horizontal img {
    max-height: 100px;
}

.gcweb-img--clippet {
    max-width: 50px;
    max-height: 50px;
}

.gcweb-card--thin {
    flex-basis: 15% !important;
}

.gcweb-body--white {
    color: #ffffff !important;
}
abbr {
    text-decoration: none;
}

/* .gcweb-bl--blue{border-left: 5px solid #125169; }
.gcweb-bl--green{border-left: 5px solid #11554C; } */

.gcweb-overflow {
    overflow-y: auto;
    max-height: 300px;
}

.gcweb-detailed-guide--side-contents {
    margin-top: 30px;
    overflow-y: auto;
    max-height: 600px;
}

.gcweb-detailed-guide--side-contents ul {
    font-size: 14px;
    line-height: 1.1428571429;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gcweb-detailed-guide--side-contents ul li {
    padding-top: 5px;
    line-height: 1.3;
    list-style-type: none;
}

.gcweb-detailed-guide--side-contents ul li ul {
    margin-left: 15px !important;
}

.gcweb-detailed-guide--side-contents ul li a,
.gcweb-detailed-guide--side-contents ul li a:link,
.gcweb-detailed-guide--side-contents ul li a:visited {
    color: #005ea5;
}

.gcweb-detailed-guide--side-contents--active {
    font-weight: 700 !important;
}

/* Collapse Panel */

.gcweb-collapse-panel {
    margin-bottom: 20px;
}

.gcweb-collapse-panel .gcweb-collapse-panel--header {
    padding: 10px 15px;
    background: #cdcdcd;
    display: flex;
    justify-content: space-between;
}

.gcweb-collapse-panel .gcweb-collapse-panel--header .gcweb-collapse-panel--header-title {
    align-items: flex-start;
}

.gcweb-collapse-panel .gcweb-collapse-panel--header .gcweb-collapse-panel--header-title h2 {
    margin-bottom: 0px;
    margin-top: 5px;
}
.gcweb-collapse-panel .gcweb-collapse-panel--header .gcweb-collapse-panel--header-actions {
    align-items: flex-end;
}

.gcweb-collapse-panel .gcweb-collapse-panel--content {
    background: #efefef;
    padding: 15px;
}

.gcweb-collapse-panel .gcweb-collapse-panel--content .govuk-accordion {
    margin-bottom: 0px;
}

.gcweb-collapse-panel .gcweb-collapse-panel--header .gcweb-collapse-panel--header-actions .gcweb-button {
    padding: 7px 15px;
    font-size: 16px;
    line-height: 1;
}

/* Data list */

.gcweb-data-list {
    width: 100%;
}

.gcweb-data-list > a .gcweb-data-list--item {
    background-color: #efefef;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #696969;
}

.gcweb-data-list.gcweb-data-list--white a > .gcweb-data-list--item {
    background-color: #ffffff;
    margin-bottom: 15px;
}

.gcweb-data-list > a .gcweb-data-list--item div {
    align-items: flex-start;
}

.gcweb-data-list > a .gcweb-data-list--item div {
    font-weight: 400;
    width: 15%;
    color: #696969;
    margin: 0px 15px;
    font-size: 16px;
}

.gcweb-data-list a:hover {
    text-decoration: none !important;
}

.gcweb-data-list > a .gcweb-data-list--item div:first-of-type {
    font-weight: 700;
    width: 55%;
    color: #171b1c;
    margin-left: 0px;
}

.gcweb-data-list > a:hover .gcweb-data-list--item div:first-of-type {
    text-decoration: underline !important;
}

.gcweb-data-list > a .gcweb-data-list--item div:last-of-type {
    align-items: flex-end;

    margin-right: 0px;
}

.gc-bottom-margin {
    margin-bottom: 10px;
    display: inline-block;
}

.govuk-link:hover {
    color: #4c2c92 !important;
    text-decoration: underline;
}


.govuk-accordion.gcweb-structured .govuk-accordion__section-heading,
.govuk-accordion.gcweb-structured .govuk-accordion__section-button {
    font-size: 19px;
    font-size: 1.0875rem;
    line-height: 1.17368;
}

.govuk-checkboxes--small .govuk-checkboxes__label {
    font-size: 1.0875rem;
    line-height: 1.01579;
}

.gcweb-condition-body a {
    text-decoration: underline;
}

.gcweb-signpost--one-third {
    width: 31%;
}

.gcweb-hide-toggle .govuk-accordion__controls {
    display: none;
}

.gcweb-area-authorities .gcweb-header {
    background-color: #502F4C !important;
}

.gcweb-area-authorities .gcweb-topnav,
.gcweb-area-authorities .gcweb-hero,
.gcweb-area-authorities .gcweb-precontent-strip {
    background-color: #74446D !important;
    color: #ffffff !important;
}

.gcweb-area-authorities .gcweb-header__navigation-link.gcweb-header__navigation-active,
.gcweb-area-authorities .gcweb-header__navigation-link.gcweb-header__navigation-active:hover,
.gcweb-area-authorities .gcweb-header__navigation-link:hover {
    background: #74446D !important;
}

.gcweb-area-authorities .gcweb-header__navigation-link,
.gcweb-area-authorities .gcweb-topnav .active {
    color: #ffffff !important;
    background: #502F4C !important;
}

.gcweb-area-authorities .gcweb-header__navigation-link.gcweb-header__navigation-active:focus,
.gcweb-area-authorities .gcweb-header__navigation-link.gcweb-header__navigation-active:hover:focus,
.gcweb-area-authorities .gcweb-header__navigation-link:hover:focus {
    background-color: #ffdd00 !important;
    color: #171b1f !important;
}

.gcweb-area-absg .gcweb-header {
    background-color: #800000;
}

.gcweb-area-absg .gcweb-topnav,
.gcweb-area-absg .gcweb-hero,
.gcweb-area-absg .gcweb-precontent-strip {
    background-color: #660000;
    color: #fff !important;
}

.gcweb-area-absg .gcweb-header__navigation-link.gcweb-header__navigation-active,
.gcweb-area-absg .gcweb-header__navigation-link.gcweb-header__navigation-active:hover,
.gcweb-area-absg .gcweb-header__navigation-link:hover {
    background: #660000;
}

.gcweb-area-absg .gcweb-header__navigation-link,
.gcweb-area-absg .gcweb-topnav .active {
    color: #fff !important;
    background: #800000;
}

.gcweb-area-absg .gcweb-header__navigation-link.gcweb-header__navigation-active:focus,
.gcweb-area-absg .gcweb-header__navigation-link.gcweb-header__navigation-active:hover:focus,
.gcweb-area-absg .gcweb-header__navigation-link:hover:focus {
    background-color: #ffdd00 !important;
    color: #fff !important;
}

.gcweb-area-absg .gcweb-precontent-strip *, .gcweb-area-absg .gcweb-precontent-strip * {
    color: #ffffff;
    border-color: #ffffff;
}

.gcweb-area-nlc .gcweb-header {
    background-color: #04a8c6 !important;
}

.gcweb-area-nlc .gcweb-topnav,
.gcweb-area-nlc .gcweb-hero,
.gcweb-area-nlc .gcweb-precontent-strip {
    background-color: #027084 !important;
    color: #ffffff !important;
}

.gcweb-area-nlc .gcweb-header__navigation-link.gcweb-header__navigation-active,
.gcweb-area-nlc .gcweb-header__navigation-link.gcweb-header__navigation-active:hover,
.gcweb-area-nlc .gcweb-header__navigation-link:hover {
    background: #027084 !important;
}

.gcweb-area-nlc .gcweb-header__navigation-link,
.gcweb-area-nlc .gcweb-topnav .active {
    color: #ffffff !important;
    background: #04a8c6 !important;
}

.gcweb-area-nlc .gcweb-header__navigation-link.gcweb-header__navigation-active:focus,
.gcweb-area-nlc .gcweb-header__navigation-link.gcweb-header__navigation-active:hover:focus,
.gcweb-area-nlc .gcweb-header__navigation-link:hover:focus {
    background-color: #ffdd00 !important;
    color: #1b1c1d !important;
}

.gcweb-area-nlc .gcweb-precontent-strip *, .gcweb-area-nlc .gcweb-precontent-strip * {
    color: #ffffff;
    border-color: #ffffff;
}

#scrollNavSection .gc-vertical-nav .gc-vertical-nav__section .gc-vertical-nav__section-item {
    border-left: none;
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
}

#scrollNavSection .gc-vertical-nav .gc-vertical-nav__section .gc-vertical-nav__section-item .gc-vertical-nav__link {
    display: block;
    padding: 4px 30px 4px 10px;
    text-decoration: none;
    margin-bottom: 5px;
}

#scrollNavSection .gc-vertical-nav .gc-vertical-nav__section .gc-vertical-nav__section-item:before {
    content: "-";
    width: 10px;
    margin-left: -10px;
    float: left;
}

#scrollNavSection
    .gc-vertical-nav
    .gc-vertical-nav__section
    .gc-vertical-nav__section-item
    .gc-vertical-nav__link:hover {
    background: none;
    text-decoration: underline;
}

#scrollNavSection
    .gc-vertical-nav
    .gc-vertical-nav__section
    .gc-vertical-nav__section-item
    .gc-vertical-nav__link.gc-vertical-nav__link_scrollspy {
    text-decoration: underline;
    font-weight: 700;
    background: none !important;
    border-left: none !important;
    margin-left: 0px !important;
}

.govuk-notification-banner__title {
    padding: 10px 0;
    font-size: 24px;
}

.govuk-notification-banner__content > * {
    box-sizing: border-box;
    max-width: 100%; /* max-width: 75%; */
}

.govuk-notification-banner__info {    
    border: 5px solid #171B1F;
    background-color: #171B1F;
}

.govuk-notification-banner__alert {    
    border: 5px solid #D4351C;
    background-color: #D4351C;
}

.gcweb-heading-xxl {
    font-size: 3.5rem;
}

.gcweb-text--underline {
    text-decoration: underline !important;
}

.gcweb-spa section {
    margin-bottom: 80px;
}
.gcweb-spa section > div {
    margin-top: 40px !important;
}

.gcweb-flex .gcweb-card {
    flex-basis: 31%;
}

.gcweb-width--onethird,
.gcweb-card--onethird {
    max-width: 31%;
}


.gcweb-width--onehalf,
.gcweb-card--onehalf {
    max-width: 50%;
}

/* .gcweb-width--quarters,
.gcweb-card--quarters {
    max-width: 23.45%;
} */

/* Extra small to small devices (portrait phones/ landscape phones, less than 768px) */  
@media (min-width: 0) and (max-width: 768px) {  
    .gcweb-width--quarters,
    .gcweb-card--quarters {
        max-width: 93.80%;        
    }
  }

/* Medium to extra extra large devices (769px and up) */
@media all and (min-width: 769px) {   
    .gcweb-width--quarters,
    .gcweb-card--quarters {
        max-width: 23.45%;        
    }
  }

.gcweb-flex.gcweb-flex-fours .gcweb-card {
    flex-basis: 23%;
}

.gcweb-letters {
    list-style-type: lower-alpha !important;
}

.gcweb-flex .gcweb-card a.text > :last-child {
    margin-top: inherit;
    padding-top: 0.75rem;
}

.gcweb-flex .gcweb-card a.text,
.gcweb-flex .gcweb-card .gcweb-card--content {
    display: initial !important;
}

#scrollNavSection .gc-vertical-nav .gc-vertical-nav__section .gc-vertical-nav__section-item .gc-vertical-nav__link {
    display: block;
    padding: 4px 30px 0px 10px;
    text-decoration: none;
    margin-bottom: 0px;
}

@media (min-width: 40.0625em) {
    .gcweb-list > li,
    ul > li,
    ol > li {
        margin-bottom: 0px;
    }
}

.gcweb-letters {
    list-style-type: lower-alpha;
}

.gcweb-roman {
    list-style-type: lower-roman;
}

.gcweb-letters li {
    padding-bottom: 10px;
}

.gcweb-roman li {
    padding-bottom: 10px;
}

a,
a:active,
a:visited {
    color: #196bb3;
}

.feedback-tab {
    background-color: #CF4B0C;
}

.gc-beta-banner {
    padding: 20px 0px;
}

.gcweb-topnav li a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.gcweb-bg--orange--border-left {
    background: #f3f2f1 !important;
    border-left: 8px solid #fea623;
}
.gcweb-spa-guide-section {
    margin-top: 60px;
}

/* Mobile stuff */

@media (max-width: 40.0525em) {
    .gcweb-search__submit {
        background-color: #1b1c1c;
    }

    .gcweb-stats-metadata > .govuk-grid-column-one-quarter {
        width: 50%;
        float: left;
    }

    .gcweb-full-width-container {
        padding: 20px 0px;
        margin: 0px;
    }

    h1,
    .gcweb-heading-xl {
        font-size: 24px;
        font-size: 1.25rem;
        line-height: 3rem !important;
        margin-bottom: 25px;
    }

    .gcweb-body-l {
        font-size: 19px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 24px;
    }

    .gcweb-detailed-guide--side-contents {
        margin-top: 30px;
        overflow-y: auto;
        max-height: 300px;
    }

    .gcweb-data-list > a .gcweb-data-list--item {
        display: block;
        justify-content: none;
    }

    .gcweb-data-list > a .gcweb-data-list--item div {
        width: 100%;
        margin: 5px 0px;
    }

    .gcweb-data-list > a .gcweb-data-list--item div:first-of-type {
        width: 100%;
    }

    .gcweb-signpost--one-third {
        width: 100%;
    }

    .gcweb-width--onethird,
    .gcweb-card--onethird {
        max-width: 100%;
    }
}

@media (max-width: 990px) {

    .gcweb-header__navigation-close .gcweb-icon__close,
    .gcweb-search__close .gcweb-icon__close,
    .gcweb-icon__close {
        fill: #125169 !important;
        height: 30px;
        width: 30px;
    }

    .gcweb-area-public .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-public-register .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-public .gcweb-header__navigation-link,
    .gcweb-area-public-register .gcweb-header__navigation-link,
    .gcweb-area-licensees .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-licensees .gcweb-header__navigation-link,
    .gcweb-area-corporate .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-corporate .gcweb-header__navigation-link,
    .gcweb-area-news .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-news .gcweb-header__navigation-link,
    .gcweb-area-contact .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-contact .gcweb-header__navigation-link,
    .gcweb-area-authorities .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-authorities .gcweb-header__navigation-link,
    .gcweb-area-absg .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-absg .gcweb-header__navigation-link,
    .gcweb-area-careers .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-careers .gcweb-header__navigation-link,
    .gcweb-area-services .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-services .gcweb-header__navigation-link,
    .gcweb-area-nlc .gcweb-header__navigation-link.gcweb-header__navigation-active,
    .gcweb-area-nlc .gcweb-header__navigation-link {
        background: inherit;
        color: #1a1b1c !important;
        padding: 5px 5px 5px 0px;
        font-size: 16px;
        background-color: white !important;
    }

    .gcweb-header__navigation-item--divider {
        font-weight: 700;
        background: #c0c0c0;
        color: #1a1b1c !important;
        padding: 10px 10px 10px 8px;
        margin: 0 -8px;
        font-size: 16px;
    }

    .gcweb-header__navigation.js-show {
        border-bottom: 4px solid #f0f4f5;
        border-top: 0px solid #f0f4f5;
    }

    .gcweb-header__search-wrap.js-show {
        clear: both;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: -18px;
        margin-left: -22px;
        margin-right: -22px;
        padding-top: 15px;
        text-align: left;
    }
}

.gc-footer {
    padding: 40px 0 45px 0;
}

ol.gcweb-steps {
    padding-left: 0;
    margin-left: 0;
    overflow: hidden;
}
ol.gcweb-steps > li {
    background-position: 0 0.87em;
    background-repeat: no-repeat;
    list-style-type: decimal;
    margin-left: 0;
    padding: 0.75em 0 0.75em 2.5em;
}
ol.gcweb-steps > li:nth-child(1) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E1%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(2) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E2%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(3) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E3%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(4) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E4%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(5) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E5%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(6) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E6%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(7) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E7%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(8) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E8%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(9) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E9%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}
ol.gcweb-steps > li:nth-child(10) {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250' preserveAspectRatio='xMinYMin meet'%3E%3Cg%3E%3Ccircle r='50%25' cx='50%25' cy='50%25' class='circle-back'%3E%3C/circle%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dy='0.3em' font-family='nta,arial,sans-serif' font-size='8rem' fill='%23ffffff'%3E10%3C/text%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 0.2em 0.7em;
    background-size: 1.6em 1.6em;
}

.timeline.timeline-steps ol > li:before {
    content: "";
    display: block;
    width: calc(2 * 10px);
    height: calc(2 * 10px);
    border-radius: 50%;
    background-color: #ffffff;
    border: 4px solid #b1b4b6;
    position: absolute;
    z-index: 2;
    left: -32px;
    top: 10px;
}

.timeline.timeline-steps ol > li > ul > li:before {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    border: 2px solid #b1b4b6;
    position: relative;
    z-index: 2;
    left: -38px;
    top: 14px;
}

blockquote {
    padding: 15px;
    margin: 0;
    margin-bottom: 24px;
    clear: both;
    border-left: 10px solid #b1b4b6;
    background: none;
}

.gcweb-print-button {
    border: 1px solid #565656;
    padding: 7px 10px;
    text-decoration: none;
}

.gcweb-print-button:hover {
    background: #ffdd00;
    color: #1b1c1c;

    text-decoration: none;
}

@media print {
    .gcweb-print-button,
    #feedback-section {
        display: none;
    }

    .gcweb-heading-xl {
        font-size: 28pt;
    }
}

.gcweb-page-specific-feedback {
    background: #ffd530;
    padding: 20px 0 15px;
}

.gcweb-page-specific-feedback a {
    color: #1b1b1b;
    text-decoration: underline;
}
.gcweb-page-specific-feedback a:hover {
    color: #555555;
}

.gcweb-page-specific-feedback a:focus {
    background-color: #1f1f1f !important;
    border-color: transparent;
    color: #fff !important;
    outline: 2px solid transparent;
    text-decoration: none !important;
    -webkit-box-shadow: 0 0 0 2px #1f1f1f, 0 2px 0 2px #fff;
    box-shadow: 0 0 0 2px #1f1f1f, 0 2px 0 2px #fff;
}

.gcweb-meta-section > .govuk-grid-row {
    padding: 5px 0px;
}

.gcweb-meta-section > .govuk-grid-row > .govuk-grid-column-one-quarter:first-of-type {
    font-weight: 700;
}

.gcweb-meta-section > .govuk-details {
    margin-bottom: 0px;
    margin-top: 15px;
}

.blog-card.blog-card--full {
    flex-direction: row;
    max-width: 100%;
}

.blog-card.blog-card--full .meta {
    flex-basis: 30%;
    height: auto;
}

.blog-card.blog-card--full .description {
    flex-basis: 70%;
}

.blog-card p:first-of-type:before {
    display: none;
}

.gcweb-enhanced-header .gcweb-heading-xl {
    font-size: 2.5rem;
    font-size: 40px;
}

.gcweb-cstrat--cta .gcweb-heading-s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
    font-weight: 400;
}

.gcweb-cstrat--cta ul li {
    color: #ffffff;
}

.gcweb-panel {
    margin-bottom: 24px;
}

.gcweb-cstrat--cta {
    position: relative;
    padding-right: 30px;
}

.gcweb-cstrat--cta:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 25px solid white;
    border-left: 25px solid #033d55;
    width: 0;
}

#chart_div{
    width: 100%; 
    height: 500px;
}

.chart_wrap {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.gcweb-chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}

.gcweb-maslow {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 75%;
    list-style-position: inside;
}

.gcweb-maslow > li {
    padding: 10px;
    display: block;
    text-align: center;
    margin: 10px 0px;
}

.gcweb-maslow > li {
    padding: 10px;
    display: block;
    text-align: center;
    margin: 10px;
    color: #fff;
    font-weight: 700;
}

.gcweb-maslow > li:nth-child(1) {
    background: #1B789D;
}

.gcweb-maslow > li:nth-child(2) {
    background: #055c7f;
}

.gcweb-maslow > li:nth-child(3) {
    background: #045271;
}

.gcweb-maslow > li:nth-child(4) {
    background: #044763;
}

.gcweb-maslow > li:nth-child(5) {
    background: #033d55;
}

.gcweb-maslow > li:nth-child(6) {
    background: #033347;
}

.gcweb-maslow > li:nth-child(7) {
    background: #022938;
}

.gcweb-maslow > li:nth-child(8) {
    background: #011f2a;
}

.blog-card .photo {
    margin: 5px;
}

.sgpic1 {
    background-image: url(/public/images/woman.png)
}

.sgpic2 {
    background-image: url(https://images.ctfassets.net/j16ev64qyf6l/2WCzSJ6zMvzikwlniV2xZj/6908d3ac259a13c4f1f4cc8a3bde8c87/youngpeople.png?fm=jpg&w=350)
}

.blogdefault {
    background-image: url(/public/images/default-news.jpg)
}

.timeline > ol li a{
    color: #354973 !important
}

.timeline > ol li a.gcweb-button {
    color: #ffffff !important;
}

.gcweb-option-select__container {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

html, body {
    background: #ffffff !important;
}

.timeline-column--clearfix::after {
    content: "";
    clear: both;
    display: table;
  }

.blogclear{
    clear:both;
}



  @media (max-width: 769px) {
    .timeline-column--left{
        width: 100%;
        float: left;
      }

      .timeline-column--left img{
        max-width: 75%;
          border: 0px !important;
      }
    
    
      .timeline-column--right{
        width: 100%;
        float: right;
      }
    
  }

  @media (min-width: 770px) {
    .timeline-column--left{
        width: 25%;
        float: left;
      }

      .timeline-column--left img{
        max-width: 75%;
        border: 0px !important;
      }
    
      .timeline-column--right{
        width: 75%;
        float: right;
      }
    
  }

  #lhmenuToggle{font-size: 21px; font-weight: 700; text-decoration: none;}

  @media (max-width: 640px) {
      .gc-vertical-nav{display: none;}
      #contentMenuTitle{display: none;}
  }

  @media (min-width: 641px) {
      .desktopHide{display: none;}
  }

  @media (min-width: 40.0625em) {

    .govuk-summary-list__actions,
    .govuk-summary-list__key,
    .govuk-summary-list__value {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
  }

/* Link styling improvements for color-blind accessibility */

blockquote > a {
    text-decoration: underline;
}

ol > li > a {
    text-decoration: underline;
}

span > a {
    text-decoration: underline;
}

.govuk-breadcrumbs a {
    text-decoration: underline !important;
}

.callout-content > a {
    text-decoration: underline;
}

td > a {
    text-decoration: underline;
}

.govuk-grid-column-one-third > a {
    text-decoration: underline;
}

.bcs-deep-links {
    display:none;
}

.bcs-pagination{
    padding-left: 18px !important;
}

.bcs-result{
   margin-bottom: 32px !important; 
}

.searchborder {
    border: 1px solid black;
}

.noleftsearchborder {
    border-left: none;
}

.search_hide_menu{
    display: none;
}

@media (max-width: 40.0625em) {
    .search_hide_icon{
        display:block}
    }

@media (min-width: 40.0625em) {
    .search_hide_icon{
        display:none}
    }

.search_text {
    color: #171b1f
}

.tagblog {
    position: block;
}

.tagblog:first-letter {
    text-transform: capitalize;
  }

    

/* -------------------------------------------------------- */

/* Hide focusable links within a hidden element before it has been expanded for screen readers */

.govuk-details__text[aria-hidden="true"] a {
    display: none;
}

/* -------------------------------------------------------- */

.orgimg {
 max-width: 100%;
}

/* Hyphen replacement via css to fix accessibility issue */
ul.hyphen > li:before {
    content: "-";
    text-indent: -5px;
}

.hidden {
    display: none !important;
}
/* Copyright (C) Microsoft Corporation. All rights reserved. */

.msreadout-word-highlight:not(.msreadout-inactive-highlight) {
    background: #ffff00 !important;
    color: black !important;
}

.msreadout-line-highlight:not(.msreadout-inactive-highlight) {
    background: #b2d6f3 !important;
    color: black !important;
}

@media screen and (-ms-high-contrast: active) {
    .msreadout-word-highlight:not(.msreadout-inactive-highlight) {
        -ms-high-contrast-adjust: none;
        background-color: Highlight !important;
        color: HighlightText !important;
    }

    .msreadout-line-highlight:not(.msreadout-inactive-highlight) {
        -ms-high-contrast-adjust: none;
        background: yellow !important;
        color: black !important;
    }
}

/* Focus highlight for cards/panels */

.focus-highlight:focus-within {
    color: #171b1f;
    background-color: #fd0;
}