/* Bank of England Brand Styles */
:root {
    /* BoE breikpoints */
    --bp-xl: 1360px;
    --bp-l: 1024px;
    --bp-m: 720px;
    /* BoE themes */
    --boe-dark-blue: #12273f;
    --boe-aqua: #3cd7d9;
    --boe-midaqua: #77e3e4;
    --boe-lightaqua: #a7edee;
    --boe-x-lightaqua: #cef5f5;
    --boe-verydarkaqua: #21A4A6; /* use this on underline or graphical obkects only */
    --boe-stone: #c4c9cf;
    --boe-x-light-grey: #f6f6f6;
    --boe-light-grey: #e7e9ec;
    --boe-white: #fff; /* xplicit white */
    --boe-black: #000; /* Explicit black */
    --boe-error: #aa0b3c; /* used for forms validation message - requiried fields only */
    --bp-m: 720px;
    --bp-l: 1024px;
    --bp-xl: 1360px;
    /* BoE fonts */
    --body-font: Arial, sans-serif;
    --title-font: Century Gothic, Arial, sans-serif;
    /*bootstrap custom*/
    --bs-progress-border-radius: 0;
}


/* Utility classes for BoE colors */
.boe-bg-dark-blue {
    background-color: var(--boe-dark-blue);
}
.boe-text-dark-blue {
    color: var(--boe-dark-blue);
}
.boe-bg-aqua {
    background-color: var(--boe-aqua);
}
.boe-bg-stone {
    background-color: var(--boe-stone);
}
.boe-bg-light-grey {
    background-color: var(--boe-light-grey);
}
.boe-bg-white {
    background-color: var(--boe-white);
}
.box-styleguide {
    background-color: var(--boe-stone);
    height: 200px;
    margin: 10px 0;
}
.boe-color-white {
    color: var(--boe-white);
}

/* other utility classes */
.box-shadow {
    box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.75);
}
.col-centered {
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.text-bold {
    font-weight: 700;
}
.text-regular {
    font-weight: 500;
}
.text-right {
    text-align: right;
}
.display-inline {
    display: inline;
}
.display-inline-block {
    display: inline-block;
}
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.no-margin {
    padding: 0;
}
.margin-0 {
    margin: 0 !important;
}
.text-small {
    font-size: 0.875em; /*14px*/
}
.margin-b-large,
.content-block p.margin-b-large {
    margin-bottom: 36px;
}
/*------------- base layout --------------*/
*,
*::after,
*::before {
    box-sizing: border-box;
}
::-moz-selection {
    background-color: var(--boe-stone);
    color: var(--boe-black);
    text-shadow: none;
}
::selection {
    background-color: var(--boe-stone);
    color: var(--boe-black);
    text-shadow: none;
}
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    overflow-y: scroll;
}
body {
    background-color: var(--boe-white);
    color: var(--boe-black);
    font-family: var(--body-font);
    font-size: 100%; /* 16px */
    height: 100%;
    line-height: 1.25; /* 20px */
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

@media(min-width: 1024px) {
    body {
        font-size: 112.5%;
    }
}

.main-content,
#mainContent {
    outline: none; /*avoid visible focus on bypass link*/
}
.page-section {
    padding: 10px 0;
}



/*--------------------------   Typography   --------------------------*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
    font-weight: 700;
    line-height: 1.2;
    color: var(--boe-dark-blue);
}
.content-block h1 {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 3em; /* 48px */
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 0.8em 0; 
}
.content-block h2,
.content-block .h2 {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 2em; /* 36px */
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.5em 0;
}
.content-block h3,
.content-block .h3 {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 1.313em; /* 21px from 16 */
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 0.227em 0;
}
.content-block h4,
.content-block .h4 {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 1.125em; /* 18px from 16 */
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.5em 0;
}
.content-block h5,
.content-block .h5 {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 1.0625em; /* 17px from 16 */
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.375em;
}
.content-block p {
    color: var(--boe-black);
    font-family: var(--body-font);
    font-size: 1em; /* 16px from 16 */
    line-height: 1.5;
    margin: 0 0 1em 0;
}
p:last-child {
    margin-bottom: 0;
}
strong {
    font-weight: 700;
}
p:last-child {
    margin: 0 0 1em 0;
}
table p:last-child {
    margin: 0;
}
.content-block p:not(.box-highlight-error) + h2, .content-block p + h3, .content-block p + h4, .content-block .btn + h3, .content-block .btn + h2, .content-block .btn + h4 {
    margin-top: 30px
}
.content-block h4 {
    margin: 0 0 .227em 0;
}
.content-block p:last-child {
    margin: 0 0 1em 0;
}
.content-block table p:last-child {
    margin: 0;
}
.content-block a:not(.list-links__link):not(.btn):not(.btn):not(.footnote-link):not(.footer-link):not(.social-link) {
    display: inline;
    font-weight: 700;
}
.content-block a,
a:not(.btn) {
    color: var(--boe-black);
    line-height: 1.5;
    text-decoration: underline;
    text-decoration-color: var(--boe-verydarkaqua) !important;
    text-decoration-thickness: 1px;
    text-underline-position: under;
    text-underline-offset: 1px;
    -webkit-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
}
a:not(.btn, .list-nav__link) {
    font-size: 1em;
}
    /* hover and focus state */
    .content-block a:not(.btn):hover, .content-block a:not(.btn):focus, .accordion-content a:not(.list-links__link):not(.btn):not(.footnote-link):not(.footer-link):not(.social-link):hover, .accordion-content a:not(.list-links__link):not(.btn):not(.footnote-link):not(.footer-link):not(.social-link):focus {
    background-color: var(--boe-lightaqua);
    box-shadow: 0 2px var(--boe-lightaqua);
    text-decoration-color: var(--boe-verydarkaqua);
    text-decoration-thickness: 2px;
}

.content-block .hero-paragraph {
    font-family: var(--title-font);
    font-size: 1.223em;
}


/* buttons */
.btn,
.btn.btn-primary {
    background-color: var(--boe-dark-blue);
    border-color: var(--boe-black);
    border-radius: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: var(--boe-white);
    font-family: var(--body-font);
    font-size: 1em;
    font-weight: 300;
    margin: 1em 0 1em 0;
    transition: background-color 0.15s linear;
}
    .btn.btn-secondary,
    .btn.btn-default {
        background-color: var(--boe-white);
        border-color: var(--boe-black);
        border-radius: 0;
        color: var(--boe-black);
    }
    .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active,
    :not(.btn-check) + .btn:active, .btn:hover, .btn:focus,
    .btn-primary:hover, .btn-primary.hover,
    .btn-primary:focus, .btn-primary.focus {
        color: var(--boe-black) !important;
        background-color: var(--boe-midaqua) !important;
        border-color: var(--boe-black) !important;
    }
