:root {
	--background-primary : white;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.SiteWrapper {
	box-sizing: border-box;
	min-height: 100%;
	position: relative;
	overflow-x: hidden;
}

body {
	min-height: 100%;
	font-family: "adobe-clean", sans-serif;
	font-stretch: extra-condensed;
	position: relative;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

a.Button:hover .k-icon {
    font-weight: bold;
}

.hiddenfile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.SiteWrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.Content {
	flex: 1;
	background-color: var(--background-primary);
}

/*
	Show/hide hamburger menu button: display: none/block;

	To make navbar div appear when hamburger menu button is clicked:
		add "show" class to div.navbar-collapse, to dissapear remove same class.
	To make menu items appear in column mode, just change css rule "flex-direction" from row to column.

*/