.sc-table {
  overflow: auto;
  .pagination-bar {
    margin-top: 20px;
  }

  thead {
    .el-table__cell.is-right {
      .cell {
        padding-right: 25px !important;
      }
    }
  }

  tbody {
    .el-table__cell.is-right {
      .cell {
        padding-right: 0px !important;
      }
    }
  }

  .el-table__cell {
    .cell {
      // word-break: unset !important;
      word-break: break-word !important;
      p {
        margin: 0px !important;
      }
    }

    &:not(.is-right) {
      .cell {
        padding: 0px 10px 0px 0px !important;
      }
    }
  }

  .el-table__header > thead > tr > th {
    // background: #edeef3 !important;

    .cell {
      display: flex !important;

      white-space: pre-line !important;

      .caret-wrapper {
        margin-top: -5px;
        // margin-left: 5px;
      }
    }
  }
  .is-right {
    .cell {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important;
    }
  }

  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #f4f5f8 !important;
  }

  th:first-child,
  td:first-child {
    padding-left: 25px;
  }

  th.is-right:nth-last-child(2),
  td:last-child {
    padding-right: 25px;
  }

  &.logs {
    .el-table__header > thead > tr > th {
      background-color: rgb(231, 240, 255);
    }
    .el-table__header-wrapper {
      width: 100% !important;
    }
  }

  .semi-hide {
    opacity: 0.5;
  }

  .cell-flex {
    .cell {
      display: contents;
      overflow-x: auto;
    }
  }

  // td {
  //   .cell {
  //     overflow: auto;
  //     text-overflow: unset !important;
  //   }

  //   .cell::-webkit-scrollbar {
  //     height: 4px;
  //   }

  //   .cell::-webkit-scrollbar-track {
  //     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  //   }

  //   .cell::-webkit-scrollbar-thumb {
  //     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  //   }
  // }
}

.header-dark {
  .el-table__header > thead > tr > th {
    background-color: #555555 !important;
    color: #fff !important;
  }
}

.clickable {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.el-table__expanded-cell {
  .el-table__header > thead > tr > th {
    background: #edeef3;
  }
}

// .el-table__body-wrapper::-webkit-scrollbar,
// .sc-table::-webkit-scrollbar {
//   height: 4px;
// }

// .el-table__body-wrapper:-webkit-scrollbar-track,
// .sc-table:-webkit-scrollbar-track {
//   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
// }

// .el-table__body-wrapper::-webkit-scrollbar-thumb,
// .sc-table::-webkit-scrollbar-thumb {
//   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
// }

// @media only screen and (max-width: 1024px) {
//   .el-form-item__content,
//   .el-card__body {
//     overflow: auto !important;
//     .el-table,
//     .sc-table {
//       width: 150% !important;
//       max-width: 150% !important;
//     }
//   }
// }

@media only screen and (max-width: 1024px) {
  .col-wider.logs > .el-table,
  .m-list-template {
    width: 220% !important;
    max-width: 220% !important;
  }
}
@media only screen and (max-width: 601px) {
  .col-wider.logs > .el-table,
  .m-list-template {
    width: 350% !important;
    max-width: 350% !important;
  }
}