@charset "UTF-8";

@font-face {
    font-family: "WarnockProDisplay";
    src: url("/fonts/WarnockPro-Disp.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: "WarnockProDisplayi";
    src: url("/fonts/WarnockPro-ItDisp.otf") format("opentype");
    font-weight: normal !important;
}

@font-face {
    font-family: "AkzidenzGrotesk300";
    src: url("/fonts/AkzidGroStdLig.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: "AkzidenzGrotesk300i";
    src: url("/fonts/AkzidGroStdLigIta.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: "AkzidenzGrotesk400";
    src: url("/fonts/AkzidGroStdReg.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: "AkzidenzGrotesk500";
    src: url("/fonts/AkzidGroStdMed.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: "AkzidenzGrotesk700";
    src: url("/fonts/AkzidGroStdBol.otf") format("opentype");
    font-weight: normal !important;
    font-style: normal;
}

html,
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "AkzidenzGrotesk300";
    font-weight: normal;
    background-color: #f0f2f1;
    color: #1d1d1d;
    width: 100%;
    overflow-x: hidden;
}

a,
a:hover,
a:focus,
a:visited {
    color: #1d1d1d;
}

p,
li,
ul {
    font-family: "AkzidenzGrotesk300";
    font-size: 1rem;
    line-height: 24px;
}

em,
i {
    font-family: "AkzidenzGrotesk300i";
    font-weight: normal;
    font-style: normal;
}

strong,
b,
.bold {
    font-family: "AkzidenzGrotesk500";
    font-weight: normal;
    font-style: normal;
}

.medium {
    font-family: "AkzidenzGrotesk400";
}

h1, .h1 {
    font-family: "WarnockProDisplay";
    font-weight: normal !important;
    font-size: 2.5rem;
    line-height: 108.5%;
}

    h1::after, .h1::after {
        content: "";
        display: block;
        width: 59px;
        background-color: #7a252f;
        height: 3px;
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

h2, .h2 {
    font-family: "WarnockProDisplay";
    font-weight: normal !important;
    font-size: 2.0625rem;
    line-height: 102.5%;
}

h3, .h3 {
    font-family: "WarnockProDisplay";
    font-weight: normal !important;
    font-size: 1.5625rem;
    letter-spacing: 0.025em;
}

@media (max-width: 992px) {
    p {
        font-size: 1rem;
        line-height: 24px;
    }

    blockquote {
        padding-left: 11px;
    }


    h1, .h1 {
        font-size: 2rem;
    }

        h1::after, .h1::after {
            /*width: 40px;*/
            margin-bottom: 1.25rem;
        }

    h2 {
        font-size: 1.75rem;
    }

    h3, .h3 {
        font-size: 1.4375rem;
    }
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
}

.container.main {
    min-height: 775px;
    margin-top: 45px;
}

@media (max-width: 767.98px) {
    .container.main {
        margin-top: 15px;
    }
}

div.login {
    background-image: url('/images/inlogg-bakgrund-1.jpg');
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
}

    div.login .logotype {
        z-index: 9999;
        position: absolute;
        top: 50px;
        left: 50px;
    }

    div.login .offcanvas-header {
        height: 77px;
        padding-left: 12px;
        background-color: #0c0c0c;
    }

    div.login .offcanvas-body, #signOffcanvas .offcanvas-body {
        padding: 30px;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    div.login .offcanvas-backdrop {
        background-color: transparent !important;
    }


@media (max-width: 579.98px) {

    div.login .offcanvas, #signOffcanvas {
        width: 100% !important;
    }
}

@media (max-width: 992px) {

    div.login .offcanvas-body, #signOffcanvas .offcanvas-body {
        padding-top: 30px;
    }
}

div.login .method {
    background-color: #fbfbf9;
    width: 100%;
    border-radius: 35px;
    padding: 4px;
    border: 1px solid #dce0e4;
    margin-top: 30px;
    margin-bottom: 30px;
}

    div.login .method a {
        width: 100%;
        text-align: center;
        padding: 8px;
    }

    div.login .method .active {
        background-color: #d7e5f5;
        border-radius: 35px;
        border: 1px solid #33456d;
    }

div.login #usernameinfo {
    position: absolute;
    z-index: 1500;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fbfbf9;
    padding: 20px;
}

div.login .phone,
div.login .email {
    background-repeat: no-repeat;
    background-position-y: 4px;
    background-size: 16px 16px;
    padding-left: 25px;
}

div.login .phone {
    background-image: url(../images/telephone-fill.svg);
}

div.login .email {
    background-image: url(../images/envelope-fill.svg);
}

div.login .input-group .form-control {
    background-color: #fbfbf9;
    border: 1px solid #33456d;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 10px;
    padding-left: 20px;
}

    div.login .input-group .form-control.input-validation-error {
        border-color: #33456d !important;
    }

div.login .input-group .search {
    border: 1px solid #33456d;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: url('../images/search-blue.svg') no-repeat center;
    background-size: 22px;
    background-color: #d7e5f5;
    width: 50px;
    height: 46px;
}

div.login .panel .btn-primary {
    background-color: #d7e5f5;
}

div.login a#showVerifyBankId[aria-expanded="true"] {
    display: none;
}

.panel {
    background-color: #d7e5f5;
    border-radius: 20px;
    padding: 20px;
}

hr {
    border-top: 1px solid #dce0e4;
    opacity: unset;
}

.textbox {
    border: none;
    width: 100%;
    border-bottom: 1px solid #dce0e4;
    background-color: transparent;
    padding: 6px;
    padding-left: 0;
}

#bankIdClients button, #bankIdTryAgain {
    background-color: #fbfbf9;
    height: 55px;
    width: 100%;
    border-radius: 35px;
    border: 2px solid #30456c;
    color: #30456c;
}

    #bankIdClients button:first-child {
        margin-bottom: 30px;
        background-color: #30456c;
        color: #fbfbf9;
        border: unset;
    }

#bankIdOverlay {
    display: none;
    position: absolute;
    z-index: 500;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 35px;
    padding-top: 150px;
    background-color: #fbfbf9;
    text-align: center;
}

    #bankIdOverlay #bankIdLoader {
        height: 196px;
    }

a.btn {
    color: #fff;
}

.back-link {
    border: none;
    font-family: 'AkzidenzGrotesk400';
    color: #1d1d1d;
    transition: all 0.5s ease;
    background: url(../images/arrow-left.svg) no-repeat 5px 4px;
    padding-left: 30px;
}

    .back-link:hover {
        background-position-x: 0;
        transition: background-position-x 0.25s ease-in-out !important;
    }

a.back-link {
    text-decoration: none;
    background-position-y: 2px;
}

#exportTransactions {
    border: none;
    font-family: 'AkzidenzGrotesk500';
    color: #1d1d1d;
    background: url(../images/download.svg) no-repeat right 4px;
    padding-right: 25px;
}

.nav-pills li:last-child a {
    margin-right: unset;
}

.nav-pills .nav-link {
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'AkzidenzGrotesk500';
    letter-spacing: 1px;
    margin-right: 15px;
    min-width: 100px;
    background-color: #dce0e4;
    color: #1d1d1d;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
}

    .nav-pills .nav-link.active {
        background-color: #2c456b;
        color: #fff;
    }

@media (max-width: 992px) {
    .nav-pills .nav-link {
        min-width: 80px;
        margin-right: 10px;
    }
}

.fullwidth {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow-x: hidden;
    background-color: #fbfbf9;
}

    .fullwidth.info {
        background-color: #dfede8;
        padding-bottom: 20px;
        padding-top: 20px;
        font-family: "AkzidenzGrotesk400";
        font-size: 18px;
    }

        .fullwidth.info a {
            text-decoration: none;
            transition: all 0.5s ease;
            background: url('../images/arrow-right.svg') no-repeat right center;
            padding-right: 32px;
            background-size: 24px;
        }

            .fullwidth.info a:hover {
                padding-right: 40px;
                transition: padding-right 0.25s ease-in-out !important;
            }

        .fullwidth.info.red {
            background-color: #f4e8e7;
            border-bottom: 1px solid #B6898D;
            color: #7a252f;
        }

            .fullwidth.info.red a {
                color: #7a252f;
                background-image: url('../images/arrow-right-red.svg');
            }

/*@media (max-width: 992px) {

    a.h2.arrow {
        background-position-y: 4px;
    }
}*/
/*@media (max-width: 992px) {
    .fullwidth.verifyemail {
        margin-top: -25px;
        margin-bottom: 25px;
    }
}*/
.verifyEmailInfoContainer {
    margin-top: 20px;
    padding: 20px;
    background-color: #dfede8;
}

