/* Print
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Customs
       ========================================================================== */

    @page {
        size: A4 horizontal;
        -webkit-print-color-adjust: exact;
    }

    /* Force background color to printer */
    div, aside {
        -webkit-print-color-adjust: exact;
        -moz-print-color-adjust: exact;
        -ms-print-color-adjust: exact;
        -o-print-color-adjust: exact;
        print-color-adjust: exact;

        -webkit-printer-colors: exact;
        -moz-printer-colors: exact;
        -ms-printer-colors: exact;
        -o-printer-colors: exact;

        -webkit-color-adjust: exact;
        -moz-color-adjust: exact;
        -ms-color-adjust: exact;
        -o-color-adjust: exact;
        color-adjust: exact;

        font-size: 13px !important;
    }

    .desktoponly {
        display: none;
    }

    .printonly {
        display: block;
    }

    .printonly img {
        position: relative;
        left: -5px;

        width: 250px;
        height: auto;

        margin: 25px 0px;
    }

    header, #navigation_bar, .hero_container, button {
        display: none;
    }

    main {
        max-width: 800px;
    }

    section, article, .article_small {
        width: 100%;

        padding: 0;
    }

    section:first-of-type {
        margin-top: 0px;
    }

    .section_inner {
        margin-top: 75px;
    }

    article {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .article_small {
        margin: 0;

        width: 75%;
    }

    h1 {
        font-size: 1.75em;
    }

    /* Selections */
    .question_header svg, .question_header i {
        display: none;
    }

    .irs--flat .irs-line {
        background-color: rgba(237, 237, 237, 1.0) !important; /* Black 10% */
    }

    .irs--flat .irs-bar--single {
        background-color: rgba(28, 34, 55, 1.0) !important; /* GL Mørkeblå */
    }

    .irs--flat .irs-single {
        background-color: rgba(203, 246, 248, 1.0) !important; /* GL Turkis */
    }

    .irs--flat .irs-single:before {
        border-top-color: rgba(203, 246, 248, 1.0) !important; /* GL Turkis */
    }


    /* Graph - All */
    #graph_all_active, #graph_all_p10_index, #graph_all_p50_index, #graph_all_p90_index, .graph_subindex_blue,
    #graph_all_i1_index, #graph_all_i2_index, #graph_all_i3_index, #graph_all_i4_index, #graph_all_i5_index, #graph_all_i6_index, #graph_all_i7_index {
        background-color: rgba(28, 34, 55, 1.0) !important; /* GL Mørkeblå */
    }

    #graph_all_p10_amount div, #graph_all_p50_amount div, #graph_all_p90_amount div {
        background-color: rgba(203, 246, 248, 1.0) !important; /* GL Turkis */
    }

    .graph_subindex_brightblue, #graph_all_background {
        background-color: rgba(241, 241, 241, 1.0) !important; /* Black 7,5% */
    }

    #graph_all_user_salary {
        background-color: rgba(243, 223, 255, 1.0) !important; /* GL Lyserød */
    }

    /* Graph - Seniority */
    #graph_seniority_active, #graph_seniority_p10_index, #graph_seniority_p50_index, #graph_seniority_p90_index, .graph_subindex_blue,
    #graph_seniority_i1_index, #graph_seniority_i2_index, #graph_seniority_i3_index, #graph_seniority_i4_index, #graph_seniority_i5_index, #graph_seniority_i6_index, #graph_seniority_i7_index {
        background-color: rgba(28, 34, 55, 1.0) !important; /* GL Mørkeblå */
    }

    #graph_seniority_p10_amount div, #graph_seniority_p50_amount div, #graph_seniority_p90_amount div {
        background-color: rgba(203, 246, 248, 1.0) !important; /* GL Turkis */
    }

    .graph_subindex_brightblue, #graph_seniority_background {
        background-color: rgba(241, 241, 241, 1.0) !important; /* Black 7,5% */
    }

    #graph_seniority_user_salary {
        background-color: rgba(243, 223, 255, 1.0) !important; /* GL Lyserød */
    }

    /* Graph - Age */
    #graph_age_active, #graph_age_p10_index, #graph_age_p50_index, #graph_age_p90_index, .graph_subindex_blue,
    #graph_age_i1_index, #graph_age_i2_index, #graph_age_i3_index, #graph_age_i4_index, #graph_age_i5_index, #graph_age_i6_index, #graph_age_i7_index {
        background-color: rgba(28, 34, 55, 1.0) !important; /* GL Mørkeblå */
    }

    #graph_age_p10_amount div, #graph_age_p50_amount div, #graph_age_p90_amount div {
        background-color: rgba(203, 246, 248, 1.0) !important; /* GL Turkis */
    }

    .graph_subindex_brightblue, #graph_age_background {
        background-color: rgba(241, 241, 241, 1.0) !important; /* Black 7,5% */
    }

    #graph_age_user_salary {
        background-color: rgba(243, 223, 255, 1.0) !important; /* GL Lyserød */
    }

}