html, body, h1, h2, h3, h4, h5, p, th, td, div, ul, li, input, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
input[type=button], input[type=submit], input[type=reset] { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #f7f9fb; border: 1px solid #aab7c6; border-radius: 4px; padding: 6px 10px; cursor: pointer; }
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background-color: #e8eef5; }

.headertext { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #000000; }

a, a:visited { color: #245b8f; text-decoration: none; }
a:hover { color: #f52d2d; text-decoration: none; }

img.icon { border: none; margin: 2px; vertical-align: middle; }

.tableListTitle a { color: white; text-decoration: none; padding: 2px 2px; }
.tableListTitle a:visited { color: white; text-decoration: none; }
.tableListTitle a:hover { color: #245b8f; text-decoration: none; background-color: #ffffff; border-radius: 4px; }

.tableDialog { width: 100%; max-width: 800px; line-height: normal; border-color: #e4a54a; border-style: solid; border-width: 1px 0px 1px 0px; }
.tableDialogTitle { padding: 4px 6px; color: #000000; background-color: #fff6df; font-weight: bold; }
.tableDialogTitleWithGrayline { border-top: 1px solid Lightgray; }
.tableDialogTitleNotBold { padding: 4px 6px; color: #000000; background-color: #fff6df; font-weight: normal; }
.tableDialogContents { padding: 4px 6px; color: #000000; }
.tableDialogContentsBold { padding: 4px 6px; color: #000000; font-weight: bold; }

.tableDialogBordered { line-height: normal; border-color: #fb8c04; border-style: solid; border-width: 1px 1px 1px 1px; background-color: #fff3cb; }

.tableTip { line-height: normal; border-color: #dddddd; border-style: solid; border-width: 1px 0px 0px 0px; }
.tableTipTitle { padding: 4px 6px; color: #000000; background-color: #fff3cb; font-weight: bold; }
.tableTipContents { padding: 4px 6px; color: #000000; }

.tableList { line-height: normal; table-layout: fixed; background-color: #ffffff; border: 1px solid #d7e0e9; border-radius: 6px; border-collapse: separate; box-shadow: 0 1px 3px rgba(31, 48, 66, 0.1); overflow: hidden; }
.tableListTitle { padding: 6px 8px; color: #ffffff; font-weight: bold; background-color: #265d97; background-image: linear-gradient(to bottom, #5496d7, #265d97); }
.tableListSubtitle { padding: 4px; color: #000000; font-weight: bold; background-color: #ccdff3; }
.tableListTitleNoPad { color: #ffffff; font-weight: bold; background-color: #265d97; background-image: linear-gradient(to bottom, #5496d7, #265d97); }
.tableListSum { padding: 4px; color: #000000; background-color: #ccdff3; font-weight: bold; }
.tableListContents { padding: 4px; color: #000000; }
.tableListContentsBold { padding: 4px 6px; color: #000000; font-weight: bold; }
.tableListContentsNoPad { color: #000000; }

tr.shadow { background-color: #e9e9e9; }

td.error { color: #f52d2d; font-weight: bold; }
td.message { color: #006600; font-weight: bold; }
td.shadow { background-color: #c9c9c9; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.bold { font-weight: bold; }

hr { height: 1px; color: #dcdcdc; }

input.uppercase { text-transform: uppercase; }

small.copyright { color: gray; }

small.copyright a { color: gray; text-decoration: none; }
small.copyright a:visited { color: gray; text-decoration: none; }
small.copyright a:hover { color: #f52d2d; text-decoration: none; }

table { width: 100%; max-width: 800px; }
img { max-width: 100%; height: auto; }
input, select, textarea { max-width: 100%; }

.tableContentsScroll { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; }
.tableContentsScroll table { table-layout: auto; width: max-content; min-width: 100%; max-width: none; }
.technicalRemarkRow { box-sizing: border-box; width: 100%; padding: 0px 10px 4px 10px; }
.technicalRemarkText { width: 100%; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#divSkyringarTable .tableContentsScroll, #divFyrirvariTable .tableContentsScroll { overflow-x: visible; }
#divSkyringarTable .tableContentsScroll table, #divFyrirvariTable .tableContentsScroll table { table-layout: fixed; width: 100%; min-width: 0; max-width: 100%; }

.collapsed-table { display: block; box-sizing: border-box; width: 100%; max-width: 100%; }

/* Light visual refresh while preserving the existing blue and gold palette. */

body {
	box-sizing: border-box;
	width: 100%;
	max-width: 832px;
	margin: 16px auto;
	padding: 0 16px;
	background-color: #f4f6f9;
	line-height: 1.4;
}

input[type=text], input[type=password], select, textarea {
	box-sizing: border-box;
	max-width: 100%;
	padding: 5px 7px;
	border: 1px solid #b8c4d1;
	border-radius: 4px;
	background-color: #ffffff;
}

input[type=checkbox] { accent-color: #245b8f; }
#allvehinfo, label[for="allvehinfo"] { vertical-align: middle; }

input:focus, select:focus, textarea:focus {
	border-color: #4b83b5;
	outline: 2px solid rgba(75, 131, 181, 0.2);
}

@media print {
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	td, th { font-size: 9px; line-height: 1.2; }
	td *, th * { font-size: 9px; }
	.headertext { font-size: 13px; }
	.tableListTitle, .tableListSubtitle, .tableListSum { padding: 2px 4px; }
	.tableListContents, .tableListContentsBold { padding: 1px 3px; }
	.tableDialogTitle, .tableDialogTitleNotBold, .tableDialogContents, .tableDialogContentsBold { padding: 2px 4px; }
	body { max-width: none; margin: 0; padding: 0; background-color: #ffffff; }
	table { max-width: none; }
	.tableList { table-layout: auto; }
	.collapsed-table { display: none !important; }
	.tableContentsScroll { display: block !important; width: 100%; max-width: none; overflow: visible; }
	.tableContentsScroll table { width: 100%; min-width: 0; max-width: none; table-layout: auto; }
	.tableContentsScroll td, .tableContentsScroll th { word-wrap: break-word; }
}

	.screen-only { display: inline; }
	.print-only { display: none; }