.button-group {
    margin-bottom: 30px;
}
.button-width-50 {
    display: inline-block;
    width: 49%;
}
.modal-footer .button-group {
    margin-bottom: 0;
}
.button-group .btn {
    display: inline-block;
    margin-right: 12px;
}
a.btn, input.btn.icon-arrow-right,
button.btn.icon-arrow-right {
    -ms-flex-align: center;
    align-items: center;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 20px;
    text-decoration: none;
    margin: 0 0 4px 0;
    max-width: 396px;
    padding: 8px 40px 8px 16px;
    position: relative;
    transition: background-color 0.15s linear;
    zoom: 1;
}
    a.btn::after,
    .btn.icon-arrow-right::after,
    button.icon-arrow-right::after {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 10px;
        content: '';
        display: block;
        height: 20px;
        margin-top: -9px;
        right: 4px;
        position: absolute;
        top: 50%;
        width: 20px;
    }
    a.btn.btn-secondary::after,
    a.btn.btn-default::after,
    button.btn-secondary.icon-arrow-right::after {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }
    a.btn.icon-arrow-left {
        padding: 8px 16px 8px 40px;
    }
        a.btn.icon-arrow-left::after {
            content: "";
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%208.4%2015.3%22%20style%3D%22enable-background%3Anew%200%200%208.4%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%227.6%2C0.8%200.8%2C7.7%207.6%2C14.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A");
            background-repeat: no-repeat;
            left: 16px;
        }
        a.btn.icon-arrow-left:hover::after,
        a.btn.icon-arrow-left:focus::after {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%208.4%2015.3%22%20style%3D%22enable-background%3Anew%200%200%208.4%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%227.6%2C0.8%200.8%2C7.7%207.6%2C14.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A");
        }
    a.btn.btn-secondary.icon-arrow-left::after {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%208.4%2015.3%22%20style%3D%22enable-background%3Anew%200%200%208.4%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpolyline%20class%3D%22st0%22%20points%3D%227.6%2C0.8%200.8%2C7.7%207.6%2C14.5%20%22/%3E%0D%0A%3C/svg%3E%0D%0A");
    }
    a.btn:hover::after,
    a.btn:focus::after,
    a.btn:active::after,
    button.icon-arrow-right:hover::after,
    button.icon-arrow-right:focus::after,
    button.icon-arrow-right:active::after {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
    }
.btn[type=submit] {
    max-width: 152px;
}
a.btn.no-icon {
    padding: 8px 16px 8px 16px;
}
a.btn.icon-print {
    padding: 8px 16px 8px 40px;
}
    a.btn.no-icon::after,
    a.btn.icon-print::after {
        background-image: none;
    }
    a.btn.icon-print::before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22%2312273f%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M2.5%208a.5.5%200%201%200%200-1%20.5.5%200%200%200%200%201z%22/%3E%0A%20%20%3Cpath%20d%3D%22M5%201a2%202%200%200%200-2%202v2H2a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h1v1a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-1h1a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-1V3a2%202%200%200%200-2-2H5zM4%203a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v2H4V3zm1%205a2%202%200%200%200-2%202v1H2a1%201%200%200%201-1-1V7a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v3a1%201%200%200%201-1%201h-1v-1a2%202%200%200%200-2-2H5zm7%202v3a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1v-3a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201z%22/%3E%0A%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 25px;
        content: '';
        left: 0;
        display: block;
        height: 100%;
        position: absolute;
        width: 40px;
    }

/*  disabled */
.btn.disabled, .btn:disabled,
.btn[disabled],
.btn.disabled, .btn:disabled, 
fieldset:disabled .btn {
    color: var(--boe-dark-blue);
    pointer-events: none;
    background-color: var(--boe-stone);
    opacity: 1;
}
.btn.btn-primary.btn[disabled]::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
}
.btn.btn-primary.no-icon.btn[disabled]::after {
    background-image: none;
}
    /* list */
    ul {
        list-style: disc;
        padding: 0 0 0 20px;
        margin: 0 0 20px 0
    }
ol {
    padding: 0 0 0 20px;
    margin: 0 0 20px 0
}
.content-block li {
    position: relative;
    margin: 0 0 3px;
}
    .content-block li ul {
        margin: 13px 0 13px 0;
        padding: 0 0 0 18px;
    }
    .content-block li ol {
        margin: 13px 0 13px 20px;
    }
/* list unstyled */
.list-unstyled {
    list-style: none;
}
.list-unstyled li {
    font-size: 1rem;
}
.list-unstyled .text-small li {
    font-size: 0.875rem;
}
/* list inline */
.list-inline {
    font-size: 0;
    margin: 0;
    padding: 0;
}
.content-block li.list-inline__item,
.list-inline__item {
    font-size: 1rem;
    display: inline-block;
    margin: 0 30px 0 0;
    position: relative;
}
.footer-links .list-inline__item {
    margin: 0;
}
.footer-links .list-inline__item:last-child {
    margin-right: 0;
}
        .list-inline__item:last-child:after {
            content: '';
        }
.list-inline__link {
    font-size: 1em;
    text-decoration: none;
    padding-right: 20px;
}
    .list-inline__link:hover, .list-inline__link:focus {
        text-decoration: underline !important;
    }

@media(min-width: 720px) {
    .footer-links .list-inline__item {
        margin: 0 7px;
    }
}

/* list selected */
.list-selected {
    list-style: none;
    margin-bottom: 20px;
}

    .list-selected li {
        font-size: 1rem;
        margin-bottom: 10px;
    }


/* list of links */
.list-links {
    padding: 0;
    margin: 0;
}
    .list-links + h1, .list-links + h2, .list-links + h3, .list-links + h4, .list-links + p, .list-links + .content-block {
        margin-top: 20px;
    }
h3 + .list-links, h4 + .list-links {
    margin: 8px 0 0 0;
}
.list-links + .list-links {
    margin-top: 30px;
}
.list-links__item, .content-block .list-links__item {
    list-style: none;
    margin: 0.313em 0 0.438em;
}
    .list-links__item ul, .content-block .list-links__item ul {
        margin: 0 0 1.25em 0;
        padding: 0 0 0 16px;
    }
