/* Portrait page CSS */

/* .container {
  position: relative;
  text-align: center;
  color: white;
}
.RefNumber {
	position: absolute;
    top: 132px;
    left: 16%;
    color: black;
}
.CandidateName {
  position: absolute;
    top: 225px;
    color: black;
    left: 42%;
    text-transform: capitalize !important;
}
.Fathername {
	position: absolute;
    top: 255px;
    color: black;
    left: 42%;
    text-transform: capitalize;
}
.district {
	transform: translate(-50%, -50%);
    position: absolute;
    top: 295px;
    color: black;
    left: 20%;
    text-transform: capitalize;
}
.state_of {
	transform: translate(-50%, -50%);
    position: absolute;
    top: 295px;
    color: black;
    left: 46%;
    text-transform: capitalize;
}

.imageicon{
	position: absolute;
    top: 14%;
    left: 82%;
}

.barcodeimage{

    position: absolute;
    top: 375px;
    left: 42%;
} */

/* Lanscape page css */
.container {
  position: relative;
  text-align: center;
  color: white;
}
.RefNumber {
	position: absolute;
    top: 157px;
    left: 14%;
    color: black;
}
.CertificateNo {
	position: absolute;
    top: 188px;
    left: 15%;
    color: black;
}
.CandidateName {
	position: absolute;
    top: 313px;
    color: black;
    left: 36%;
    text-transform: uppercase;
}
.Fathername {
	position: absolute;
    top: 354px;
    color: black;
    left: 33%;
    text-transform: uppercase;
}
.district {
    position: absolute;
    top: 397px;
    color: black;
    left: 15%;
    text-transform: uppercase;
}
.state_of {
    position: absolute;
    top: 397px;
    color: black;
    left: 40%;
    text-transform: uppercase;
}

.imageicon{
	position: absolute;
    top: 27%;
    left: 83%;
}

.barcodeimage{

    position: absolute;
    top: 535px;
    left: 42%;
}
.CompletedDate{

    position: absolute;
    top: 595px;
    left: 42%;
    color: black;
}