header.header {}

	header.header div.exam_timer 
	{
		position: absolute;
		right: 5px;
		top: 0;
		background-color: var(--blue);
		line-height: 2.2;
		font-family: "monospace"; 
		font-size: 30px; 
	}
	
	header.header div.exam_sections_submit
	{
		display: none;
		align-items: center;
		gap: 10px;
		white-space: nowrap;
	}
	
		header.header div.exam_sections_submit span.exam_sections_label {}
		
		header.header div.exam_sections_submit select.exam_sections_select { min-width: 250px; }
		
		header.header div.exam_sections_submit button.exam_submit {}
	
	header.header div.site_welcome { color: var(--highlight); }
	
	header.header div.exam_section_menu
	{
		max-width: 1200px;
		display: none;
		width: 100%;
		justify-content: space-between;
		padding: 0 10px;
		align-items: center;
		position: relative;
		margin: 10px 0;
	}
	
		header.header div.exam_section_menu div.exam_section_name
		{
			font-size: 22px;			
		}
		
		header.header div.exam_section_menu div.exam_section_status 
		{
			font-weight: bold;
		}
			
			div.exam_section_status.incomplete::before { content : 'INCOMPLETE'; }
			div.exam_section_status.complete::before { content : 'COMPLETE'; }
		
		header.header div.exam_section_menu menu.exam_menu
		{
			display: flex;
			align-items: center;
			gap: 10px;
		}
		
			header.header div.exam_section_menu menu.exam_menu button {	}

body#exam div.exam_timer { display: block; }
body#exam div.exam_sections_submit,
body#exam div.exam_section_menu { display: flex; }

.incomplete { color: var(--darkred); }
.complete { color: var(--darkgreen); }

ol { margin-left: 20px; }

td.category { text-transform: capitalize; }
td.total { font-weight: 600; }

main.main 
{ 
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}

section.section { padding: 0 10px; }
	
	section.section a { text-decoration: none; }
	section.section a:hover { text-decoration: underline; }
	
	section.section div.section_header 
	{
		margin: 20px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		
	}
	
		div.section_header div.header_options {}
	
	section.section div.section_content 
	{
		margin: 10px 0;
		border-top: 1px solid #aaa;
	}

section.home {}
	
section.exams {}

	section.exams div.section_header { justify-content: flex-start; }
	
	section.exams div.exam_details {}
	
		section.exams div.exam_details div.exam_header
		{
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 36px;
		}
		
			div.exam_details div.exam_header div.exam_name { font-size: 18px; font-weight: bold; }
			div.exam_details div.exam_header div.exam_option {}
			
		section.exams div.exam_details div.exam_content 
		{
			
		}
		
			div.exam_details div.exam_content div.test_overview
			{
				display: flex;
				align-items: center;
				justify-content: space-evenly;
			}
			
			div.exam_details span.exam_expired	{ color: var(--red); }
			
section.exam {}
	
	section.exam div.section_content { border: none; }
	section.exam div.exam_instructions 
	{
		background-color: #fff;
		border-bottom: 1px solid #aaa;
		padding: 1px 0;
	}
	
	section.exam div.exam_section {}		
		
		section.exam div.exam_section ol.questions {}
		
			ol.questions li.question {}
			
				ol.questions li.question > p { font-weight: bold; }
		
				div.exam_section ul.choices 
				{ 
					list-style: none;
				}

					ul.choices li.choice 
					{ 
						list-style: none; 
						margin: 10px 0; 
						display: table;
					}

						ul.choices li.choice label { cursor: pointer; }
						ul.choices li.choice:hover label { font-weight: bold;  }
	
	
	
				li.answer_text textarea.answer_text 
				{
					width: 100%;
					min-height: 200px;
					resize: vertical;
				}
	
	ul.incomplete { text-align: left; margin-left: 15px; color: #111; }