/* -- CSS to Display Codes when printing -- */


@page {
    margin: 0;
}


@media print {
    body {
        zoom: 46%;
    }

    form {
        margin-bottom: 0rem;
    }

    .nav {
        display: none;
    }

    h1 {
        /*margin-bottom: 6px;*/
    }

    h2 {
        line-height: 0;
        letter-spacing: 0rem;
        display: none;
    }

    h5 {
        font-size: 2em;
    }

    .container {
        margin: 0;
        padding: 0px;
    }

    .text-center {
        display: none;
    }

    .employee-card .front {
        background-color: #d6d6d6 !important;
        -webkit-print-color-adjust: exact;
    }

    .employee-card .reverse {
        background-color: #d6d6d6 !important;
        -webkit-print-color-adjust: exact;
    }

    .employee-card .front .role {
        -webkit-print-color-adjust: exact;
    }

    .employee-card .front .role {
        background-color: #868686 !important;
    }

    .ui-tabs .ui-tabs-nav {
        display: none;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 0px !important;
    }

    .ui-widget.ui-widget-content {
        border: 0px solid rgb(197, 197, 197) !important;
        padding: 0px !important;
    }

    .dimension-card .reverse {
        border: 0px solid rgb(0, 0, 0);
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin-top: 20mm;
    }

    .dimension-card .front {
        border: 0px solid rgb(0, 0, 0);
        width: 100%;
    }

        .dimension-card .front div span {
            margin: 12px;
        }

    .content {
        margin-bottom: 40px;
    }

        .content h1 {
            font-weight: bold;
        font-size: 2em !important;
        }

    .front {
        margin-top: 24px;
    }

    .content h4 {
        margin-bottom: 0px;
        font-size: 1.6em !important;
    }

    .footer {
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

        .footer h5 {
            margin: 0px;
            font-size: 2rem !important;
        }


    .profile-picture {
        width: 74%;
    }
    
    .dimension-card img.profile-picture.landscape {
        width: 70%;
        min-height: 30mm;
        margin-top: 6mm;
    }
    

    .visitor-content{
        text-align: center;

        position:fixed;
        top: 42mm;
        width: 100%;
    }

    .dontPrint {
        display: none;
    }

    .visitor-content h1, .visitor-content h2 {
        font-size: 4.8em !important;

    }

    .visitor-footer {
        padding-top: 180px !important;
    }
    
        .subcontractor-content{
            text-align:center;margin-left:120px; 
            display: block;
        }
}