:root {
    /* --loader-url: url('https://dev.data.sefep.eu/static/agora_api_agorameter_v1/img/preloader.gif'); */
    --loader-url: url('https://api.agora-energy.org/static/agora_api_agorameter_v1/img/preloader.gif');
    /* --loader-url: url('http://127.0.0.1:8000/static/agora_api_agorameter_v1/img/preloader.gif'); */
        --icon--error: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='currentColor' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm8 10a7.92 7.92 0 0 1-1.69 4.9L7.1 5.69A7.92 7.92 0 0 1 12 4a8 8 0 0 1 8 8ZM4 12a7.92 7.92 0 0 1 1.69-4.9L16.9 18.31A7.92 7.92 0 0 1 12 20a8 8 0 0 1-8-8Z'%3E%3C/path%3E%3C/svg%3E");
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.cd_x_axis {
    display: flex;
    margin-top: -20px;
    /* flex-wrap: nowrap; */
    /* justify-content: center; */
}

.cd_tick {
    color: rgb(51, 51, 51);
    font-weight: normal;
    font-size: 14px;
    position: relative;
}

.cd_tick:before {
    content: "";
    display: block;
    border-left: 0.5px solid #000000;
    height: 10px;
}

.cd_time_label:before {
    /* border-left: 0.5px solid rgb(51, 51, 51); */
    height: 6px;
}

.cd_date_label {
    font-size: 15px;
    color: #000000;
}

.cd_label {
    position: absolute;
}

.cd_time_label .cd_label {
    left: -20px;
}

.cd_date_label .cd_label {
    left: -27px;
}

.cd_main_graph_container {
    padding: 10px 4px;
}

.cd_legend_container {
    /*display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;*/
    padding: 0 50px;
    margin-top: 35px;
}

.cd_legend {
    width: 18%;
    float: left;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    margin: 5px 25px 5px 0px;
}

.cd_legend:last-child {
    margin-right: 0px;
}

.cd_legend_ico {
    width: 15px;
    /* height: 17px; */
    margin: 3px 3px 0px 0px;
    float: left;
}

.cd_legend_txt {
    width: 85%;
    /*margin-left: 5%;*/
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 0px 0px 3px;
}

.cd_legend_ico_line {
   width: 15px;
    margin: 3px 3px 0px 0px;
    float: left;
}

.cd_disabled_legend.cd_legend {
    opacity: 0.3;
}

.cd_graph_footer span {
    float: right;
    font-size: 0.8rem;
    color: #a3a3a3;
}

.cd_graph_footer.clearfix {
    margin: 0px 20px 20px 0px;
}

svg.cd_legend_svg {
    height: 20px;
    width: 20px;
    display: block;
}

.cd_legend_ico svg.cd_legend_svg{
    padding-top: 3px;
}

.cd_flourish_chart.cd_loading {
    background: #fff ;
    background-image: var(--loader-url);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 480px;
}

.cd_main_graph_container {
    display: flex;
    row-gap: 40px; /* vertical spacing between graphs */
    column-gap: 15px; /* horizontal spacing between graphs */
    flex-wrap: wrap;
    position: relative;
}

.cd_main_graph_container .cd_graph_container_child {
    flex: 1 0 0%;
    min-width: calc(50% - 15px);
    padding-bottom: 10px;
    position: relative;
}

.cd_flourish_chart.cd_multi_graph.cd_loading {
    min-height: 240px;
}

.cd_heading {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0.4pt solid #C6C6C6 ;
}

.cd_graph_container_child_1 .cd_heading, 
.cd_graph_container_child_2 .cd_heading, 
.cd_graph_container_child_3 .cd_heading, 
.cd_graph_container_child_4 .cd_heading, 
.cd_graph_container_child_5 .cd_heading, 
.cd_graph_container_child_6 .cd_heading {
    padding-left: 10px;
}

.cd_heading_txt {
    font-size: 1.3rem;
    font-weight: normal;
}

.cd__meta_text {
    display: none;
}

.cd__meta_text {
    padding: 0px 10px;
}

.cd__meta_text>div {
    /*margin: 10px 0px;*/
    margin: 25px 0px;
}

span.cd__bold {
    font-weight: bold;
    display: block;
    line-height: 1.2;
}

span.cd__date_selection{
    line-height: 1.3;
}

span.cd_res_selected {
    text-transform: capitalize;
}

.mx479 .cd_main_graph_container .cd_graph_container_child {
    width: 100%;
    min-width: 100%;
    margin-bottom: 30px;
}

.mx479 .cd_legend_container {
    padding: 0 0 0 25px;
    font-size: 14px;
}

.mx479 .cd_legend{
    width: 40%;
    margin-bottom: 10px;
}

/* Agoratool css */
.kb_agoratool-container {
    position: relative;
    overflow: hidden
}

@media (prefers-color-scheme: dark) {
    .kb_agoratool-container {
        -webkit-border-before: var(--line) solid var(--color--background);
        border-block-start: var(--line) solid var(--color--background)
    }
}

.kb_agoratool {
    --spacing: clamp(1rem, .86111rem + .69444cqi, 1.5rem);
    container-type: inline-size;
    isolation: isolate;
    display: grid;
    grid-column: 2/3
}

.kb_agoratool-nav {
    background-color: var(--color--background-alternate);
    color: var(--color--font)
}

.kb_agoratool-nav__title {
    display: none;
    margin-inline: var(--spacing);
    font-size: 1.125rem;
    line-height: 1.55556
}

.kb_agoratool-nav__toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: inherit;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    line-height: inherit;
    min-block-size: 2.75rem;
    line-height: 1.5;
    font-weight: 700;
    border-radius: var(--roundness);
    gap: .5rem;
    inline-size: 100%
}

