/*google sheet like table*/

.table-container {
  max-height: 400px;
  overflow: auto;
  border: 1px solid #ddd;
  font-family: 'Arial', sans-serif;
}

/* Table structure */
.sheet-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

/* Headers: Sticky and styled */
.sheet-table thead th {
  position: sticky;
  top: 0;
  background-color: #f1f3f4; /* Google Sheets header color */
  color: #202124;
  border-bottom: 1px solid #dadce0;
  font-weight: bold;
  padding: 8px;
  text-align: left;
  z-index: 1;
}

/* Cells */
.sheet-table td {
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Remove last column's border */
.sheet-table td:last-child,
.sheet-table th:last-child {
  border-right: none;
}

/* Hover effect */
.sheet-table tbody tr:hover {
  background-color: #f8f9fa;
}

/* Optional: Selected row effect */
.sheet-table tbody tr.selected {
  background-color: #e8f0fe;
}



/*eirene-table*/
.eirene-table{
		font-family:Lato-Regular;
		font-size:0.9em;
		color:#90969b;
}

.eirene-table-thleftaligh th{
		text-align:left
}

/*table with theme*/
.table{
	width: 100%; max-width: 600px; margin: 0 auto; border-collapse: collapse; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.table tr th{
	padding: 12px 15px; font-size: 16px;
}
.table tr:not(:first-child) {
	border-bottom: 1px solid #ddd;
}
.table tr td:first-child{
	padding: 12px 15px;
}

/*1. Pine Green Table*/
.table.pineGreenTable thead th{
	background-color: #00796b; color: white; text-align: left;
}
.table.pineGreenTable tr td:not(:first-child) {
	padding: 12px 15px; background-color: #e0f7fa;
}
/*2. Navy Blue Table*/
.table.navyBlueTable thead th{
	background-color: #1976D2; color: white; text-align: left;
}
.table.navyBlueTable tr td:not(:first-child) {
	padding: 12px 15px; background-color: #E3F2FD;
}
/*3. Purple Heart Table*/
.table.purpleHeartTable thead th{
	background-color: #673AB7; color: white; text-align: left;
}
.table.purpleHeartTable tr td:not(:first-child) {
	padding: 12px 15px; background-color: #EDE7F6;
}
/*4. Shamrock Green Table*/
.table.shamrockGreenTable thead th{
	background-color: #388E3C; color: white; text-align: left;
}
.table.shamrockGreenTable tr td:not(:first-child) {
	padding: 12px 15px; background-color: #E8F5E9;
}
/*5. Denim Blue Table*/
.table.denimBlueTable thead th{
	background-color: #1976D2; color: white; text-align: left;
}
.table.denimBlueTable tr td:not(:first-child) {
	padding: 12px 15px; background-color: #BBDEFB;
}

/*5. Green500 Table*/
.table.green500Table thead th{
	background-color: #4CAF50; color: white; text-align: left;
}
.table.green500Table tr td{
	padding: 12px 15px; background-color: #fff;
}

/*table all border*/
.table.addborder th td{
	border:1px solid black;
}