/*--------------------------------------------------------------------------------------
    Template Name: InfoTable - Ultimate Data Table Collection with HTML CSS Tailwind JS
    Author: MKTemplateWizard
    Version: 1.0.0
    

    TABLE OF CONTENT
----------------------------------------------------------------------------------------
========================================================================================
    1. GOOGLE FONT 
    2. BASE CSS STYLE
    3. EXPANDABLE ROWS TABLE CSS STYLE 
   
---------------------------------------------------------------------------------------- */

/*============================================
 GOOGLE FONT 
=============================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&display=swap');
/*============================================
 GOOGLE FONT 
=============================================*/

/*============================================
  BASE CSS STYLE 
=============================================*/
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
/*============================================
 BASE CSS STYLE 
=============================================*/

/*============================================
 EXPANDABLE ROWS TABLE CSS STYLE 
=============================================*/
.hidden-row {
  display: none;
  transition: all 0.3s ease-in-out;
}
.expanded .chevron-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}
.show-row {
  display: table-row;
  animation: slideDown 0.3s forwards;
}
.hide-row {
  display: table-row;
  animation: slideUp 0.3s forwards;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
/*============================================
 BASE CSS STYLE 
=============================================*/