﻿.cision_graph, .cision_graph * {
    font-family: 'Barlow'
}

    .cision_graph p {
        font-size: 19px;
        line-height: 30px
    }

    .cision_graph a {
        color: #337ab7
    }

        .cision_graph a:hover {
            text-decoration: none
        }

    .cision_graph .datepicker-dropdown {
        margin-left: -40px;
        margin-top: 25px
    }

    .cision_graph .container > div {
        margin: 20px auto 20px auto
    }

    .cision_graph .clear {
        clear: both
    }

    .cision_graph .small-content {
        display: flex;
        justify-content: center
    }

    .cision_graph .table-sm {
        margin-top: 22px;
        border-bottom: 1px solid #dee2e6
    }

    .cision_graph .table thead th {
        border-top: none
    }

    .cision_graph .table td {
        vertical-align: baseline
    }

        .cision_graph .table td > .form-group, .cision_graph .table td p {
            margin-bottom: 0
        }

    .cision_graph .tab-content {
        padding: 0;
        border: 0
    }

    .cision_graph .pageIndex {
        clear: both
    }

    .cision_graph .extras {
        margin-top: 10px;
        width: 20%;
        float: right
    }

    .cision_graph .required, .cision_graph .required-text {
        margin-right: 10px;
        color: #ce0202
    }

    .cision_graph .required-text {
        margin-bottom: 10px
    }

    .cision_graph .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .cision_graph .text-small {
        font-size: 7pt
    }

    .cision_graph .subscribeInfo {
        float: left;
        margin-right: 25px;
        margin-bottom: 20px
    }

    .cision_graph .mail {
        margin-top: 10px;
        clear: both;
        padding-right: 50px;
        margin-bottom: 20px
    }

        .cision_graph .mail .form-control {
            margin-bottom: 10px
        }

        .cision_graph .mail #sendForm {
            margin-top: 10px
        }

    .cision_graph .orderbook-table td, .cision_graph .orderbook-table th {
        text-align: right
    }

        .cision_graph .orderbook-table td:nth-child(1), .cision_graph .orderbook-table td:nth-child(2), .cision_graph .orderbook-table th:nth-child(1), .cision_graph .orderbook-table th:nth-child(2) {
            text-align: left
        }

    .cision_graph #target-ticker img {
        width: 25px
    }

    .cision_graph .ticker-large td:nth-child(odd) {
        padding-right: 30px
    }

    .cision_graph .ticker-price {
        font-size: 25pt;
        color: #569fca;
        font-weight: bold
    }

    .cision_graph .ticker-large td {
        font-weight: 600
    }

    .cision_graph .small-ticker p {
        margin-bottom: 5px
    }

    .cision_graph .small-ticker .delta {
        margin-top: 3px
    }

    .cision_graph .small-ticker img {
        margin-left: 20px
    }

    .cision_graph .news-feed-release-title {
        font-size: 1.5rem;
        display: block;
        margin-inline-start: 0px;
        margin-inline-end: 0px
    }

    .cision_graph .btn-grey {
        color: white;
        background-color: #666666
    }

    .cision_graph .btn-green {
        color: white;
        background-color: green
    }

    .cision_graph .input-group.date-picker .input-group-prepend button.btn {
        height: 38px;
        align-items: center
    }

    .cision_graph ul li {
        margin: 0
    }

    .cision_graph .nav-tabs .nav-item a {
        font-size: 17px;
        line-height: 20px;
        font-weight: 500
    }

    .cision_graph #sharegraph-container .highcharts-graph {
        stroke: #FABB00
    }

    .cision_graph #sharegraph-container rect.highcharts-point {
        fill: #FABB00
    }

    .cision_graph #sharegraph-container rect.highcharts-navigator-mask-inside {
        fill: rgba(50,50,50,0.05)
    }

    .cision_graph #sharegraph-container path.highcharts-navigator-outline {
        stroke: transparent
    }

#sharegraph-container {
    min-height: 492px
}

    #sharegraph-container .svg.highcharts-root {
        height: 462px
    }

.cision_graph .nav-tabs .nav-item {
    margin: 0
}

    .cision_graph .nav-tabs .nav-item .nav-link {
        font-size: 17px;
        line-height: 20px;
        padding: 17px 15px;
        border-radius: 0;
        color: #10161F
    }

        .cision_graph .nav-tabs .nav-item .nav-link.active {
            border-color: #E0E0E0 #E0E0E0 #fff;
            font-weight: 500
        }

