/*@page{
	size: A4;
	margin: 0;

}
print-btn{
	display: none;
	visibility: none;
}*/
.front-page{
	/*background-image: url("img/card_sanmarg_P1.jpg");*/
	/*height: */
	/*width:100%;*/
	/*position: absolute;*/
	/*left:0;*/
	/*height: 100vh;*/
	/*margin: 0;*/
	/*width: 17cm;*/
	/*min-height: 27.9cm;*/
}
/*@front-page{
	size:a3;
}*/
.back-page img{
		/*display: none;*/
}


.single-print-btn{
	background-color:dodgerblue;
	color: white;
	font-family: tahoma;
	padding:15px;
	border: 0px;
	border-radius:5px;
	cursor: pointer;
}
.single-print-btn:hover{
	background-color:blue;
}

.download-print-btn{
	background-color:#198b8d;
	color: white;
	font-family: tahoma;
	padding:15px;
	border: 0px;
	border-radius:5px;
	cursor: pointer;
}
.download-print-btn:hover{
	background-color:#198b8d;
}
.id-card *{
	/*color: white;*/
}
.id-card{
	font-family: arial;
	position: relative;
}
.id-card-view{
	position:relative;
	/*border:1px solid black;*/
	font-weight:700;
}
.id-card>div{
	/*position:relative;*/
	/*font-size:22px;*/
	/*position:relative;*/
	page-break-after:always;
	/*text-shadow:1px 1px;*/
}
.front-page,.back-page{

	/*color:black;*/
	display:none;
	justify-content:center;
	flex-wrap:wrap;
}
@media print{
	@page{
		position:absolute;
		margin: 0;
		background-color:yellow;
		size:2in calc(3in + 2.67mm);
		color:white;
		font-size:8px;
	}	
}


.front-page>img{
	width:100%;
	/*width:40cm;*/
	/*width: 600px;*/
	/*height: auto;*/
}
.back-page>img{
	/*width:40cm;*/
	width:100%;
	/*height: 27.9cm;	*/
	/*height: 22.3cm;	*/
}
.front-page div,.back-page div{
	position:absolute;

}
.empimg{
	/*top:239px;*/
	top:63.6mm; 
	left:50%;
	transform:translateX(-50%);
	/*border:1px solid black;*/
	width:46.5mm
}
.empimg img{
	transform:translateX(0%);
	/*width:273px;*/
	width:100%;
	height: 47mm;

}

@media screen and (min-width: 1600px) {
/* Styles */
.name{
    display:inline-block;
    top: 125mm;
    font-size: 21px;
    color: #fcffff;
    text-align: center;
}
.name::after{
  content:'';
  height:2px;
  width:100%;
  background:#fff;
  position:absolute;
  left:calc(7% - 10%);
  bottom:-8px;
  text-align: center;
}
.position{
    top: 145.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
  }
.department{
    top: 138.5mm;
    font-size: 11.5px;
    left: 2%;
    color: #fcffff;
	
 }
.idno{
    top: 152.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
	
 }
}

@media screen and (min-width: 1400px) {
/* Styles */
.name{
    display:inline-block;
    top: 125mm;
    font-size: 21px;
    color: #fcffff;
    text-align: center;
}
.name::after{
  content:'';
  height:2px;
  width:100%;
  background:#fff;
  position:absolute;
  left:calc(7% - 10%);
  bottom:-8px;
  text-align: center;
}
.position{
    top: 145.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
  }
.department{
    top: 138.5mm;
    font-size: 11.5px;
    left: 2%;
    color: #fcffff;
	
 }
.idno{
    top: 152.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
	
 }
}
@media screen and (min-width: 992px) {
//For Large Laptops
.name{
    display:inline-block;
    top: 125mm;
    font-size: 21px;
    color: #fcffff;
    text-align: center;
}
.name::after{
  content:'';
  height:2px;
  width:100%;
  background:#fff;
  position:absolute;
  left:calc(7% - 10%);
  bottom:-8px;
  text-align: center;
}
.position{
    top: 145.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
  }
.department{
    top: 138.5mm;
    font-size: 11.5px;
    left: 2%;
    color: #fcffff;
	
 }
.idno{
    top: 152.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
	
 }
}
.name{
    display:inline-block;
    top: 125mm;
    font-size: 21px;
    color: #fcffff;
    text-align: center;
}
.name::after{
  content:'';
  height:2px;
  width:100%;
  background:#fff;
  position:absolute;
  left:calc(7% - 10%);
  bottom:-8px;
  text-align: center;
}
.position{
    top: 145.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
  }
.department{
    top: 138.5mm;
    font-size: 11.5px;
    left: 2%;
    color: #fcffff;
	
 }
.idno{
    top: 152.5mm;
    font-size: 19px;
    left: 2%;
    color: #fcffff;
	
 }
/*.lastname{
	top:245px;
	left:220px;
}*/

.designation{
	top:52mm;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	display:flex;
	justify-content:center;
	/*flex-wrap:wrap;*/
	/*width:100%;*/
	/*float:center;*/
	font-size:8px;
}
.empid{
	top:104.8mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;
}

.dob{
	top:107.5mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;	
}
.mobile{
	top:110.2mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;
}
.emergency{
	top:113.0mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;
}

.bloodgroup{
	top:116mm;
	/*left:730px;	*/
	left:calc(50% + 7px);
	font-size:7px;
}
.dateofexpiry{
	top:121.5mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;		
}
.dateofissue{
	top:118.7mm;
	/*left:730px;*/
	left:calc(50% + 7px);
	font-size:7px;
}
.qrcode{
	top: 258mm;
    left: calc(50% + 0px);
    transform: translateX(-50%);
    height: 207px;			
}
.qrcode img{
	    width: 664px;
    height: 100%;
    top: 404mm;
}