/*  use Prifix "rh-" */

.text-magenta {color: #8e24aa;}
.text-martini {color: #bcaaa4;}
.text-orange {color: #ffa001;}
.text-orange-red {color: #ff0000;}
.text-dodger-blue {color: #2196f3;}
.text-mute-low {color: #a8a8a8;}
.text-light-sea-green {color: #1cbbb4;}
.text-blue {color: #3f7afc;}
.ar-black{color: black;}
.ar-red{color: red;}
.ar-green{color: green;}
.ar-blue{color: blue;}
.rh-bg{background-color: teal !important;}
.rh-absolute{position: absolute;}
.rh-white{color: #ffffff;}
.rh-blue{color: #3e1bdb;}
.rh-bordertop{border-top: solid 1px #120450 !important;}


.aewidthidcrd{width: 100%;}
.mangid{height: 200px;background-color: #120450;width: 100%;float: left;}


.idcard-formate{width: 700px;min-height: 200px;position: fixed;top: 60px;right: 0;padding: 20px;z-index: 10000;;background-color: #ffffff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.idcard-formate .card{background-color: #ffffff;border-radius: 5px;height: 200px;width: 100%;overflow: hidden;background-color: rgb(241, 236, 236);text-align: center;}
.idcard-formate .card img{height: 100%;}
.idcard-formate .card1{padding: 10px;}
.idcard-formate .ar-rlat{position: relative;}
.idcard-formate .arbtn{width: 100px;height: 30px;cursor: pointer;line-height: 30px;border-radius: 5px;color: #ffffff;font-weight: 800;position: absolute;top: 90px;left: 110px;text-align: center;background-color: #080ba5;}
.idcard-formate .arbtn:hover{background-color: #080bc4;}

.idcard{width: 500px;height:360px;background-color: rgb(241, 236, 236);border-radius: 15px;margin: 5px;overflow: hidden;float: left;position: relative;}
.rh-idcontainer{margin: 10px;position: relative;height: 328px;}
.rh-idcardhead p{font-size: 11px;margin-top: 0;}
.idcard .watermark{position: absolute;z-index: 5;left: 25%;top: 30%;opacity: 0.08;width: 220px;}

.idcard .rh-header{width:100% ;height: 80px;background-color: rgb(3, 3, 61);border-top-left-radius: 10px;border-top-right-radius: 10px;}
.idcard .rh-idcrdlogo{width: 23%;height: 80px;float: left;text-align: center;}
.idcard .rh-logoicon{width: 70px;height: 70px;margin: 0 auto;overflow: hidden;margin-top: 5px;border-radius: 50%;}
.idcard .rh-idcrdlogo img{width: 72px;height: 72px;margin: -1px;}
.idcard .rh-idcardhead{width: 77%;height: 80px;float: left;color: #ffffff;text-align: center;}
.idcard .rh-idcardhead h4{font-size: 17px;margin: 0;margin-top: 8px;}
.idcard .rh-idcardhead h2{font-size: 21px;margin: 3px;margin-top: 15px;text-transform: capitalize;}
.idcard .rh-idcardhead h3{font-size: 15px;margin: 3px;}

.rh-sessen{margin: 0;text-align: center;height: 30px;line-height: 30px;font-weight: bold;}

.idcard .rh-container{width:100% ;min-height: 150px;overflow: hidden;}
.idcard .rh-container .rh-leftcontainer{width: 70%;min-height: 140px;float: left;font-size: 12px !important;}
.idcard .rh-container .rh-leftcontainer table{margin-left: 5px;margin-top: 0;}
.idcard .rh-container .rh-leftcontainer th{text-align: left;width: 90px;}
.idcard .rh-container .rh-leftcontainer td{padding-left: 10px;}


.idcard .rh-container .rh-rightcontainer{width: 30%;min-height: 140px;float: left;text-align: center;}
.idcard .rh-profic{width: 107px;height: 120px;margin-top: 10px;overflow: hidden;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.idcard .rh-profic img{width: 109px;margin: -1px;height: 100%;}
.rh-clear{clear: both;}
.rh-width100{width: 110px !important;}


.idcard .rh-footer{width:100% ;height: 50px;position: absolute;bottom: 0;}
.idcard .rh-footer ul{list-style: none;height: 50px;margin: 0;padding: 0;}
.idcard .rh-footer ul li{float: left;}
.idcard .rh-footer ul li:first-child{width: 62%;}
.idcard .rh-footer ul li:first-child p{margin: 0;margin-left: 20px;font-size: 10px;color: firebrick;margin-top: 10px;}
.idcard .rh-footer ul li:nth-child(2),.idcard .rh-footer ul li:nth-child(3){width: 19%;text-align: center;height: 25px;padding-top:15px}

.idcard .rh-silv{width:100% ;height: 20px;position: absolute;bottom: 0;}
.idcard .rh-silv ul{list-style: none;height: 50px;margin: 0;padding: 0;}
.idcard .rh-silv ul li{float: left;text-align: center;width: 50%;}

.idcard2{width: 375px;height:575px;background-color: #ffffff;}
.idcard2 .rh-header2{width: 100%;text-align: center;padding-top: 10px;}
.idcard2 .rh-header2 img{width: 72px;height: 72px;margin: -1px;}

.idcard2 .rh-idcardhead{color: #333333;width: 100%;}
.idcard2 .rh-idcardhead h2{color: green;font-weight: 800;}
.idcard2 .rh-profic{margin: 0 auto;}

.idcard2 .rh-content{padding-left: 10px;padding-right: 10px;}
.idcard2 .rh-content p{font-weight: bold;font-size: 16px;text-align: center;margin-top: 5px;}
.idcard2 .rh-content table{width: 100%;}
.idcard2 .rh-content th{color: green;font-weight: 800;padding-bottom: 10px;}
.idcard2 .rh-content td{padding-bottom: 10px;}

.idcard2 .rh-footer{padding-left: 10px;padding-right: 10px;position: absolute;bottom: 50px;}
.idcard2 .rh-footer ul li,.idcard2 .rh-footer ul li:first-child{width: 50% !important;padding-top:20px !important;text-align: center;float: left;}
.idcard2 .rh-bfoot{width: 100%;;height: 50px;background-color: green;color: #ffffff;text-align: center;font-weight: 800;position: absolute;bottom: 0;}
.idcard2 .rh-bfoot h3{font-size: 15px;margin-top: 7px;}

@media print {
    .ngcard{margin-bottom: 80px !important;}
}