select, input { margin: 5px; }
table { border: black solid 1px; }
table td { border-bottom: #666 solid 1px; }

h1 { text-align: center; }

.login { text-align: center; }
.login-message { width: 75%; margin: 20px auto; }
.footer { margin-top: 30px; clear: both; text-align: center; font-size: 80%; }

body { background-color: #eee; }

.adjust a, .adjust a.visited { text-decoration: none; }
.adjust { font-size: 150%; }

.logout { position: absolute; right: 5px; top: 5px; }

.tooltip { color: red; font-size: 150%; cursor: help; }

#tabs { display: none; }

.reload { cursor: pointer; width: 32px; }

.help { font-style: italic; }

.lowstock, .expiration_expired { color: red; }
.nearlowstock, .expiration_expiressoon { color: #F81; }
td.order_amount { color: blue; }
#tabs-reorder .inventory .item a { cursor: pointer; }

#tabs-admin > div > div { margin-bottom: 30px; border: 1px ridge #888; padding: 5px; text-align: center; }
#new_user > span { text-align: right; width: 150px; display: inline-block; }
#tabs-admin h3 { text-align: center;}

#tabs-stock .search, #tabs-stock .quicklinks { display: none; }


table thead tr th, table tr.sticky td { text-align: center; }
table.sort thead tr th.headerSortDown { background-image: url('img/up-arrow.png'); }
table.sort thead tr th.headerSortUp { background-image: url('img/down-arrow.png'); }
table.sort thead { cursor: pointer; }
table.sort thead, table.sort tr.sticky { background-color: #c9dff0; font-weight: bold; }
table.sort thead tr th, table.sort tr.sticky td { padding-right: 20px; background-repeat: no-repeat; background-position: 100% 100%; }
table.sort thead tr th.headerSortUp, table.sort thead tr th.headerSortDown { background-color: #acc8dd; }

table.inventory td.item div.editable { display: inline; }

#recentStock { margin: 10px; min-width: 300px; }
#recentStock img.delete { width: 20px; vertical-align: bottom; margin-left: 5px; cursor: pointer; }

.ui-autocomplete { min-width: 500px; max-width: 80%; max-height: 50%; overflow-y: scroll; overflow-x: hidden; }

table.transactions img.delete { width: 20px; vertical-align: bottom; margin-left: 5px; cursor: pointer; }
table.inventory .item img { width: 20px; vertical-align: bottom; margin-left: 5px; cursor: pointer; }
table.inventory tr.inactive .item img { filter: grayscale(100%); }
table.inventory tr.inactive { display: none; }
.showInactive { float: right; }

.quicklinks { float: right; }
.quicklinks ul { list-style: none; columns: 2; }
.quicklink { cursor: pointer; }

.search { margin: 15px 0; }

.items { display: none; }

#report td, #report th { text-align: center; border: solid #DDD 1px; }
#report tr > td:first-child { text-align: left; margin-right: 5px; }

@media screen {
	.print { display: none; }
	.sticky { display: auto; position: fixed; top: 0; }
	.sticky.hidden { display: none; }
}

@media print {
  table.inventory .reorder_level,
  table.inventory .target_stock_level,
  table.inventory .expiration_date,
  table.inventory .category,
  #tabs-inv table.inventory .supplier,
  table td.item .delete,
  #tabs > ul,
  #reports,
  .logout,
  body > h1,
  .reload,
  .tooltip,
  .sticky,
  .sticky.hidden,
  .footer,
  .quicklinks,
  .search,
  .delete,
  .member,
  .showInactive
  {
	  display: none;
  }
  body { background-color: white; }
  .print { display: auto; }
  .order_amount { color: inherit; }
  table { border: 0; }
  * { margin: 0; padding: 0; }
}

@media screen and (max-width: 800px) {
	.quicklinks { float: none; }
	.quicklinks li { margin: 10px; }
	#search { width: 100%; }
	.adjust a { margin: 15px; }
}