.kb_agoratool-nav__toggle>* {
    pointer-events: none;
    fill: currentColor;
}

.kb_agoratool-nav__toggle:is(a) {
    text-decoration: none
}

.kb_agoratool-nav__toggle:is(a):hover {
    text-decoration: none
}

.kb_agoratool-nav__toggle:active {
    transform: translateY(1px)
}

.kb_agoratool-nav__toggle[disabled] {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kb_agoratool-nav__toggle[aria-expanded="false"] [data-icon-expanded="true"] {
    display: none
}

.kb_agoratool-nav__toggle[aria-expanded="true"] [data-icon-expanded="false"] {
    display: none
}

.kb_agoratool-nav__toggle[aria-expanded="true"] {
    color: var(--color--highlight)
}

@media (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__toggle {
        transition: color var(--timing) var(--ease)
    }
}

/* .kb_agoratool-nav__toggle:hover {
    color: var(--color--highlight)
} */

.kb_agoratool-nav__body {
    display: grid;
    gap: var(--spacing)
}

.kb_agoratool-nav__body:not([aria-hidden="false"]) {
    display: none
}

.kb_agoratool-nav__menu,
.kb_agoratool-nav__menu-item {
    min-inline-size: 0
}

.kb_agoratool-nav__menu {
    display: grid
}

.kb_agoratool-nav__link,
.kb_agoratool-nav__switch-item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: inherit;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    line-height: inherit;
    min-block-size: 2.75rem;
    line-height: 1.5;
    font-weight: 700;
    border-radius: var(--roundness)
}

.kb_agoratool-nav__link>*,
.kb_agoratool-nav__switch-item>* {
    pointer-events: none
}

.kb_agoratool-nav__link:is(a),
.kb_agoratool-nav__switch-item:is(a) {
    text-decoration: none
}

.kb_agoratool-nav__link:is(a):hover,
.kb_agoratool-nav__switch-item:is(a):hover {
    text-decoration: none
}

.kb_agoratool-nav__link:active,
.kb_agoratool-nav__switch-item:active {
    transform: translateY(1px)
}