.list-links__link {
    display: inline-block;
    padding: 0 0 0 23px;
    position: relative;
}
    .list-links__link:hover, .list-links__link:focus {
        background-color: var(--boe-lightaqua);
    }
    .list-links__link.icon-download {
        padding-bottom: 2px;
    }
    .list-links__link:before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 9px;
        content: '';
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        top: 4px;
        width: 20px;
    }    
    .list-links__link[target="_blank"]:before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2312273f%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-external-link-red-min%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.15%2C0.19l2.6%2C2.6-8%2C8a1.68%2C1.68%2C0%2C0%2C0%2C2.38%2C2.38h0l8-8%2C2.6%2C2.6V0.19H11.15Z%22/%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.2%2C10.31a0.84%2C0.84%2C0%2C0%2C0-.84.84h0V17H1.88V3.57h5.9a0.84%2C0.84%2C0%2C1%2C0%2C0-1.68H1.88A1.68%2C1.68%2C0%2C0%2C0%2C.2%2C3.57V17a1.68%2C1.68%2C0%2C0%2C0%2C1.68%2C1.68H15.36A1.68%2C1.68%2C0%2C0%2C0%2C17%2C17v-5.9a0.84%2C0.84%2C0%2C0%2C0-.84-0.84h0Z%22/%3E%3C/svg%3E");
        background-position: left;
        background-size: 14px;
        left: 1px;
    }
    .list-links__link span {
        text-transform: uppercase;
    }
table .list-links__link {
    margin-bottom: 4px;
}
table .list-links__link.dropdown-item {
    margin-bottom: 0;
}
.list-links__link.no-arrow {
    padding: 3px 0 3px 6px;
}
.list-links__link.no-arrow:before {
    background-image: none;
}
.details-link.list-links__link:hover::before,
.details-link.list-links__link:focus::before {
    background-image: url("data:image/svg+xml;charset =US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
}
.icon-download:before, .list-links__link.icon-download[target="_blank"]:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027.04%2036.16%22%20width%3D%2242%22%20height%3D%2242%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%2C.cls-3%7Bfill%3Anone%3B%7D.cls-1%2C.cls-2%7Bstroke%3A%2312273f%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D.cls-2%7Bstroke-linecap%3Asquare%3B%7D.cls-4%7Bfill%3A%2313273e%3B%7D%3C/style%3E%3C/defs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220.75%200.41%2018.25%200.41%2025.75%207.91%2025.75%2035.41%200.75%2035.41%200.75%200.41%22/%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2218.25%200.41%2018.25%207.91%2025.75%207.91%2018.25%200.41%22/%3E%3Crect%20class%3D%22cls-3%22%20x%3D%225.31%22%20y%3D%226.39%22%20width%3D%2224%22%20height%3D%2224%22/%3E%3Cpath%20class%3D%22cls-4%22%20d%3D%22M19.31%2C23.39v3h-12v-3h-2v3a2%2C2%2C0%2C0%2C0%2C2%2C2h12a2%2C2%2C0%2C0%2C0%2C2-2v-3Zm-1-4L16.9%2C18l-2.59%2C2.58V12.39h-2v8.17L9.72%2C18%2C8.31%2C19.39l5%2C5Z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: -2px 0;
    background-size: 21px;
    height: 24px;
    left: 0;
    top: 2px;
}
.icon-external {
    display: inline-block;
    height: 17px;
    position: relative;
    width: 17px
}

    .icon-external:before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2312273f%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-external-link-red-min%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.15%2C0.19l2.6%2C2.6-8%2C8a1.68%2C1.68%2C0%2C0%2C0%2C2.38%2C2.38h0l8-8%2C2.6%2C2.6V0.19H11.15Z%22/%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.2%2C10.31a0.84%2C0.84%2C0%2C0%2C0-.84.84h0V17H1.88V3.57h5.9a0.84%2C0.84%2C0%2C1%2C0%2C0-1.68H1.88A1.68%2C1.68%2C0%2C0%2C0%2C.2%2C3.57V17a1.68%2C1.68%2C0%2C0%2C0%2C1.68%2C1.68H15.36A1.68%2C1.68%2C0%2C0%2C0%2C17%2C17v-5.9a0.84%2C0.84%2C0%2C0%2C0-.84-0.84h0Z%22/%3E%3C/svg%3E");
        background-size: 12px;
        background-repeat: no-repeat;
        content: '';
        height: 100%;
        left: 4px;
        position: absolute;
        top: 3px;
        width: 100%
    }
footer .icon-external:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-external-link-red-min%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.15%2C0.19l2.6%2C2.6-8%2C8a1.68%2C1.68%2C0%2C0%2C0%2C2.38%2C2.38h0l8-8%2C2.6%2C2.6V0.19H11.15Z%22/%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.2%2C10.31a0.84%2C0.84%2C0%2C0%2C0-.84.84h0V17H1.88V3.57h5.9a0.84%2C0.84%2C0%2C1%2C0%2C0-1.68H1.88A1.68%2C1.68%2C0%2C0%2C0%2C.2%2C3.57V17a1.68%2C1.68%2C0%2C0%2C0%2C1.68%2C1.68H15.36A1.68%2C1.68%2C0%2C0%2C0%2C17%2C17v-5.9a0.84%2C0.84%2C0%2C0%2C0-.84-0.84h0Z%22/%3E%3C/svg%3E");
}

@media(min-width: 1024px) {
    .list-links__link[target="_blank"]:before {
        background-size: 16px;
        left: 0;
    }

    /*--------------------------   Grid system  --------------------------*/
    .wrap {
        margin-top: 60px;
        overflow: hidden;
        width: 100%
    }

    .boe-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

        .boe-container::after {
            clear: both;
            content: '';
            display: block;
        }

    .clear {
        clear: both;
    }

    .grid-col--centered {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
}
@media(min-width:1024px) {
        .boe-container {
            margin: 0 auto;
            width: 960px;
        }

            .boe-container:after {
                clear: both;
                content: '';
                display: block;
            }

        .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
            float: left;
            margin: 0 10px;
        }

        .col1 {
            width: 60px;
        }

        .col2 {
            width: 140px;
        }

        .col3 {
            width: 220px;
        }

        .col4 {
            width: 300px;
        }

        .col5 {
            width: 380px
        }

        .col6 {
            width: 460px;
        }

        .col7 {
            width: 540px;
        }

        .col8 {
            width: 620px;
        }

        .col9 {
            width: 700px;
        }

        .col10 {
            width: 780px;
        }

        .col11 {
            width: 860px;
        }

        .col12 {
            width: 940px;
        }

        .col9 > .boe-container {
            margin: 0 0 0 -10px;
            width: 720px
        }

 /* flex grid for equal height cards */
    .container-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
    }
    .col-flex-50 {
        display: flex;
        padding: 0 10px;
        width: 50%;
    }
    .col-flex-33 {
        display: flex;
        padding: 0 10px;
        width: 33.333%;
    }

}
@media(min-width:1360px) {

        .boe-container {
            width: 1200px;
        }

        .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
            float: left;
            margin: 0 15px;
        }

        .col12 {
            margin: 0 15px;
            width: 1170px
        }

        .col1 {
            width: 70px;
        }

        .col2 {
            width: 170px;
        }

        .col3 {
            width: 270px;
        }

        .col4 {
            width: 370px;
        }

        .col5 {
            width: 470px;
        }

        .col6 {
            width: 570px;
        }

        .col7 {
            width: 670px;
        }

        .col8 {
            width: 770px;
        }

        .col9 {
            width: 870px;
        }

        .col10 {
            width: 970px;
        }

        .col11 {
            width: 1070px;
        }

        .center {
            float: none;
            margin: 0 auto;
        }

        .col33 {
            padding: 0 15px;
        }

        .col9 > .boe-container {
            margin: 0 0 0 -15px;
            width: 900px;
        }
    }
