/*************************************************************************
  Universal Styles
*************************************************************************/
body {
  background-color: #FFFFFF;
}

a, a:hover {
  text-decoration: none;
}

input:focus {
    outline: none;
}

.mobileoptimisedform {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
}

.div_height_1px {
  height: 1px;
}

.div_height_5px {
  height: 5px;
}

.div_height_7px {
  height: 7px;
}

.div_height_10px {
  height: 10px;
}

.div_height_15px {
  height: 15px;
}

.div_height_20px {
  height: 20px;
}

.div_height_30px {
  height: 30px;
}

.div_height_50px {
  height: 50px;
}

.custom_modal_style {
  box-shadow: 0 2px rgba(0,0,0,.1);
  border-radius:50px;
  width:95%;
  margin-left:auto;
  margin-right:auto;
}

.custom_modal_style2 {
  box-shadow: 0 2px rgba(0,0,0,.1);
  border-radius:25px;
  width:95%;
  margin-left:auto;
  margin-right:auto;
}

#custom1_headerdiv {
  background-image: url("./gallery/header4.png");
  background-size: 100% 98%;
  background-repeat: no-repeat;
  height: 170px;
  display: block;
  padding-left:35px;
  padding-top:40px;
}

#custom1_headertitle {
  font-family: "Poppins", sans-serif;
  font-weight: bolder;
  font-size: 26px;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  color: white;
}

.custom1_headercontent {
  font-family: "Lora", serif;
  font-size: 18px;
  letter-spacing: 0.3px;
  margin-bottom:2px;
  color: white;
}

.highlightred {
  color: red !important;
}


.highlightredbold {
  color: red !important;
  font-weight: bold;
}

.highlightorangebold {
  color: #f16738 !important;
  font-weight: bold;
}

.highlighturl {
  color: blue !important;
  text-decoration-line: underline;
}

.copyright {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}

/*************************************************************************
  Universal Modal
*************************************************************************/

#universal_pleaseWaitModalBody {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.universal_pleasewaittext {
  font-family: "Lora", serif;
  letter-spacing: 0.3px;
  font-size: 16px;
  text-align: center;
}

/*************************************************************************
  Landing Page
*************************************************************************/
#landingpage_headerdiv {
  background-image: url("./gallery/landingpage_header4.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 258px;
}

.landingpage_navigationbutton {
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 10px;
  border: 1px solid #D3CABC;
  display: flex;
}

.landingpage_navigationbutton_innerleft {
  width: 39%;
}

.landingpage_navigationbutton_innerright {
  width: 60%;
}

.landingpage_navigationicon {
  width: 30px;
  margin-left: 35px;
}

.landingpage_navigationtext {
  line-height: 30px;
}



