body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*PRINT AREA*/
.card-page-A5 {
    width: 148mm;
    min-height: 105mm;
    padding: 10mm;
    margin: 10mm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.card-subpage {
    border: 1px red solid;
    height: 105mm;
    /*  outline: 10mm #FFEAEA solid;*/
}

/*PRINT SETTING AREA*/
@page {
    size: A6;
    margin: 0;
}

@media print {

    html,
    body {
        width: 148mm;
        height: 210mm;
    }

    .card-page-A5 {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

/*ID CARD AREA*/

.card-holder {
    width: 225px;
    padding: 5px;
    margin: 0 auto;
    background-color: #1f1f1f;
    border-radius: 5px;
    position: relative;
}

    .card-holder:after {
        content: '';
        width: 7px;
        display: block;
        background-color: #0a0a0a;
        height: 100px;
        position: absolute;
        top: 105px;
        border-radius: 0 5px 5px 0;
    }

    .card-holder:before {
        content: '';
        width: 7px;
        display: block;
        background-color: #0a0a0a;
        height: 100px;
        position: absolute;
        /*top: 105px;
      left: 222px;*/
        border-radius: 5px 0 0 5px;
    }

.card {
    float: left;
    text-align: center;
    margin: 5mm 0mm 0mm 5mm;
    width: 56mm;
    height: 85mm;
    border: 1px solid black;
    background-color: #fff;
    padding: 2mm;
    color: #000000;
}

.card-row {
    background-color: #D92629;
    color:#FFFFFF;
}

.card-column {
    float: left;
    text-align: center;
    margin: 5mm 0mm 0mm 5mm;
    width: 56mm;
    height: 85mm;
    border: 1px solid black;
    background-color: blue;
}

.card-content {
    padding-left: 2mm;
    text-align: center;
    font-size: 12px;
    height:50px;
}

.card-content-qr {
    padding-left: 1mm;
    vertical-align: middle;
    font-size: 12px;
    margin: 2mm;
    height: 105px;
}

.card-pinalty {
    font-size: 25px;
    padding: 0px;
    margin-top: -3mm;
    border:1px solid black;
}

.card img {
    margin: 0 auto;
}

.card-company-logo img {
    height: 45px;
    padding:1mm;
}

.card-company-logo photo {
    border:1px;
}

.card-photo img {
    width: 30mm;
    height: 40mm;
    border: solid 1px;
}

.card-qr img {
    width: 40mm;
    height: 40mm;
    border: solid 1px;
}