/* Copyright 2013 Google Inc. All Rights Reserved.

* Licensed under the Apache License, Version 2.0, found in the LICENSE file.
*/

$bg: #FFFFFF;

body {

font-family: monospace;
font-size: 12px;
margin: 5px;

}

everything {

display: table;
margin: 0 auto;

}

controls {

background-color: darken($bg, 13.33%);
border: solid 1px darken($bg, 26.67%);
margin: 2px auto 8px;
width: 800px;
padding: 6px 6px;

section {
  background-color: #F8F8F8;
  border: solid 1px darken($bg, 20%);
  color: #333333;
  border-radius: 4px;
  //display: inline-block;
  margin: 2px;
  padding: 2px 6px;
  line-height: 1.7;
}

section:hover {
  background-color: $bg;
  color: #000000;
  border: solid 1px darken($bg, 26.67%);
}

}

.count {

text-align: right;
white-space: nowrap;

}

.warning {

background-color: #FFEEEE;
border: solid 1px #FFCCCC;
color: #CC0000;
font-size: 1.1em;
margin: 10px auto;
padding: 4px;
width: 84%;

}

allocations {

th, td {
  padding: 1px 3.5px 1px 20px;
  text-indent: -16.5px;
}

thead tr {
  background-color: $bg;
  color: #000000;
}

thead th {
  border-bottom: solid 1px #999999;
  font-size: 14px;
}

tbody tr:nth-child(even) {
  background-color: #E8E8E8;
  color: #333333;
}

tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
  color: #333333;
}

tbody tr:hover {
  background-color: #FFFFCC;
  color: #000000;
}

tbody tr.footer {
  background-color: $bg;
  color: #000000;
}

tbody tr.footer td:not(:last-child) {
  padding-right: 16px;
}

tbody tr.total {
  font-weight: bold;
}

tbody tr.total td {
  border-top: solid 1px #999999;
  padding: 3px 4px 1px;
}

}

.nc {

color: #445588;
font-weight: bold;

}

.nf {

color: #990000;
font-weight: bold;

}

input {

margin: 2px;

}

/* jQuery UI hacks in lieu of a theme with images */ .ui-spinner-input {

text-align: right;
width: 24px;

}

.ui-spinner {

border: solid 1px #CCCCCC;
border-radius: 4px;

}

.ui-spinner-up {

background-color: #DDDDDD;

}

.ui-spinner-up:hover {

background-color: #FFFFCC;

}

.ui-spinner-down {

background-color: #EEEEEE;

}

.ui-spinner-down:hover {

background-color: #FFFFCC;

}