.cision_graph .tab-content {
    border: 0
}

.cision_graph ul li {
    margin: 0
}

.cision_graph .nav-tabs .nav-item a {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    padding: 15px 24px;
    color: #10161F;
    border-radius: 0
}

    .cision_graph .nav-tabs .nav-item a.active {
        font-weight: 500
    }

.cision_graph .sharegraph-tabs table td, .cision_graph .sharegraph-tabs table th, .cision_graph .table-striped td, .cision_graph .table-striped th {
    font-size: 17px;
    line-height: 20px;
    padding: 11px 23px;
    font-weight: 400
}

.cision_graph .sharegraph-tabs table th, .cision_graph .table-striped th {
    font-weight: 500;
    white-space: nowrap
}

.cision_graph .sharegraph-tabs table td.text-right {
    text-align: right
}

.cision_graph .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #10161F;
    --bs-table-striped-bg: rgb(242 242 242 / 60%)
}

.cision_graph .table-striped td, .cision_graph .table-striped th {
    padding: 10px 23px;
    text-align: right
}

    .cision_graph .table-striped td:nth-child(1), .cision_graph .table-striped th:nth-child(1), .cision_graph .table-striped td:nth-child(2), .cision_graph .table-striped th:nth-child(2) {
        text-align: left
    }

    .cision_graph .table-striped td:nth-child(1), .cision_graph .table-striped th:nth-child(1) {
        width: auto
    }

.cision_graph #target-share-performance, .cision_graph #target-largestshareholders {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.cision_graph #target-sharegraph-wrapper #periods {
    display: none
}

.input-group.date-picker .input-group-prepend button.btn {
    height: 100%;
    align-items: center
}

@@media (max-width: 1199px) {
    .cision_graph p {
        font-size: 16px;
        line-height: 24px
    }
}

@@media (max-width: 767px) {
    .cision_graph .nav-tabs {
        border: 0
    }

        .cision_graph .nav-tabs .nav-item .nav-link {
            padding: 11px 0;
            margin: 0 15px 0 0;
            border: 0;
            border-bottom: 2px solid transparent
        }

            .cision_graph .nav-tabs .nav-item .nav-link.active {
                border-color: #000
            }

        .cision_graph .nav-tabs .nav-item:last-child .nav-link {
            margin-right: 0
        }

    .cision_graph .nav-tabs {
        border: 0
    }

        .cision_graph .nav-tabs .nav-item {
            margin: 0 15px 0 0
        }

            .cision_graph .nav-tabs .nav-item:last-child {
                margin-right: 0
            }

            .cision_graph .nav-tabs .nav-item a {
                border: 0;
                padding: 11px 0;
                border-bottom: 2px solid transparent;
                font-size: 14px;
                line-height: 17px
            }

                .cision_graph .nav-tabs .nav-item a.active {
                    border-color: #000
                }

    .cision_graph .sharegraph-tabs table td, .cision_graph .sharegraph-tabs table th, .cision_graph .table-striped td, .cision_graph .table-striped th {
        padding: 9px 10px 8px;
        font-size: 14px;
        line-height: 17px
    }

        .cision_graph .sharegraph-tabs table td:first-child, .cision_graph .sharegraph-tabs table th:first-child {
            padding-left: 0
        }

        .cision_graph .sharegraph-tabs table td:last-child, .cision_graph .sharegraph-tabs table th:last-child {
            padding-right: 0
        }

    .cision_graph .table-striped tr:first-child td, .cision_graph .sharegraph-tabs table tr:first-child td {
        --bs-table-striped-bg: transparent
    }

    .cision_graph .table-striped td {
        padding: 12px 10px
    }

        .cision_graph .table-striped td:first-child {
            padding-left: 16px
        }

        .cision_graph .table-striped td:last-child {
            padding-right: 16px
        }

    .cision_graph .table-striped th, .cision_graph .sharegraph-tabs table th {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(242,242,242,0.6)
    }

    .cision_graph .table-sm {
        margin-top: 20px
    }

        .cision_graph .table-sm.table-striped {
            margin: 15px 0 0
        }
}

@@media (max-width: 575px) {
    .cision_graph .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        line-height: 17px
    }

    .cision_graph #target-largestshareholders {
        width: calc(100% + 32px);
        margin: 0 0 0 -16px
    }
}
