[x-cloak] { display: none !important; }

#eipki-statistics {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

#eipki-cards {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.eipki-card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
	background-color: white;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

	border-width: 1px;
	border-color: oklch(87.2% 0.01 258.338);
	border-style: solid;
}


.eipki-card-success {
	background-color: #42A047;
	color: #ffffff;
}

.eipki-card-warning {
	background-color: #FDCA2A;
	color: #ffffff;
}

.eipki-card-danger {
	background-color: #C42927;
	color: #ffffff;
}



.eipki-card-title {}

.eipki-card-content {
	font-size: 24px;
	line-height: 1;
}

#eipki-chart {
	flex: 1 1 auto;
}

.loading {
	animation: spin 1s linear infinite;
	width: 1.25rem;
	height: 1.25rem;
	color: rgb(0 0 0/1);
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}


/* Table */
/* Default Table Style */
table {
  color: #333;
  background: white;
  border: 1px solid grey;
  font-size: 12pt;
  border-collapse: collapse;
}
table thead th,
table tfoot th {
  color: #777;
  background: rgba(0,0,0,.1);
}
table caption {
  padding:.5em;
}
table th,
table td {
  padding: .5em;
  border: 1px solid lightgrey;
}

td .title {
	font-weight: 700;
}

td .authors {
	font-size: 12px;
}