body {

}
.topBar {
  background: #0d47a1;
  color: #d6d5a3;
  padding: 20px;
  text-align: center;
}

.smallinput {
  max-width: 270px;
}

.mainContent {
  padding: 5%;
  padding-left: 10%;
  padding-right: 10%;
}

.A4Page {
  display: flex;
  padding: 4mm;
  border: 1px solid blue;
  width: 80mm;
  background-color: white;
  height: 197mm;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


li {
    display: block;
}

li:before {
    content: "🌑";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 7px;
    margin-left: -3px;
    margin-right: 11px;
}

.qrBoxOuter {
  padding: 4mm;
  background: white;
  border: #0d47a1;
  margin-top: 2mm;
  margin-bottom: 2mm;
}

#box1 {
  width: 66mm;
  height: 76mm;
}
.upiLogo {
  width: 56%;
}
#box1 img{
  width: 100%;
}

.hrline{
  width: 90%;
  background-color: #0d47a1;
  height: 1mm;
}