/* Parent Scope Root */
.Notification {
  width: 100%;
  min-height: 70vh;
  background-color: #ffffff;
  padding-bottom: 40px;
}

.Notification .notification_container {
  /* max-width: 720px; */
  margin: 0 auto;
}

.Notification .notification_group {
  margin-top: 16px;
}

.Notification .notification_group_title {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin: 0 0 10px 0;
}

.Notification .notification_order_card {
  margin-bottom: 12px;
}

/* ---- Original OrderCard rules (order notifications, unchanged) ---- */
.Notification .status_text_holder {
  width: 50%;
}

.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text .delivery_text {
  width: 50%;
}

.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder {
  width: 50%;
}

.Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder p {
  text-align: end;
}

.Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div .order_id {
  width: 50%;
}

.Notification .status_text_holder .Status_text {
  text-align: end;
}

.Notification .notification_empty {
  text-align: center;
  font-size: 14px;
  color: #6b7280;
  padding: 50px 0;
}

@media (min-width: 0px) and (max-width: 575px) {
  .Notification .status_text_holder {
    width: 100%;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text .delivery_text {
    width: 100%;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder {
    width: 100%;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .first_div .date_holder p {
    text-align: left;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div .order_id {
    width: 100%;
  }

  .Notification .status_text_holder .Status_text {
    text-align: left;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .first_div {
    display: block;
  }

  .Notification .OrderCard .card_main_holder .card_holder .right_side_part .order_details_div .footer_text {
    display: block;
  }
}

@media (min-width: 0px) and (max-width: 485px) {
  .Notification .notification_group {
    margin-top: 12px;
  }

  .Notification .notification_group_title {
    font-size: 14px;
    margin-bottom: 8px;
  }
}