/* CSS Document */

    .crop-area-wrapper {
        display: grid;
        grid-template-columns: 5px 5px 15cm 5px 5px;
        grid-template-rows: 5px 5px 10cm 5px 5px;
        justify-content: center;
        align-content: center;
        max-width:15.5cm;
    }

    .image-area {
        grid-column: 2/5;
        grid-row: 2/5;
        overflow: hidden;
        background-color: #e5e5f7;
        opacity: 1;
        background-image:  linear-gradient(#CCC 2px, transparent 2px), linear-gradient(90deg, #CCC 2px, transparent 2px), linear-gradient(#CCC 1px, transparent 1px), linear-gradient(90deg, #CCC 1px, #e5e5f7 1px);
        background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
        background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
    }

    .bda {
        border-right:1px solid #666;
        grid-row:1;
        grid-column:2;
        
    }
    .bdb {
        grid-row:1;
        grid-column:4;
        border-left:1px solid #666;
    }
    .bdc {
        border-bottom:1px solid #666;
        grid-row:2;
        grid-column:1;
    }
    .bdd {
        border-bottom:1px solid #666;
        grid-row:2;
        grid-column:5;
    }

    .bdab {
        border-right:1px solid #666;
        grid-row:5;
        grid-column:2;
        
    }
    .bdbb {
        border-left:1px solid #666;
        grid-row:5;
        grid-column:4;
    }
    .bdcb {
        border-top:1px solid #666;
        grid-row:4;
        grid-column:1;
    }
    .bddb {
        border-top:1px solid #666;
        grid-row:4;
        grid-column:5;
    }

    @media print {
        .image-area {   
            background:none;
        }
    }