html, body { height: 100%; }
body { background: #eee; }
.page-content { height: fit-content; }

/* sticky footer at bottom of page */
.container.page-content, .container-fluid.page-content { padding: 50px; background: white; min-height: 100%; box-shadow: 0 0 4px 0 rgba(0,0,0,.04); }
.footer { background-color: white; border-top: 1px solid #ccc; color: #999; margin-top: 40px; position: fixed; bottom: 0px; width: 100%; padding-top: 8px; text-align: center; z-index: 1000; line-height: 8px; }
@media(max-width:767px) { .footer { padding-top: 5px;} }

/* navigation bar style */
.navbar-fixed-top { background-color: rgb(51, 103, 214); 
					border-color: #808080; 
					border-bottom: 1px solid; 
					padding-top: 0px; 
					box-shadow: 0 0 4px 0 rgba(0,0,0,.4); }
.navbar-brand { padding: 3px 0 0 0; margin: 0; }
ul.nav.navbar-nav.navbar-right li a.toplevel { color: #f1f1f1; text-shadow: none; }
ul.nav.navbar-nav.navbar-right li a.toplevel:active,
ul.nav.navbar-nav.navbar-right li a.toplevel:focus,
ul.nav.navbar-nav.navbar-right li a.toplevel:hover { color: #ccc; background: rgb(20,82,163); }

ul.dropdown-menu>li>a.prime:active,
ul.dropdown-menu>li>a.prime:focus,
ul.dropdown-menu>li>a.prime:hover { color: #fff; background-color: rgb(51, 103, 214); background: rgb(51, 103, 214)}

.version-stamp { float: right; }

/* (unused) breadcrumbs text style */
.breadcrumb { margin-top: 12px; color: rgb(42,78,156); }
.search-results-table { padding-top: 50px; padding-bottom: 50px; background: white;}
.add-record { padding-bottom: 25px; }

/* default form input styling */
.form-group, .form-group input { width: 100%; }
select, 
input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="search"],
input[type="text"].dateinput { height: 34px; 
							   display: inline-block; 
							   padding: 5px 10px 5px 10px; 
							   width: 100%; 
							   margin-bottom: 4px; }
.form-group label input[type="checkbox"],
.form-group label input[type="radio"] { width: 20px; }

/* buttons and link colors, text-style, etc. */
a { color: rgb(51, 103, 214); }
button, .btn { background-color: rgb(51, 103, 214); background: rgb(51, 103, 214); 
	           color: white; border-color: none; border-width: 0px; border-radius: 6px; float: left;}
button > a:hover, 
.btn:active, 
.btn:focus, 
.btn:hover { color: rgb(51, 103, 214, 0.8) !important; 
			background-color: #e6e6e6 !important; 
			background: #e6e6e6 !important; 
			text-decoration: none; 
			border-color: none; 
			text-shadow: none;}
button.btn, input.btn {  width: 100%; }
.btn-yellow { background: rgb(251,188,5); height: 3em; line-height: 2em; width: 100%; }
.btn-danger { background: rgb(255,0,0) !important; height: 3em; line-height: 2em; width: 100%; }

.btn-stack { margin-top: 6px; margin-bottom: 6px; }

/* add magnifying glass icon to submit button for search form */
.btn-fa-search { font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* stretch search box to fit width*/
div.dataTables_wrapper div.dataTables_filter input { min-width: 780px; height: 42px; }
@media(max-width:1199px) { div.dataTables_wrapper div.dataTables_filter input { min-width: 500px;} }
@media(max-width:991px) { div.dataTables_wrapper div.dataTables_filter input { min-width: 400px;} }
@media(max-width:767px) { div.dataTables_wrapper div.dataTables_filter input { min-width: 300px;} }
@media(max-width:620px) { div.dataTables_wrapper div.dataTables_filter input { min-width: unset;} }

input.form-control.input-sm, 
select.form-control.input-sm { border-radius: 3px; border-color: rgb(118, 118, 118); border-width: 2; }

/* match style of search box */
div.dataTables_wrapper div.dataTables_length select { border-radius: 0px; margin-bottom: 0px; height: 42px; }

/* match button height to length/search filters */
.btn.btn-default.buttons-csv.buttons-html5, .btn.btn-default.buttons-pdf.buttons-html5 {height: 42px; width: 54px !important; text-shadow: none;}

/* table style */
table { font-size: 14px; }
thead { background-color: rgb(51, 103, 214); color: white; }
th { background-color: rgb(51, 103, 214); color: white; vertical-align: middle !important; }

/* wrappers for DataTables information elements (ie search, length menu, pagination...) */
div.floatleft { float: left; white-space: nowrap; line-height: 2.5; padding-left: 0px; }
div.floatright { float: right; white-space: nowrap; padding-right: 0px; }

/* DataTables pagination button styling */
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: rgb(51, 103, 214); text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: rgb(51, 103, 214); border-color: rgb(51, 103, 214); }

input.textinput, input.numberinput, input.dateinput, select.select, button.btn, input.btn { height: 3em; }


table tbody tr td { font-size: 12px; }






h5.form-box-header { height: 42px; font-weight: bold; }
div.form-spacer {margin-bottom: 80px;}