/* =======================================
Form and Survey Print CSS 
========================================*/


@media print {

    @page {
        margin-top: 2cm;
    }

  * {
        -webkit-transition: none !important;
        transition: none !important;
    }

    #container {
        width: 100%; 
        margin: 0; 
        float: none;
        border: none;
        box-shadow: none;
    } 

    #content_legacy * {
        background:#fff;
        color: #000 !important;
    }

    #content_legacy [style*="text-shadow"] {
        text-shadow: none !important;
    }

    #content_legacy [style*="background-color"] {
        background-color: #fff !important;
    }     
     
    #content_legacy h1 {
        margin: 18px 0;
        font-size: 18pt !important;
    }
     
    h2, h3, h4 {
        font-size: 16pt !important;
    }

    /* Defining all page breaks */
    a,
    blockquote,
    table,
    pre {
        page-break-inside: avoid;
    }

    h1, 
    h2, 
    h3, 
    h4, 
    h5, 
    h6,
    img { 
        page-break-after: avoid; 
        page-break-inside: avoid;
    }

    ul, 
    ol, 
    dl  { 
        page-break-before: avoid; 
    }

    img {
	    -webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
    }

    .ws-required img {
        display: none !important;
    }

    .ws-required::after {
        content: "\2A";
        font-weight: 700;
        font-size: 10pt;
    }

    /* Displaying link color and link behaviour */
    a:link, 
    a:visited, 
    a {
        background: transparent;
        text-decoration: underline !important;
        text-align: left;
    }
     
    .ws-questions-all-wrapper a[href^=http]:after {
        content:"\A0 \3C" attr(href) "\3e \A0";
        display: inline-block;
    }

    iframe {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0pt !important;
        white-space: nowrap;
    }

    header,
    #header,
    .ws-demo,
    #ws-footer,
    #ws-v-footer,
    footer,
    #footer {
        display: none;
    }

    .ws-question-wrapper {
        page-break-inside: avoid;
        margin-bottom: 45px !important;
    }

    #form-wrapper input[type="text"], 
    #form-wrapper input[type="file"], 
    #form-wrapper select, 
    #form-wrapper textarea {
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 1px;
    }

    #form-wrapper input[disabled], 
    #form-wrapper textarea[disabled] {
        background-color: #fff !important;
    }

    .ws-instruction *,
    .ws-question *,
    .ws-answer-wrapper *,
    .ws-fieldset *,
    .ws-group *,
    #form-wrapper .matrix-question h3,
    .user-entry,
    p,
    li,
    span,
    #ws-closing-options * {
        font-size: 9pt !important;
        color: #000 !important;
    }

    .matrix-question legend,
    .answer-set h4 {
        width: 20% !important;
    }

    .ws-radio-row span,
    .ws-checkbox-row span {
        vertical-align: text-top;
    } 

    .ws-instruction {
        margin-bottom: 6px;
    }

    .sys-button-control {
        box-shadow: none;
        border: 1px solid #000;
    }

}