@import url('https://fonts.cdnfonts.com/css/arial');

.card{margin:20px 20px 15px 0px;}

.main-icard-container > b, strong {font-weight: bold !important;}

.main-icard-container *{font-size:9.2px;margin:0px;font-family:Arial, Helvetica, sans-serif ;}

.main-icard-container{border-radius:5px;border:1px solid #000;width:3.5in;height:2.5in;position:relative;margin:1px;box-shadow:inset -1px 1px 2px 2px #aaa;}

p{color:#000;}

.header{width:100%;background-color:#2870EA;box-shadow: 1px 1px 2px 2px #aaa;}

.header-left{width:15%;float:left;background-color:#2870EA;margin-bottom:0.2px;border-radius:5px 0px 0px 0px;}

.header-right{width:85%;float:right;background-color:#2870EA;margin-bottom:0.2px;border-radius:0px 5px 0px 0px;}

.logo{width:40px;height:40px;margin:1px;border-radius:1px;}

.logo_heading{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size: 14.2px;margin:2px;font-weight:bold;}

.logo-contact{line-height:1.15;font-size: 10px;color:#fff;text-align:center;}


.icardname_con{width:100%;float:none;clear:both;background-color:red;}

.reg{display:inline-block;border:0.5px solid #ddd;margin-bottom:0px;padding:0px;font-size:8px !important;color:#fff;}

.ref > b{font-size:8px !important; margin-right:1px;}


.icard-name-text{font-size:12px;font-family:arial;font-weight:bold;
background-color:red;color:#fff;display:inline-block;
margin-left:60px;padding:0px;   color: white;

}

.barcode{display:inline-block;border:1px solid #000;margin-left:5px;width:100px;height:20px;}

.barcode-img{height:18px;width:90px}

.img-div{height:100px;width:89px; border:0.5px solid #aaa; position:absolute;top:59px;margin-left:1px;border-radius:3px;}
.image{height:98px;width:87px;margin-left:1px;border:0.5px solid #ddd; border-radius:3px;}

.name{position:absolute;top:60px;margin-left:92px;}


.fname{position:absolute;top:72px;margin-left:92px;}
.mname{position:absolute;top:84px;margin-left:92px;}

.gender{position:absolute;top:96px;margin-left:92px;}
.category{position:absolute;top:96px;margin-left:225px;}

.mobile{position:absolute;top:108px;margin-left:92px;}
.class{position:absolute;top:108px;margin-left:225px;}

.dob{position:absolute;top:120px;margin-left:92px;}
.roll{position:absolute;top:120px;margin-left:225px;}

.faculty{position:absolute;top:132px;margin-left:92px;}
.session{position:absolute;top:132px;margin-left:225px;}

.subjects{position:absolute;top:144px;margin-left:92px;}

.additional{position:absolute;top:156px;margin-left:92px;}

.address{position:absolute;top:168px;margin-left:5px;}

.student-sign{position:absolute;top:180px;left:2px; height:22px; width:100px;}
.teacher-sign{position:absolute;top:180px;margin-left:190px; height:22px; width:100px;}

.student-sign-txt{position:absolute;top:205px;left:20px;font-size:8px;color:#fff }
.teacher-sign-txt{position:absolute;top:205px;margin-left:200px;font-size:8px;color:#fff }

.icard-footer{background-color:red;height:13px;margin-top:168.5px;border-radius:0px 0px 5px 5px;box-shadow:inset 1px 0px 1px 0px #aaa;}


.logo-contact > i.fa { font-size: 10px; color: #fff;
}

@media print{

	#print_back{display:none ;}
	

.header-left{width:15%;float:left;background-color:#2870EA !important;}

.header-right{width:85%;float:right;background-color:#2870EA !important;color:#fff !important;}

p{color:#000 !important;}

.logo{width:40px;height:40px;margin:1px;}

/*.logo_heading{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size: 17px;margin:2px;font-weight:bold;text-align:center;}*/


.logo_heading{color:#fff !important;text-align:center;font-weight:bold;}

.logo-contact{font-size: 10px; color:#fff !important;}

.reg{display:inline-block;border:0.5px solid #ddd;margin-bottom:0px;padding:0px;font-size:8px !important;color:#fff;}


.icard-name-text{font-size:12px;font-family:arial;font-weight:bold;
background-color:red;color:#fff;display:inline-block;
margin-left:60px;padding:0px;   color: white;

}

.icardname_con{width:100% !important;float:none !important;clear:both !important;background-color:red !important;}

.reg{display:inline-block !important;border:0.5px solid #ddd !important;margin-bottom:0px !important;font-size:8px !important;}
.reg >b {color: #fff !important;}

.icard-name-text{font-size:12px;font-family:arial;font-weight:bold;
background-color:red !important;color:#fff !important;display:inline-block;text-align:center!important;
margin-left:60;padding:0px; color: white;
}

.barcode{display:inline-block !important;border:1px solid #000 !important;margin-left:5px !important;width:100px !important;height:20px !important;}

.barcode-img{height:18px !important;width:90px !important;}



.student-sign-txt{position:absolute;top:205px;left:20px;font-size:8px;color:#fff !important; }
.teacher-sign-txt{position:absolute;top:205px;margin-left:200px;font-size:8px;color:#fff !important;}


.icard-footer{background-color:red !important;height:13px !important;margin-top:168.5px !important;border-radius:0px 0px 5px 5px !important;box-shadow:inset 1px 0px 1px 0px #aaa;}

	i.fa:before {color: #fff !important;}


}