/*** AGMARDT VIEW CSS ***/
/*** Font Imports ***/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');

/*** Global Styles ***/

* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

html, body {
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	background: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.05em;
	color: #404040;
	letter-spacing: normal;
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

a:link, a:visited {
	background: transparent;
	text-decoration: underline;
	color: #404040;
	outline: none;
}

a:hover, a:active {
	color: #ff2020;
	outline: none;
}

#page-container {
	position: relative;
	min-height: 100vh;
}


/*** Masthead Styles ***/

header {
	background: #3c3c3b;
	position: absolute;
	top: 0;
	width: 100%;
	height: 130px;
}

header img#logo {
	float: left;
	width: 245px;
	height: 65px;
	margin: 32px 0 0 15%;
}

header ul#nav {
	display: table-row;
	float: right;
	margin: 45px 15% 0 -40px;
	vertical-align: middle;
}

@media screen and (max-width: 1000px) {
	header img#logo {
		margin: 32px 0 0 20px;
	}

	header ul#nav {
		margin: 45px 20px 0 -30px;
	}
}

ul#nav li {
	display: table-cell;
	height: auto;
	list-style-type: none;
	vertical-align: middle;
	font-size: 13px;
	font-weight: 600;
	line-height: 40px;	
	letter-spacing: normal;
}

ul#nav li a {
	display: table-cell;
	height: auto;
	vertical-align: middle;
	color: #ffffff;
	text-decoration: none;
	padding: 0 16px;
	transition-duration: 750ms;
	transition-property: background, color;
}

ul#nav li a:hover, ul#nav li a:active {
	background: #4b4b4b;
	color: #ffe612;
}


/*** Footer Styles ***/

footer {
	background: #3c3c3b;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	font-size: 13px;
	font-weight: 600;
	line-height: 13px;	
	letter-spacing: 1px;
	color: #ffffff;
}

footer p {
	text-align: center;
	margin: 20px 20px 0;
}

footer span {
	color: #ffe612;
}


/*** Main body content styles ***/

#content-wrap {
	margin: 0 15%;
	padding: 130px 0 60px;
}

@media screen and (max-width: 1000px) {
	#content-wrap {
		margin: 0 20px;
	}
}


/*** Headings ***/

h1, h2, h3, h4, h5, h6 {
	letter-spacing: normal;
}

h1 {
	font-weight: 700;
	font-size: 26px;
	line-height: 26px;
	margin: 0;
}

h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin: 6px 0;
}

h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	margin: 12px 0;
}

h4 {
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	margin: 2px 0;
}


/*** Text aligns ***/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


/*** Div control ***/

div.part {
	margin-bottom: 30px;
}

div.header {
	margin-top: 20px;
}

div.header div.row {
	margin: 0 0 10px;
}

div.row {
	background: #f9f9f9;
	margin: 2px 0;
	padding: 2px 4px;
}

div.rowclear {
	background: transparent;
	margin: 2px 0;
	padding: 0;
}

div.row:after, div.rowclear:after {
	content: "";
	display: table;
	clear: both;
}

div.flex {
	display: flex;
}

div.tborder {
	border-top: 1px solid #dbdbdb;
}

div.bborder {
	border-bottom: 1px solid #dbdbdb;
}

div.col-n, div.col-5, div.col-10, div.col-15, div.col-20, div.col-25, div.col-30, div.col-35, div.col-40, div.col-45, div.col-50,
div.col-55, div.col-60, div.col-65, div.col-70, div.col-75, div.col-80, div.col-85, div.col-90, div.col-95, div.col-100 {
	float: left;
	font-weight: 500;
	transition-property: ease-in-out;
	transition-duration: 0.5s;
}

div.col-5 { width: 5%; } div.col-10 { width: 10%; } div.col-15 { width: 15%; } div.col-20 { width: 20%; } div.col-25 { width: 25%; }
div.col-30 { width: 30%; } div.col-35 { width: 35%; } div.col-40 { width: 40%; } div.col-45 { width: 45%; } div.col-50 { width: 50%; }
div.col-55 { width: 55%; } div.col-60 { width: 60%; } div.col-65 { width: 65%; } div.col-70 { width: 70%; } div.col-75 { width: 75%; }
div.col-80 { width: 80%; } div.col-85 { width: 85%; } div.col-90 { width: 90%; } div.col-95 { width: 95%; } div.col-100 { width: 100%; }

@media screen and (max-width: 1000px) {
	div.col-5, div.col-10, div.col-15, div.col-20, div.col-25, div.col-30, div.col-35, div.col-40, div.col-45, div.col-50,
	div.col-55, div.col-60, div.col-65, div.col-70, div.col-75, div.col-80, div.col-85, div.col-90, div.col-95, div.col-100 {
		width: 100%;
		margin-top: 0;
	}
}

div.preans {
	padding: 4px 0;
}

