/* 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;
}