/*************************************************************************************************/
/* (C) 2025 Iterum, LLC. All rights reserved. Iterum.llc.                                        */
/*-----------------------------------------------------------------------------------------------*/

h3 {
	font-size: 1.2em;
	margin-top: 12px;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaa !important;
}

h4 {
	font-size: 1.0em;
	margin-top: 12px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #aaa !important;
}

h5 {
	font-size: 0.8em;
	margin-top: 12px;
	margin-bottom: 3px;
}

/* Div used to display error messages relating to the dropped file. */
#error_div {
	color: red;
}

/* Class used for the "drop area" where the user can drop a file. */
#drop_area {
	background-color: #fafafa;
	color: #333;
	border: 2px dashed #ccc;
	padding: 50px;
	margin: 20px;
	cursor: pointer;
	text-align: center;
}

	/* Class used to highlight the "drop area" when a file is dragged over the area. */
	#drop_area.drag-over {
		background-color: #f0fff0;
		color: black;
	}

/* Div where a report on the file's contents is displayed. */
#report_div {
	text-align: left;
	margin-top: 10px;
}

/* Div where the content of the file is displayed. Used for debugging. */
#debug_div {
	text-align: left;
	margin-top: 0;
	white-space: pre-wrap;
}

.indent_one {
	margin-left: 1em;
}

.indent_two {
	margin-left: 2em;
}

.ol_list_indent {
	margin-left: 1.9em;
}

/*-----------------------------------------------------------------------------------------------*/
.warningColor {
	color: #0b9614;
}

/*-----------------------------------------------------------------------------------------------*/
.errorColor {
	color: red;
}