div.ans {
	background: #dfdfdf;
	min-height: 28px;
	padding: 10px 20px;
	margin-bottom: 10px;
}

div.ans2 {
	background: #dfdfdf;
	min-height: 28px;
	padding: 4px;
}

div.ans3 {
	background: #dfdfdf;
	min-height: 28px;
	padding: 4px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

div.spacer {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

div.gr{
	background: #dfdfdf;
}

div.kpi1 {
	width: calc(50% - 10px);
	min-height: 28px;
	padding: 6px;
	margin-right: 10px;
}

div.kpi2 {
	width: calc(50% - 10px);
	min-height: 28px;
	padding: 6px;
	margin-left: 10px;
}

div.sp {
	margin-bottom: 20px;
}

div.kpid {
	text-align: right;
	padding-right: 10px;
}

div.kpidate {
	display: inline-block;
	background: #dfdfdf;
	min-width: 90px;
	min-height: 32px;
	padding: 6px;
	margin-top: -1px;
}

div.mstdate {
	display: inline-block;
	background: #dfdfdf;
	min-width: 90px;
	max-width: 140px;
	min-height: 28px;
	padding: 4px;
}

div.num {
	float: right;
	background: #dfdfdf;
	width: 98%;
	max-width: 160px;
	min-height: 28px;
	padding: 4px;
}

div.yellow {
	background: #f9e503;
	border: 1px solid #ffffff;
	padding: 8px;
}

div.grey {
	background: #c0c0c0;
	border: 1px solid #ffffff;
	padding: 6px;
}

div.middle {
	display: flex;
	justify-content: center;
	align-items: center;
}

div.total {
	font-weight: bold;
}

div.gap {
	margin: 6px 0;
}


/*** Scroll to top button styles ***/

button#toTop {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	bottom: 60px;
	right: 10px;
	background: #404040;
	width: 44px;
	height: 44px;
	font-size: 13px;
	color: #f9e503;
	border: 2px solid #404040;
	padding: 0;
	outline: none;
	cursor: pointer;
	z-index: -10;
	transition: all 500ms ease-in-out;
}

button#toTop.show {
	visibility: visible;
	opacity: 1;
	z-index: 10;
	transition: all 500ms ease-in-out;
}

button#toTop:hover {
	background: transparent;
	color: #404040;
}


/*** Return back one page button styles ***/

button#goBack {
	visibility: visible;
	opacity: 1;
	position: fixed;
	top: 140px;
	left: 10px;
	background: #404040;
	width: 44px;
	height: 44px;
	font-size: 13px;
	color: #f9e503;
	border: 2px solid #404040;
	padding: 0;
	outline: none;
	cursor: pointer;
	z-index: 10;
	transition: all 500ms ease-in-out;
}

button#goBack:hover {
	background: transparent;
	color: #404040;
}


/*** Internal link-to-section link styles ***/

ul#directions {
	position: fixed;
	bottom: 100px;
	right: 10px;
}

ul#directions li {
	list-style-type: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;	
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;
}

ul#directions li a {
	display: table-cell;
	background: #404040;
	width: 44px;
	height: 44px;
	vertical-align: middle;
	color: #f9e503;
	text-decoration: none;
	border: 2px solid #404040;
	transition-duration: 750ms;
	transition-property: background, color;
}

ul#directions li a:hover, ul#directions li a:active {
	background: transparent;
	color: #404040;
}


/*** End of Screen Media CSS ***/
/* =========================== */
/* ============================ */
/*** Start of Print Media CSS ***/


@media print {

	@page {
		size: portrait;
	}

	.noprint, .noprint * {
		display: none !important;
	}

	html, body {
		margin: 0;
		border: 0;
		padding: 0;
	}

	body {
		font-size: 0.85em;
		line-height: 1.3em;
		text-decoration: none;
	}

	a {
		all: inherit;
	}


	/*** Masthead Styles ***/

	header {
		background: #3c3c3b !important;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100px;
		border: 0;
	}

	header img#logo {
		width: 225px;
		height: 60px;
		margin: 20px;
	}


	/*** Main body content styles ***/

	#content-wrap {
		margin: 0;
		padding: 100px 5px 0;
	}


	/*** Headings ***/

	h1 {
		font-weight: 700;
		font-size: 23px;
		line-height: 23px;
		letter-spacing: normal;
		margin: 0;
		break-after: avoid;
	}

	h2 {
		font-weight: 700;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: normal;
		margin: 12px 2px 6px;
		break-after: avoid;
	}

	h3 {
		font-weight: 600;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: normal;
		margin: 6px 2px;
		break-after: avoid;
	}


	/*** Div control ***/

	div.part {
		margin-bottom: 10px;
	}

	.nobr {
		page-break-inside: avoid;
	}

}


/*** End of Print Media CSS ***/
/*** End of CSS ***/