@media(min-width:720px) and (max-width:1023px) {

        .wrap {
            overflow: hidden;
            width: 100%
        }

        .boe-container {
            width: 100%;
            padding: 0 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 auto;
            max-width: 720px;
        }

            .boe-container::after {
                clear: both;
                content: '';
                display: block
            }

        .col12, .col11, .col10, .col9, .col8, .col7 {
            margin: 0;
            padding: 0 5px;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .col6, .col5, .col4, .col3 {
            float: left;
            margin: 0;
            padding: 0 5px;
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .col6:nth-of-type(odd), .col5:nth-of-type(odd), .col4:nth-of-type(odd), .col3:nth-of-type(odd) {
                clear: left;
            }

        .col2 {
            float: left;
            margin: 0;
            padding: 0 5px;
            width: 33.33%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .col1 {
            float: left;
            margin: 0;
            padding: 0 5px;
            width: 25%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .center {
            float: none;
            margin: 0 auto
        }
    }
@media(min-width:120px) and (max-width:719px) {

        .wrap {
            overflow: hidden;
            width: 100%
        }

        .boe-container {
            width: 94%;
            padding: 0 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 auto;
            max-width: 540px
        }

            .boe-container .boe-container {
                width: 102%;
                width: calc(100% + 20px);
                margin-left: -10px;
            }

        .col12, .col11, .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col33 {
            margin: 0;
            padding: 0 5px;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .col2, .col1 {
            float: left;
            margin: 0;
            padding: 0 5px;
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
    }


/*--------------------------   Components   --------------------------*/
/* Footer */
footer .footer-bottom {
        background-color: var(--boe-dark-blue);
        border-top: 10px solid var(--boe-aqua);
        color: #fff;
        font-size: 0;
        padding: 20px 0 20px 0;
        position: relative;
        z-index: 0
    }

/* Box highlight */
.box-highlight {
   background-color: var(--boe-light-grey);
   padding: 16px 20px 4px;
   margin-bottom: 30px;
}
.box-highlight-error {
    border: 2px solid var(--boe-error);
    display: none;
   
}
.section-read-only .box-highlight-error {
    display: block;
    padding: 16px 20px 13px;
    margin-bottom: 30px;
}
div.progress {
        background-color: var(--boe-light-grey);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
        height: 30px;
    }
.progress {
        --bs-progress-height: 1rem;
        --bs-progress-font-size: 1rem;
        --bs-progress-bg: #77e3e4;
        --bs-progress-border-radius: 0;
        --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
        --bs-progress-bar-color: #fff;
        --bs-progress-bar-bg: #77e3e4;
        --bs-progress-bar-transition: width 0.6s ease;
        display: flex;
        height: var(--bs-progress-height);
        overflow: hidden;
        font-size: var(--bs-progress-font-size);
        background-color: var(--bs-progress-bg);
    }
.progress-bar {
        --bs-progress-bar-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: var(--bs-progress-bar-color);
        text-align: center;
        white-space: nowrap;
        background-color: var(--bs-progress-bar-bg);
        transition: var(--bs-progress-bar-transition);
    }


/*------ Forms ------*/
.form {
        background-color: var(--boe-stone);
        padding: 30px;
        margin: 20px 0;
    }
fieldset {
   border: none;
   margin-bottom: 30px;
}
    fieldset .form-group fieldset {
            margin: 16px 10px;
        }
legend {
        border-bottom: none;
        margin-bottom: 10px;
    }
    legend.required {
            display: block;
        }
.legend-group {
    margin: 20px 0;
}
    .legend-group .list-selected {
        margin: 0;
        padding: 0;
    }
.legend-group p {
    margin-bottom: 0px;
}
.content-block p.text-legend,
.content-block p.legend-group-label {
    font-weight: 700;
    margin: 0;
}
.content-block p + .text-legend {
    margin-top: 40px;
}
    label {
        color: #000;
        display: block;
        padding: 0 0 5px 0;
        text-align: left;
        font-size: 1em;
        font-weight: 300;
    }
.form-label {
        margin-bottom: 4px;
    }
.form-group {
        margin-bottom: 30px;
    }
.form-group--line {
        position: relative;
        padding-top: 10px;
    }
fieldset .form-group--line:first-child::before {
        content: none;
    }
.form-group--line::before {
        content: '';
        border-top: 1px solid #000;
        display: block;
        height: 1px;
        left: -30px;
        position: absolute;
        top: -14px;
        width: 100%;
    }

input,
input.form-control,
textarea.form-control,
.form-select {
        border-color: var(--boe-black);
        border-radius: 0;
    }
/* modifier expander */
    input,
    input.form-control{
      max-width: 500px;
    }
textarea.form-control {
    max-width: 620px;
}

label.required:after,
legend.required:after {
    color: var(--boe-error);
    content: '* required';
    font-size: 0.76rem;
    margin-left: 4px;
}

button, .form-control input:not([type=radio]),
.form-control input:not([type=search]), optgroup,
select, textarea, form-select {
        border-radius: 0 !important;
        max-width: 500px;
        margin-bottom: 10px;
    }

/* form validation */
/*.invalid-feedback,
.form-validated .is-valid > .invalid-feedback {
    display: none;
}*/
.form-validated .invalid-feedback,
.invalid-feedback {
     color: var(--boe-error);
}

fieldset[disabled],
fieldset[disabled] select,
fieldset[disabled] input {
    cursor: not-allowed;
}
.form-check {
    margin-bottom: 6px;
}
.form-control.is-invalid, .form-validated .form-control:invalid,
.is-invalid .form-check-input.is-valid,
.was-validated .is-invalid .form-check-input.is-valid, .was-validated .is-invalid .form-check-input:valid .form-check-input:valid,
.is-invalid .form-select.is-valid:not([multiple]):not([size]), .is-invalid .form-select.is-valid:not([multiple])[size="1"],
.was-validated .is-invalid .form-select:valid:not([multiple]):not([size]), .was-validated .is-invalid .form-select:valid:not([multiple])[size="1"],
.is-invalid .form-check-input.is-valid:checked, .was-validated .is-invalid .form-check-input:valid:checked {
    border-color: var(--boe-error);
}
.form-validated .form-check-input.is-invalid ~ .form-check-label {
    color: #000;
}
.form-validated .form-check-input.is-valid:checked {
    background-color: var(--boe-dark-blue) !important;
    border-color: var(--boe-aqua);
}
.form-control.is-valid, .was-validated .form-control:valid,
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid, .was-validated .form-check-input:valid,
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"],
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    color: var(--boe-black) !important;
    /*background-image: none !important;*/
    border-color: var(--boe-dark-blue) !important;
}
/* Focus styles for accessibility */
input:focus, select:focus, button:focus, input[type=range]:focus, .tooltip:focus, [tabindex="-1"]:focus { /* Added [tabindex="-1"]:focus */
    outline: 2px solid var(--boe-aqua);
    outline-offset: 1px;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
        border-color: var(--boe-black);
        outline: 0;
        box-shadow: 0 0 0 0.15rem var(--boe-aqua);
    }

/*Radio and checkbox buttons*/
input[type=checkbox], input[type=radio] {
        border-color: var(--boe-black);
        height: 24px;
        width: 24px;
    }
input[type="radio"] {
        content: "";
        display: inline-block;
        padding: 6px;
        margin-right: 8px;
        background-clip: content-box;
        border: 1px solid var(--boe-black);
        background-color: transparent;
        border-radius: 50%;
        margin-top: 0;
    }
    input[type="radio"]:checked {
            background-color: var(--boe-dark-blue);
        }
.form-check-input:checked[type=radio] {
        background-image: none;
        border-color: var(--boe-black);
    }
.form-check-label {
        cursor: pointer;
        display: block;
        align-items: center;
        margin-top: 4px;
        margin-left: 8px;
    }
.form-group input[type=checkbox] {
        margin-top: 0;
    }

/*.form-check-input, .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    border-color: var(--boe-black);
}*/
input[type="date"] {
        max-width: 218px;
    }

button[type=submit] {
        margin-top: 26px;
        padding: 12px 16px 12px 16px;
    }

/* select dropdown options */
select {
        appearance: none; /* Remove default styling */
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 0 !important;
        padding: 8px;
        cursor: pointer;
    }
.form-select option:checked {
        color: var(--boe-black); /* Text color inside dropdown list */
        background-color: var(--boe-stone); /* Background of dropdown items */
    }
.form-select option:hover,
.form-select option:focus {
        color: var(--boe-black); /* Text color inside dropdown list */
        background-color: var(--boe-stone); /* Background of dropdown items */
    }


/* checkboxes */
input[type=checkbox] {
        border-radius: 0 !important;
    }
.form-check-input:checked,
.checkbox input[type=checkbox]:checked {
        background-color: var(--boe-dark-blue);
        border-color: var(--boe-aqua);
    }

/* field selected */
.field-selected {
    padding-left: 28px;
    position: relative;
}
    .field-selected:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
       background-repeat: no-repeat;
       background-size: 20px;
       content: '';
       display: block;
       height: 20px;
       left: 0;
       position: absolute;
       top: 0;
       width: 20px;
    }

/*------ Multi Step Forms ------*/
@media(min-width:1024px) {
        .main-form-container {
            max-width: 700px;
        }

            .main-form-container > .page-section {
                min-height: 600px;
            }
    }

/*------ Tables ------*/
.content-block table {
        width: 100% !important;
        height: auto !important;
        font-size: 1rem !important;
        text-align: left;
        border-collapse: collapse;
        margin-bottom: 30px;
    }
    .content-block table tbody {
            background-color: var(--boe-light-grey);
        }
    .content-block table tr:hover, table tr:focus {
            background-color: var(--boe-white);
        }
        .content-block table th a, table td.table-header a {
                color: #fff;
            }
    .content-block table td,
    .content-block table th.table-td {
        background-color: var(--boe-light-grey);
        border-top: 1px solid #c8cccf;
        box-sizing: border-box;
        font-weight: 400;
        padding: 10px 9px;
        min-width: 90px;
        word-wrap: break-word;
    }
    .content-block table th:not(.table-td), table td.table-header {
        border-top: 1px solid #c8cccf;
        background-color: var(--boe-dark-blue);
        box-sizing: border-box;
        color: #fff;
        font-weight: bold;
        min-width: 90px;
        padding: 10px 9px;
        text-align: left;
    }
    .content-block table caption {
            color: #005e6e;
            font-size: 1.22em;
            font-weight: 700;
            margin-bottom: 10px;
            text-align: left;
        }
.content-block th:not(.table-header) {
    min-width: 70px;
}
.content-block .table-stripes tr:nth-child(odd) td:not(.table-header),
.content-block .table-stripes tr:nth-child(odd) th.table-td {
    background: var(--boe-white);
}
.content-block table th.table-col-actions {
        min-width: 160px;
    }
#transactionsTable td,
#transactionsTable th.table-td {
    max-width: 200px;
}
.content-block table.bg-x-light-grey td,
.content-block table.bg-x-light-grey th.table-td {
    background-color: var(--boe-x-light-grey);
}

@media(max-width:780px) {
    .content-block table {
            overflow-x: auto;
            display: inline-block;
        }
    }
/*.content-block table.table-large td {
    padding: 16px 10px;
}*/
/*------ Filter releases ------*/
.h3-filters {
    color: var(--boe-dark-blue);
    font-family: var(--title-font);
    font-size: 1.313em;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 1em 0;
}
.release {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: var(--boe-dark-blue);
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
    margin: 0 0 10px 0;
    min-height: 130px;
    padding: 20px 16px;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    width: 100%;
    z-index: 0;
}
.releases-items.releases-list .release {
    min-height: 180px;
}
.release h3 {
    color: var(--boe-light-grey);
    font-family: Arial,sans-serif;
    font-size: 1.111em;
    font-weight: 500;
    margin: 0 0 10px;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
}
        .release h3.list {
            display: none;
        }
    .release p {
        line-height: 1.5;
        -webkit-transition: color 0.15s linear;
        transition: color .15s linear;
    }
    .release .release-content {
        padding: 0 10px;
        padding-right: 30px;
        height: 100%;
        position: relative;
    }
    .release .release-tag {
        color: var(--boe-aqua);
        font-size: 0.8em;
        line-height: 1.5;
        padding: 0 10px 10px 10px;
        -webkit-transition: all 0.15s linear;
        transition: all .15s linear;
    }
.release .release-tag-secondary {
    padding: 0 0 10px;
}
.releases-list .release .release-tag-wrap .release-tag {
    display: inline-block;
}

.release .release-meta {
    min-height: 1em;
    padding-top: 14px;
}

.release:hover, .release:focus {
    background-color: #a7edee;
}

.release-description,
.release-copy p:last-child {
    margin: 0;
}

.release:hover h3, .release:hover .release-tag, .release:hover .release-description,
.release:focus h3, .release:focus .release-tag, .release:focus .release-description {
    color: var(--boe-dark-blue);
    text-decoration: none;
}

.release:hover:before, .release:focus:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%2312273f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
}

.release:before {
    margin: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%208.39%2015.29%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earrow-right%3C/title%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.75%2014.54%207.64%207.64%200.75%200.75%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.releases-items .loading {
    display: inline-block;
    margin: 20px;
}

    .releases-items .loading img {
        width: 30px;
    }

.releases-items .loading-text {
    display: inline-block;
    margin-left: 10px;
}

.releases-items .no-results {
    display: none;
}

.releases-list .release-tag-wrap {
    position: relative;
}

.release-result {
    padding: 0 0 10px 5px;
}

.search-results__count {
    margin: 0 0 10px 4px;
}

.release-description {
    color: var(--boe-white);
    font-size: 0.944em;
    margin: 10px 0 0 0;
}

@media(min-width:1024px) {
    .releases-grid .release-meta {
        padding: 10px 0 5px;
        min-width: 200px;
    }

    .releases-controls {
        display: block;
        text-align: right;
    }

    .release {
        margin: 0 0 20px 0;
    }

    .releases-items.releases-list [class^="col"] {
        float: none;
        width: auto;
    }

    .releases-items.releases-list .release {
        min-height: 130px;
        display: block;
        margin: 0 0 10px 0;
        position: relative;
    }

        .releases-items.releases-list .release h3 {
            height: auto;
            clear: both;
        }

            .releases-items.releases-list .release h3.grid-view {
                display: none;
            }

            .releases-items.releases-list .release h3.list {
                display: block;
            }

        .releases-items.releases-list .release .release-meta {
            padding-top: 0;
            height: auto;
            clear: both;
            line-height: 30px;
            min-height: 25px;
        }

        .releases-items.releases-list .release.release-event .release-date {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

    .release-result {
        padding: 0 0 10px 15px;
    }

    .release-date {
        font-size: 0.889em;
    }
}

@media(min-width:1024px) and (max-width:1360px) {
    .release .release-content h3 {
        font-size: 1.1em;
    }
}

@media(min-width:1360px) {
    .release {
        margin: 0 0 30px 0;
    }

        .release h3 {
            font-size: 1.2em; /* 21.6px */
        }

    .releases-items.releases-list .release {
        margin: 0 0 10px 0;
    }

        .releases-items.releases-list .release .release-meta {
            line-height: 15px;
            min-height: 20px;
        }
}

.container-filters .form-check {
    margin-bottom: 1rem;
}


/* Tooltip styles */
.info-tooltip {
    cursor: help;
    display: inline-block;
    position: relative;
    margin-bottom: 7px;
}
.info-tooltiptext {
    background-color: var(--boe-light-grey);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border-radius: 6px;
    bottom: 130%;
    color: var(--boe-black);
    font-size: 0.875em; /*14px*/
    line-height: 1.4;
    font-weight: normal;
    left: 50%;
    margin-left: -145px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    text-align: left;
    transition: opacity 0.3s;
    visibility: hidden;
    width: 290px;
    z-index: 10;
}
    .info-tooltiptext::after {
        border-width: 5px;
        border-style: solid;
        border-color: var(--boe-dark-blue) transparent transparent transparent;
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
    }
.info-tooltiptext--large {
    width: 590px;
}
.info-tooltiptext.info-tooltiptext--large::after {
    margin-left: -156px;
}
  .info-tooltip:hover .info-tooltiptext,
  .info-tooltip:focus .info-tooltiptext,
  .info-tooltip:focus-within .info-tooltiptext {
   visibility: visible;
   opacity: 1;
 }
.info-tooltip:focus {
   outline: none;
}
    .info-tooltip:focus > i {
        border-radius: 50%;
        outline: 3px solid var(--boe-midaqua);
        outline-offset: 0;
    }



/*------ Search widget ------*/
.search-widget {
    padding: 0 0 10px;
    position: relative
}
.search-widget-fields {
        padding: 0;
        margin: 0 0 12px;
        border: 0;
        position: relative
 }
.search-widget-field {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 50px 10px 10px;
        height: 40px;
        line-height: 1;
        font-size: .8em;
        border-radius: 0;
        border: 0;
        appearance: none;
        font-family: Arial,sans-serif
    }
input.search-input {
        height: 40px;
        max-width: 100%;
        padding-right: 40px;
        width: 100%;
    }
.search-widget-field:focus {
        outline: 0;
        border: 0
    }
.search-widget-field.error {
        border: 1px solid #aa0b3c
    }
    .search-widget-field.error::-webkit-input-placeholder {
            color: #aa0b3c
        }
    .search-widget-field.error::-moz-placeholder {
            color: #aa0b3c
        }
    .search-widget-field.error:-ms-input-placeholder {
            color: #aa0b3c
        }
    .search-widget-field.error:-moz-placeholder {
            color: #aa0b3c
        }
.search-widget-btn {
    border: 1px solid var(--boe-dark-blue);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 0;
    appearance: none;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    text-indent: 80px;
    line-height: 200px;
    transition: background-color .15s linear;
    background-color: #d4af37;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0D%0A%3Csvg%20width%3D%2221px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2021%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2042%20%2836781%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0D%0A%20%20%20%20%3Ctitle%3EPage%201%3C/title%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Navigation---With-Search%22%20transform%3D%22translate%28-1386.000000%2C%20-23.000000%29%22%20fill%3D%22%2312273F%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Header%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Search%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%281102.000000%2C%2013.000000%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M286.625%2C19.2857143%20C286.625%2C15.741%20289.568938%2C12.8571429%20293.1875%2C12.8571429%20C296.806062%2C12.8571429%20299.75%2C15.741%20299.75%2C19.2857143%20C299.75%2C20.826%20299.171187%2C22.2222857%20298.245875%2C23.3305714%20L297.317937%2C24.2395714%20C296.18525%2C25.1472857%20294.759875%2C25.7142857%20293.1875%2C25.7142857%20C289.568938%2C25.7142857%20286.625%2C22.8304286%20286.625%2C19.2857143%20M304.423812%2C27.5644286%20L300.918125%2C24.1302857%20C301.835562%2C22.7301429%20302.375%2C21.0702857%20302.375%2C19.2857143%20C302.375%2C14.3228571%20298.25375%2C10.2857143%20293.1875%2C10.2857143%20C288.12125%2C10.2857143%20284%2C14.3228571%20284%2C19.2857143%20C284%2C24.2485714%20288.12125%2C28.2857143%20293.1875%2C28.2857143%20C295.00925%2C28.2857143%20296.703688%2C27.7572857%20298.133%2C26.8585714%20L301.638688%2C30.2927143%20C301.995687%2C30.6411429%20302.487875%2C30.8571429%20303.03125%2C30.8571429%20C304.118%2C30.8571429%20305%2C29.9931429%20305%2C28.9285714%20C305%2C28.3962857%20304.7795%2C27.9141429%20304.423812%2C27.5644286%22%20id%3D%22Page-1%22%3E%3C/path%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%20%20%20%20%3C/g%3E%0D%0A%20%20%20%20%3C/g%3E%0D%0A%3C/svg%3E');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 21px
}
    .search-widget-btn:hover, .search-widget-btn:focus {
        background-color: var(--boe-midaqua);
    }
.search-widget-clear {
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%21--%20Generated%20by%20IcoMoon.io%20--%3E%0D%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0D%0A%3Ctitle%3E%3C/title%3E%0D%0A%3Cg%20id%3D%22icomoon-ignore%22%3E%0D%0A%3C/g%3E%0D%0A%3Cpath%20d%3D%22M507.331%20411.33c-0.002-0.002-0.004-0.004-0.006-0.005l-155.322-155.325%20155.322-155.325c0.002-0.002%200.004-0.003%200.006-0.005%201.672-1.673%202.881-3.627%203.656-5.708%202.123-5.688%200.912-12.341-3.662-16.915l-73.373-73.373c-4.574-4.573-11.225-5.783-16.914-3.66-2.080%200.775-4.035%201.984-5.709%203.655%200%200.002-0.002%200.003-0.004%200.005l-155.324%20155.326-155.324-155.325c-0.002-0.002-0.003-0.003-0.005-0.005-1.673-1.671-3.627-2.88-5.707-3.655-5.69-2.124-12.341-0.913-16.915%203.66l-73.374%2073.374c-4.574%204.574-5.784%2011.226-3.661%2016.914%200.776%202.080%201.985%204.036%203.656%205.708%200.002%200.001%200.003%200.003%200.005%200.005l155.325%20155.324-155.325%20155.326c-0.001%200.002-0.003%200.003-0.004%200.005-1.671%201.673-2.88%203.627-3.657%205.707-2.124%205.688-0.913%2012.341%203.661%2016.915l73.374%2073.373c4.575%204.574%2011.226%205.784%2016.915%203.661%202.080-0.776%204.035-1.985%205.708-3.656%200.001-0.002%200.003-0.003%200.005-0.005l155.324-155.325%20155.324%20155.325c0.002%200.001%200.004%200.003%200.006%200.004%201.674%201.672%203.627%202.881%205.707%203.657%205.689%202.123%2012.342%200.913%2016.914-3.661l73.373-73.374c4.574-4.574%205.785-11.227%203.662-16.915-0.776-2.080-1.985-4.034-3.657-5.707z%22%3E%3C/path%3E%0D%0A%3C/svg%3E%0D%0A');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 40px;
    padding: 5px 9px;
    position: absolute;
    right: 43px;
    top: 0;
    width: 25px
}
    .search-widget-clear:focus {
        border: 1px solid var(--boe-verydarkaqua);
    }
input[type="search"]::-webkit-search-cancel-button {
    /* Remove default */
    -webkit-appearance: none;
    /* Now your own custom styles */
    height: 10px;
    width: 10px;
}
.search-widget-error,
.content-block p.search-widget-error {
    color: #aa0b3c;
    display: none;
    font-size: 1em;
    padding: 6px 0;
}
.search-widget-error.display-block {
        display: block;
        position: relative;
    }
.filter-search {
    margin: 0 0 16px;
    width: 100% !important
}
    .filter-search .search-widget-field {
            border: 1px solid #000
        }
        .filter-search .search-widget-field.error {
                border: 1px solid #aa0b3c
            }
        .filter-search .search-widget-field:focus {
                border: 2px solid #000
            }
    .filter-search.search-widget {
            width: 100%
        }

.search-widget-reset,
.content-block a.search-widget-reset {
    font-size: 0.889em; /*16px of 18 */
}

/*------ Nav chapter - Section navigation ------*/
.nav-chapters__title {
    border-bottom: 2px solid var(--boe-dark-blue);
    padding-bottom: 16px;
    margin: 0;
}
html[dir=ltr] li a.list-nav__link {
        margin-left: 0;
    }
    html[dir=ltr] li a.list-nav__link:hover,
    html[dir=ltr] li a.list-nav__link:focus {
            text-decoration: none !important;
        }

.list-nav {
        background: var(--boe-x-light-grey);
        box-sizing: border-box;
        font-size: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        transition: height .25s ease-out,visibility 0.25s;
    }
.list-nav__link {
    color: #000;
    display: block;
    font-size: 0.9375em; /* 15px */
    text-decoration: none !important;
    padding: 14px 12px 12px;
    position: relative;
    margin: 0;
    transition: background-color 0.15s linear;
}
.list-nav__item {
    font-size: 1rem;
    border-bottom: 1px solid var(--boe-stone);
}
    .list-nav__item:last-child {
            border-bottom: 0;
            padding-bottom: 1px;
        }
.list-nav__link.active {
        background-color: var(--boe-stone);
        border-bottom: 2px solid #000;
    }

.list-nav__link.completed:after {
    content: '';
    border-color: var(--bs-form-valid-border-color);
    padding-right: 24px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 5px -1px;
    background-size: 16px;
}
.list-nav__item.current {
    background-color: var(--boe-light-grey);
}

@media(hover: hover) {
        .list-nav__link:hover, .list-nav__link:focus {
            background-color: var(--boe-stone);
        }
    }
.list-nav__link.disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }
[data-section] {
        display: none;
    }
    [data-section].current {
            display: block;
        }


/*------ Bootstrap custom ------*/
.navbar {
        background-color: var(--boe-dark-blue);
    }
.static-top.navbar {
        background-color: var(--boe-dark-blue);
    }
    .static-top.navbar .navbar-collapse.collapse.show {
        max-height: 100% !important;
    }
.skip-to-content a {
    background-color: #dfc369;
    color: var(--boe-black);
    top: -50px;
}
    .skip-to-content a:focus {
        color: var(--boe-black);
        text-decoration: none;
    }
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 0.9;
}
.form-check-input:disabled {
    opacity: 0.7;
}
.modal-content {
   padding: 6px 10px 0;
}
.modal-footer {
    padding: 0 30px 10px;
}
.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}
    .modal-header .btn-close {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        margin-top: -20px;
    }
        .modal-header .btn-close:hover,
        .modal-header .btn-close:focus {
            opacity: 1;
        }
        .modal-header .btn-close:focus {
            border: 1px solid #000;
        }
            .modal-footer {
                border-top: none;
            }
    .modal-footer .btn:first-child {
        margin-right: 10px;
    }
.profile-info {
    border: 0;
}
.navbar-dark .navbar-toggler:hover,
.navbar-dark .navbar-toggler:focus {
    background-color: var(--boe-dark-blue) !important;
}
@media (max-width:400px) {
    .static-top.navbar-dark .navbar-brand img {
        max-width: 235px;
    }
    button.button.navbar-toggler {
        margin-right: 0;
    }
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    border-radius: 0;
}
@media(max-width: 1199px) {
    .dropdown-divider {
        border-color: #000;
    }
}

#ProfileFormView.crmEntityFormView .cell {
    padding: 12px 0;
}
#ProfileFormView.crmEntityFormView {
    border: 0;
}
.add-file.btn.btn-primary:after {
    background-image: none;
}
.add-file.btn.btn-primary span {
    position: absolute;
    right: 15px;
}
/*------ Footer ------*/
.footer-links li a {
    text-decoration: none;
}
.text-copyright {
        display: inline-block;
        font-size: 0.9375rem; /*15px*/
        text-align: left;
    }
