/*
 * Kundali Expert
 * Learn Astrology Analytics
 * Compact Table Fix R8Z258G.2
 *
 * Purpose:
 * remove excessive vertical space from table header
 * without changing analytics logic.
 */


/* ========================================================
   TABLE CONTAINER
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;

  padding-bottom: 14px !important;
}


/* ========================================================
   TABLE
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap table {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;

  margin: 0 !important;

  border-spacing: 0 !important;

  table-layout: auto !important;
}


/* ========================================================
   REMOVE STRETCHED HEADER HEIGHT
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap thead {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap thead tr {
  height: 50px !important;
  min-height: 0 !important;
  max-height: 50px !important;

  block-size: 50px !important;
  min-block-size: 0 !important;

  vertical-align: middle !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap thead th {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;
  max-block-size: none !important;

  padding:
    10px 12px !important;

  vertical-align:
    middle !important;

  line-height:
    1.2 !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    normal !important;
}


/* ========================================================
   COMPACT BODY ROWS
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap tbody {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap tbody tr {
  height: 48px !important;
  min-height: 0 !important;

  block-size: 48px !important;
  min-block-size: 0 !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap tbody td {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  block-size: auto !important;
  min-block-size: 0 !important;

  padding:
    10px 12px !important;

  vertical-align:
    middle !important;

  line-height:
    1.25 !important;
}


/* ========================================================
   COLUMN WIDTH REFINEMENT
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap th:first-child,
#ke-learn-analytics-v1 .ke-learn-table-wrap td:first-child {
  width: 100px !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap th:nth-child(2),
#ke-learn-analytics-v1 .ke-learn-table-wrap td:nth-child(2) {
  min-width: 220px !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap th:nth-child(n+3),
#ke-learn-analytics-v1 .ke-learn-table-wrap td:nth-child(n+3) {
  text-align: center !important;
}


/* ========================================================
   TABLE TITLE AREA ALSO SLIGHTLY TIGHTER
   ======================================================== */

#ke-learn-analytics-v1 .ke-learn-table-wrap {
  padding-top: 82px !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap::before {
  top: 17px !important;
}


#ke-learn-analytics-v1 .ke-learn-table-wrap::after {
  top: 50px !important;
}


/* ========================================================
   RESPONSIVE
   ======================================================== */

@media (max-width: 820px) {

  #ke-learn-analytics-v1 .ke-learn-table-wrap {
    padding-top: 78px !important;
  }


  #ke-learn-analytics-v1 .ke-learn-table-wrap thead tr {
    height: 46px !important;
    block-size: 46px !important;
  }


  #ke-learn-analytics-v1 .ke-learn-table-wrap thead th {
    padding:
      9px 10px !important;

    font-size:
      11px !important;
  }


  #ke-learn-analytics-v1 .ke-learn-table-wrap tbody td {
    padding:
      9px 10px !important;
  }
}
