﻿body {
	font-size: 16px;
	font-family: "Open Sans", Arial, sans-serif;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* HEADER */

div.TestBanner {
	position: static;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: #e8ea18;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 40px;
	margin-top: 0;
	font-size: 16px;
}
div.TestBanner p {
	margin-bottom: 0;
}

header p, header ul {
	margin-bottom: 0;
}
header ul.siteNav_menu a:hover {
	color: #006747;
}

header a:hover, header div.subNav a:hover {
	color: white;
}

/* BREADCRUMBS */
nav.breadcrumbs {
	margin-top: 1.5em;
}

/* FOOTER */
footer p, footer ul {
	margin-bottom: 0;
}

footer a:hover {
	color: white;
}

/* KENDO FIXES */
.k-grid {
	font-size: 14px;
}

.k-grid-header, .k-grid-content, .k-pager-wrap, .k-pager-nav, .k-item {
	margin-top: 0;
}

table.k-selectable {
    cursor: pointer;
}

.k-tooltip-validation {
	padding: 2px;
}

.k-grid td a, .k-grid td a:hover {
	color: #006747;
}

.k-dialog-close {
	margin-top: 0;
}

/* OTHERS */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}

*, *::after, *::before {
	box-sizing: unset;
}

dl, ol, ul {
	margin-bottom: unset;
}

.popup-button {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .popup-button button {
        margin-left: 5px;
        margin-right: 5px;
    }

/* FIX LINKS */
a, a:hover {
	color: #006747;
}

/* FIX FORM CONTROLS */
@media (max-width: 576px) {
	.form-control {
		max-width: 90%;
	}
}