select#kb_agoratool-time__renewable-share[disabled],
select#kb_agoratool-time__resolution[disabled],
input.cd_datepicker[disabled],
.kb_agoratool-nav__link[disabled],
.kb_agoratool-nav__switch-item[disabled] {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kb_agoratool-nav__switch {
    align-items: center;
    background-color: var(--color--background);
    border-radius: 1.375rem;
    display: flex;
    font-size: .875rem;
    margin-inline: var(--spacing);
    min-block-size: 2.75rem;
    padding: .25rem
}

.kb_agoratool-nav__switch-item {
    background-color: var(--color--highlight);
    color: var(--color--font-on-highlight);
    box-shadow: 0 2px 4px var(--color--highlight-shadow);
    padding: .25rem 1.5em;
    border-radius: 1.1875rem;
    box-shadow: none;
    flex: 1;
    min-block-size: 2.25rem;
    padding-inline: .5em;
    white-space: nowrap
}

@media (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__switch-item {
        transition: color var(--timing) var(--ease), background-color var(--timing) var(--ease), box-shadow var(--timing) var(--ease)
    }
}

.kb_agoratool-nav__switch-item:hover {
    background-color: var(--color--highlight-lighter);
    color: var(--color--font-on-highlight);
    box-shadow: 0 2px 8px var(--color--highlight-shadow)
}

.kb_agoratool-nav__switch-item:focus-visible {
    box-shadow: 0 0 0 2px var(--color--font)
}

.kb_agoratool-nav__switch-item .button__text {
    padding-block: .25rem
}

.kb_agoratool-nav__switch-item:hover {
    box-shadow: none
}

.kb_agoratool-nav__switch-item[aria-checked="true"] {
    pointer-events: none
}

.kb_agoratool-nav__switch-item:not([aria-checked="true"]) {
    background-color: transparent;
    color: var(--color--font);
}

.kb_agoratool-nav__switch-item:not([aria-checked="true"]):hover {
    color: var(--color--highlight)
}

.kb_agoratool-nav__switch-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kb_agoratool-nav__link {
    block-size: 3.5rem;
    border-radius: 0;
    font-weight: 400;
    gap: 1em;
    inline-size: 100%;
    justify-content: start;
    line-height: 1.1;
    min-inline-size: 0;
    padding-block: .5em;
    padding-inline: var(--spacing);
    position: relative;
    text-align: left
}

@media (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__link {
        transition: color var(--timing) var(--ease)
    }
}

.kb_agoratool-nav__link:hover {
    color: var(--color--highlight)
}

.current.kb_agoratool-nav__link {
    font-weight: 700
}

.current.kb_agoratool-nav__link::before {
    background-color: var(--color--highlight);
    content: '';
    inline-size: .25rem;
    inset: 0 auto 0 0;
    position: absolute
}

@media (min-width: 56.25em) {
    .current.kb_agoratool-nav__link::before {
        inset: 0 0 0 auto
    }
}

svg.kb_icon.kb_agoratool-nav__link-icon {
    flex-shrink: 0;
    fill: currentcolor !important
}

.current .kb_agoratool-nav__link-icon {
    fill: var(--color--highlight)
}

.kb_agoratool-nav__link-label {
    min-inline-size: 0
}

.kb_agoratool-time {
    align-items: center;
    background-color: var(--color--background-alternate);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing);
    padding: var(--spacing)
}

.kb_agoratool-time__switch {
    align-items: center;
    background-color: var(--color--background);
    border-radius: 1.375rem;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    font-size: .875rem;
    min-block-size: 2.75rem;
    padding: .25rem
}

.kb_agoratool-time__switch[aria-hidden="true"] {
    display: none
}

.kb_agoratool-time__switch-item {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: none;
    min-block-size: 2.75rem;
    line-height: 1.5;
    font-weight: 700;
    background-color: var(--color--highlight);
    color: var(--color--font-on-highlight);
    padding: .25rem 1.5em;
    border-radius: 1.1875rem;
    box-shadow: none;
    flex: 1;
    min-block-size: 2.25rem;
    white-space: nowrap
}

.kb_agoratool-time__switch-item>* {
    pointer-events: none
}

.kb_agoratool-time__switch-item:is(a) {
    text-decoration: none
}

.kb_agoratool-time__switch-item:is(a):hover {
    text-decoration: none
}

.kb_agoratool-time__switch-item:active {
    transform: translateY(1px)
}

