.ax-page-wrapper {
  margin-top: 99px;
}

.exp_container {
  width: 100%;

}

.act_searchpage_seabre {
  height: auto;
}

.act_searchpage {
  width: 100%;
  float: left;
  background-color: #ffffff;
  padding-bottom: 40px;
}

.header-top {
 
  font-family: Lato;
  font-size: 27px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
}

.leftpanelh {
  width: 65%;
  margin-left: 0px;
  padding-bottom: 60px;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.11);
}

.leftpanelh h1 {
  font-family: Lato;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #236eaf;
  margin-bottom: 0px;
  padding: 10px 0 20px 39px;
  float: left;
  width: 100%
}

.rightpanel {
  width: 28%;
  margin-left: 20px;
 
}

.onepanel {
  margin-top: 37px;
  width: 100%;
  display: flex;
}

.onepanel .leftpanelh hr {
  border: 0;
  height: 1px;
  width: 97%;
  background: #e6e6e6;
  margin: 0;
  display: flex;
}

.righttop {
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.11);
  margin-bottom: 24px;
  padding: 16px 20px 16px 20px;
  display: flow-root;
}

.rightmiddle {
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.11);
  margin-bottom: 24px;
  display: flow-root;
}

.middlecalc {
  padding: 16px 20px 0px 20px;
  display: inherit;
}

.rightbottom {
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.11);
  padding: 16px 36px 28px 19px;
  display: flow-root;
}

.flightheading {
  padding: 0 0 0px 20px;
  float: left;
  width: 100%;
  border-bottom: 1px #ddd solid;
}

.detailsav {
  font-family: Lato;
  font-size: 17px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
}

.righttop p {
  margin-top: 0px;
}

.rightmiddle p {
  margin-top: 0px;
}

.rightbottom {
  text-align: center;
}

.rightbottom p {
  margin: 0px;
}

.boxdetails p {
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
}

.leftboxdetails {
  text-align: left;
  width: 50%;
  float: left;
}

.rightboxdetails {
  text-align: right;
  width: 50%;
  float: left;
}

.displayamt {
  display: flex;
  padding: 8px 20px 11px 20px;
 
}

.refmsg {
  padding-top: 11px;
  font-family: Lato;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #787878;
  padding-left: 19px;
}

.amtvalue {
  width: 50%;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
}

.amttotal {
  width: 50%;
  text-align: right;
  font-family: Lato;
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #236eaf;
}

.imageright {
  margin-top: 2px;
  margin-bottom: 18px;
}

.earned {
  font-family: Lato;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-size: 20.5px;
  font-weight: bold;
  color: #323232;
}

.pts {
  font-family: Lato;
  font-size: 20.5px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-weight: bold;
  color: #236eaf;
  display: inline-flex;
}

.transaction {
  font-family: Lato;
  font-size: 17.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #505050;
}

.middlecontext {
  margin-bottom: 49px;
}

.balancep {
  font-family: Lato;
  font-size: 20.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.59;
  letter-spacing: normal;
  color: #787878;
}

.bpts {
  font-size: 20.5px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-weight: bold;
  color: #323232;
  display: inline-flex;
}

.travdetails {
  display: flex;

}

.details1 {
  width: 25%;
}

.leftdivpanel {
  width: 50%;
  text-align: left;
}

.rightdivpanel {
  width: 50%;
  text-align: right;
}

.margfare {
  margin-top: 0px;
}

.bookingid p {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.64;
  letter-spacing: 0.84px;
  text-align: left;
  color: #323232;
  margin: 0px;
}

.bookingid {
  margin-bottom: 5px;
}

.hotelname {
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
  text-align: left;
  margin-bottom: 0px;
}

.hotelname p {
  margin: 0;
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
}

.innerdivhotel {
  width: 610px;
  padding: 0 0 0 39px;
  float: left;
}

.innerhotelbookingdetails {
  width: 100%;
  padding-right: 0px;
  float: left;
  margin-bottom: 10px;
}

.hbookingdetails {
  font-family: Lato;
  font-size: 17px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
  margin-bottom: 0px;
}

.hcheckdetails {
  width: 50%;
  float: left;
  text-align: left;
}

.htimedetails {
  width: 50%;
  float: left;
  text-align: right;
}

.hcheckdetails p {
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
}

.htimedetails p {
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
}

.passtrip p {
  font-family: Lato;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #323232;
 
}

.middetails p,
.hroomdetails p {
  text-align: left;
}

.hroomdetails {
  width: 100%;
  padding-right: 0px;
  float: left;
}

.hcompletedetails {
  display: flex;
}

.passengerdetails {
  display: flex;
}

.passengerdetails_exp {
 
  flex-wrap: wrap;
}


.passtrip {
  width: 33%;
}

.roomdetails {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;

}

.roomdetails li {
  width: 200px;
  font-size: 14px;
}

.hcompletedetails li {
  width: 140px;
  font-size: 14px;
  padding-bottom: 5px;
}

.htextinfo p {
  text-align: left;
}

.flight_bk_container div.onepanel div.rightpanel {
  width: 35%;
}

.booking_container div.onepanel div.rightpanel {
  width: 32%;
}

.bookingid p>span {
  font-family: Lato;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.64;
  letter-spacing: 0.84px;
  text-align: left;
  color: #6d6e71;
  margin: 0px;
}

.exp_container div.onepanel div.rightpanel {
  width: 34%;
}

.exp_container div.onepanel div.leftpanelh div.innerdivhotel div.hroomdetails {
  margin-bottom: 10px;
}

.ax-booking-sucess-inner .bookingid {
  margin-bottom: 5px;
  display: flex;
  flex-flow: column;
  margin-bottom: 20px;
}

.ax-booking-sucess-inner .bookingid p {
  padding: 0px;
}