.webpage--price-alerts .webpage__content > :nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.webpage--price-alerts .webpage__content > :nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.webpage--price-alerts .webpage__content > :nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}
.webpage--price-alerts .webpage__content > :nth-child(4) {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
.webpage--price-alerts .webpage__content .error-message {
  color: #dc3545;
  display: none;
  margin-bottom: 0.5rem;
}
.webpage--price-alerts .webpage__content .metal {
  font-weight: 700;
}
.webpage--price-alerts .webpage__content .alert-gold {
  --metal-color: #c7aa50;
  --metal-color-trans: rgba(199, 170, 80, 0.3);
}
.webpage--price-alerts .webpage__content .alert-silver {
  --metal-color: #a5a5a5;
  --metal-color-trans: rgba(165, 165, 165, 0.3);
}
.webpage--price-alerts .webpage__content .alert-platinum {
  --metal-color: #839cb5;
  --metal-color-trans: rgba(131, 156, 181, 0.3);
}
.webpage--price-alerts .webpage__content .alert-palladium {
  --metal-color: #8f83b5;
  --metal-color-trans: rgba(143, 131, 181, 0.3);
}
.webpage--price-alerts .webpage__content .metal-coloured-text {
  color: var(--metal-color);
}
.webpage--price-alerts .webpage__content .card--price-alerts form label {
  font-weight: 700;
  padding-left: 0.75rem;
}
.webpage--price-alerts .webpage__content .card--price-alerts form .form-control {
  background-color: #fff;
}
.webpage--price-alerts .webpage__content .card--price-alerts form .btn {
  width: 100%;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body {
  display: block;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-header {
  margin-bottom: 1rem;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-empty {
  grid-column: 1 / span 3;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .new-alert-fade-in {
  background-color: var(--metal-color-trans);
  box-shadow: 0 0 0 0.3rem var(--metal-color-trans);
  border-radius: 0.5rem;
  transition: background-color 0.5s, box-shadow 0.5s;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .new-alert-fade-out {
  background-color: transparent;
  box-shadow: none;
  transition: background-color 1.5s, box-shadow 1.5s;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .new-alert-text {
  background-color: var(--metal-color);
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  color: #fff;
  border-radius: 0.5rem;
  font-weight: bolder;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data {
  display: flex;
  flex-direction: column;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data > * + * {
  margin-top: 0.5rem !important;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row {
  display: flex;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row > * + * {
  margin-left: 1rem !important;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row .alert-narrative-price {
  display: flex;
  flex-grow: 1;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row .price {
  flex-grow: 1;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row .cancelAlert {
  background-color: #fff;
  opacity: 0.25;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row .cancelAlert .fa-times {
  color: #000;
}
.webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts .alerts-data .alerts-row .cancelAlert:hover {
  opacity: 1;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .price-widget__alert .price {
  margin-top: 0.25rem;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .btn-primary {
  width: 100%;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .price-widget__alert {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .fa-chart-line {
  color: #000;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .chartLink {
  background-color: #f7f6f6;
}
.webpage--price-alerts .webpage__content .card--new-price-alert .price_option {
  padding-bottom: 1rem;
  border-bottom: 2px solid #e2e4e8;
}
@media all and (min-width: 768px) {
  .webpage--price-alerts .card--new-price-alert {
    position: sticky;
    top: 7rem;
  }
  .webpage--price-alerts .card--new-price-alert .email-details {
    display: flex;
    justify-content: space-between;
  }
  .webpage--price-alerts .card--new-price-alert .email-details a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts {
    max-width: 70%;
  }
  .webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts-inner {
    max-width: 60%;
    display: flex;
    flex-grow: 1;
  }
  .webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts-inner > * + * {
    margin-left: 1rem !important;
  }
}
@media all and (max-width: 767px) {
  .webpage--price-alerts .webpage__content .email-details a {
    width: 100%;
    margin-top: 0.5rem;
  }
  .webpage--price-alerts .webpage__content .card--price-alerts form .form-group {
    margin-bottom: 0.5rem;
  }
  .webpage--price-alerts .webpage__content .card--client-alerts .card-body {
    display: block;
  }
  .webpage--price-alerts .webpage__content .card--client-alerts .card-body .alerts {
    width: 100%;
    margin-bottom: 1rem;
  }
}