/*************************************************************************
  Discount Poster (Student Discount, XHS, TikTok)
*************************************************************************/
.discountposter_img1 {
  width: 95%;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.discountposter_img2 {
  width: 95%;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}



/*************************************************************************
  event
*************************************************************************/
.event_div {
  text-align: center;
}


.event_img {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.event_confirmbutton {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-top: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 30px;
  border: 0.5px solid #887457;
}


/*************************************************************************
  Make Order
*************************************************************************/
.makeorder_bigtitle {
  font-family: "Poppins", sans-serif;
  font-size: 42px;
  letter-spacing: 1.0px;
  margin-top: 55px;
  text-align: center;
}

.makeorder_title_after {
  color: black;
  font-weight: bold;
}

.makeorder_title_meal {
  font-weight: 500;
  color: #f16738;
}

.makeorder_smalltitle {
  font-family: "Lora", serif;
  font-size: 16px;
  color: black;
  letter-spacing: 5px;
  text-align: center;
}

.makeorder_smallertitle {
  font-family: "Lora", serif;
  font-size: 13px;
  font-weight: 600;
  color: #f0673a;
  letter-spacing: 5px;
  text-align: center;
  margin-top: 5px;
}

.makeorder_biglogoimg {
  width: 150px;
}

.makeorder_biglogodiv {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}

.makeorder_phonenumberinstruction {
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: bold;
  color: black;
  letter-spacing: 0.3px;
  text-align: left;
  padding-left: 25px;
}

.makeorder_phonenumberentrydiv {
  height: 41px;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom:20px;
  border-bottom:solid 0.75px black;
}

.makeorder_phonenumberentrydiv_innerleft {
  width:90%;
  float:left;
  height:40px;
}

.makeorder_phonenumberentrydiv_innerright {
  width:10%;
  float:right;
  height:40px;
}

.makeordertourist_phonenumberentrydiv_innerleft {
  padding-left: 9px;
  width:20%;
  float:left;
  height:40px;
  line-height:41px;
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}

.makeordertourist_phonenumberentrydiv_innerright {
  width:80%;
  float:left;
  height:40px;
}

.makeorder_phonenumberentry_input {
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: bolder;
  color: black;
  letter-spacing: 0.3px;
  border-radius:10px;
  height:40px;
  background:none;
  border:none;
  padding-left:9px;
  width: 100%;
}

.makeorder_phonenumberentry_icon {
  width: 20px;
  margin-top: 5px;
}

.makeorder_phonenumberentry_input::placeholder {
  color: lightgrey;
  font-weight: normal;
  font-size: 18px;
}

.makeorder_startorderbutton {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: black;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 30px;
  background-color: white;
  border: 0.75px solid black;
}

.makeorder_pdpadisclaimer {
  font-family: "Lora", serif;
  font-size: 13px;
  color: black;
  letter-spacing: 0.3px;
  text-align: center;
  margin-bottom: 10px;
  color: white;
}

#makeorderErrorModalBody {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.makeorder_hideerrorbtn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 30px;
  border: 1px solid rgba(136,116,87,0.3);
}

.makeorder_footerdiv {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.makeorder_footerimg {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 238px;
  z-index: -1;
}

.makeordertourist_entry_div {
  font-style: italic;
  color: blue;
  font-size: 13px;
  margin-left: 25px;
}

.makeordertourist_selector_div {
  padding-left: 25px;
  padding-right: 25px;
}

.makeordertourist_selector_custom {
  font-family: "Lora", serif;
  font-size: 18px;
  color: lightgrey;

  margin-left: auto;
  margin-right: auto;

  width: 100%;
  height: 45px;
  padding-left: 9px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left;

  border-radius: 0px;
  border-bottom: 0.5px solid #212529;
  box-shadow: none !important;
}

#makeordertourist_dropdown {
  border-radius: 8px;
  border: 1px solid rgba(136,116,87,0.3);
}

.makeordertourist__dropdown_limity {
  height:200px;
  overflow-y:scroll;
}

.makeordertourist_dropdown_element {
  font-family: "Lora", serif;
  font-size: 18px;
  color: black;
  margin-bottom: 8px;
}



/*************************************************************************
  Mode Select
*************************************************************************/
.modeselect_navigationbutton {
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 10px;
  border: 1px solid #D3CABC;
  display: flex;
}

.modeselect_navigationbutton_innerleft {
  width: 49%;
}

.modeselect_navigationbutton_innerright {
  width: 50%;
}

.modeselect_navigationicon {
  width: 45px;
  margin-left: 35px;
}

.modeselect_navigationtext {
  line-height: 45px;
}



/*************************************************************************
  Session
*************************************************************************/
.session_instruction {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.3px;
  text-align: left;
  padding-left: 25px;
}

.session_selector_div {
  padding-left: 25px;
  padding-right: 25px;
}

.session_selector_custom {
  font-family: "Lora", serif;
  font-size: 15px;
  color: #887457;

  margin-left: auto;
  margin-right: auto;

  width: 100%;
  height: 45px;
  padding-left: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;

  border-radius: 0px;
  border-bottom: 1px solid rgba(136,116,87,0.3);
  box-shadow: none !important;
}

#session_dropdown {
  border-radius: 8px;
  border: 1px solid rgba(136,116,87,0.3);
}

.session_dropdown_limity {
  height:200px;
  overflow-y:scroll;
}

.session_dropdown_element {
  font-family: "Lora", serif;
  font-size: 15px;
  color: #887457;
  margin-bottom: 8px;
}

.session_confirmbutton {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-top: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 30px;
  border: 0.5px solid #887457;
}

.session_navigationurl {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #0048FF;
  letter-spacing: 0.5px;
  font-style: italic;
  text-align: center;
  margin-top: 25px;
}



/*************************************************************************
  Recommendation
*************************************************************************/
.recommendation_bigtitle {
  font-family: "Poppins", sans-serif;
  font-size: 38px;
  font-weight: bolder;
  color: #887457;
  letter-spacing: 1.0px;
  margin-top: 20px;
  text-align: center;
}

