.orderMoreDetails {
    /* background: #152b56; */
    display: flex;
    flex-direction: column;
    position: fixed;
    inset-inline-end: 0px;
    top: calc(54px + 90px + 5px + 30px + 63px);
    height: 480px;
    overflow: auto;
    z-index: 9;
}

/* orderMoreDetailsHeader */
    .orderMoreDetails .orderMoreDetailsHeader {
        background-color: rgba(11, 35, 90, 0.53);
        height: 40px;
        padding: 12px 16px;
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        background: #152b56;
        margin-inline-start: 15px;
    }

.orderMoreDetails .orderMoreDetailsHeader h3 {
  color: #899ccb;
  font-size: 9px;
  font-weight: 700;
  margin: 0px;
}

        .orderMoreDetails .orderMoreDetailsHeader .backIcon {
            background: transparent;
            border: none;
            padding-inline-start: 0px;
        }
        .orderMoreDetails .orderMoreDetailsHeader .closeIcon {
            background: transparent;
            border: none;
            padding-inline-end: 0px;
            margin-inline-end: 0px;
            margin-inline-start: auto;
        }

/* orderMoreDetailsBody */
    .orderMoreDetails .orderMoreDetailsBody {
        padding: 8px 16px;
        background: #152b56;
        margin-inline-start: 15px;
        height: calc(100% - 40px);
    }

.orderMoreDetails .orderMoreDetailsBody div {
  margin-bottom: 5px;
}

.orderMoreDetails .orderMoreDetailsBody div:last-child {
  margin-bottom: 0px;
}

.orderMoreDetails .orderMoreDetailsBody div h3 {
  color: rgba(249, 119, 12, 0.85);
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 8px;
}

.orderMoreDetails .orderMoreDetailsBody div p {
  color: rgba(227, 229, 234, 0.85);
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* orderMoreDetailsPlannedVsActual */
.orderMoreDetails .orderMoreDetailsPlannedVsActual {
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table {
  width: 100%;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table thead {
  background-color: rgba(11, 35, 90, 0.53);
  height: 32px;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table thead tr {
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table thead tr th {
  font-size: 9px;
  font-weight: 600;
  padding: 0px 5px;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table thead tr th.Planned {
  color: #e37014;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table thead tr th.Actual {
  color: #14e329;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table tbody {
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table tbody tr {
  padding-bottom: 12px;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table tbody tr th {
  color: rgba(227, 229, 234, 0.85);
  font-weight: 600;
  font-size: 9px;
  /* padding-bottom: 12px; */
  padding: 1px 5px 11px;
}

.orderMoreDetails .orderMoreDetailsPlannedVsActual table tbody tr td {
  color: #959dad;
  font-size: 9px;
  /* padding-bottom: 12px; */
  padding: 1px 5px 11px;
}
.orderMoreDetails .orderMoreDetailsPlannedVsActual a {
  color: rgba(245, 245, 245, 0.64);
  text-decoration: underline;
  font-size: 9px;
  text-align: end;
  display: block;
  padding: 0px 10px 10px;
  border-bottom: 1px solid #184d89;
  margin: 10px;
}
/* orderMoreDetailsNotifications */
.orderMoreDetailsNotifications {
  /* height: 30%;
    margin-top: auto;
    margin-bottom: 0px; */
  /* overflow: auto; */
}

.orderMoreDetailsNotifications .Notification {
  /* border: 3px solid #0B235A; */
  /* margin: 0px 12px 6px; */
  /* border-radius: 11px; */
  background-color: #211b37;
  box-shadow: 0px 3px 15px #030a25ba;
  padding: 10px 16px;
}

.orderMoreDetailsNotifications .Notification .NotificationHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.orderMoreDetailsNotifications
  .Notification
  .NotificationHeader
  button.closeIcon {
  background: transparent;
  padding: 0px;
  border: none;
}

.orderMoreDetailsNotifications .Notification .NotificationHeader h3 {
  color: rgba(254, 254, 254, 0.85);
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 0px;
}

    .orderMoreDetailsNotifications .Notification .NotificationHeader h3 img {
        width: 15px;
        height: 15px;
        margin-inline-end: 5px;
    }

.orderMoreDetailsNotifications .Notification .NotificationBody {
  padding: 5px 10px 3px;
}

.orderMoreDetailsNotifications .Notification .NotificationBody p {
  color: rgba(254, 254, 254, 0.6);
  font-size: 8px;
  margin: 0px;
}

.orderMoreDetailsNotifications a {
  color: rgba(245, 245, 245, 0.64);
  text-decoration: underline;
  font-size: 9px;
  text-align: end;
  display: block;
  padding: 0px 10px 10px;
  /* border-bottom: 1px solid #184D89; */
  margin: 10px 10px 0px;
}