.kb_agoratool-time__switch-item[disabled] {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (prefers-reduced-motion: no-preference) {
    .kb_agoratool-time__switch-item {
        transition: color var(--timing) var(--ease), background-color var(--timing) var(--ease), box-shadow var(--timing) var(--ease)
    }
}

.kb_agoratool-time__switch-item:hover {
    background-color: var(--color--highlight-lighter);
    color: var(--color--font-on-highlight);
    box-shadow: 0 2px 8px var(--color--highlight-shadow)
}

.kb_agoratool-time__switch-item:focus-visible {
    box-shadow: 0 0 0 2px var(--color--font)
}

.kb_agoratool-time__switch-item .button__text {
    padding-block: .25rem
}

.kb_agoratool-time__switch-item:hover {
    box-shadow: none
}

.kb_agoratool-time__switch-item[aria-checked="true"] {
    pointer-events: none
}

.kb_agoratool-time__switch-item:not([aria-checked="true"]) {
    background-color: transparent;
    color: currentColor
}

.kb_agoratool-time__switch-item:not([aria-checked="true"]):hover {
    color: var(--color--highlight)
}

.kb_agoratool-time__input {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 0 .5em
}

.kb_agoratool-time__input:not(.kb_agoratool-time__input--select) {
    flex-wrap: wrap;
    flex: 2
}

.kb_agoratool-time__input[aria-hidden="true"] {
    display: none
}

.kb_agoratool-time__input input,
.kb_agoratool-time__input select {
    block-size: 2.75rem;
    border-radius: 1.375rem;
    flex: 1;
    max-inline-size: 100%
}

.kb_agoratool-time__input-label {
    font-size: .875rem;
    font-weight: 700;
    white-space: nowrap
}

.kb_agoratool-meta {
    align-items: center;
    background-color: var(--color--background);
    border-block: var(--line) solid var(--color--background-alternate);
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.5rem;
    justify-content: flex-end;
    padding: calc(var(--spacing) / 2) var(--spacing)
}

.kb_agoratool-meta__downloads-container,
.kb_agoratool-meta__downloads,
.kb_agoratool-meta__share {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.kb_agoratool-meta__downloads-title {
    font-size: .875rem
}

.kb_agoratool-meta__download-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: inherit;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    line-height: inherit;
    min-block-size: 2.75rem;
    line-height: 1.5;
    font-weight: 700;
    border-radius: var(--roundness);
    block-size: 2rem;
    border-radius: 1rem;
    border: var(--line) solid var(--color--background-alternate);
    font-size: .875rem;
    gap: .5em;
    min-block-size: unset;
    padding: .25em 1em;
    white-space: nowrap
}

.kb_agoratool-meta__download-link>* {
    pointer-events: none
}

.kb_agoratool-meta__download-link:is(a) {
    text-decoration: none
}

.kb_agoratool-meta__download-link:is(a):hover {
    text-decoration: none
}

.kb_agoratool-meta__download-link:active {
    transform: translateY(1px)
}

.kb_agoratool-meta__download-link[disabled] {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cd__disabled {
    pointer-events: none;
    opacity: 0.5;
}

@media (prefers-reduced-motion: no-preference) {
    .kb_agoratool-meta__download-link {
        fill: var(--color--font);
        transition: background-color var(--timing) var(--ease)
    }
}

.kb_agoratool-meta__download-link:hover {
    background-color: var(--color--background-alternate);
    color: var(--color--highlight);
    fill: var(--color--highlight);
}

.kb_agoratool-meta__download-icon {
    block-size: 1.25em;
    inline-size: 1.25em;
    fill: var(--color-font)
}

.kb_agoratool-meta .nav-some__title {
    font-weight: 500
}

.kb_agoratool-meta .nav-some__menu {
    align-items: center;
    gap: .75rem;
    margin: 0;
    min-block-size: 2.75rem
}

.kb_agoratool-meta .nav-some__menu .nav-some__menu-item {
    cursor: pointer;
}

.kb_agoratool-meta .nav-some__icon,
.kb_agoratool-meta .nav-some__link {
    block-size: 1.25rem;
    inline-size: 1.25rem
}

svg.kb_icon.nav-some__icon {
    fill: var(--color--font);
    transition: var(--timing) var(--ease);
}

svg.kb_icon.nav-some__icon:hover {
    fill: var(--color--highlight);
    
}

/* svg.kb_icon.kb_agoratool-meta__download-icon {
    fill: var(--color--font);
} */

.cd_imp_exp_annot {
    position: absolute;
    top: 280px;
    left:-235px;
    transform: rotate(270deg);
    display: flex;
    width: 480px;
    color: #878787;
    user-select: none;
    cursor: default;
    visibility: hidden;
    justify-content: center;
}

.cd__imp {
    margin-right: 20px;
}

.cd__exp {
    margin-left: 20px;   
}

.cd_graph_container_child_2 .cd__imp,
.cd_graph_container_child_2 .cd__exp {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
}

/* .cd_imp_exp_annot .cd_label_child {
    margin-left: 15%;
    margin-right: 15%;
} */

.cd__popup_alert{
    position : fixed;
    top: 50%;
    left : 50%;
    transform : translate(-50%, -50%);
    background: var(--input--color-background);
    padding: 15px 30px;
    border: var(--line) solid var(--input--color-border);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
    font-size: var(--font-size--base);
    font-weight: 500;
    color: var(--color--error);
}

.cd__popup_close {
    position: fixed;
    top: 0;
    left: 0%;
    transform: translate(0px, -1px);
}

/* .cd__popup_close::after {
    content: "x";
} */

.cd_popup_error_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.cd_info-box_inner {
    grid-column: 2/3;
    grid-row: 1/2;
}
.cd_info-box_inner.info-box__inner::before {
    -webkit-mask-image: var(--icon--error);
    position: absolute;
    content: '';
    block-size: 1.5rem;
    content: '';
    grid-column: 1/2;
    grid-row: 1/2;
    inline-size: 1.5rem;
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--color--error);
    left: 0;
}

@media (max-width: 56.1875em) {
    .kb_agoratool-nav__collapse {
        display: none
    }

    .kb_agoratool-nav__switch {
        margin-block: var(--spacing)
    }

    .kb_agoratool-time__switch-item {
        padding-inline: .5em
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-container {
        display: grid;
        grid-template-columns: 1fr var(--container--width--wider) 1fr
    }

    .kb_agoratool-container::before {
        background: var(--color--background-invert);
        content: '';
        grid-column: 1/2;
        inset: 0;
        position: absolute
    }
}

@media (min-width: 56.25em) and (prefers-color-scheme: dark) {
    .kb_agoratool-container::before {
        background-color: var(--color--background-alternate)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-nav {
        padding-block: var(--spacing)
    }

    .kb_agoratool-nav__collapse {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: inherit;
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
        line-height: inherit;
        align-items: center;
        display: flex;
        gap: .5rem;
        -webkit-margin-after: var(--spacing);
        margin-block-end: var(--spacing);
        -webkit-margin-start: var(--spacing);
        margin-inline-start: var(--spacing);
        position: relative;
        text-align: left
    }

    .kb_agoratool-nav__collapse>* {
        pointer-events: none
    }

    .kb_agoratool-container .kb_agoratool-nav__collapse {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    .kb_agoratool-nav__collapse-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: inherit;
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
        line-height: inherit;
        min-block-size: 2.75rem;
        line-height: 1.5;
        font-weight: 700;
        border-radius: var(--roundness);
        background-color: var(--color--highlight);
        color: var(--color--font-on-highlight);
        box-shadow: 0 2px 4px var(--color--highlight-shadow);
        padding: .25rem 1.5em;
        justify-content: center;
        align-items: center;
        inline-size: 2.75rem;
        block-size: 2.75rem;
        padding: 0
    }

    .kb_agoratool-nav__collapse-button>* {
        pointer-events: none
    }

    .kb_agoratool-nav__collapse-button:is(a) {
        text-decoration: none
    }

    .kb_agoratool-nav__collapse-button:is(a):hover {
        text-decoration: none
    }

    .kb_agoratool-nav__collapse-button:active {
        transform: translateY(1px)
    }

    .kb_agoratool-nav__collapse-button[disabled] {
        opacity: .5;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

@media (min-width: 56.25em) and (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__collapse-button {
        transition: color var(--timing) var(--ease), background-color var(--timing) var(--ease), box-shadow var(--timing) var(--ease)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-nav__collapse-button:hover {
        background-color: var(--color--highlight-lighter);
        color: var(--color--font-on-highlight);
        box-shadow: 0 2px 8px var(--color--highlight-shadow)
    }

    .kb_agoratool-nav__collapse-button:focus-visible {
        box-shadow: 0 0 0 2px var(--color--font)
    }

    .kb_agoratool-nav__collapse-button .button__text {
        padding-block: .25rem
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon) {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        block-size: 1px;
        inline-size: 1px;
        margin: -1px;
        padding: 0;
        border: none
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: inherit;
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
        line-height: inherit;
        min-block-size: 2.75rem;
        line-height: 1.5;
        font-weight: 700;
        border-radius: var(--roundness);
        background-color: var(--color--highlight);
        color: var(--color--font-on-highlight);
        box-shadow: 0 2px 4px var(--color--highlight-shadow);
        padding: .25rem 1.5em;
        position: fixed;
        inset: 1rem auto auto 1rem;
        block-size: auto;
        inline-size: auto;
        clip: auto;
        z-index: 99
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus>* {
        pointer-events: none
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus:is(a) {
        text-decoration: none
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus:is(a):hover {
        text-decoration: none
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus:active {
        transform: translateY(1px)
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus[disabled] {
        opacity: .5;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

@media (min-width: 56.25em) and (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus {
        transition: color var(--timing) var(--ease), background-color var(--timing) var(--ease), box-shadow var(--timing) var(--ease)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus:hover {
        background-color: var(--color--highlight-lighter);
        color: var(--color--font-on-highlight);
        box-shadow: 0 2px 8px var(--color--highlight-shadow)
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus:focus-visible {
        box-shadow: 0 0 0 2px var(--color--font)
    }

    .kb_agoratool-nav__collapse-button>*:not(.kb_icon):focus .button__text {
        padding-block: .25rem
    }

    .kb_agoratool-nav__collapse:hover .kb_agoratool-nav__collapse-button {
        background-color: var(--color--highlight-lighter);
        color: var(--color--font-on-highlight);
        box-shadow: 0 2px 8px var(--color--highlight-shadow)
    }

    .kb_agoratool-nav__collapse-label {
        font-weight: 700
    }
}

@media (min-width: 56.25em) and (prefers-reduced-motion: no-preference) {
    .kb_agoratool-nav__collapse .kb_icon {
        transition: transform var(--timing) var(--ease)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-nav__collapse[aria-expanded="false"] .kb_icon {
        transform: scale(-1)
    }

    .kb_agoratool-nav__collapse[aria-expanded="false"] .kb_agoratool-nav__collapse-label {
        display: none
    }

    .kb_agoratool {
        grid-template-areas: "nav time" "nav main" "nav meta";
        grid-template-columns: 20rem 1fr;
        grid-template-rows: auto 1fr auto
    }

    .kb_agoratool[data-at-nav-collapsed="true"] {
        grid-template-columns: calc(2.75rem + (var(--spacing)*2)) 1fr
    }

    .kb_agoratool-container .kb_agoratool[data-at-nav-collapsed="true"] {
        grid-template-columns: calc(2.75rem + var(--spacing)) 1fr
    }

    .kb_agoratool-nav {
        grid-area: nav;
        z-index: 9
    }

    .kb_agoratool-container .kb_agoratool-nav__switch {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__switch {
        flex-direction: column;
        inline-size: 2.75rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__switch-item {
        inline-size: 2.25rem
    }

    .kb_agoratool-container .kb_agoratool-nav__link {
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }

    .kb_agoratool-nav__link-label {
        display: flex;
        align-items: center
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link-label {
        border-radius: var(--roundness);
        color: var(--color--font);
        inset: .5rem auto .5rem calc(2.25rem + (var(--spacing)*2));
        opacity: 0;
        padding-inline: 1rem;
        position: absolute;
        transform: translateX(1.25rem);
        white-space: nowrap
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-container [data-at-nav-collapsed="true"] .kb_agoratool-nav__link-label {
        inset: .5rem auto .5rem calc(2.25rem + var(--spacing))
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link-icon {
        transform: translateX(.5rem)
    }

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link:hover .kb_agoratool-nav__link-label,
    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link:focus .kb_agoratool-nav__link-label {
        background-color: var(--color--background-alternate);
        opacity: 1
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_other_kpis.kb_agoratool-nav__menu-item.current span {
        opacity: 0;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_other_kpis.kb_agoratool-nav__menu-item.current:hover span{
        opacity: 1;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_other_future_kpis.kb_agoratool-nav__menu-item.current span{
        opacity: 0;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_other_future_kpis.kb_agoratool-nav__menu-item.current:hover span{
        opacity: 1;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_future_overview.kb_agoratool-nav__menu-item.current:hover span{
        opacity:1;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_future_overview.kb_agoratool-nav__menu-item.current span {
        opacity: 0;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_overview.kb_agoratool-nav__menu-item.current span{
        opacity:0;
    }
    .kb_agoratool[data-at-nav-collapsed="true"] li.cd_kpi_item.cd_overview.kb_agoratool-nav__menu-item.current:hover span{
        opacity:1;
    }
    
}

@media (min-width: 56.25em) and (prefers-reduced-motion: no-preference) {

    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link:hover .kb_agoratool-nav__link-label,
    [data-at-nav-collapsed="true"] .kb_agoratool-nav__link:focus .kb_agoratool-nav__link-label {
        transition: opacity var(--timing) var(--ease)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-time {
        grid-area: time
    }
}

@media (min-width: 56.25em) and (prefers-color-scheme: dark) {
    .kb_agoratool-time {
        -webkit-border-start: var(--line) solid var(--color--background);
        border-inline-start: var(--line) solid var(--color--background)
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-container .kb_agoratool-time {
        isolation: isolate;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        position: relative
    }

    .kb_agoratool-container .kb_agoratool-time::after {
        background-color: var(--color--background-alternate);
        content: '';
        inline-size: 100vw;
        inset: 0 auto 0 0;
        position: absolute;
        z-index: -1
    }

    .kb_agoratool-main {
        grid-area: main
    }

    .kb_agoratool-meta {
        grid-area: meta
    }

    .kb_agoratool-container .kb_agoratool-meta {
        -webkit-border-before: none;
        border-block-start: none;
        isolation: isolate;
        -webkit-padding-end: 0;
        padding-inline-end: 0;
        position: relative
    }

    .kb_agoratool-container .kb_agoratool-meta::before,
    .kb_agoratool-container .kb_agoratool-meta::after {
        background-color: var(--color--background-alternate);
        block-size: var(--line);
        content: '';
        inline-size: 100vw;
        position: absolute;
        z-index: -1
    }

    .kb_agoratool-container .kb_agoratool-meta::before {
        inset: 0 auto auto 0
    }

    .kb_agoratool-container .kb_agoratool-meta::after {
        inset: auto auto 0 0
    }
}

@media (min-width: 56.25em) {
    .kb_agoratool-nav {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .kb_agoratool-time {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .kb_agoratool-main {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .kb_agoratool-meta {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }
}
/* Agoratool css */

@media only print{
   .kb_agoratool-time, .kb_agoratool-nav, .kb_agoratool-meta, .cd_graph_footer {display: none;}

   .cd__meta_text{display: block; margin-top: 40px;}

    .cd__meta_text:last-child {margin-bottom: 0;}

   .cd_main_graph_container {padding: 0px;}

   .cd_heading {padding-left: 30px; padding-top: 0px;}
   
   .cd_legend { width:25%; }
   .cd_legend_ico_line, .cd_legend_ico {width: 5px; height: 2px}
   .cd_legend_txt {font-size: 11px; margin: 5px 0px 0px 5px;}

   .cd_graph_container_child_5 .cd_legend, .cd_graph_container_child_6 .cd_legend{ width:35% }

}

/* @media print {
    body * {display: none;}
  
    [data-printable="true"] {display: block;}

    .cd_main_graph_container {display: flex !important;}

    .cd_main_graph_container .cd_graph_container_child {display: block;}
    
    .cd_main_graph_container .cd_graph_container_child * {display: block !important;}

    .kb_agoratool-time {display: none;}
} */
.st2{fill: currentColor}
.st8{fill:none;stroke: currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st23{fill:none;stroke: currentColor;stroke-width: 2.5px;/* stroke-miterlimit:10; */}
.st84{fill: none;stroke: currentColor;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}