body { padding-top: 54px; }
#content { margin-top: 1em; }
.container { margin-top:40px; }
a.navbar-brand { font-size:2em; }
.navbar { height:100px; }
.navbar form { color: #fff; display:inline; }
.navbar label { display:none; }
.navbar input { background-color: #fff; display:inline; }
.navbar input[type="text"] { width:150px;margin-left:24px;}
.nav-link { float:right; display:inline; }
h1 { font-size: 2em; margin:20px 0; display: inline-block; margin-bottom: 2rem;  }
form#lists h1 { float:left;}
h2 { font-size: 1.4em; }
h2.msg { font-size: 1.2em; color:#c00; }
h5 { color: #f00; font-weight:bold; }
p { margin: 8px 0 }
em { font-style:normal; }
#listitems li em.date { width:95px; display:inline-block; }
#listitems li em.item { font-weight:bold; }
#listitems li em.note { margin-left:10px; }
#listitems li a { color:#333; text-decoration:none; }
#listitems li a:hover { border-bottom:1px dotted #ccc; color:#c00; }

form#lists { clear:both; }
form#lists select { width: 360px; font-size:1.2em; padding:4px; }
form#filterform { margin-top:-20px; }
label, form.dataentry input[type="text"], form.dataentry select { display:block; }
label { font-weight:bold; color:#024; margin:12px 0; }
input { width:500px; }
input[type="radio"] { width:500px; }
input[type="submit"], input[type="reset"] { width:90px; }
input.date { width:140px; }

a.button:hover, input[type="submit"]:hover { text-decoration:none; background-color: #088;}
p.button { float:right }

p.footer-buttons { border-top:1px dotted #aaa; padding-top:8px; }

.radio-toolbar input[type="radio"] {
  display: none;
}
.radio-toolbar label, a.button, input[type="submit"]{
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-size: 1.2em;
  margin: 0px 8px 12px 0px;
  cursor: pointer;
}
.radio-toolbar input[type="radio"]:checked+label, a.button, input[type="submit"] {
  background-color: #0aa;
  border:none;
  color:#fff;
  font-weight:500;
  text-transform:capitalize;
}

@media (min-width: 992px) {
	body {
		padding-top: 56px;
	}
}

@media (max-width: 695px) {
	body {
		font-size:0.75rem;
	}
}

/* === Bootstrap overrides === */

.navbar-dark .navbar-brand {
    margin-top: -36px !important;
}