/* Alert Login Only 05-12-2024 */
.popupAlertLoginGuest {
  font-family:
    "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans",
    "Helvetica Neue", Arial, sans-serif;
  text-align: left;
}

.popupAlertLoginGuest div.loginSection,
.popupAlertLoginGuest div.guestSection {
  padding: 10px 20px;
}

.popupAlertLoginGuest div.loginSection h4,
.popupAlertLoginGuest div.guestSection h4 {
  color: #ffffff;
  color: rgba(92, 184, 92, 1);
  border: 2px solid rgba(92, 184, 92, 1);
  font-size: 20px;
  line-height: 1.8;
  padding: 5px;
  text-align: center;
  margin-bottom: 15px;
}

.popupAlertLoginGuest div.guestSection h4 {
  color: rgba(52, 152, 219, 1);
  border: 2px solid rgba(52, 152, 219, 1);
}

.popupAlertLoginGuest div.guestSection {
  border-left: 2px solid darkblue;
  height: 300px;
}

.popupAlertLoginGuest .title {
  font-weight: 700;
}

.popupAlertLoginGuest .content {
  min-height: 150px;
}

.popupAlertLoginGuest .content p {
  padding-left: 10px;
}

.popupAlertLoginGuest button {
  margin-top: 15px;
}

.popupAlertLoginGuest div.guestSection button {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.popupAlertLoginGuest div.guestSection button {
  background-color: rgba(52, 152, 219, 1);
  border-color: rgba(52, 152, 219, 1);
}

@media (max-width: 480px) {
  .popupAlertLoginGuest div.loginSection,
  .popupAlertLoginGuest div.guestSection {
    padding: 10px 0px;
  }

  .popupAlertLoginGuest .content {
    min-height: initial;
  }

  .popupAlertLoginGuest div.guestSection {
    border-left: none;
    height: initial;
  }
}

input[type="button"]:disabled,
button[disabled],
.btn[disabled] {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  opacity: 0.7;
  border: 1px solid #555;
}

/***** Paxcel No Member 21-May-2026 ************/
.PascelSection-NoMember {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 2px solid rgb(191, 0, 255);
  font-size: 16px;
}

.PascelSection-NoMember h4.panel-title {
  padding: 5px;
}

.PascelSection-NoMember .panel-body {
  background-color: rgba(224, 176, 255, 0.25);
}

.PascelSection-NoMember #showShipAddress {
  width: 82%;
  padding: 15px 5px 15px 20px;
  margin-left: 35px;
  border: 1px solid purple;
  margin-bottom: 10px;
  background-color: #fff;
}

.PascelSection-NoMember #showShipAddress input,
.PascelSection-NoMember #showShipAddress textarea {
  border: 1px solid purple;
  padding: 2px 10px;
}

.PascelSection-NoMember #showShipAddress input {
  width: 90%;
}

.PascelSection-NoMember #showShipAddress textarea {
  width: 90%;
  height: 150px;
}

.PascelSection-NoMember #showShipAddress .ship_zipcode_section {
  width: 25%;
}
.PascelSection-NoMember #showShipAddress .ship_mobile_section {
  width: 50%;
}

.PascelSection-NoMember #showShipAddress input#ship_zipcode1,
.PascelSection-NoMember #showShipAddress input#ship_mobile1 {
  width: 70%;
}

@media (max-width: 480px) {
  .PascelSection-NoMember #showShipAddress {
    margin-left: 20px;
  }

  .PascelSection-NoMember #showShipAddress input {
    width: 90%;
  }
  .PascelSection-NoMember #showShipAddress textarea {
    width: 90%;
  }

  .PascelSection-NoMember #showShipAddress .ship_zipcode_section {
    width: 35%;
  }
  .PascelSection-NoMember #showShipAddress .ship_mobile_section {
    width: 65%;
  }

  .PascelSection-NoMember #showShipAddress input#ship_zipcode1,
  .PascelSection-NoMember #showShipAddress input#ship_mobile1 {
    width: 70%;
  }
}

/***** End Paxcel No Member 21-May-2026 ************/
