@font-face {
    font-family:"bc-sklonar";
    src:url("https://use.typekit.net/af/3bb090/00000000000000007735b668/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3bb090/00000000000000007735b668/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3bb090/00000000000000007735b668/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style:normal;
    font-weight:400;
}

@font-face {
    font-family:"bc-sklonar";
    src:url("https://use.typekit.net/af/8efe27/00000000000000007735b66e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8efe27/00000000000000007735b66e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8efe27/00000000000000007735b66e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-style:normal;
    font-weight:700;
}

@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c1ecf4/00000000000000007735c727/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
    
@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/f806c0/00000000000000007735c72a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}
    
@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/1d2725/00000000000000007735c72e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/1d2725/00000000000000007735c72e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/1d2725/00000000000000007735c72e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}
    
@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/123d7e/00000000000000007735c72f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/123d7e/00000000000000007735c72f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/123d7e/00000000000000007735c72f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:600;font-stretch:normal;
}
    
@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/f16283/00000000000000007735c732/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f16283/00000000000000007735c732/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/f16283/00000000000000007735c732/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
    
@font-face {
    font-family:"franklin-gothic-atf";
    src:url("https://use.typekit.net/af/6d3002/00000000000000007735c733/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/6d3002/00000000000000007735c733/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/6d3002/00000000000000007735c733/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

table.viz { 
    border-collapse: collapse;
    margin: 0 0 1em 0;
    font-size: .8em;
    height: auto;
    font-family: 'franklin-gothic-atf', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

table.viz caption {
    text-align: left;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 1em
}

table.viz thead {
    border-bottom: 2px solid #000;
    font-size: .8em;
    font-weight: bold;
    vertical-align: bottom;
    text-transform: uppercase
}

table.viz thead th,
table.viz thead td {
    border-bottom: none;
    font-weight: 400;
    text-align: left;
    padding: .5em .5em .2em .5em;
    line-height: 1.4em;
    vertical-align: bottom
}

table.viz thead th.number,
table.viz thead td.number {
    text-align: right
}

table.viz thead th.rank,
table.viz thead td.rank {
    text-align: center
}

table.viz thead th.upper-text,
table.viz thead td.upper-text {
    text-align: center;
    border-bottom: 1px solid #000
}

table.viz tbody td,
table.viz tbody th {
    border-bottom: 1px solid #cdcdcd;
    vertical-align: middle;
    line-height: 1.35em;
    padding: .32em .5em .18em .5em;
    height: 100%
}

table.viz tbody td.number,
table.viz tbody th.number {
    text-align: right;
    font-family: 'bc-sklonar', monospace;
}

table.viz tbody td.number.white,
table.viz tbody th.number.white {
    color: #fff
}

table.viz tbody td.text,
table.viz tbody th.text {
    text-align: left
}

table.viz tbody td.text.blue,
table.viz tbody th.text.blue {
    color: #3255a4
}

table.viz tbody td.text.red,
table.viz tbody th.text.red {
    color: #cc241a
}

table.viz tbody td.rank,
table.viz tbody th.rank {
    font-size: 75%;
    text-align: center;
    font-weight: bold;
    padding: .38em .5em .12em .5em
}

table.viz tbody td.bold,
table.viz tbody th.bold {
    font-weight: bold
}

table.viz tbody td.highlight,
table.viz tbody th.highlight {
    background-color: #f0f0f0
}

table.viz tbody tr:last-child td {
    border-bottom: none
}

table.viz tbody div.bar {
    background-color: #f26c3b;
    color: rgba(0, 0, 0, 0);
    font-size: inherit;
    height: 13px;
    padding: 0
}

table.viz tbody div.bar.blue {
    background-color: #3255a4
}

table.viz tbody div.bar.red {
    background-color: #cc241a
}

table.viz td.bars,
table.viz th.bars {
    padding: .25em .5em .25em 0
}

.viz.mce-item-table {
    border-collapse: collapse
}

@media screen and (max-width: 767px) {
    .viz.mce-item-table {
        width: 50% !important
    }
}

.viz.mce-item-table,
.viz.mce-item-table td,
.viz.mce-item-table th,
.viz.mce-item-table caption {
    border: none
}

header.viz {
    border-top: 1px solid #f0f0f0;
    padding-top: 13px;
    margin-bottom: 18px
}

header.viz h5.title,
header.viz h2.title {
    font-family: 'franklin-gothic-atf', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 0px;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: .15em;
    border-top: none
}

header.viz p.subtitle {
    font-family: 'franklin-gothic-atf', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 20px;
    margin: 0
}

footer.viz {
    margin-bottom: 1em;
    padding-bottom: 0em;
    border-bottom: 1px solid #f0f0f0
}

footer.viz p {
    font-size: 12px !important;
    line-height: 15px !important;
    color: #555
}

footer.viz p.source {
    font-family: 'bc-sklonar', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

footer.viz p:last-child {
    margin-bottom: 1em !important
}

section.viz {
    float: none;
    width: 100%;
    margin: 1.5em 0 1.5em 0;
    background-color: #fff
}

section.viz table.viz {
    width: 100% !important;
    float: none
}

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

    table.viz td,
    table.viz th {
        font-size: 95% !important
    }

    table.viz td.rank {
        font-size: 71.25% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 90% !important
    }

    table.viz td.rank {
        font-size: 67.5% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 85% !important
    }

    table.viz td.rank {
        font-size: 63.75% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 80% !important
    }

    table.viz td.rank {
        font-size: 60% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 75% !important
    }

    table.viz td.rank {
        font-size: 56.25% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 70% !important
    }

    table.viz td.rank {
        font-size: 52.5% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 65% !important
    }

    table.viz td.rank {
        font-size: 48.75% !important
    }
}

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

    table.viz td,
    table.viz th {
        font-size: 60% !important
    }

    table.viz td.rank {
        font-size: 45% !important
    }
}

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

    h5.viz-caption,
    table.viz caption,
    h5.title,
    h2.title {
        font-size: 19px !important;
        line-height: 22px !important
    }

    p.subtitle {
        font-size: 16px !important;
        line-height: 19px !important
    }

    footer.viz p {
        font-size: 12px !important;
        line-height: 15px !important
    }
}

section.viz.half {
    width: 50%;
    margin: 0 1.5em 0 0;
    float: left
}

@media screen and (max-width: 767px) {
    section.viz.half {
        width: 100% !important;
        float: none
    }
}

section.viz.half table.viz.full {
    margin: 0 0 1em 0
}

@media only screen and (min-width: 1100px) {
    section.viz.table-full-width {
        position: relative;
        width: 1024px;
        left: -225px
    }
}

.table-streep td.text:not(:first-child) {
    font-size: 18px
}

@media only screen and (min-width: 1100px) {
    .table-streep td.text:not(:first-child) {
        font-size: 22px
    }
}

section.viz h5.viz-caption {
    font-family: 'franklin-gothic-atf', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 1em
}

section.viz table.viz.expandable tr.expandable {
    display: none
}

section.viz table.viz.searchable tr.nomatch td {
    text-align: center;
    height: 3em;
    color: #555;
    font-style: italic
}

section.viz table.viz td {
    border-top: none
}

section.viz .viz-table-search {
    float: right;
    width: 30%;
    border: 1px solid #222;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'franklin-gothic-atf', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    height: 26px;
    padding: 0 .5em
}

section.viz table.viz.sortable th:not(.no-sort):not(.upper) {
    cursor: pointer;
    user-select: none
}

section.viz table.viz.sortable th:not(.no-sort):not(.upper):hover {
    background-color: #eee
}

section.viz table.viz.sortable th:not(.no-sort):not(.upper) .sorter {
    display: inline-block;
    color: #999;
    font-size: 6px;
    line-height: 5px;
    margin-left: 1px;
    margin-top: 1px
}

section.viz table.viz.sortable th:not(.no-sort):not(.upper) .sorter .asc,
section.viz table.viz.sortable th:not(.no-sort):not(.upper) .sorter .desc {
    display: block
}

@media only screen and (max-width: 450px) {
    section.viz table.viz.sortable th:not(.no-sort):not(.upper) .sorter {
        display: none
    }
}

@media only screen and (max-width: 450px) {
    section.viz table.viz.sortable th[aria-sort=ascending]:not(.no-sort):not(.upper) {
        color: #fff;
        background-color: #222
    }

    section.viz table.viz.sortable th[aria-sort=ascending]:not(.no-sort):not(.upper):hover {
        background-color: #222
    }
}

section.viz table.viz.sortable th[aria-sort=ascending]:not(.no-sort):not(.upper) .asc {
    color: #000
}

@media only screen and (max-width: 450px) {
    section.viz table.viz.sortable th[aria-sort=descending]:not(.no-sort):not(.upper) {
        color: #fff;
        background-color: #222
    }

    section.viz table.viz.sortable th[aria-sort=descending]:not(.no-sort):not(.upper):hover {
        background-color: #222
    }
}

section.viz table.viz.sortable th[aria-sort=descending]:not(.no-sort):not(.upper) .desc {
    color: #000
}

section.viz.scrollable .viz-scroller {
    clear: both;
    overflow-x: hidden;
    height: 500px;
    margin-bottom: 20px
}

section.viz.scrollable table {
    border-collapse: separate
}

section.viz.scrollable table th:not(.upper) {
    border-bottom: 2px solid #000
}

section.viz.scrollable table thead,
section.viz.scrollable table th {
    background-color: #fff
}

section.viz.scrollable table thead tr {
    background: white !important;
    position: sticky !important;
    top: 0 !important;
    display: table-row !important;
}

section.viz.scrollable table thead tr.hidden {
    visibility: hidden
}

section.viz div.viz-expander {
    text-align: center;
    line-height: 12px;
    margin-bottom: 1.5em
}

section.viz div.viz-expander span.button,
section.viz div.viz-expander a.button {
    border: 2px solid black;
    padding: 10px 5px;
    margin: 6px 0px;
    display: inline-block;
}

section.viz div.viz-expander span.button:hover,
section.viz div.viz-expander a.button:hover {
    color:white;
    background-color: black;
}

.liveblog-entry-content footer.viz {
    border-bottom: 1px solid #ccc
}

.liveblog-entry-content section.viz {
    background-color: #f0f0f0;
    border-top: 1px solid #ccc
}

.liveblog-entry-content section.viz .viz-table-search {
    background-color: #f0f0f0
}

.liveblog-entry-content section.viz table.viz.sortable th:not(.no-sort):not(.upper):hover {
    background-color: #ccc
}

.liveblog-entry-content section.viz.scrollable table thead,
.liveblog-entry-content section.viz.scrollable table th {
    background-color: #f0f0f0
}