body{
  height:1550px;
  padding-top: 8px;
}


.maintext{
margin-top: -20px;
}

img{
  width:945px;
  height:260px;
  margin-top: 0px
}

label{
  color: black;
}
body{
  width: 100%;
  }

  .row {
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    width: 946px;}



    .fathername{
      margin-left:300px;
      margin-top: -70px;
    
    }

    .cnic{
      margin-left:620px;
      margin-top: -87px;
    
    }

    .guest{
      margin-left:300px;
      margin-top: -70px;

    }

.gender{
  margin-left:605px;
  margin-top: -87px;
}


.transbox{
border: 1px solid black;
  height:auto;
  color: black;
  background-color: white;
padding: 5px 5px 5px 5px;
border-radius: 2px;


}

.transbox p{
  height:auto;
}

.headerlogo{
 
    color: white;
    width: 946px;
    margin-left: -15px;

}





    .card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 0px solid white;
      border-radius: .25rem;
      padding-left: 214px;
    }
   input:focus{
outline: 0;   }

#ui-id-1 {
  width: 300px !important;
  background-color: white !important;
  border: 1px solid black;
}




.col-sm-4 button{
  background-color: #004ba5;
  color: white;
  float: right;
  border: 1px solid #004ba5;
 border-radius: 5px;
  height: auto;
  height: 30px;

} 

.col-sm-4 :hover button{
  color: white;
} 


    form{
  border:1px solid #004ba5;
   }

   .text{

padding-left: 400px;
padding-top: 15px;

}


hr { 
  width:50px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 20px;
  border-style: inset;
  color: #004ba5;
}