@charset "UTF-8";

.table_component {
    overflow: auto;
	max-width: fit-content;
	margin-inline: auto;
	font-family: "Lucida Console", "Courier New", monospace;
	padding-top: 90px;
}

.table_component table {
	table-layout: auto;
    height: 100%;
    width: 100%;
	border: 2px solid #dededf;
    border-collapse: collapse;
    border-spacing: 5px 1rem;
    text-align: center;
	font-size: 20px;
}

.table_component caption {
    caption-side: top;
    text-align: left;
	font-size: 15px;
}

.table_component th {
    background-color: #fcd800;
    color: black;
    padding: 10px;
	font-size: 25px;
}

.table_component td {
    background-color: white;
    padding: 10px;
}

.table_component .blink:link {
	color: black;
	font-size: 17px;
	text-decoration: underline;
	text-decoration-color: lightgray;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.table_component .blink:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: black;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.table_component .blink:active {
  color: lightblue;
  text-decoration: underline;
}

.table_component .gtext {
    background-color: white;
    color: gray;
	text-align: center;
}

.table_component .glink:link {
	color: gray;
	font-size: 17px;
	text-decoration: underline;
	text-decoration-color: lightgray;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.table_component .glink:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: black;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.table_component .glink:active {
	color: lightblue;
	text-decoration: underline;
}

.table_component ul {
	text-align: left;
	font-size: 25px;
}

.table_component li::marker {
	color: black;
	font-size: 0.9em; 
}

span.dot {
  color: gray;
}