.private-mode-signin-text > b > u > a,
.private-mode-text > u > a {
    text-decoration: none;
}
.text-primary,
a.text-primary {
    color: var(--boe-black) !important;
}
    a.text-primary:hover, a.text-primary:focus {
        background-color: var(--boe-lightaqua);
        box-shadow: 0 2px var(--boe-lightaqua);
        text-decoration-color: var(--boe-verydarkaqua);
        text-decoration-thickness: 2px;
    }
@media (max-width:1024px) {
    footer .footer-bottom p {
            margin: 20px 0;
        }
    }
@media(min-width: 1024px) {
        .footer-links {
            display: inline-block;
        }

        .text-copyright {
            float: right;
        }
    }

.content-block .dropdown-menu > li > .list-links__link:hover, .content-block .dropdown-menu > li > .list-links__link:focus,
.content-block .dropdown-item.active, .content-block .dropdown-item:active {
        color: var(--boe-white);
        background-color: var(--boe-dark-blue);
        box-shadow: none;
    }
.content-block .dropdown-menu > li > a.no-arrow, .dropdown-menu > li > a.no-arrow {
        background-image: none;
    }
    .content-block .dropdown-menu > li > a.no-arrow:focus, .dropdown-menu > li > a.no-arrow:hover {
            background-image: none;
            padding: 3px 6px;
        }