a.verifyEmailLogin {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 55px;
    border-radius: 35px;
    border: 2px solid #30456c;
    color: #30456c;
    margin-top: 40px;
}

.content-shadow {
    background-color: #fbfbf9;
    box-shadow: 0 0 6px 4px rgba(158,158,158,0.2);
}

.loader-container {
    height: 400px;
}

.infoicon img {
    margin-bottom: 3px;
    margin-left: 3px;
}

img.check {
    width: 45px;
    margin-bottom: 16px;
    margin-left: 8px;
}

.form-label, .col-form-label {
    font-family: "AkzidenzGrotesk500";
}

    .col-form-label.normal {
        font-family: "AkzidenzGrotesk300";
    }

.tooltip-inner {
    text-align: left;
}


div.message {
    display: inline-block;
    background-position-x: 15px;
    background-position-y: 15px;
    background-repeat: no-repeat;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 45px;
    padding-right: 20px;
    border-radius: 15px;
    text-align: left;
}

    div.message.error {
        background-image: url(../images/shield-fill-exclamation.svg);
        background-color: #f4e8e7;
    }

        div.message.error li {
            font-family: "AkzidenzGrotesk400";
            color: #7a252f;
        }

    div.message.ok {
        background-image: url(../images/check-circle-fill.svg);
        background-color: #dfede8;
        font-family: "AkzidenzGrotesk400";
        color: #309a81
    }


#contractAliasSubmit {
    content: url('../images/check2.svg');
    height: 24px;
}

#contractAliasClear {
    content: url('../images/x.svg');
    height: 24px;
    cursor: pointer;
}

.form-check-label.language {
    margin-left: 7px;
    margin-top: 1px;
}

div.text {
    padding-top: 6px;
    padding-bottom: 6px;
}

div.marketvalue-container {
    width: 145px;
}

div.amount-container {
    width: 165px;
}

div.percentage-container {
    width: 110px;
}

div.hundredpercent-container {
    text-align: center;
    width: 45px;
}

input.amount {
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 5px;
}

    input.amount.percentage {
        width: 85px !important;
    }

.sellamount {
    width: 140px;
}

    .sellamount input.amount {
        width: 75px;
        margin-right: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .sellamount select {
        display: inline-block;
        width: 64px;
        border-left: unset;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

@media (max-width: 992px) {
    div.amount-container {
        width: 150px;
    }

    input.amount {
        width: 110px;
        margin-right: 2px;
    }
}

@media (min-width: 992px) {
    .yearlystatementcontainer {
        min-height: 392px;
    }
}

.form-control:focus {
    border-color: #009c84;
}

.form-select {
    cursor: pointer;
    background-color: #fbfbf9;
}

    .form-select:focus {
        border-color: rgb(222, 226, 230);
    }

.form-check-input, .form-check-input:focus, .form-check-input:checked {
    border: 1px solid #1d1d1d;
}

    .form-check-input:checked {
        background-color: #1d1d1d;
    }

.form-switch .form-check-input:not(:checked):focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

.datepicker {
    background-color: #fbfbf9;
}

input.datepicker {
    width: 120px !important;
}

div.holdingsValue {
    display: inline-block;
    margin-right: 30px;
}

div.actions div {
    /*text-align: center;
    padding: 15px;*/
}

div.actions a {
    margin: 5px;
}

/*@media (max-width: 992px) {
    div.actions a {
        margin-bottom: 10px;
    }
}*/


/*div.actions span {
    display: block;
    margin-top: 5px;
}*/

#contractselect {
    background-color: #fbfbf9;
    border-color: #27456A;
    text-transform: uppercase;
    font-family: "AkzidenzGrotesk400";
    width: auto;
    min-width: 300px;
}

    #contractselect[disabled] {
        cursor: default;
        background-color: #e8e8e8;
        background-image: unset;
    }


.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:focus, .multiselect-container .multiselect-all:hover, .multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-group:hover, .multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-option:hover,
button.multiselect {
    background-color: transparent !important;
}

.multiselect-container.dropdown-menu {
    background-color: #fbfbf9;
}

.btn-group,
.multiselect-container,
#fundSearch {
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .btn-group,
    .multiselect-container,
    #fundSearch {
        width: 100%;
    }
}

.btn-group button {
    text-align: left !important;
    text-transform: uppercase;
}

#fundSearch {
    background: url('/images/search.svg') no-repeat right 15px center;
}

    #fundSearch::placeholder {
        color: #1d1d1d;
    }

#overflowPercentage {
    color: #7a252f;
}

.hide {
    display: none;
}

div.grid-table {
    margin-left: 12px;
    margin-right: 12px;
}

    div.grid-table > .row {
        border-bottom: 1px solid rgb(222, 226, 230);
        padding-top: 16px;
        padding-bottom: 16px;
        align-items: center;
    }

        div.grid-table > .row.header {
            border-top: 1px solid rgb(222, 226, 230);
            background-color: #F0F5F6;
            font-family: "AkzidenzGrotesk500"
        }

        div.grid-table > .row.footer {
            border-bottom: unset;
        }

            div.grid-table > .row.footer .col:last-child {
                font-family: "AkzidenzGrotesk500";
            }

@media (max-width: 992px) {

    div.grid-table > .row a, div.grid-table > .row span.name {
        font-family: "AkzidenzGrotesk500";
        font-size: 1.0625rem;
    }

        div.grid-table > .row a.bankaccount {
            font-family: unset;
            font-size: unset;
        }

    div.grid-table > .row .medium a {
        font-family: "AkzidenzGrotesk400";
    }

    div.item-header {
        font-family: "AkzidenzGrotesk700";
        font-size: 0.75rem;
        margin-top: 10px;
    }

    div.grid-table > .row:nth-child(even) {
        background-color: #f1f5f6;
    }
}

div.arrow {
    background-image: url(../images/chevron-down.svg);
    width: 16px;
    height: 16px;
}

    .row[aria-expanded="true"] div.arrow,
    div.arrow.close {
        background-image: url(../images/chevron-up.svg);
    }

.content {
    background-color: #fbfbf9;
    padding: 25px;
    box-shadow: 0 0 6px 4px rgba(158,158,158,0.2);
}

@media (max-width: 992px) {
    .profile {
        box-shadow: 0 0 6px 4px rgba(158,158,158,0.2);
    }

        .profile .content {
            box-shadow: unset;
            border-bottom: 1px solid rgb(222, 226, 230);
        }

            .profile .content h2 {
                margin-top: 8px;
                margin-bottom: 0;
                background: url('/images/chevron-down.svg') no-repeat right;
                cursor: pointer;
            }

                .profile .content h2.close {
                    background: url('/images/chevron-up.svg') no-repeat right;
                }

            .profile .content > div {
                margin-top: 20px;
                display: none;
            }
}
/*.content h2 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }*/

span.header {
    font-size: 0.75rem;
    font-family: "AkzidenzGrotesk300";
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
}

span.value {
    display: block;
    font-family: "WarnockProDisplay";
    font-size: 1.5625rem;
    letter-spacing: 0.025em;
    line-height: 120%;
    white-space: nowrap;
}

    span.value.big {
        font-size: 2.0625rem;
    }

@media (max-width: 992px) {

    span.header {
        margin-bottom: 6px;
    }

    span.value {
        font-size: 1.4375rem;
    }

        span.value.big {
            font-size: 1.75rem;
        }

    .content {
        padding: 15px;
    }
}

span.address {
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
}

.toggle {
    cursor: pointer;
    align-items: center;
}

#holdingsChartContainer {
    position: relative;
    /*height: 400px;
    margin-bottom: 50px;*/
}

    #holdingsChartContainer > .btn.btn-primary {
        position: absolute;
        right: 0;
        bottom: 0;
    }

@media (max-width: 579.98px) {
    #holdingsChartContainer > .btn.btn-primary {
        position: relative;
    }
}

.piechart-container {
    height: 100%;
    min-height: 500px;
    max-height: 950px;
    margin-left: -25px;
    margin-right: -25px;
}

