body,html{width:210mm;height:297mm}@page{size:A4;margin:0;-webkit-print-color-adjust:exact!important;page-break-before:auto;page-break-after:auto;page-break-inside:avoid}.generateIdCardOuterContainer{overflow:hidden;display:block;position:relative;width:2480px;height:1600px;font-family:Open Sans!important}[dir] .generateIdCardOuterContainer{margin:0 auto;background:#fff;margin-bottom:1cm!important}.generateIdCardOuterContainer .generateIdCardContainer{width:2480px;height:3508px;position:relative;overflow:hidden;-webkit-transform:scale(.45);top:-1000px}[dir] .generateIdCardOuterContainer .generateIdCardContainer{background-size:contain;transform:scale(.45)}[dir=ltr] .generateIdCardOuterContainer .generateIdCardContainer{background:url(../img/id_card.daf9295e.jpg) 0 0 no-repeat;left:-650px}[dir=rtl] .generateIdCardOuterContainer .generateIdCardContainer{background:url(../img/id_card.daf9295e.jpg) 100% 0 no-repeat;right:-650px}.generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer{position:absolute;top:1212px}[dir=ltr] .generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer{left:1211px}[dir=rtl] .generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer{right:1211px}.generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer .volunteerByGenderLabel{font-size:31px;color:#9cb1db;letter-spacing:.5px}.generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer .volunteerName{font-size:45px;color:#000;font-weight:500}[dir] .generateIdCardOuterContainer .generateIdCardContainer .idCardNameContainer .volunteerName{margin-top:9px}.generateIdCardOuterContainer .generateIdCardContainer .idCardImageContainer{position:absolute;top:1099px}[dir=ltr] .generateIdCardOuterContainer .generateIdCardContainer .idCardImageContainer{left:814px}[dir=rtl] .generateIdCardOuterContainer .generateIdCardContainer .idCardImageContainer{right:814px}.generateIdCardOuterContainer .generateIdCardContainer .idCardImageContainer img{width:326px;height:326px}.generateIdCardOuterContainer .generateIdCardContainer .idCardUnitName{position:absolute;top:2158px}[dir=ltr] .generateIdCardOuterContainer .generateIdCardContainer .idCardUnitName{left:807px}[dir=rtl] .generateIdCardOuterContainer .generateIdCardContainer .idCardUnitName{right:807px}.generateIdCardOuterContainer .generateIdCardContainer .idCardUnitName .unitName,.generateIdCardOuterContainer .generateIdCardContainer .idCardUnitName .volunteerName{font-size:26px;color:#9cb1db;letter-spacing:.5px}.generateIdCardOuterContainer .generateIdCardContainer .idCardCode{position:absolute;top:2295px}[dir=ltr] .generateIdCardOuterContainer .generateIdCardContainer .idCardCode{left:807px}[dir=rtl] .generateIdCardOuterContainer .generateIdCardContainer .idCardCode{right:807px}.generateIdCardOuterContainer .generateIdCardContainer .idCardCode qrcode canvas{width:220px;height:220px}.generateIdCardOuterContainer .generateIdCardContainer .idCardCode .codeNumber{width:220px;color:#000;font-size:20px;letter-spacing:.5px}[dir] .generateIdCardOuterContainer .generateIdCardContainer .idCardCode .codeNumber{text-align:center}