@media (min-resolution: 1.25dppx) {
	:root {
		zoom: 0.875;
	}
}

@media (min-resolution: 1.50dppx) {
	:root {
		zoom: 0.75;
	}
}

@media (min-resolution: 1.75dppx) {
	:root {
		zoom: 0.625;
	}
}

@media (min-resolution: 2.0dppx) {
	:root {
		zoom: 0.50;
	}
}

body {
	padding-top: 50px;
	padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}
/* 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;
}

html {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	background: white;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}
/* 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;
}

.btn-primary {
	background-color: #28a745;
	color: #ffffff;
	border-color: #28a745;
	margin: 3px;
}

.btn-primary:hover {
	background-color: #ffffff;
	color: #28a745;
	border-color: #28a745;
}

.btn-danger {
	background-color: red;
	color: #ffffff;
	border-color: red;
	margin: 3px;
}

.btn-danger:hover {
	background-color: #ffffff;
	color: red;
	border-color: red;
}

.ui-widget-content a {
	color: white;
}


#referencediv {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

div.jumbotron {
	padding: 0px;
	background-color: #222222;
	border-radius: 0px;
	margin-bottom: 0px;
}

.logo-area {
	grid-area: logo;
	background-color: black;
}

.header-area {
	grid-area: header;
	display: inline-flex;
	border: 0px none;
	/*width: 100%;*/
	/*height: 16.5%;*/
	background: #222222;
	margin: 0px;
	padding: 0px;
}

.menu-area {
	grid-area: menu;
}

.content-area {
	grid-area: content;
}

.footer-area {
	grid-area: footer;
}


.grid-container {
	display: grid;
	grid-template-columns: 15% 85%;
	grid-template-areas:
		'logo header'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu footer'
}


#logo_section {
	float: left;
	left: 0px;
	top: 0px;
	border: 0px none;
	width: 15%;
	height: 16.5%;
	background: #000000;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#logoref {
	width: 1px;
	height: 100%;
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	border: none 0px;
	margin: 0px;
	padding: 0px;
}

#logo {
	display: inline-block;
	width: 180px;
	height: auto;
	margin: auto;
	vertical-align: middle;
}

#title_section {
	background: #222222;
	width: 99%;
	height: 16.6%;
	/* float: right; */
}

#titlesectioninner {
	height: 100%;
	width: 100%;
	background: #222222;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

#titleref {
	width: 1px;
	height: 100%;
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	border: none 0px;
	margin: 0px;
	padding: 0px;
}

#titletext {
	color: #AAAAAA;
	display: inline-block;
	font-size: 400%;
	vertical-align: middle;
	text-indent: 0.2em;
}

body footer {
	background-color: black;
	color: #AAAAAA;
}

#leftsidebar {
/*	float: left;
	left: 0px;
	top: 0px;
*/
	border: 0px none;
/*	width: 15%;
	height: 89%;
*/
	background: #222222;
	margin: 0px;
	padding: 0px;
}

#contentsection {
	padding-left: 20px;
	padding-top: 20px;
	/*float: left;*/
	/*width: 1000px;*/
}

span.prompt {
	float: left;
	width: 8em;
	font-weight: bolder;
}

span.field {
}

div.listtitlesection {
	padding-top: 1em;
	display: block;
}

div.listtitle {
	float: left;
	width: 200px;
	font-size: 1.5em;
	font-weight: bolder;
}

div.listheaderbuttons {
	float: right;
}

button.listheaderbuttons {
}

.tablerowbutton {
	width: 70px;
}

#pagecontent {
	clear: both;
}

tr.tableheaderrow {
	background: silver;
}

th.tableheaderrow {
	text-align: left;
	text-indent: 0.2em;
}

#pagehead {
	font-size: 1.5em;
	font-weight: bolder;
	margin-bottom: 15px;
}

footer {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 20px;
}

	footer p {
		text-align: center;
	}


#folderlist .row {
	width: 100%;
	line-height: 27px;
}


#folderlist .cellfoldername {
	display: table-cell;
	width: 300px;
}


#folderlist .cellfolderselect {
	display: table-cell;
	width: 60px;
	text-align: right;
}