.holdingsChartRange a.dropdown-toggle {
    background-color: #30456c;
    color: #fbfbf9;
    font-size: 12px;
    font-family: 'AkzidenzGrotesk500';
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.holdingsChartRange ul {
    background-color: #fbfbf9;
}

.holdingsChartRange li {
    line-height: 30px;
}

    .holdingsChartRange li a.active, .holdingsChartRange li a:hover {
        color: unset;
        background-color: #E6F3F1;
    }

#datepickerContainer {
    border-top: 1px solid rgba(0, 0, 0, 0.176);
    padding: 16px;
    padding-bottom: 8px;
}

    #datepickerContainer button {
        background-color: #30456c;
        border-color: #30456c;
    }

        #datepickerContainer button:hover {
            color: #fbfbf9;
        }

            #datepickerContainer button:hover span {
                background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%23fbfbf9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

a.icon {
    display: inline-block;
    text-decoration: none;
    font-family: "AkzidenzGrotesk500";
    color: #27456A;
    background-repeat: no-repeat;
    background-size: 32px;
    line-height: 32px;
    padding-left: 36px;
    padding-top: 1px;
}

    a.icon :after {
        margin-bottom: 6px;
    }


.offcanvas, .modal-content {
    background-color: #fbfbf9;
    box-shadow: 0 0 6px 4px rgba(13, 13, 13, 0.2);
}

    .offcanvas .offcanvas-title {
        z-index: 1000;
    }

.modal-content {
    padding: 25px;
}

.modal-header {
    align-items: start;
    border-bottom: unset;
}

    .modal-header h2 {
        margin-top: 20px;
    }

.modal-body {
    padding-top: 0;
}

.offcanvas-header h3 {
    padding-top: 10px;
    margin-bottom: 0;
}

/*.offcanvas-body {
    padding: 25px;
}*/

.offcanvas-body .row {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.offcanvas-body .values > .row:first-child {
    border-top: 1px solid rgb(222, 226, 230);
}

.offcanvas-body .values > .row:nth-child(odd) {
    background-color: #f1f5f6 !important;
}

.offcanvas-body .values > .row:last-child {
    border-bottom: 1px solid rgb(222, 226, 230);
}

@media (max-width: 992px) {
    .offcanvas-end {
        border-left: 0 !important;
    }
}

.details {
    display: none;
    margin-top: 16px;
    margin-bottom: -16px;
}

    .details .row {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

        .details .row a {
            font-family: unset;
            font-size: unset;
        }

#compareSeries .row[data-bs-toggle="collapse"] {
    padding-bottom: 0 !important;
    cursor: pointer;
}

.accordion-button,
.accordion-item {
    background-color: #fbfbf9;
}

.contracts .accordion-button h3 {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .contracts .accordion-button {
        padding-bottom: 30px;
    }

        .contracts .accordion-button:after {
            margin-top: 20px;
        }
}

.accordion-button:not(.collapsed) {
    background-color: unset;
    color: unset;
    box-shadow: none;
}

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-icon);
    }

.blob {
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 436 445' style='enable-background:new 0 0 436 445;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23D6D6D6;%7D%0A%3C/style%3E%3Cpath class='st0' d='M218.3,443.4c117.1-14.2,230.9-120.7,215.9-237.7C417.5,75.2,275.2-12.8,158.1,1.5C41,15.8-12,126.7,2.3,243.8 C16.6,360.9,101.2,457.6,218.3,443.4z'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    width: 210px;
    height: 210px;
}

div.cashmanagement {
    border-top: 2px solid #f0f2f1;
    text-align: right;
    padding-right: 45px;
}

.light-blue {
    background-color: #f1f5f6 !important;
}

a.blue {
    font-family: "AkzidenzGrotesk500";
    color: #27456A;
}