.content-block .dropdown-menu > li > a.list-links__link.no-arrow:before {
        background-image: none;
    }
.dropdown .btn.btn-default {
        font-size: 1rem;
        padding: 3px 6px;
    }
    .dropdown .btn.btn-default .fa-chevron-down:before {
            font-size: 14px;
            padding-right: 2px;
        }
td .dropdown-menu {
        padding-left: 7px;
    }

.main-form-container {
        margin-right: 50px;
    }
.content-expander {
        margin: 20px 20px 40px 20px;
    }
.content-expander--aligned {
        margin: 40px 20px 0 -24px;
    }
[data-expander-content][aria-hidden=true] {
        backface-visibility: hidden;
        display: none;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }
[data-expander-content][aria-hidden=false] {
        display: block;
        height: auto;
        opacity: 1;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transition: height 150ms ease-in,opacity 150ms ease-in;
        -webkit-transition: height 150ms ease-in,opacity 150ms ease-in;
        visibility: visible;
    }

/*------ View Mode  ------*/
@media(min-width: 1024px) {
    .view-mode.main-form-container {
        margin-right: 0;
    }
    .view-mode.main-form-container > .page-section {
        min-height: 100%;
    }
}

.view-mode [data-section] {
    display: block;
}
.view-mode .page-section {
        padding: 26px 0 10px;
        position: relative;
    }
    .view-mode .page-section:not(:first-child)::before {
            content: '';
            border-top: 2px solid #12273f;
            box-sizing: border-box;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

/*------ Cookie Panel  ------*/
.cookie-notice {
    background-color: transparent;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    height: 100%;
    font-size: 0.888em;
    right: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 13;
}
.cookie-notice__panel {
    background-color: #fff;
    box-sizing: border-box;
    bottom: 0;
    height: 285px;
    right: 0;
    overflow: auto;
    position: fixed;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: transform 350ms ease-out;
    -webkit-transition: transform 350ms ease-out;
    will-change: transform;
    width: 100%;
    z-index: 14;
}
.cookie-content {
    box-sizing: border-box;
    padding: 22px 22px 16px;
    overflow: auto;
    position: relative;
    text-align: left;
}
.cookie-notice.is-visible {
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    visibility: visible;
}
    .cookie-notice.is-visible .cookie-notice__panel {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
.cookie__button {
    box-sizing: content-box;
    margin: 5px;
    max-width: 280px;
}
.cookie-title {
    margin: 0 0 8px;
}
.sg-body .cookie-notice {
    position: static;
    width: auto;
}

/*@media(max-width: 719px) {
    .cookie-notice__panel {
        height: 400px;
    }
}*/

/*@media(max-width: 375px) {
    .cookie-notice__panel {
        height: 425px;
    }

    .cookie-content {
        padding: 15px 15px 13px;
    }

}*/

@media(min-width: 720px) {
    .cookie-notice__panel {
        max-width: 560px;
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }

    .cookie-notice.is-visible .cookie-notice__panel {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}


/*------ Print style ------*/
@media print {
    *, *::before, *::after {
            background-color: transparent !important;
            box-shadow: none !important;
            text-shadow: none !important
        }

  @page {
            size: A4;
            margin: 93.5px 0 50px 0;
        }

  html {
     font-size: 100% !important;
     overflow: auto;
     margin: 20px 50px 50px 50px
   }

  body {
     margin: 0 auto;
     max-width: 100%;
     width: 100%
   }

    footer,
    .private-mode-banner,
    .navbar-toggler,
    .navbar,
    a.btn.icon-print {
        display: none;
    }

}