.recommendation_img {
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

.recommendation_instruction {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.3px;
  text-align: center;
}



/*************************************************************************
  dineinTA
*************************************************************************/
.dineinTA_title {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.3px;
  text-align: left;

  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #e16f46;
  margin-left: -20px;
  padding-left: 25px;
  width: 300px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 20px;

}

.dineinTA_itemmaindiv {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  display: flex;
}

.dineinTA_itemmaindivspecial {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-align: center;
  box-shadow: 0px 0 10px rgb(136 116 87 / 30%);
  border-radius: 15px;
}

.dineinTA_iteminnerdivleft {
  width: 45%;
  float: left;
}

.dineinTA_iteminnerdivright {
  width: 55%;
  float: right;
  padding-right: 15px;
}

.dineinTA_itemimg {
  width: 146px;
}

.dineinTA_itemimgspecial {
  width: 100%;
  margin-bottom: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.dineinTA_highlightnew {
  font-weight: bold;
  color: white;
  width: 90px;
  background-color: brown;
  text-align: center;
  border-radius: 10px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  font-style: italic;
}


.dineinTA_highlightbest {
  font-weight: bold;
  color: white;
  width: 90px;
  background-color: red;
  text-align: center;
  border-radius: 10px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  font-style: italic;
}

.dineinTA_highlightpopular {
  font-weight: bold;
  color: white;
  width: 90px;
  background-color: #f16738;
  text-align: center;
  border-radius: 10px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  font-style: italic;
}

.dineinTA_itemname {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  color: #793e02;
}

.dineinTA_itemname_special {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}

.dineinTA_itemdescription {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
  font-style: italic;
  color: #808080;
  text-align: left;
}

.dineinTA_itemdescription_special {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
  font-style: italic;
  color: #666666;
  text-align: center;
}

.dineinTA_itembtn {
  background-color: #0bcf00;
  width: 180px;
  color: white;
  padding: 5px;
  border-radius: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: auto;
  text-align: center;
}

.dineinTA_itembtn_special {
  background-color: #0bcf00;
  width: 300px;
  color: white;
  padding: 5px;
  border-radius: 30px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dineinTA_toppingoutermaindiv {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #646464;
  font-style: italic;
  padding-bottom: 15px;
  padding-left: 10px;
  border-bottom: 0.5px solid lightgrey;
}

.dineinTA_toppingmaindiv {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #646464;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  border-bottom: 0.5px solid lightgrey;
}

.dineinTA_toppinginnderdivleft {
  float: left;
  width: 250px;
  text-align: left;
  padding-right: 10px;
}

.dineinTA_toppinginnderdivright {
  float: right;
}

.dineinTA_toppingpricebutton {
  background-color: #0bcf00;
  border-radius: 20px;
  width: 80px;
  color: white;
  text-align: center;
}

.dineinTA_modaloptiontitle {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  font-weight: bold;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 4px;
}

.dineinTA_modaloptiondetails {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.dineinTA_modaloptionselectiondiv {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #646464;
  text-align: center;
  margin-bottom: 5px;
}

.dineinTA_modaloptionselectionitemsdiv {
  width: 250px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #aaaaaa;
}

.dineinTA_modaldisclaimer {
  font-family: "Lora", serif;
  font-size: 11px;
  letter-spacing: 0.3px;
  font-weight: 500;
  color: grey;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dineinTA_modaldisclaimerbigger {
  font-family: "Lora", serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-weight: 500;
  color: grey;
  margin-bottom: 15px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dineinTA_modalquestion {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

.dineinTA_modaltext {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #646464;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.dineinTA_modalbtn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  letter-spacing: 0.3px;
  border-radius: 30px;
  background-color: #0bcf00;
  width: 300px;
  color: white;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  text-align: center;
}

.dineinTA_modalimg {
  width: 250px;
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.dineinTA_nagivationdiv {
  margin-top: 1px;
  display: flex;
}

.dineinTA_nagivationdivleft {
  width: 50%;
  margin-left:5px;
  margin-right:8px;
}

.dineinTA_nagivationdivright {
  width: 50%;
  margin-left:8px;
  margin-right:5px;
}

.dineinTA_navigationback {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.75px solid #887457;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: white;
}

.dineinTA_navigationconfirm {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.5px solid #0bcf00;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #0bcf00;
}

.dineinTA_navbarcustom {
  background-color: #FFFFFF;
  box-shadow: 0px 0 10px rgb(136 116 87 / 30%);
  height: 120px;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
  display: block;
  padding: 24px 16px;
  text-align:center;
}

.dineinTA_navbartext {
  font-family: "Lora", serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #646464;
    text-align: left;
}

.dineinTA_navbarboldred {
  color: red;
  font-weight: bold;
}

.dineinTA_navbarboldgreen {
  font-weight: bold;
  color: green;
}

.dineinTA_navbarbtn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  background-color: #0bcf00;
  width: 165px;
  color: white;
  padding: 5px;
  border-radius: 30px;
  float: right;
}

.dineinTA_navigationurl {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #0048FF;
  letter-spacing: 0.5px;
  font-style: italic;
  text-align: center;
  margin-top: 25px;
}

/*************************************************************************
  Overview
*************************************************************************/
.overview_giftcarddiv {
  display: flex;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #887457;
  letter-spacing: 0.5px;
}

.overview_giftcardinnerdivleft {
  width: 66%;
  padding-left: 6%;
  text-align: left;
  font-style: italic;
  line-height: 25px;
  font-weight: bold;
}

.overview_giftcardinnerdivright {
  width: 33%;
  padding-right: 6%;
  text-align: center;
}

.overview_giftcardredeembtn {
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  font-size: 14px;
  border-radius: 15px;
  border: solid 1px #887457;
  background-color: #white;
  text-align: center;
  color: #887457;
  height: 25px;
  font-style: italic;
  line-height: 22px;
}

.overview_itemdiv {
  display: flex;
}

.overview_iteminnerdivleft {
  width: 67%;
  padding-left: 6%;
}

.overview_iteminnerdivmid {
  width: 17%;
  text-align: center;
}

.overview_iteminnerdivright {
  width: 16%;
  text-align: center;
}

.overview_itemname {
  font-family: "Lora", serif;
  font-size: 14px;
  color: #646464;
  letter-spacing: 0.3px;
  text-align: left;
}

.overview_itemremarks {
  font-family: "Lora", serif;
  font-size: 14px;
  color: red;
  letter-spacing: 0.3px;
  font-style:italic;
  text-align: left;
  padding-left:10px;
}

.overview_itemprice {
  font-family: "Lora", serif;
  font-size: 14px;
  color: #646464;
  letter-spacing: 0.3px;
  text-align: right;
}

.overview_itemdelete {
  color: #646464;
  margin-top: -3px;
}

.overview_emptylist {
  font-family: "Lora", serif;
  font-size: 18px;
  color: #646464;
  letter-spacing: 0.3px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
}

.overview_totaldiv {
  display: flex;
  font-family: "Lora", serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: black;
}

.overview_totalinnerdivleft {
  width: 72%;
  padding-left: 6%;
}

.overview_totalinnerdivright {
  width: 28%;
  padding-right: 6%;
  text-align: right;
}

.overview_totalhighlight {
  color: red;
}

.overview_nagivationdiv {
  display: flex;
}

.overview_nagivationdivleft {
  width: 50%;
  margin-left:15px;
  margin-right:8px;
}

.overview_nagivationdivright {
  width: 50%;
  margin-left:8px;
  margin-right:15px;
}

.overview_navigationback {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.5px solid #887457;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: white;
}

.overview_navigationconfirm {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.5px solid #0bcf00;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #0bcf00;
}

.overview_navigationurl {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #0048FF;
  letter-spacing: 0.5px;
  font-style: italic;
  text-align: center;
  margin-top: 25px;
}

#referralModalBody {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.overview_referralsmalltitle {
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: bold;
  color: #e16f46;
  text-align: center;
}

.overview_referraltext {
  font-family: "Lora", serif;
  letter-spacing: 0.3px;
  font-size: 15px;
  text-align: center;
}

#giftcardModalBody {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.overview_giftcardsmalltitle {
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: bold;
  color: #887457;
  text-align: center;
}

.overview_giftcardmodaldiv {
  display: flex;
  font-family: "Lora", serif;
  letter-spacing: 0.3px;
  font-size: 14px;
  color: #646464;
  margin-bottom: 15px;
}

.overview_giftcardmodalinnerdivleft {
  width: 66%;
  padding-left: 6%;
  text-align: left;
  font-style: italic;
  line-height: 25px;
  font-weight: bold;
}

.overview_giftcardmodalinnerdivright {
  width: 33%;
  padding-right: 6%;
  text-align: center;
}

.overview_giftcardmodalwarning {
  font-family: "Lora", serif;
  letter-spacing: 0.3px;
  font-size: 14px;
  text-align: center;
  color: red;
}

.overview_TAModalinputDiv {
  padding-left: 10px;
  padding-right: 10px;
}

.overview_TAModalinput {
  font-family: "Lora", serif;
  letter-spacing: 0.3px;
}

.overview_TAModalconfirm {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.5px solid #0bcf00;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #0bcf00;
}

.overview_referralModalconfirm {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 30px;
  border: 0.5px solid #0bcf00;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #0bcf00;
}

/*************************************************************************
  Track Order
*************************************************************************/
.trackorder_steps {
  display: flex;
  margin-top:25px;
  padding-left: 25px;
}

.trackorder_steps_left {
  width: 18%;
}

.trackorder_steps_right {
  width: 81%;
}

.trackorder_stepimg_tick {
  width: 35px;
}

.trackorder_steptitle {
  font-family: "Poppins", sans-serif;
  font-weight: bolder;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.trackorder_steptitle_pending {
  font-family: "Poppins", sans-serif;
  font-weight: bolder;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-style: italic;
  color: red;
}

.trackorder_stepcontent_paymentremarks {
  font-family: "Lora", serif;
  color: black;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0.3px;
}

.trackorder_stepcontent_completed {
  font-family: "Lora", serif;
  font-size: 17px;
  color: #5EA534;
  letter-spacing: 0.3px;
}

.trackorder_stepverticalline_short_completed {
  margin-left:15px;
  margin-top:15px;
  border-radius: 5px;
  width:5px;
  height:55px;
  background-color:#7BB956;
}

.trackorder_stepverticalline_long_notcompleted {
  margin-left:15px;
  margin-top:15px;
  border-radius: 5px;
  width:5px;
  height:240px;
  background-color:#B1B1B1;
}

.trackorder_stepcontent_notcompleted {
  font-family: "Lora", serif;
  font-size: 17px;
  color: #B1B1B1;
  letter-spacing: 0.3px;
}

.trackorder_stepcontent_notcompleted {
  font-family: "Lora", serif;
  font-size: 17px;
  color: #B1B1B1;
  letter-spacing: 0.3px;
}

.trackorder_stepcontent_smaller_notcompleted {
  font-family: "Lora", serif;
  font-size: 14px;
  color: #B1B1B1;
  letter-spacing: 0.3px;
  font-style: italic;
}

.trackorder_amount_notcompleted {
  font-family: "Lora", serif;
  font-size: 24px;
  font-weight: bolder;
  color: red;
  letter-spacing: 0.5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.trackorder_ordernumber_black {
  font-family: "Lora", serif;
  font-size: 35px;
  font-weight: bolder;
  color: black;
  letter-spacing: 0.5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.trackorder_viewreceiptdetails {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #0048FF;
  letter-spacing: 0.5px;
  font-style: italic;
}

#receiptdetailsModalBody {
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
}

.trackorder_receiptdetailslocation {
  font-family: "Lora", serif;
  font-size: 18px;
  color: #0048FF;
  letter-spacing: 0.3px;
  margin-bottom:5px;
}

.trackorder_receiptdetailsdivleft {
  width: 79%;
  padding-left: 7%;
}

.trackorder_receiptdetailsdivright {
  width: 21%;
  padding-right: 5%;
}

.trackorder_receiptdetailsitemname {
  font-family: "Lora", serif;
  font-size: 15px;
  color: #646464;
  letter-spacing: 0.3px;
  text-align: left;
}

.trackorder_receiptdetailsitemremarks {
  font-family: "Lora", serif;
  font-size: 14px;
  color: red;
  letter-spacing: 0.3px;
  text-align: left;
  padding-left: 20px;
  font-style: italic;
}

.trackorder_receiptdetailsitemprice {
  font-family: "Lora", serif;
  font-size: 15px;
  color: #646464;
  letter-spacing: 0.3px;
  text-align: right;
}

.trackorder_receiptdetailsitemtotal {
  font-family: "Lora", serif;
  font-size: 15px;
  color: black;
  letter-spacing: 0.3px;
  text-align: left;
  padding-left: 10px;
}

.trackorder_receiptdetailsitemtotalhighlight {
  color: red;
  font-weight: bold;
}

.trackorder_navigationurl {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #0048FF;
  letter-spacing: 0.5px;
  font-style: italic;
  text-align: center;
  margin-top: 15px;
}

#changeLocationModalBody {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.trackorder_changelocationbutton {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #887457;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 30px;
  border: 0.5px solid #887457;
}

.qrwrapper1 {
  height: 140px;
  width: 140px;
}

.qrwrapper2 {
  height: 140px;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}