ul.files {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.files li {
        margin-top: 8px;
    }


a.file {
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 2px;
    padding-left: 24px;
}

    a.file.pdf {
        background-image: url(../images/pdf.svg);
    }

    a.file.link {
        background-image: url(../images/external_link.svg);
    }

.primary-link {
    position: relative;
    display: block;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    -webkit-text-decoration: underline transparent !important;
    text-decoration: underline transparent !important;
    transition: all 0.5s ease;
}

    .primary-link :after {
        position: absolute;
        content: "";
        background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5H14M14 5L9.95556 1M14 5L9.95556 9' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 10px;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 3px;
        bottom: 5px;
        transition: margin-left 0.25s ease-in-out !important;
    }

    .primary-link:hover :after {
        content: "";
        margin-left: 18px;
        transition: margin-left 0.25s ease-in-out !important;
    }

/*.primary-link.icon {
            background-position-x: left;
            background-position-y: 1px;
            background-repeat: no-repeat;
        }*/

.breadcrumb {
    text-transform: uppercase;
    margin-bottom: 20px;
}

    .breadcrumb li {
        font-family: "AkzidenzGrotesk400";
        font-size: 0.8125rem;
        line-height: 23.22px;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

        .breadcrumb li.active {
            font-family: "AkzidenzGrotesk500";
            color: #1d1d1d;
        }

/*.breadcrumb-item {
    font-family: "AkzidenzGrotesk500";
    text-transform: uppercase;
    color: #dce0e4 !important;
    margin-bottom: 30px;
}

    .breadcrumb-item.active {
        color: #27456A !important;
    }

    .breadcrumb-item:before {
        margin-top: -1px !important;
    }*/

@media (max-width: 992px) {
    /* table {
        font-size: 14px;
    }*/

    .breadcrumb li {
        font-size: 0.7125rem;
    }

    /*.breadcrumb-item {
        margin-bottom: 10px;
    }*/
}

footer {
    font-family: "AkzidenzGrotesk400";
    color: #fbfbf9;
    width: 100%;
    background-color: #0c0c0c;
    background-image: url("/images/brummer-vector-footer.svg");
    background-repeat: no-repeat;
    background-position: 15% top;
    background-size: contain;
    margin-top: auto;
}

    footer p,
    footer a {
        font-family: "AkzidenzGrotesk400";
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    footer a {
        line-height: 1.5rem;
        color: rgba(255, 255, 255, 0.7);
        text-decoration-thickness: 1px;
        text-underline-offset: 4px;
        -webkit-text-decoration: underline transparent !important;
        text-decoration: underline transparent !important;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        footer a:hover, footer a:focus, footer a:visited {
            color: rgba(255, 255, 255, 0.7);
        }

        footer a:hover {
            color: white;
            text-decoration-thickness: 1px;
            text-underline-offset: 4px;
            -webkit-text-decoration: underline #fbfbf9 !important;
            text-decoration: underline #fbfbf9 !important;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    footer .header {
        font-family: "AkzidenzGrotesk400";
        color: #fbfbf9;
        font-size: 1.125rem;
        line-height: 21px;
        letter-spacing: unset;
        margin-bottom: .5rem;
    }

    footer .row div[class^="col-"] {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    footer hr {
        border: 1px solid #393939;
        margin: 1rem 0 0.5rem;
    }

    footer ul,
    footer li {
        margin-bottom: 0 !important;
        line-height: normal;
    }

    footer .nav-item {
        padding: 0 1rem 1rem 0;
    }

    footer .partners img {
        min-height: 42px;
    }

@media (max-width: 1279.98px) {
    footer .row div[class^="col-lg"] {
        margin-top: 0;
    }

    footer .row div:first-child[class^="col-lg"] {
        margin-top: 40px;
    }
}

@media (max-width: 767.98px) {
    footer .header {
        font-family: "AkzidenzGrotesk400";
    }

    footer .row div[class^="col-"] {
        margin-top: 20px;
    }

    footer .row div:first-child[class^="col-"] {
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    footer {
        padding-top: 1rem;
    }

        footer .partners {
            padding: 1.5rem 0 2rem;
        }

        footer .row div[class^="col-lg"] {
            margin-bottom: 0;
        }

        footer .nav-link {
            padding: 0.25rem 0.5rem;
        }

        footer .nav-item {
            padding: 0 0.5rem 0.5rem 0;
        }

            footer .nav-item a {
                font-size: 0.625rem;
                line-height: 12px;
            }
}

.icon-linkedin {
    background-image: url("data:image/svg+xml, %3Csvg width='34' height='36' viewBox='0 0 34 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29528 12.4242H9.27011C7.974 12.4242 7.13574 11.4776 7.13574 10.2945C7.13574 9.08474 7.99965 8.16431 9.32093 8.16431C10.6422 8.16431 11.4553 9.08474 11.4805 10.2945C11.4805 11.4776 10.6422 12.4242 9.29528 12.4242ZM11.2267 26.4364H7.36426V14.1077H11.2267V26.4364ZM21.2922 26.4364H25.1543V19.3671C25.1543 15.5804 23.2488 13.8184 20.7075 13.8184C18.6582 13.8184 17.7398 15.0133 17.2265 15.8533V14.1077H13.3641C13.4147 15.2643 13.3641 26.4364 13.3641 26.4364H17.2265V19.5515C17.2265 19.1831 17.2514 18.8149 17.3536 18.5515C17.6328 17.8154 18.2683 17.0528 19.3353 17.0528C20.7329 17.0528 21.2922 18.1833 21.2922 19.8408V26.4364Z' fill='white' /%3E%3Crect opacity='0.50286' x='1.03271' y='1' width='31.7197' height='33.6522' rx='2' stroke='white' /%3E%3Ctitle%3ELinkedIn%3C/title%3E%3C/svg%3E");
    background-size: contain;
    padding: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

a:hover .icon-linkedin {
    background-image: url("data:image/svg+xml, %3Csvg width='34' height='36' viewBox='0 0 34 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29528 12.4242H9.27011C7.974 12.4242 7.13574 11.4776 7.13574 10.2945C7.13574 9.08474 7.99965 8.16431 9.32093 8.16431C10.6422 8.16431 11.4553 9.08474 11.4805 10.2945C11.4805 11.4776 10.6422 12.4242 9.29528 12.4242ZM11.2267 26.4364H7.36426V14.1077H11.2267V26.4364ZM21.2922 26.4364H25.1543V19.3671C25.1543 15.5804 23.2488 13.8184 20.7075 13.8184C18.6582 13.8184 17.7398 15.0133 17.2265 15.8533V14.1077H13.3641C13.4147 15.2643 13.3641 26.4364 13.3641 26.4364H17.2265V19.5515C17.2265 19.1831 17.2514 18.8149 17.3536 18.5515C17.6328 17.8154 18.2683 17.0528 19.3353 17.0528C20.7329 17.0528 21.2922 18.1833 21.2922 19.8408V26.4364Z' fill='white' /%3E%3Crect opacity='1' x='1.03271' y='1' width='31.7197' height='33.6522' rx='2' stroke='white' /%3E%3Ctitle%3ELinkedIn%3C/title%3E%3C/svg%3E");
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}


@media (max-width: 992px) {
    .icon-bg {
        padding: 8px;
    }
}

textarea:hover,
input:hover,
select:hover,
select:active,
textarea:active,
input:active,
textarea:focus,
select:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input.input-validation-error, select.input-validation-error {
    border-color: #7a252f !important;
}

.validation-summary-errors ul, .validation-summary-errors li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.validation-summary-errors li {
    margin-top: 5px;
}

    .validation-summary-errors li:first-child {
        margin-top: 0;
    }

.invalid-feedback {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.41594 0 0.5 2.91594 0.5 6.5C0.5 10.0841 3.41594 13 7 13C10.5841 13 13.5 10.0841 13.5 6.5C13.5 2.91594 10.5841 0 7 0ZM7 9.99719C6.87639 9.99719 6.75555 9.96053 6.65277 9.89186C6.54999 9.82318 6.46988 9.72557 6.42258 9.61136C6.37527 9.49716 6.36289 9.37149 6.38701 9.25026C6.41112 9.12902 6.47065 9.01765 6.55806 8.93025C6.64547 8.84284 6.75683 8.78331 6.87807 8.7592C6.99931 8.73508 7.12497 8.74746 7.23918 8.79476C7.35338 8.84207 7.45099 8.92218 7.51967 9.02496C7.58834 9.12774 7.625 9.24857 7.625 9.37219C7.625 9.53795 7.55915 9.69692 7.44194 9.81413C7.32473 9.93134 7.16576 9.99719 7 9.99719ZM7.67875 3.71125L7.49938 7.52375C7.49938 7.65636 7.4467 7.78354 7.35293 7.8773C7.25916 7.97107 7.13198 8.02375 6.99937 8.02375C6.86677 8.02375 6.73959 7.97107 6.64582 7.8773C6.55205 7.78354 6.49937 7.65636 6.49937 7.52375L6.32 3.71313V3.71156C6.31607 3.61998 6.33071 3.52854 6.36305 3.44277C6.39539 3.35699 6.44475 3.27865 6.50817 3.21245C6.57158 3.14626 6.64774 3.09358 6.73205 3.05759C6.81636 3.0216 6.90708 3.00305 6.99875 3.00305C7.09042 3.00305 7.18114 3.0216 7.26545 3.05759C7.34976 3.09358 7.42592 3.14626 7.48933 3.21245C7.55275 3.27865 7.60211 3.35699 7.63445 3.44277C7.66679 3.52854 7.68143 3.61998 7.6775 3.71156L7.67875 3.71125Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
    background-color: rgba(237, 108, 119, 0.5);
    background-size: 14px 13px;
    background-repeat: no-repeat;
    background-position: 10px;
    font-family: "AkzidenzGrotesk400" !important;
    color: #1d1d1d !important;
    display: none;
    width: 100%;
    font-size: 0.875rem;
    margin-top: 0 !important;
    padding: 0.5rem 2rem;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: transparent !important;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #1d1d1d !important;
}

.btn {
    font-family: "AkzidenzGrotesk500";
    font-size: 0.75rem !important;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 18px 58px 18px 25px !important;
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

    .btn.btn-primary {
        position: relative;
        color: #fbfbf9;
        background-color: #1d1d1d;
        border-color: #1d1d1d;
        text-decoration: none !important;
    }

        .btn.btn-primary span {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%23fbfbf9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            right: 22px;
            top: 19px;
            width: 21px;
            height: 14px;
            border: 1.3px;
            -webkit-transition: 0.2s all;
            transition: 0.2s all;
        }

        .btn.btn-primary:hover {
            color: #1d1d1d;
            background-color: transparent;
            text-decoration: none !important;
        }

            .btn.btn-primary:hover span {
                right: 17px;
                background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                -webkit-transition: 0.2s all;
                transition: 0.2s all;
            }

        .btn.btn-primary.light {
            background-color: #fbfbf9;
            color: #1d1d1d;
        }

            .btn.btn-primary.light span {
                background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .btn.btn-primary.light:hover {
                background-color: #1d1d1d;
                color: #fbfbf9;
            }

                .btn.btn-primary.light:hover span {
                    background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%23fbfbf9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                }

@media (max-width: 992px) {
    .btn.btn-primary {
        padding: 14px 50px 14px 20px !important;
        font-size: 0.75rem !important;
        min-width: 148px;
    }

        .btn.btn-primary.btn-primary span {
            right: 22px;
            top: 17px;
            width: 19px;
            height: 10px;
            border: 1.3px;
            -webkit-transition: 0.2s all;
            transition: 0.2s all;
        }

        .btn.btn-primary.btn-primary:hover span {
            right: 18px;
        }
}

button .loader, a .loader {
    position: absolute;
    right: 18px;
}

.cookieApproveInner .btn {
    margin-top: 0;
}

    .cookieApproveInner .btn.btn-primary span {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }

    .cookieApproveInner .btn.btn-primary:hover {
        color: #fbfbf9;
        background-color: #1d1d1d;
    }

        .cookieApproveInner .btn.btn-primary:hover span {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='14' viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H20M20 7L14.0889 1M20 7L14.0889 13' stroke='%23fbfbf9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }


.nav-desktop {
    width: 100%;
    color: #fbfbf9;
}

    /*    .nav-desktop nav {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
    }*/

    .nav-desktop ul,
    .nav-desktop li {
        margin-bottom: 0 !important;
    }

    .nav-desktop .nav-brand {
        margin-right: 80px;
    }

    .nav-desktop .divider-wrapper {
        background-color: #1d1d1d;
    }

        .nav-desktop .divider-wrapper .divider {
            background-color: #4a4a4a;
            height: 1px;
            width: 100%;
            margin-top: -1px;
            position: relative;
        }

    .nav-desktop .nav-link {
        position: relative;
        font-family: "AkzidenzGrotesk300";
        font-weight: normal !important;
        font-size: 0.9375rem;
        line-height: 20px;
        text-transform: uppercase;
        color: #fbfbf9;
        letter-spacing: 1px;
    }

        .nav-desktop .nav-link.trace, .nav-desktop .nav-link.active {
            font-family: "AkzidenzGrotesk500";
        }

        .nav-desktop .nav-link:after {
            position: absolute;
            left: 16px;
            bottom: 0;
            width: 0;
            height: 3px;
            background-color: transparent;
            content: '';
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .nav-desktop .nav-link:hover:after, .nav-desktop .nav-link.active:after {
            position: absolute;
            left: 16px;
            bottom: 0;
            width: 30px;
            height: 3px;
            background-color: #7a252f;
            content: '';
            -webkit-transition: all .3s;
            transition: all .3s;
        }

    .nav-desktop .nav-level1 {
        padding: 40px 0;
        background-color: #0D0D0D;
    }

        .nav-desktop .nav-level1 .text-end .nav-link {
            padding: 0.25rem 1rem;
            font-size: 0.75rem;
            line-height: 20px;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

            .nav-desktop .nav-level1 .text-end .nav-link:after {
                position: absolute;
                left: 16px;
                bottom: 4px;
                width: 0;
                height: 1px;
                background-color: transparent;
                content: '';
                -webkit-transition: all .3s;
                transition: all .3s;
            }

            .nav-desktop .nav-level1 .text-end .nav-link:hover:after, .nav-desktop .nav-level1 .text-end .nav-link.active:after {
                position: absolute;
                left: 16px;
                bottom: 4px;
                width: 20px;
                height: 1px;
                background-color: #fbfbf9;
                content: '';
                -webkit-transition: all .3s;
                transition: all .3s;
            }

        .nav-desktop .nav-level1 .text-end li:last-child .nav-link {
            border-right: none;
        }

        .nav-desktop .nav-level1 .dropdown a {
            position: relative;
            font-family: "AkzidenzGrotesk300";
            font-weight: normal !important;
            font-size: 0.75rem;
            line-height: 20px;
            text-transform: uppercase;
            text-decoration: none;
            color: #fbfbf9;
            letter-spacing: 1px;
        }

        .nav-desktop .nav-level1 .dropdown ul {
            background-color: #1d1d1d;
        }

        .nav-desktop .nav-level1 .dropdown .dropdown-divider {
            background-color: #1b1c1e;
            margin: 4px;
        }

        .nav-desktop .nav-level1 .dropdown ul a.active {
            background-color: unset;
            font-family: "AkzidenzGrotesk500";
        }

        .nav-desktop .nav-level1 .dropdown ul a:hover {
            background-color: #1d1d1d;
        }

        .nav-desktop .nav-level1 .dropdown ul a:after, .nav-desktop .nav-level1 .dropdown ul a.active:after {
            position: absolute;
            left: 16px;
            bottom: 2px;
            width: 0;
            height: 2px;
            background-color: #7a252f;
            content: '';
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .nav-desktop .nav-level1 .dropdown ul a:hover:after, .nav-desktop .nav-level1 .dropdown ul a.active:after {
            width: 20px;
        }

    .nav-desktop .nav-level2 {
        max-height: 44px;
        overflow: hidden;
        background-color: #1d1d1d;
    }

        .nav-desktop .nav-level2.open {
            max-height: none;
        }

        .nav-desktop .nav-level2 ul.hidden-links {
            display: inline-block;
            margin-right: 0;
        }

        .nav-desktop .nav-level2 ul.nav.links {
            overflow: hidden;
            padding: 10px 0;
        }

        .nav-desktop .nav-level2 ul.hidden-links {
            padding: 0 0 10px;
        }

        .nav-desktop .nav-level2 li:first-child .nav-link:after {
            left: 0;
        }

        .nav-desktop .nav-level2 li:first-child .nav-link:hover:after,
        .nav-desktop .nav-level2 li:first-child .nav-link.active:after {
            left: 0;
        }

        .nav-desktop .nav-level2 .container {
            position: relative;
        }

        .nav-desktop .nav-level2 .nav-link {
            display: inline;
            padding: 0.5rem 2rem 0.5rem 0;
            font-size: 0.75rem;
            line-height: 2.2;
            letter-spacing: 1px;
        }

            .nav-desktop .nav-level2 .nav-link:after {
                left: 0;
                height: 2px;
                bottom: 3px;
            }

            .nav-desktop .nav-level2 .nav-link.active:after {
                left: 0;
                height: 2px;
                bottom: 3px;
            }

    .nav-desktop nav.nav-level2 {
        position: relative;
    }

    .nav-desktop button {
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute;
        right: 23px;
        height: 44px;
        width: 80px;
        top: 0;
        background: transparent;
    }

        .nav-desktop button .expand-icon {
            font-family: "AkzidenzGrotesk300" !important;
            color: #fbfbf9;
            text-transform: uppercase;
            font-size: 0.55rem;
            text-align: center;
            display: block;
            letter-spacing: 1px;
            height: 100%;
        }

            .nav-desktop button .expand-icon:before {
                height: 29px;
                display: block;
                content: '';
                background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.30156' cy='8.7' r='8.2' stroke='%23D8D8D8'/%3E%3Cline x1='5.39844' y1='8.5' x2='13.1984' y2='8.5' stroke='%23D8D8D8'/%3E%3Cline x1='9.09766' y1='12.6016' x2='9.09766' y2='4.80156' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
                background-position: center center;
                background-repeat: no-repeat;
            }

        .nav-desktop button.hidden {
            display: none;
        }

    .nav-desktop ul.hidden-links.hidden {
        display: none;
    }

/*.nav-top-fixed .nav-desktop nav.is-hidden {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.nav-top .nav-desktop nav {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    opacity: 0;
}

    .nav-top .nav-desktop nav.is-hidden {
        opacity: 0;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transform: translate(0, -266px);
    }

    .nav-top .nav-desktop nav.is-visible {
        opacity: 1;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transform: translate(0, 0);
        -webkit-transition: all .3s;
        transition: all .3s;
    }*/

.nav-transparent .nav-desktop {
    position: absolute;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .nav-transparent .nav-desktop .nav-level1 {
        background-color: transparent;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .nav-transparent .nav-desktop .nav-link:hover:after,
    .nav-transparent .nav-desktop .nav-link.active:after {
        background-color: #fbfbf9;
    }

.nav-transparent .nav-mobile {
    background-color: transparent;
}

/*.nav-transparent.nav-top .nav-desktop .nav-level1 {
    background-color: #1d1d1d;
    -webkit-transition: all .3s;
    transition: all .3s;
}*/

.nav-mobile {
    background-color: #0c0c0c;
    width: 100%;
}

    .nav-mobile nav {
        line-height: 4.8;
    }

    .nav-mobile .active:after {
        position: absolute;
        left: 0;
        bottom: 14px;
        width: 30px;
        height: 2px;
        background-color: #7a252f;
        content: '';
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .nav-mobile .mobile-nav-wrapper {
        padding: 20px 0;
    }

    .nav-mobile .search-icon {
        margin-right: 2rem;
    }

@media (max-width: 992px) {
    .nav-mobile .mobile-nav-wrapper {
        padding: 10px 0;
    }

        .nav-mobile .mobile-nav-wrapper > div.col-8.text-center > a > svg {
            width: 150px !important;
            height: 30px !important;
        }
}

.nav-transparent .nav-mobile {
    z-index: 1050;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.container.navbar-overlay {
    z-index: 99;
}

.menu-wrap {
    background-color: #0c0c0c;
    position: fixed;
    left: -100%;
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    z-index: 99;
}

    .menu-wrap ul {
        padding-left: 0;
        margin-bottom: 0 !important;
    }

    .menu-wrap li {
        list-style: none;
        margin-bottom: 0 !important;
    }

@media (max-width: 992px) {
    .menu-wrap {
        left: -100%;
        height: 100%;
        width: 100%;
        overflow: auto;
        -webkit-transition: 0.35s;
        transition: 0.35s;
        z-index: 99;
    }
}

.menu-wrap.menu-show {
    margin-left: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-sidebar {
    overflow-x: hidden;
    margin-bottom: 150px;
    position: relative;
}

.menu > li,
.menu > li > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 23px;
}

    .menu > li > ul > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0);
        margin: 0 22px;
    }

.menu-sidebar li > a {
    font-family: "AkzidenzGrotesk300";
    text-decoration: none;
    color: #fbfbf9;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 1px;
    display: block;
    font-size: 0.9375rem !important;
    position: relative;
    padding: 21px 0;
}

.menu-sidebar .trace,
.menu-sidebar .active {
    font-family: "AkzidenzGrotesk500" !important;
}

.menu-sidebar .nav-link:focus, .menu-sidebar .nav-link:hover {
    color: #fbfbf9;
}

#menu > li > ul a {
    font-size: 0.8125rem !important;
}

#menu > li > ul > li > ul > li {
    padding: 0 0 0 20px;
}

    #menu > li > ul > li > ul > li > ul > li {
        padding: 0 0 0 20px;
    }

.menu-sidebar li > a:hover::after {
    background-position: -100% 0;
}

.menu-sidebar .menu-item-has-children {
    position: relative;
}

    .menu-sidebar .menu-item-has-children .sub-menu {
        display: none;
    }

.menu-sidebar li.menu-item-focus > a {
    font-size: 1.1875rem !important;
}

.menu-sidebar .menu-item-has-children.active > a {
    font-weight: 700 !important;
}

.sidebar-menu-arrow {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    display: block;
    right: 15px;
    top: 0;
    width: 25px;
}

    .sidebar-menu-arrow:after {
        content: "";
        background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.9167' cy='12.0833' r='11.5833' stroke='%23D8D8D8'/%3E%3Cline x1='7.5' y1='12' x2='18.3333' y2='12' stroke='%23D8D8D8'/%3E%3Cline x1='12.8334' y1='17.5' x2='12.8334' y2='6.66667' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
        width: 25px;
        background-size: contain;
        position: absolute;
        background-position: center;
        background-repeat: no-repeat;
        padding: 12px;
        top: 18px;
    }

.menu-item-focus .sidebar-menu-arrow:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.9167' cy='12.0833' r='11.5833' stroke='%23D8D8D8'/%3E%3Cline x1='7.5' y1='12' x2='18.3333' y2='12' stroke='%23D8D8D8'/%3E%3Cline x1='12.8334' y1='17.5' x2='12.8334' y2='6.66667' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
    width: 25px;
    background-size: contain;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    padding: 12px;
    top: 18px;
}

.sidebar-menu-arrow.up:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.9166' cy='12.0833' r='11.5833' stroke='%23D8D8D8'/%3E%3Cline x1='7.5' y1='12' x2='18.3333' y2='12' stroke='%23D8D8D8'/%3E%3C/svg%3E%0A");
    width: 25px;
    background-size: contain;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    padding: 12px;
    top: 18px;
}

ul.sub-menu {
    margin-bottom: -1px !important;
}

.sub-menu li a {
    margin-left: 20px;
}

.sub-menu li a,
.menu-footer a {
    padding: 20px 0;
}

ul.sub-menu li:last-child {
    margin-bottom: 10px;
}

.menu > li > ul {
    display: block;
    background-color: #1b1c1e;
    margin-left: -23px;
    margin-right: -23px;
}

.menu-footer {
    margin-top: 30px;
}

    .menu-footer a {
        font-size: 15px;
        line-height: 1.7;
    }

/*Hamburger Button*/
.sidebar-button {
    margin-top: 8px;
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 15;
}

    .sidebar-button:hover {
        cursor: pointer;
    }

    .sidebar-button .menu-bar {
        position: absolute;
        width: 100%;
    }

    .sidebar-button .menu-bar-top {
        border-top: 2px solid #fbfbf9;
        top: 0;
    }

    .sidebar-button .menu-bar-middle {
        height: 2px;
        background-color: #fbfbf9;
        margin-top: 7px;
        margin-bottom: 7px;
        top: 4px;
    }

    .sidebar-button .menu-bar-bottom {
        border-bottom: 2px solid #fbfbf9;
        border-top: none;
        top: 22px;
    }

.navbar-negative .sidebar-button .menu-bar-top {
    border-top: 2px solid #fff;
    top: 0;
}

.navbar-negative .sidebar-button .menu-bar-middle {
    height: 2px;
    background-color: #fff;
    top: 4px;
}

.navbar-negative .sidebar-button .menu-bar-bottom {
    border: 2px solid #fff;
    border-top: none;
    top: 22px;
}

.menu-sidebar {
    position: relative;
}

    .menu-sidebar li > a {
        margin-left: 10px;
        font-size: 1rem;
    }

.close-button {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 26px;
    top: 15px;
    width: 28px;
    height: 28px;
    padding: 14px;
}

    .close-button:before,
    .close-button:after {
        background-color: #fbfbf9;
        height: 28px;
        top: 0;
    }

.menu-sidebar .nav-user {
    padding: 35px 23px 40px !important;
}

    .menu-sidebar .nav-user hr {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin: 8px;
    }

    .menu-sidebar .nav-user a {
        color: #fbfbf9;
        font-size: 0.8125rem !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .menu-sidebar .nav-user a.active,
        .menu-sidebar .nav-user a.hover {
            text-decoration: none !important;
        }

    .menu-sidebar .nav-user .active:after {
        bottom: 4px;
    }

    .menu-sidebar .nav-user a.name {
        pointer-events: none;
        cursor: default;
    }


@media (max-width: 992px) {
    span {
        margin-bottom: 1px;
    }
}

/*.nav-handler {
    background-color: #1d1d1d;
}

    .nav-handler .level1 {
        display: block;
    }

    .nav-handler .level2,
    .nav-handler .level3 {
        display: block;
    }*/

/*.nav-transparent .nav-handler {
    background-color: transparent !important;
}*/


footer .accordion {
    padding-left: 0;
    padding-right: 0;
}

    footer .accordion h2, footer .accordion .h2,
    footer .accordion .h2 {
        font-family: "AkzidenzGrotesk400";
        font-size: 1.125rem;
        line-height: 21px;
    }

    footer .accordion .accordion-button {
        font-size: 1.125rem;
        line-height: 21px;
        border-bottom: 1px solid #1d1d1d;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    footer .accordion .accordion-body {
        background-color: #1d1d1d !important;
        padding: 0 0.75rem 0.75rem !important;
    }

        footer .accordion .accordion-body li {
            padding: 0.5rem 0;
        }

            footer .accordion .accordion-body li:first-child {
                padding-top: 0 !important;
            }

.cookieBanner {
    padding: 43px 73px 43px 76px;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #1d1d1d;
    background: #fbfbf9;
    z-index: 10000 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

    .cookieBanner .btn.btn-primary {
        margin-top: 0 !important;
        min-width: 232px;
    }

    .cookieBanner .text {
        font-family: "AkzidenzGrotesk300";
        color: #1d1d1d;
        float: left;
        font-size: 0.9375rem;
        text-align: left;
    }

        .cookieBanner .text h2, .cookieBanner .text .h2 {
            font-family: "AkzidenzGrotesk500";
            font-size: 18px;
            line-height: 30px;
            display: inline;
        }

        .cookieBanner .text a {
            color: #1d1d1d;
            text-decoration: underline;
        }

        .cookieBanner .text p {
            font-size: 0.875rem;
            line-height: 26px !important;
            display: inline;
        }

    .cookieBanner .float-right div {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

@media (max-width: 1279.98px) {
    .cookieBanner {
        padding: 3rem;
    }

        .cookieBanner .text {
            margin-bottom: 30px;
        }
}

.cookieBanner .cookie-settings-button {
    font-family: "AkzidenzGrotesk400";
    overflow: hidden;
    padding: 20px 107px 0 0;
    width: 100%;
    cursor: pointer;
    font-size: 0.95rem;
    text-decoration: none;
}

    .cookieBanner .cookie-settings-button a {
        color: #1d1d1d;
        overflow: hidden;
        position: relative;
        padding: 16px 35px 18px 0;
        pointer-events: none;
        text-decoration: none;
        margin-left: 0 !important;
        text-align: left;
    }

.cookieBanner .settingsButton {
    overflow: hidden;
    position: relative;
    padding: 16px 46px 18px 0;
    text-align: left;
    width: 100%;
    padding: 0 0 20px 0;
    cursor: pointer;
}

    .cookieBanner .settingsButton a:after {
        margin-left: 10px;
        content: "";
        background-repeat: no-repeat;
        background-size: 11px;
        background-position: right center;
        background-image: url("data:image/svg+xml, %3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.25L5 5.75L9.5 1.25' stroke='%231d1d1d' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        position: absolute;
        padding: 8px 8px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .cookieBanner .settingsButton[aria-expanded="true"] a:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .cookieBanner .settingsButton a {
        margin-left: 10px;
    }

.cookieBanner .divCookieSettings {
    display: inline;
}

.cookieBanner .ulCookieSettings li {
    display: inline;
}

@media (max-width: 1279.98px) {
    .cookieBanner {
        padding: 2.5rem;
    }

        .cookieBanner .float-right div {
            -webkit-box-pack: normal;
            -ms-flex-pack: normal;
            justify-content: normal;
            display: normal;
            -ms-flex-wrap: normal;
            flex-wrap: normal;
        }

        .cookieBanner .cookie-settings-button {
            padding: 16px 112px 18px 0;
        }

            .cookieBanner .cookie-settings-button a {
                padding: 16px 35px 18px 0;
                margin-left: 0 !important;
            }

        .cookieBanner .settingsButton {
            padding: 0 0 0 0;
        }

        .cookieBanner .ulCookieSettings li {
            display: block;
        }
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 7px;
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 27px;
    height: 1px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-color: #fff;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top 75ms ease .12s,opacity 75ms ease;
    transition: top 75ms ease .12s,opacity 75ms ease;
}

.hamburger-inner:before {
    top: -10px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-inner:after {
    bottom: -10px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 27px;
    height: 1px;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-color: #fff;
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #fff;
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 75ms ease,opacity 75ms ease .12s;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.alert.system {
    width: 100%;
    font-family: "AkzidenzGrotesk400";
    font-size: 0.9375rem;
    line-height: 18px;
    color: #fbfbf9;
    z-index: 999;
    text-align: center;
    padding: 0.8125rem 0 !important;
    margin-bottom: 0;
    border-radius: 0;
}

    .alert.system.alert-failure {
        background-color: #4B1025;
    }

    .alert.system.alert-maintenance {
        background-color: #27456a;
    }

    .alert.system .wrapper {
        position: relative;
    }

.target-block {
    padding: 80px 0;
}

    .target-block h3, .target-block .h3 {
        font-family: "WarnockProDisplay";
        margin-top: 18px;
        margin-bottom: 3px !important;
    }

    .target-block p {
        margin-bottom: 0;
    }

    .target-block .img-fluid {
        min-width: 100%;
    }

    .target-block .target-inner {
        margin: 0 10px;
    }

    .target-block .focus-bg-wrapper {
        position: relative;
        overflow: hidden;
    }

    .target-block .focus-bg {
        background-size: cover;
        transition: transform 0.3s;
        padding-bottom: 70%;
    }

    .target-block .focus-area {
        position: relative;
    }

        .target-block .focus-area:hover .focus-bg {
            transform: scale(1.125);
        }

    .target-block a {
        text-decoration: none;
        color: #1d1d1d;
        text-decoration: none;
        margin-top: 25px;
    }

        .target-block a p::after {
            content: "";
            background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.60539H12M12 4.60539L8.57778 1M12 4.60539L8.57778 8.21077' stroke='%231D1D1D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            width: 13px;
            height: 9px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            margin-left: 10px;
            transition: margin-left 0.25s ease-in-out !important;
        }

        .target-block a:hover {
            color: #1d1d1d;
            text-decoration: none;
        }

            .target-block a:hover p::after {
                content: "";
                background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.60539H12M12 4.60539L8.57778 1M12 4.60539L8.57778 8.21077' stroke='%231D1D1D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                transition: margin-left 0.25s ease-in-out !important;
                margin-left: 18px;
            }

    .target-block h2, .target-block .h2 {
        font-size: 1.5625rem;
        line-height: 1.4;
        margin-bottom: 50px;
        text-align: center;
        text-transform: uppercase;
    }

@media (max-width: 1279.98px) {
    .target-block p {
        margin-bottom: 51px;
    }

    .target-block .col-lg-3.col-md-6.col-12:last-of-type p {
        margin-bottom: 0;
    }
}

@media (max-width: 992px) {
    .target-block {
        padding: 50px 0;
    }

        .target-block h2, .target-block .h2 {
            font-size: 1.5625rem;
            line-height: 1.4;
            margin-bottom: 40px;
            text-align: center;
            text-transform: uppercase;
        }
}

.highcharts-range-selector-buttons .highcharts-label {
    display: none;
}

.highcharts-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    /* #1072 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "AkzidenzGrotesk400", Arial, Helvetica, sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    outline: none;
}

.highcharts-root {
    display: block;
}

    .highcharts-root text {
        stroke-width: 0;
    }

.highcharts-strong {
    font-weight: bold;
}

.highcharts-emphasized {
    font-style: italic;
}

.highcharts-anchor {
    cursor: pointer;
}

.highcharts-background {
    fill: transparent;
}

.highcharts-plot-border,
.highcharts-plot-background {
    fill: none;
}

.highcharts-label-box {
    fill: none;
}

.highcharts-button-box {
    fill: inherit;
}

.highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none;
}

.highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0;
}

/* Titles */
.highcharts-title {
    fill: #333333;
    font-size: 101.5em;
}

.highcharts-subtitle {
    fill: #1d1d1d;
    font-size: 1em;
}

/* Axes */
.highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0;
}

.highcharts-axis-title {
    fill: #1d1d1d;
}

.highcharts-axis-labels {
    fill: #1d1d1d;
    cursor: default;
    font-size: 0.9em;
}

.highcharts-grid-line {
    fill: none;
    stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px;
}

.highcharts-tick {
    stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
    stroke-width: 0;
}

.highcharts-minor-grid-line {
    stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc;
}

.highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    -webkit-transition: fill 250ms, font-size 250ms;
    transition: fill 250ms, font-size 250ms;
}

    .highcharts-credits:hover {
        fill: black;
        font-size: 1em;
    }

/* Tooltip */
.highcharts-tooltip {
    -webkit-box-shadow: 2px 2px 7px #C5BDBD;
    box-shadow: 2px 2px 7px #C5BDBD;
    border-radius: 4px;
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    -webkit-transition: stroke 150ms;
    transition: stroke 150ms;
}

    .highcharts-tooltip text {
        font-size: 14px;
        fill: #333333;
    }

    .highcharts-tooltip .highcharts-header {
        font-size: 0.85em;
    }

.highcharts-tooltip-box {
    stroke-width: 0;
    fill: white;
    fill-opacity: 0.85;
}

    .highcharts-tooltip-box .highcharts-label-box {
        fill: white;
        fill-opacity: 1;
    }

div.highcharts-tooltip {
    -webkit-filter: none;
    filter: none;
}

.highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25;
}

.highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.highcharts-empty-series {
    stroke-width: 1px;
    fill: none;
    stroke: #cccccc;
}

.highcharts-state-hover .highcharts-graph {
    stroke-width: 3;
}

.highcharts-point-inactive {
    opacity: 0.2;
    -webkit-transition: opacity 50ms;
    transition: opacity 50ms;
    /* quick in */
}

.highcharts-series-inactive {
    opacity: 0.2;
    -webkit-transition: opacity 50ms;
    transition: opacity 50ms;
    /* quick in */
}

.highcharts-state-hover path {
    -webkit-transition: stroke-width 50ms;
    transition: stroke-width 50ms;
    /* quick in */
}

.highcharts-state-normal path {
    -webkit-transition: stroke-width 250ms;
    transition: stroke-width 250ms;
    /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
    fill: #009C84;
    stroke: #009C84;
}

.highcharts-color-1 {
    fill: #C1DED4;
    stroke: #C1DED4;
}

.highcharts-color-2 {
    fill: #B2B2B2;
    stroke: #B2B2B2;
}

.highcharts-color-3 {
    fill: #000000;
    stroke: #000000;
}

.highcharts-color-4 {
    fill: #89BBDC;
    stroke: #89BBDC;
}

.highcharts-color-5 {
    fill: #7A252F;
    stroke: #7A252F;
}

.highcharts-color-6 {
    fill: #ED6C77;
    stroke: #ED6C77;
}

.highcharts-color-7 {
    fill: #27456A;
    stroke: #27456A;
}

.highcharts-color-8 {
    fill: #AB5E37;
    stroke: #AB5E37;
}

.highcharts-color-9 {
    fill: #4B1025;
    stroke: #4B1025;
}

.highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0;
}

.highcharts-markers {
    stroke-width: 1px;
    stroke: transparent;
}

.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-marker-hidden {
    opacity: 0;
}

.highcharts-point {
    stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
    stroke-width: 0;
}

.highcharts-data-label {
    font-size: 0.9em;
    font-weight: bold;
}

.highcharts-data-label-box {
    fill: none;
    stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
    fill: #333333;
}

.highcharts-data-label-connector {
    fill: none;
}

.highcharts-data-label-hidden {
    pointer-events: none;
}

.highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
    fill: #cccccc;
    stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
    stroke: transparent;
}

.highcharts-column-series .highcharts-point {
    -webkit-transition: fill-opacity 250ms;
    transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
    fill-opacity: 0.75;
    -webkit-transition: fill-opacity 50ms;
    transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: transparent;
}

.highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    -webkit-transition: fill-opacity 50ms;
    transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: transparent;
}

.highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    -webkit-transition: fill-opacity 50ms;
    transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: transparent;
}

.highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    -webkit-transition: fill-opacity 50ms;
    transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: #e6e6e6;
    -webkit-transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
    stroke: #999999;
    -webkit-transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
    display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
    fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer;
}

    .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
        fill-opacity: 0.75;
    }

.highcharts-vector-series .highcharts-point {
    fill: none;
    stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
    fill: none;
    stroke-width: 2px;
}

.highcharts-lollipop-stem {
    stroke: #000000;
}

.highcharts-focus-border {
    fill: none;
    stroke-width: 2px;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
    fill: none !important;
}

/* Legend */
.highcharts-legend-box {
    fill: none;
    stroke-width: 0;
}

.highcharts-legend-item > text {
    fill: #1d1d1d;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    stroke-width: 0;
}

.highcharts-legend-item:hover text {
    fill: #000000;
}

.highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    -webkit-transition: fill 250ms;
    transition: fill 250ms;
}

.highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer;
}

.highcharts-legend-nav-inactive {
    fill: #cccccc;
}

circle.highcharts-legend-nav-active,
circle.highcharts-legend-nav-inactive {
    /* tracker */
    fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
    fill: none;
    stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
    stroke-width: 1;
}

.highcharts-bubble-legend-labels {
    fill: #333333;
}

/* Loading */
.highcharts-loading {
    position: absolute;
    background-color: transparent;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
}

.highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 250ms, height 250ms step-end;
    transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
    font-weight: bold;
    position: relative;
    top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
    fill: #000000;
    fill-opacity: 0.05;
}

.highcharts-plot-line {
    fill: none;
    stroke: #999999;
    stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
    fill: transparent;
}

.highcharts-boxplot-median {
    stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
    fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
    stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
    stroke: #cccccc;
    stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
    fill: #000000;
    stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
    stroke: #333333;
    stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
    stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
    -webkit-transition: fill 250ms, fill-opacity 250ms;
    transition: fill 250ms, fill-opacity 250ms;
    fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    -webkit-transition: fill 50ms, fill-opacity 50ms;
    transition: fill 50ms, fill-opacity 50ms;
    fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
    fill-opacity: 0.75;
    stroke: #cccccc;
    -webkit-transition: stroke 250ms, fill-opacity 250ms;
    transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
    fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
    fill: #6685c2;
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize;
}

.highcharts-navigator-outline {
    stroke: #cccccc;
    fill: none;
}

.highcharts-navigator-handle {
    stroke: #cccccc;
    fill: #f2f2f2;
    cursor: ew-resize;
}

.highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad;
}

    .highcharts-navigator-series .highcharts-graph {
        stroke-width: 1px;
    }

    .highcharts-navigator-series .highcharts-area {
        fill-opacity: 0.05;
    }

.highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 1px;
    stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0;
}

.highcharts-scrollbar-thumb {
    fill: #cccccc;
    stroke: #cccccc;
    stroke-width: 1px;
}

.highcharts-scrollbar-button {
    fill: #e6e6e6;
    stroke: #cccccc;
    stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
    fill: #1d1d1d;
}

.highcharts-scrollbar-rifles {
    stroke: #1d1d1d;
    stroke-width: 1px;
}

.highcharts-scrollbar-track {
    fill: #f2f2f2;
    stroke: #f2f2f2;
    stroke-width: 1px;
}

.highcharts-button {
    fill: #dce0e4;
    stroke: #dce0e4;
    letter-spacing: 1.5px;
    cursor: default;
    -webkit-transition: fill 250ms;
    transition: fill 250ms;
}

    .highcharts-button text {
        font-family: "AkzidenzGrotesk400";
        text-transform: uppercase;
        fill: #1d1d1d;
    }

.highcharts-button-hover {
    -webkit-transition: fill 250ms;
    transition: fill 250ms;
    fill: #27456a;
    stroke: #27456a;
}

    .highcharts-button-hover text {
        fill: #fbfbf9;
    }

.highcharts-button-pressed {
    fill: #27456a;
    stroke: #27456a;
}

    .highcharts-button-pressed text {
        fill: #fbfbf9;
    }

.highcharts-button-disabled text {
    fill: #1d1d1d;
}

.highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0;
}

.highcharts-range-label rect {
    fill: none;
}

.highcharts-range-label text {
    fill: #1d1d1d;
}

.highcharts-range-input rect {
    fill: none;
}

.highcharts-range-input text {
    fill: #333333;
}

.highcharts-range-input {
    stroke-width: 1px;
    stroke: #cccccc;
}

input.highcharts-range-selector {
    position: absolute;
    border: 0;
    width: 1px;
    /* Chrome needs a pixel to see it */
    height: 1px;
    padding: 0;
    text-align: center;
    left: -9em;
    /* #4798 */
}

.highcharts-crosshair-label text {
    fill: transparent;
    font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
    fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
    stroke: #000000;
    stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
    fill: transparent;
}

.highcharts-hollowcandlestick-series .highcharts-point-down {
    fill: #f21313;
    stroke: #f21313;
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
    fill: #06b535;
    stroke: #06b535;
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
    fill: transparent;
    stroke: #06b535;
}

.highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999999;
    fill: transparent;
    -webkit-transition: fill 250ms;
    transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000000;
    fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
    fill: #000000;
    font-size: 0.9em;
    font-weight: bold;
}

