@import url('./variables.css?v=3');

@page {
    size: 'A4';
    margin: 0.5cm 1.2cm 0.4cm 1.2cm;
}

@media print {

    body {
        font-size: 14pt !important;
        padding-top: 0 !important;
    }

    #symbols {
        display: none !important;
    }

    #page {
        max-width: 100% !important;
        background-image: unset !important;
    }

    header {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
    }

    #main-table thead {
        height: calc(var(--header-height) + var(--vision-height));
    }


    #main-table td, .flex-header, .vision, #footer, :not(.note-editable table tr td) {
        border: none;
    }

    #logo {
        height: 100px !important;
    }

    #logo {
        height: 2cm;
    }

    tfoot {
       height: var(--footer-height); 
    }

    footer {
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        width: 100%;
        color: white;
    }

    #department {
        font-size: 14.25pt;
    }
    
    #id {
        position: fixed;
        bottom: 1px;
        left: 5px;
        font-size: 8pt;
        transform: unset;
        color: #333 !important;
    }

    #id::before {
        content: '';
        display: none;
    }

    .hide {
        display: none !important;
    }

    .note-editable { 
        padding: 0 !important; 
    }

    .note-editor { 
        border: none !important; 
    }

    .note-toolbar { 
        display: none;
    }
    
    .note-statusbar {
        display: none; 
    }

    .note-editable * {
        font-size: 14pt !important;
    }

    /* .note-editable table tr:first-child {
        background-color: #ddd;
    }

    .note-editable table tr td {
        border: 1.5px solid black !important;
        text-align: center;
    } */

    .note-editable table, .note-editable table tr, .note-editable table tr td {
        border-width: 0.1px !important;
        border-style:solid !important;
        border-color: black black black black !important;
        text-align: center;
    }

    .text-black {
        color: black !important;
    }

    .text-white {
        color: white !important;
    }

    #approval {
        font-size: 16pt !important;
        font-weight: bold;
    }

    #copies {
        padding-top: 25px !important;
    }

    #w-mark {
        display: block !important;
        position:  fixed;
        width: 100%;
        height: 100%;
        left: 45%;
        top: 50%;
        transform: translate(-85%, -50%);
        opacity: 0.20;
    }

    #w-mark {
        height: 100px;
    }

    [contenteditable]:empty:not(#heading):not(#QR-img):not(#sign-img) {
        display: none !important;
    }

    #sign-img {
        position: relative;
        top: -8px;
    }
    
    #subject:empty:before {
        content: '';
    }

    #QR-wrap {
        font-size: 12pt !important;
        font-weight: normal;
    }

}