html 
{ 
	scroll-behavior:smooth; 
	overflow:hidden;
	font-family:'Open Sans', Sans-serif;
	background-color:#1c2a50;
} 

table.chapter_table
{
	table-layout:fixed;
	background-color:#ffffff;
	border-collapse:collapse;
	width:100%;
	height:100%;
}

tr.chapter_header_row
{
	color:#ffffff;
	width:100%;
	height:100%;
	background-color:#1c2a50;
}

@media only screen and (orientation:landscape)
{
	td.chapter_header 
	{
		background-color:#1c2a50; 
		width:25%;
		height:100%;
		max-width:25%;
		text-align:left;
		padding-left:4px;
		padding-bottom:4px;
		font-size:1.0vw;
		font-weight:bold;
		line-height:110%;
		font-family:'Open Sans', Sans-serif;
	}

	td.chapter_cell
	{
		vertical-align:top;
		font-size:1.0vw;
		word-wrap: break-word;
		width:25%;
		max-width:25%;
		height:100%;
		padding:2px 2px 2px 4px;
		border-left:solid 2px #3582af;
	}
}

@media only screen and (orientation:portrait)
{
	td.chapter_header 
	{
		background-color:#1c2a50; 
		width:25%;
		height:100%;
		max-width:25%;
		text-align:left;
		padding-left:4px;
		padding-bottom:4px;
		font-size:1.75vw;
		font-weight:bold;
		line-height:110%;
		font-family:'Open Sans', Sans-serif;
	}

	td.chapter_cell
	{
		vertical-align:top;
		font-size:1.75vw;
		word-wrap: break-word;
		width:25%;
		max-width:25%;
		height:100%;
		padding:2px 2px 2px 4px;
		border-left:solid 2px #3582af;
	}
}

img.sort
{
	float:right;
	cursor:pointer;
	width:0.75vw;
	margin-top:min(10.0vh, 3.0vw);
	margin-right:0.5vw;
}

tr.chapter_row
{
	width:100%;
	height:4vh;
}

tr.chapter_row:nth-child(even)
{
	background-color:#c2c2c2;
}

td.chapter_cell:nth-child(1)
{
	border:none;
}

td.chapter_cell:nth-child(2)
{
	border:none;
}

td.empty_cell
{
	width:0px;
	max-width:0px;
	border:none;
	padding:0px;
}