/* Highcharts Maps */
.highcharts-map-series .highcharts-point {
    -webkit-transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc;
    stroke-width: inherit;
}

.highcharts-map-series .highcharts-point-hover {
    -webkit-transition: fill 0ms, fill-opacity 0ms;
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
}

.highcharts-mapline-series .highcharts-point {
    fill: none;
}

.highcharts-heatmap-series .highcharts-point {
    stroke-width: 0;
}

.highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

.highcharts-mapview-inset-border {
    stroke: #cccccc;
    stroke-width: 1px;
    fill: none;
}

.highcharts-coloraxis {
    stroke-width: 0;
}

.highcharts-coloraxis-marker {
    fill: #999999;
}

.highcharts-null-point {
    fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
    fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
    fill: transparent;
    /* needed to capture hover */
    stroke: none;
    stroke-linecap: round;
}

    .highcharts-contextbutton:hover {
        fill: #e6e6e6;
        stroke: #e6e6e6;
    }

.highcharts-button-symbol {
    stroke: #1d1d1d;
    stroke-width: 3px;
}

.highcharts-menu {
    border: 1px solid #999999;
    background: transparent;
    padding: 5px 0;
    -webkit-box-shadow: 3px 3px 10px #888;
    box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    -webkit-transition: background 250ms, color 250ms;
    transition: background 250ms, color 250ms;
}

    .highcharts-menu-item:hover {
        background: #335cad;
        color: transparent;
    }

