@charset "utf-8";
/* CSS Document */

html {

}


body {
    /*background-color: beige;*/
}

.main-content {

}

.table-content {
	width: 96%;
	margin: auto;
	text-align: center;
	/*background-color: white;*/
	padding-top: 1rem;
	padding-bottom: 1rem;
	}

.table-class {
	width: 90%;
	text-align: left;
	margin: auto;
	/*border: solid thin;*/
	/*font-size: 1.8em;*/
	/*border-collapse: collapse;*/
    border-spacing: 0 6px;
}

.table-class-tables {
	width: auto;
	text-align: center;
	margin: auto;
	/*border: solid thin;*/
	/*font-size: 1.8em;*/
	/*border-collapse: collapse;*/
    border-spacing: 0 6px;
}

.width-auto {
	width: auto;
}

.th-class-title {
	background-color: #2E6A79;
	color: white;
	padding: 10px;
}

.th-class {
	background-color: darkolivegreen;
	color: white;
	padding-top: 10px;
	padding-bottom:10px;
	padding: 10px;
	background-image: linear-gradient(
		#265C69,
		#192932
 );
}

.td-class{
	background-color: transparent;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
    border-bottom: solid 1px;
	background-color: khaki;
	background-color:  #1D3546;
	background-color: #2E6A79;
	background-color: #d9c740;
	text-align: center;
	font-weight: bold;
}

.row-class{
	background-color: transparent;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
    border-bottom: solid 1px;
	background-color: white;
}

.span-class {
	display: block;
	margin: auto;
	width: fit-content;
	min-width: 1.2em;
	min-height: 1.2em;
	padding: 4px;
	border: solid 1px;
	border-radius:4px;
}

.checker {
	background-image:
	linear-gradient(45deg, #ccc 25%, transparent 25%), 
	linear-gradient(135deg, #ccc 25%, transparent 25%),
	linear-gradient(45deg, transparent 75%, #ccc 75%),
	linear-gradient(135deg, transparent 75%, #ccc 75%);
  background-size:25px 25px; /* Must be a square */
  background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
}