.cashflow-table .title {
   margin: 0;
  font-weight: var(--font-weight-medium);
  font-size: var(--f-s-sub-title);
  text-align: center;
  color: var(--color-primary);
}

.cashflow-table .cashflow-desc{
  color: var(--color-text-secondary);
  margin-top: 20px;
}

.cashflow-table .tablerecords {
  border-spacing: 0;
  empty-cells: show;
  display: table;
  position: relative;
  width: 100%;
}

.cashflow-table th,
.cashflow-table td {
  border-collapse: collapse;
  font-size: 13px;
}

.cashflow-table .companyfinacials td {
  background: var(--color-white);
}

.cashflow-table .companyfinacials td,
.cashflow-table .companyfinacials tr {
  background: var(--color-white);
  padding: 24px 16px;
}

.cashflow-table th {
  min-width: 86px;
}

.cashflow-table .tablerecords .tablerecordsheader {
  background-color: var(--color-neutral-50);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
  height: 48px;
  padding: 16px 12px;
  text-align: left;
}

.cashflow-table .tablerecords .tablerecordsheader:first-child {
  font-size: 14px;
}

.cashflow-table .text-align-center {
  text-align: center;
}

.cashflow-table .newchangesfintable th .font-semi-bold {
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 600;
}

.cashflow-table .tablerecords .tablerecordsoddline{
  background-color: var(--color-white);
  height: 56px;
  padding: 16px;
  transition: all 180ms linear;
  font-size: 16px;
  color: var(--color-text-secondary);
}

.cashflow-table .tablerecords .tablerecordsoddline:first-child {
  text-align: left;
}

.cashflow-table .newchangesfintable tbody tr td:first-child .font-semi-bold {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: 16px;
}

.cashflow-table .tdtextcapitalise {
  text-transform: capitalize;
}

.cashflow-table  .tablescroll {
  overflow-x: auto;
  border: 1px solid var(--color-neutral-100);
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 4px 4px 32px 0 rgba(30 33 35 / 6%);
  margin-top: 24px;
}

.tablescroll table tr> :first-child{
  position: sticky;
  left: 0;
  z-index: 2;
}

.cashflow-table .tablerecords tr:hover td{
  background: #f1f3f5;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-transition: all 180ms linear;
  transition: all 180ms linear;
}

.cashflow-table .tablerecords tr th:first-child,
.cashflow-table .tablerecords tr td:first-child{
  border-right: 1px solid  var(--color-neutral-100);
}

.cashflow-table .tablerecords tr:not(:last-child) th,
.cashflow-table .tablerecords tr:not(:last-child) td{
  border-bottom: 1px solid  var(--color-neutral-100);
}

.cashflow-table .tablerecords tr td:not(:first-child){
  text-align: center;
}

@media (width <=768px) {
  .cashflow-table .title {
    font-size: var(--fs-custom-3);
  }

  .tablescroll {
    overflow-x: scroll;
  }

   .tablerecords tbody {
    width: 100%;
  }

  .cashflow-table td {
    height: auto;
  }

  .cashflow-table .tablerecords .tablerecordsheader,
  .cashflow-table .tablerecords .tablerecordsoddline{
    padding: 12px;
  }
  
  .cashflow-table .newchangesfintable th .text-align-center .font-semi-bold,
  .cashflow-table .tablerecords .tablerecordsheader:first-child,
  .cashflow-table .mob-text-align-left{
    font-size: 12px;
  }

  .cashflow-table .tablescroll{
    margin-top: 16px;
  }
  
}