/* Print
   Note: IE adjustments at the bottom!
   ========================================================================== */
@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;
    }

    /* Custom
       ========================================================================== */
    .printonly, #printonly_section {
        display: block;
    }

    header, footer, button, #introduction, #controls_section {
        display: none;
    }

    article, #overview_section article  {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #wrapper {
        padding: 5px;
        width: 900px !important;
    }

    /* Force background color to printer */
    div {
        -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;
    }

    hr {
        height: 1px !important;
        border: 0 !important;
        border-top: 1px solid !important;
        color: rgba(218, 218, 218, 1.0) !important; /* Black 20% */
        margin: 0px !important;
    }

    /* Adjustments */
    #maternity_section {
        padding: 0px;
    }

    .maternity_box_explained, .maternity_box_text {
        height: 30px;
    }

    .maternity_box, .warning_box {
        background-color: rgba(198, 198, 198, 0.25) !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .warning_box {
        page-break-inside: auto;
        break-inside: auto;
    }

    .article_headline {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* Maternity flow - Colors
       ========================================================================== */
    .maternity_box_color_0 {
        background-color: rgba(255, 255, 255, 1.0) !important; /* White */
    }

    .maternity_box_color_1 {
        background-color: rgba(242, 140, 0, 1.0) !important; /* KS Orange */
    }

    .maternity_box_color_2 {
        background-color: rgba(0, 173, 186, 1.0) !important; /* KS Teal */
    }

    .maternity_box_color_3 {
        background-color: rgba(58, 96, 151, 1.0) !important; /* KS Blue */
    }

    .maternity_box_color_4 {
        background-color: rgba(143, 76, 106, 1.0) !important; /* KS Purple */
    }

    .maternity_box_color_error {
        background-color: rgba(255, 255, 255, 1.0) !important; /* White */

        background-image: url('/images/placement_error.png') !important;
        background-position: center center;
        background-repeat: no-repeat;
    }
}