/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Styling for the pricing toggle switch */
#pricingToggle {
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  height: 1.5rem;
  width: 2.5rem;
}

input {
  box-shadow: none !important;
}

.savings-pill {
  letter-spacing: 1px;
  padding: 0.5rem;
}

.popover-add {
  cursor: pointer;
}

.icon-wrapper {
  width: 24px; /* Adjust width to make the box smaller */
  height: 24px; /* Adjust height to make the box smaller */
  border-radius: 50%;
}

/*----------------------------------------------
# DJANGO MESSAGES STYLING
----------------------------------------------*/
.alert-messages {
    position: fixed;
    top: 1.5rem;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30rem;
    max-width: 95%;
    z-index: 9999; /* Adjust z-index as needed to ensure it displays above other elements */
}