.table-summary {
  /* width: 100% !important; */

  padding: 0px !important;
  /* text-align: left !important; */
  background-color: #f8f8f8;
  text-align: right;
}
.table-summary td {
  font-size: 8px;
  width: 50px;
}
.table-summary-fo {
  /* margin-top: 50px; */
}
.sort-titles {
  cursor: pointer;
  font-weight: bold !important;
  font-family: "Times New Roman", Times, serif;
  /* font-size: 1
  0px  !important; */
}
.pl-table td{
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.pnl-table-container {
  width: 100%;
  overflow-x: auto;
  /* margin-bottom: -30px; */
}

.filter-card {
  position: absolute;
  height: 670px !important;
  margin-left: 25%;
  margin-top: 10vh !important;
  overflow-y: auto;
}
.rlzd-trades-card {
  position: absolute;
  height: 670px !important;
  margin-left: 15%;
  margin-top: 10vh !important;
  overflow-y: auto;
}
.filter-card-input {
  display: flex;
  border-radius: 6px;
  padding: 5px;
  margin: 5px;
  width: 99%;

  font-size: 8px;
}
.filter-form {
  width: 100%;
}
.btn-filter {
  margin-left: auto;
  margin-right: 1%;
  margin-top: 20px;
}
.filter-info-container-2 {
  width: 50%;
  margin-top: 30vh;
  /* overflow-x: "auto"; */
  display: flex;
  flex-wrap: wrap;
  height: 180px;
  z-index: 5;
  /* overflow-y: auto; */
}
.rlzd-trades-info-container-2 {
  width: 70%;
  margin-top: 30vh;
  /* overflow-x: "auto"; */
  display: flex;
  flex-wrap: wrap;
  height: 180px;
  z-index: 5;
  /* overflow-y: auto; */
  align-content: baseline;
}
.sticky-summary {
  position: sticky !important;
  /* background-color: transparent !important; to cover the cell content while scrolling */
  z-index: 7 !important;
  /* width: 100% !important; */
}
.lower-sticky-row {
  position: sticky !important;
  z-index: 8 !important;
  font-size: 8px !important;
}
.higher-sticky-row {
  position: sticky !important;
  z-index: 9 !important;
  background-color: white !important;
  font-size: 8px !important;
}

.filter-params {
  display: flex;
}
.btn-clear {
  height: min-content;
  margin-right: 5px;
  height: min-content;
  margin-top: 10px;
  margin-right: 5px;
  font-size: 10px;
}
.borders {
  border-top: 2px solid grey;
  border-bottom: 2px solid grey;
}
.borders-right {
  border-right: 1px solid grey;
}
.borders-left {
  border-left: 1px solid grey;
}
.table-summary tr {
  height: 10px;
}
/* td.sticky-summary:nth-child(1) { left: 0; }
td.sticky-summary:nth-child(2) { left: 30px; }
td.sticky-summary:nth-child(3) { left:120px; }
td.sticky-summary:nth-child(4) { left: 270px; }
td.sticky-summary:nth-child(5) { left: 420px; }


td.higher-sticky-row:nth-child(1) { left: 0; }
td.higher-sticky-row:nth-child(2) { left: 30px; }
td.higher-sticky-row:nth-child(3) { left: 120px; }
td.higher-sticky-row:nth-child(4) { left: 270px; }
td.higher-sticky-row:nth-child(5) { left: 420px; } */

@media only screen and (max-width: 1000px) {
  .table-summary {
    /* width: 550px !important; */
    /* transform: scale(0.5); */
  }
  .table-summary td {
    font-size: 5px;
    padding: 0.1px;
    width: 20px;
  }
  .table-summary tr {
    height: 5px;
  }
  /* td.sticky-summary:nth-child(1) {
    left: 0;
  }
  td.sticky-summary:nth-child(2) {
    left: 17px;
  }
  td.sticky-summary:nth-child(3) {
    left: 34px;
  }
  td.sticky-summary:nth-child(4) {
    left: 51px;
  }
  td.sticky-summary:nth-child(5) {
    left: 91px;
  }
  td.sticky-summary:nth-child(6) {
    left: 131px;
  } */

  /* td.higher-sticky-row:nth-child(1) {
    left: 0;
  }
  td.higher-sticky-row:nth-child(2) {
    left: 17px;
  }
  td.higher-sticky-row:nth-child(3) {
    left: 34px;
  }
  td.higher-sticky-row:nth-child(4) {
    left: 51px;
  }
  td.higher-sticky-row:nth-child(5) {
    left: 91px;
  }
  td.higher-sticky-row:nth-child(6) {
    left: 131px;
  } */

  .filter-card {
    margin-left: 10%;
  }
  .filter-info-container-2 {
    width: 80%;
  }
  .btn-clear {
    height: min-content;
    margin-top: 8px;
  }

  .lower-sticky-row {
    font-size: 4px !important;
  }
  .higher-sticky-row {
    font-size: 4px !important;
  }
  .table-summary-fo {
    /* margin-top: 40px; */
  }
}