/* Breadcrumbs */
.highcharts-breadcrumbs-button {
    fill: none;
    stroke-width: 0;
    cursor: pointer;
}

.highcharts-breadcrumbs-separator {
    fill: #1d1d1d;
}

/* Drilldown module */
.highcharts-drilldown-point {
    cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: bold;
    text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
    font-weight: bold;
    font-size: 12px;
    fill: #1d1d1d;
}

/* Drag-panes module */
.highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
    stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333;
}

.highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75;
}

.highcharts-annotation-label text {
    fill: #e6e6e6;
}

/* A11y module */
.highcharts-a11y-proxy-button {
    border-width: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    opacity: 0.001;
    z-index: 999;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
}

.highcharts-a11y-proxy-group li {
    list-style: none;
}

.highcharts-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    margin-top: -3px;
    opacity: 0.01;
}

.highcharts-a11y-invisible {
    visibility: hidden;
}

.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-before,
.highcharts-a11y-proxy-container-after {
    position: absolute;
    white-space: nowrap;
}

g.highcharts-series,
.highcharts-markers,
.highcharts-point {
    outline: none;
}

/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
    cursor: pointer;
}

.highcharts-point-connecting-path {
    fill: none;
}

.highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
    stroke-width: 1px;
}

.highcharts-axis-line {
    fill: none;
    stroke: #e6e6e6;
}

.highcharts-tick {
    stroke: #e6e6e6;
}