body {
    max-width: 900px;
    margin-right: 10px;
    font-family: 'Open Sans';
    padding-bottom: 20px;
}

h6 {
    font-size: 16px;
    margin: 16px 0 8px 0;
    font-weight: 700;
}

table.center {
    margin: 5px;
    width: 100%
}

tbody thead {
    color: #323132;
}


thead {
    font-weight: 700;
}

th,
td {
    border-bottom: 2px solid #000;
    font-size: 16px;
    text-align: left;
}

tr {
    height: 50px;
    vertical-align: top;
    text-align: left;
}

td {
    padding-right: 10px;
}


#sub {
    vertical-align: sub;
    font-size: 12px;
}

td.dash0,
td.dash1,
td.dash2,
td.dash3,
td.dash4 {
    border-bottom: 2px solid #ddd;
}

td.header1,
td.header2 {
    vertical-align: bottom;
    text-align: right;
}

td.header0,
td.header1,
td.header2,
td.header3,
td.header4 {
    vertical-align: bottom;
}

td.dash0 p,
td.dash0 span {
    font-weight: 600;
}

td.dash1 p,
td.dash2 p {
    text-align: right;
    vertical-align: sub;
}

td.dash3 {
    padding-right: 0px;
}

.sparkNo {
    fill: #323132;
    font-size: 12px;
    font-weight: 700;
}

.sparkDate {
    fill: #323132;
    font-size: 12px;
}



/* tippy styling */

.tippy-tooltip.ons-theme[x-placement^='top'] .tippy-arrow {
    border-top-color: #206095;
}

.tippy-tooltip.ons-theme[x-placement^='bottom'] .tippy-arrow {
    border-bottom-color: #206095;
}

.tippy-tooltip.ons-theme[x-placement^='left'] .tippy-arrow {
    border-left-color: #206095;
}

.tippy-tooltip.ons-theme[x-placement^='right'] .tippy-arrow {
    border-right-color: #206095;
}

.tippy-tooltip.ons-theme .tippy-roundarrow {
    fill: #206095;
}

.tippy-tooltip.ons-theme {
    background-color: #206095;
    color: white;
}

.tippy-tooltip.ons-theme[data-animatefill] {
    background-color: transparent;
}

.tippy-tooltip.ons-theme .tippy-backdrop {
    background-color: #206095;
}

.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#sourceLink {
    font-weight: 400;
    color: #206095;
    text-decoration: underline;
    display: flex;
    font-size: 14px;
}

/* Tabs design */

ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
}


/* Tabs design medium and large screen size */

.tabs_list {
    border-bottom: 1px solid #b1b4b6;
    list-style: none;
    width: 100%;
    display: flex;

}

.tabs_list-item {
    display: inline-flex;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 10px 20px;
    float: left;
    background-color: #f3f2f1;
    text-align: center;
    list-style: none;
    text-decoration: underline;
    text-underline-offset: 2px;
}


.tabs_list-item--selected {
    position: relative;
    margin-top: -5px;
    margin-bottom: -1px;
    padding-top: 14px;
    padding-right: 19px;
    padding-bottom: 16px;
    padding-left: 19px;
    border: 1px solid #b1b4b6;
    border-bottom: 0;
    background-color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.tabs_list-item:focus,
.tabs_list-item:hover {
    outline: orange 3px solid;
    text-decoration-thickness: 3px;
}

/* Tabs design small screen size */

.tabs_list_sm {
    list-style: none;
    width: 100%;
    display: inline-block;
    vertical-align: middle;

}

.tabs_list_sm-item {
    margin-left: 25px;
    padding: 5px;
    list-style: none;
    text-decoration: underline;
    text-underline-offset: 2px;

}

.tabs_list_sm-item--selected {
    margin-left: 5px;
    background-color: #fff;
    text-decoration-thickness: 3px;
    font-weight: 700;
}

.tabs_list_sm-item:focus,
.tabs_list_sm-item:hover {
    outline: orange 3px solid;
    text-decoration-thickness: 3px;
}

.sparkLine {
    width: 100%;
    margin: 0 auto;
}


.domain {
    stroke: none;
}

title {
    background-color: orange;
}

.latest {
    font-weight: normal;
}

.uparrow {
    color: #206095;
}

.downarrow {
    color: #EE6955;
}