@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

package/dist/components/order-daily-overview/table/table-data/styles.js

@@ -0,0 +1,610 @@
+import r from "styled-components";
+const d = r.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+`, n = r.div`
+  display: flex;
+  padding: 3px 12px;
+  align-items: flex-start;
+  gap: 24px;
+  border-radius: 6px;
+  background: rgba(153, 153, 153, 0.1);
+`, a = r.div`
+  overflow-x: auto;
+  max-height: calc(100vh - 396px);
+  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */
+  &::-webkit-scrollbar {
+    width: 5px;
+    border-radius: 100px;
+    height: 5px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #777;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #7b61ff;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #7b61ff;
+  }
+`, p = r.table`
+  border-spacing: 0 10px;
+  width: 100%;
+  table-layout: fixed;
+  /* min-width: 1600px; */
+  thead {
+    position: sticky;
+    top: 10px;
+    z-index: 1;
+    background: #fff;
+    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;
+    tr {
+      border-radius: 40px;
+      border-spacing: 0 10px;
+      font-family: 'lato', sans-serif;
+      .emailInvoiceCheckbox {
+        padding-right: 0px;
+        width: 0;
+        > div {
+          width: fit-content;
+        }
+      }
+      .emailInvoiceNo {
+        padding-left: 12px;
+      }
+      .emailInvoiceShare {
+        width: 100px;
+      }
+      th {
+        color: #3a3630;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        padding: 11px 15px;
+        background: #f0f2f2;
+        border-right: none;
+        border-left: none;
+        text-align: left;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-width: 1px 0;
+        &:first-child {
+          border-radius: 100px 0 0 100px;
+          border-left: 1px solid rgba(0, 0, 0, 0.08);
+        }
+        &:last-child {
+          border-radius: 0px 100px 100px 0;
+          border-right: 1px solid rgba(0, 0, 0, 0.08);
+        }
+      }
+    }
+  }
+  tbody {
+    max-height: 400px;
+    overflow-y: auto;
+    tr {
+      td {
+        color: #3a3630;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        padding: 12px 15px;
+        background: #fff;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-right: none;
+        border-left: none;
+        word-break: break-word;
+
+        .shareIconContainer {
+          display: flex;
+          width: 24px;
+          height: 24px;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          gap: 10px;
+          flex-shrink: 0;
+          border-radius: 15px;
+          background: #edebe8;
+          cursor: pointer;
+        }
+        .statuscontainer {
+          display: flex;
+          padding: 6px 10px;
+          justify-content: center;
+          align-items: center;
+          gap: 5px;
+          flex: 1 0 0;
+          border-radius: 22px;
+          background: rgba(41, 204, 106, 0.15);
+        }
+      }
+      &:nth-child(even) td {
+        background: #f6fbff;
+      }
+      td:first-child {
+        border-radius: 100px 0 0 100px;
+        border-left: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      td:last-child {
+        border-radius: 0px 100px 100px 0;
+        border-right: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      .flex {
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        height: 29px;
+        align-items: center;
+      }
+
+      &.insideTable {
+        td {
+          border-radius: 0;
+          border: none;
+          &:last-child {
+            border-radius: 0;
+            border-right: none;
+          }
+        }
+        table {
+          border-spacing: 0;
+          width: 100%;
+          border-radius: 5px;
+          border: 1px solid rgba(0, 0, 0, 0.08);
+          overflow: hidden;
+          border-top-left-radius: 15px;
+          border-top-right-radius: 15px;
+          thead {
+            tr {
+              border-bottom: none;
+              th {
+                padding: 14px 20px;
+                text-align: left;
+                border-top: 0;
+                border-right: 0;
+                border-left: 0;
+                background: #f8fafc;
+
+                &:first-child {
+                  border-radius: 0;
+                  border-left: 1px solid rgba(0, 0, 0, 0.08);
+                  border-top-left-radius: 15px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                }
+              }
+            }
+          }
+          tbody {
+            tr {
+              td {
+                padding: 14px 20px;
+                text-align: left;
+                border-bottom: 1px solid rgba(58, 54, 48, 0.15);
+                background: #fff;
+                > svg {
+                  transform: scale(1.5);
+                  background-color: #edebe8;
+                  border-radius: 20px;
+                  padding: 5px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                  border-right: none;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .actions {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    > svg {
+      transform: scale(1.5);
+      background-color: #edebe8;
+      border-radius: 20px;
+      padding: 5px;
+    }
+
+    .close-icon {
+      transform: scale(1.3);
+      background-color: transparent;
+      border-radius: 0;
+      padding: 0;
+    }
+  }
+`, e = r.th`
+  color: #3a3630;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  padding: 11px 15px;
+  background: #f0f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-right: none;
+  border-left: none;
+  text-align: left;
+`, o = r.td`
+  color: #3a3630;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  padding: 15px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-right: none;
+  border-left: none;
+`;
+r.div`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  em {
+    padding-left: 8px;
+    border-left: 2px dotted #758588;
+    font-style: normal;
+  }
+  span {
+    display: block;
+    line-height: 1;
+    &:first-child {
+      margin-bottom: 5px;
+    }
+  }
+`;
+r.div`
+  border-radius: 30px;
+  border: 1px solid #edefef;
+  background: #f6fbff;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+r.div`
+  font-weight: 600;
+  color: #09f;
+  margin-bottom: 6px;
+`;
+r.div`
+  display: flex;
+  gap: 4px;
+  /* align-items: center; */
+`;
+r.div`
+  color: #29cc6a;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+`;
+r.div``;
+r.div`
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px;
+`;
+r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  span {
+    margin-top: 4px;
+    &.ascending svg path:first-child {
+      fill: #000;
+    }
+    &.descending svg path:last-child {
+      fill: #000;
+    }
+  }
+`;
+r.div`
+  transform: scale(0.5);
+`;
+r.div`
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #fff;
+  display: flex;
+  padding: 4px 8px;
+  gap: 8px;
+  align-items: center;
+  cursor: pointer;
+  &.active .drop {
+    transform: rotate(180deg);
+  }
+`;
+r.div`
+  position: relative;
+`;
+r.div`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  svg {
+    cursor: pointer;
+  }
+`;
+r.div`
+  border-radius: 15px;
+  border: 1px solid #e3e3e3;
+  background: #fff;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+  padding-bottom: 10px;
+`;
+r.div`
+  border-bottom: 1px solid #e3e3e3;
+  background: #f8fafc;
+  display: flex;
+  padding: 10px 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 15px 15px 0 0;
+`;
+r.div`
+  /* padding-left: 45px; */
+  position: relative;
+  padding-right: 15px;
+`;
+r(e)`
+  background: none;
+  padding: 0px;
+  border-radius: 0 !important;
+  border: none;
+  padding: 14px 20px;
+  border-radius: 15px 0px 0px 0px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+
+  background: #f8fafc;
+`;
+r(o)`
+  background: none;
+  border: none;
+  padding: 0;
+  td td {
+    padding: 0 10px;
+    min-width: 140px;
+    max-width: 140px;
+    &:nth-child(3) {
+      min-width: 210px;
+      max-width: 210px;
+    }
+  }
+`;
+r.div`
+  border-radius: 100px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: #faf9f9;
+  padding: 6px 8px;
+  color: #888075;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  display: inline-block;
+`;
+r.div`
+  color: #fc7743;
+`;
+r.div`
+  border-radius: 20px;
+  border: 1px solid rgba(233, 82, 82, 0.5);
+  background: rgba(233, 82, 82, 0.15);
+  padding: 2px 8px;
+  display: flex;
+  cursor: pointer;
+  max-width: 70px;
+
+  &.active .coverArrow {
+    transform: rotate(0deg);
+    position: relative;
+    top: 2px;
+  }
+  .coverArrow {
+    transform: rotate(180deg);
+    position: relative;
+    top: -2px;
+  }
+
+  .circle {
+    width: 24px;
+    height: 24px;
+    border-radius: 100px;
+    border: 1px solid #e95252;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &:after {
+      content: '';
+      width: 10px;
+      height: 10px;
+      border-radius: 100px;
+      background: #e95252;
+    }
+  }
+`;
+r.div`
+  border-radius: 12px;
+  background: #fff;
+
+  position: absolute;
+  top: 86px;
+  left: 3px;
+  min-width: 36px;
+  span {
+    padding: 2px 6px;
+    color: #687d9b;
+    font-weight: 600;
+    font-size: 11px;
+    position: relative;
+    z-index: 2;
+    background: #fff;
+    border-radius: 100px;
+    border: 1px solid #edefef;
+  }
+
+  i {
+    width: 2px;
+    height: 36px;
+    background: #7b91b0;
+    display: block;
+    position: absolute;
+    top: 58%;
+    transform: translateY(-50%);
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    z-index: 1;
+    &:after,
+    &::before {
+      width: 5px;
+      height: 5px;
+      display: block;
+      background: #7b91b0;
+      position: absolute;
+      top: -5px;
+      content: '';
+      border-radius: 100px;
+      left: -1px;
+    }
+    &:after {
+      top: auto;
+      bottom: -4px;
+    }
+  }
+`;
+const i = r.div`
+  font-size: 13px;
+  color: #e95252;
+`;
+r(i)`
+  font-size: 10px;
+`;
+r.th`
+  color: #3a3630;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  padding: 11px 15px;
+  background: #f0f2f2;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-right: none;
+  border-left: none;
+  text-align: left;
+`;
+r.div`
+  border-radius: 20px;
+  border: 1px solid var(--contextual-blue, #6396e5);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  color: #6396e5;
+  align-content: center;
+  padding: 4px 12px;
+  height: 28px;
+  cursor: pointer;
+  &:hover {
+    background-color: #89b8ff;
+    color: white;
+  }
+`;
+r.div`
+  border-radius: 20px;
+  border: 1px solid rgba(233, 82, 82, 0.5);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  color: #e95252;
+  align-content: center;
+  padding: 4px 12px;
+  height: 28px;
+  cursor: pointer;
+  &:hover {
+    background-color: #ff7b7b;
+    color: white;
+  }
+`;
+r.div`
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  white-space: nowrap;
+  align-items: center;
+`;
+const l = r.div`
+  display: flex;
+  justify-content: center;
+`, x = r.div`
+  border-radius: 20px;
+  border: 1px solid #edebe8;
+  background: #fff;
+  display: flex;
+  padding: 6px 6px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+
+  &.active {
+    background: #313130;
+    & > div {
+      color: #fff;
+    }
+  }
+`, s = r.div`
+  display: flex;
+  width: 24px;
+  height: 24px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #b2b3b3;
+  .cross {
+    position: relative;
+    &:after {
+      display: inline-block;
+      content: 'X';
+      font-style: normal;
+      font-size: 14px;
+      color: #000;
+    }
+  }
+`, b = r.div`
+  color: #6a7378;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  white-space: nowrap;
+`;
+export {
+  x as ClearAll,
+  d as ColumStyle,
+  l as EmptyDataContainer,
+  n as GreyBox,
+  s as StyledFilterBtnIcon,
+  b as StyledFilterBtnLabel,
+  p as StyledTable,
+  a as StyledTableWrapper,
+  o as StyledTdBasic,
+  e as StyledThBase,
+  i as StyledWeight
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/order-daily-overview/table/table-data/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n  display: flex;\n  padding: 3px 12px;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 6px;\n  background: rgba(153, 153, 153, 0.1);\n`;\n// Styled components\nexport const StyledTableWrapper = styled.div`\n  overflow-x: auto;\n  max-height: calc(100vh - 396px);\n  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 100px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #777;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #7b61ff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: fixed;\n  /* min-width: 1600px; */\n  thead {\n    position: sticky;\n    top: 10px;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 0;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 12px;\n      }\n      .emailInvoiceShare {\n        width: 100px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: normal;\n        padding: 11px 15px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n  tbody {\n    max-height: 400px;\n    overflow-y: auto;\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: normal;\n        padding: 12px 15px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        word-break: break-word;\n\n        .shareIconContainer {\n          display: flex;\n          width: 24px;\n          height: 24px;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          gap: 10px;\n          flex-shrink: 0;\n          border-radius: 15px;\n          background: #edebe8;\n          cursor: pointer;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 6px 10px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const StyledThBase = styled.th`\n  color: #3a3630;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  padding: 11px 15px;\n  background: #f0f2f2;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n  text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n  color: #3a3630;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 15px;\n  background: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  em {\n    padding-left: 8px;\n    border-left: 2px dotted #758588;\n    font-style: normal;\n  }\n  span {\n    display: block;\n    line-height: 1;\n    &:first-child {\n      margin-bottom: 5px;\n    }\n  }\n`;\nexport const StyledRoundedBorder = styled.div`\n  border-radius: 30px;\n  border: 1px solid #edefef;\n  background: #f6fbff;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n  font-weight: 600;\n  color: #09f;\n  margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n  display: flex;\n  gap: 4px;\n  /* align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n  color: #29cc6a;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    margin-top: 4px;\n    &.ascending svg path:first-child {\n      fill: #000;\n    }\n    &.descending svg path:last-child {\n      fill: #000;\n    }\n  }\n`;\n\nexport const TomtomCover = styled.div`\n  transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #fff;\n  display: flex;\n  padding: 4px 8px;\n  gap: 8px;\n  align-items: center;\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n\nexport const CoverCustomDrop = styled.div`\n  position: relative;\n`;\n\nexport const IconCoverData = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  svg {\n    cursor: pointer;\n  }\n`;\n\n//  For route details\nexport const StyledCollapseWrapper = styled.div`\n  border-radius: 15px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding-bottom: 10px;\n`;\n\nexport const StyledCollapseHeadWrapper = styled.div`\n  border-bottom: 1px solid #e3e3e3;\n  background: #f8fafc;\n  display: flex;\n  padding: 10px 15px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n`;\n\nexport const StyledCollapseBody = styled.div`\n  /* padding-left: 45px; */\n  position: relative;\n  padding-right: 15px;\n`;\n\nexport const StyledTh = styled(StyledThBase)`\n  background: none;\n  padding: 0px;\n  border-radius: 0 !important;\n  border: none;\n  padding: 14px 20px;\n  border-radius: 15px 0px 0px 0px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n  background: #f8fafc;\n`;\n\nexport const StyledTd = styled(StyledTdBasic)`\n  background: none;\n  border: none;\n  padding: 0;\n  td td {\n    padding: 0 10px;\n    min-width: 140px;\n    max-width: 140px;\n    &:nth-child(3) {\n      min-width: 210px;\n      max-width: 210px;\n    }\n  }\n`;\n\nexport const StyledDateWrapper = styled.div`\n  border-radius: 100px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: #faf9f9;\n  padding: 6px 8px;\n  color: #888075;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  display: inline-block;\n`;\n\nexport const StyledLocationName = styled.div`\n  color: #fc7743;\n`;\n\nexport const StyledToggleStatus = styled.div`\n  border-radius: 20px;\n  border: 1px solid rgba(233, 82, 82, 0.5);\n  background: rgba(233, 82, 82, 0.15);\n  padding: 2px 8px;\n  display: flex;\n  cursor: pointer;\n  max-width: 70px;\n\n  &.active .coverArrow {\n    transform: rotate(0deg);\n    position: relative;\n    top: 2px;\n  }\n  .coverArrow {\n    transform: rotate(180deg);\n    position: relative;\n    top: -2px;\n  }\n\n  .circle {\n    width: 24px;\n    height: 24px;\n    border-radius: 100px;\n    border: 1px solid #e95252;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    &:after {\n      content: '';\n      width: 10px;\n      height: 10px;\n      border-radius: 100px;\n      background: #e95252;\n    }\n  }\n`;\n\nexport const StyledTimeTrack = styled.div`\n  border-radius: 12px;\n  background: #fff;\n\n  position: absolute;\n  top: 86px;\n  left: 3px;\n  min-width: 36px;\n  span {\n    padding: 2px 6px;\n    color: #687d9b;\n    font-weight: 600;\n    font-size: 11px;\n    position: relative;\n    z-index: 2;\n    background: #fff;\n    border-radius: 100px;\n    border: 1px solid #edefef;\n  }\n\n  i {\n    width: 2px;\n    height: 36px;\n    background: #7b91b0;\n    display: block;\n    position: absolute;\n    top: 58%;\n    transform: translateY(-50%);\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    z-index: 1;\n    &:after,\n    &::before {\n      width: 5px;\n      height: 5px;\n      display: block;\n      background: #7b91b0;\n      position: absolute;\n      top: -5px;\n      content: '';\n      border-radius: 100px;\n      left: -1px;\n    }\n    &:after {\n      top: auto;\n      bottom: -4px;\n    }\n  }\n`;\n\nexport const StyledWeight = styled.div`\n  font-size: 13px;\n  color: #e95252;\n`;\nexport const StyledCube = styled(StyledWeight)`\n  font-size: 10px;\n`;\n\nexport const Header = styled.th`\n  color: #3a3630;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  padding: 11px 15px;\n  background: #f0f2f2;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n  text-align: left;\n`;\n\nexport const Back = styled.div`\n  border-radius: 20px;\n  border: 1px solid var(--contextual-blue, #6396e5);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #6396e5;\n  align-content: center;\n  padding: 4px 12px;\n  height: 28px;\n  cursor: pointer;\n  &:hover {\n    background-color: #89b8ff;\n    color: white;\n  }\n`;\n\nexport const Remove = styled.div`\n  border-radius: 20px;\n  border: 1px solid rgba(233, 82, 82, 0.5);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  color: #e95252;\n  align-content: center;\n  padding: 4px 12px;\n  height: 28px;\n  cursor: pointer;\n  &:hover {\n    background-color: #ff7b7b;\n    color: white;\n  }\n`;\n\nexport const Buttons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  white-space: nowrap;\n  align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n  border-radius: 20px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 6px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #b2b3b3;\n  .cross {\n    position: relative;\n    &:after {\n      display: inline-block;\n      content: 'X';\n      font-style: normal;\n      font-size: 14px;\n      color: #000;\n    }\n  }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","StyledThBase","StyledTdBasic","StyledWeight","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}