/**
*   Pure-Colorizer
*   Written by WGF
*
*   Useful for changing the colors in PureCSS
*   The included colorizer-palette.less file contains the color variables you need to change.
*
*   To compile the .LESS scripts into a .CSS file, run 'lessc pure-colorizer.less pure-colorizer.css' in console.
*   Requires installing lessc with 'apt-get install node-less' in console.
*/
body {
  background: #cccccc;
  font-family: 'Helvetica';
  font-size: 12px;
  background-image: url("../images/background.png");
}
header {
  background: #ffffff;
  color: #000000;
}
.pure-menu {
  background: #000000;
}
.pure-menu .pure-menu-link {
  color: #8c8c8c;
}
.pure-menu .pure-menu-link:hover {
  background: #ffffff;
}
p,
i,
h1,
h2,
h3 {
  color: #000000;
}
a {
  color: #000000;
}
a:active,
a:hover {
  color: #404040;
}
.brand-title {
  color: #cccccc;
}
input[type="button"] {
  background: #545454;
  color: #000000;
}
input[type="button"]:hover {
  background: #000000;
  color: #000000;
}
textarea,
input[type="text"],
input[type="number"] {
  background: #ffffff;
  color: #404040;
}
#supertable_div_before_table {
  height: 50px;
}
#menu {
  background: #191818;
}
/*
Add that light border to separate items into groups.
*/
/*
Change color of the anchor links on hover/focus.
*/
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
  text-decoration: none;
  color: #ffffff;
  background: #666666;
}
/*
This styles the selected menu item `<li>`.
*/
#menu .pure-menu-selected {
  background: #999999;
}
#menu .pure-menu-heading {
  background: #666666;
}
/*
This styles a link within a selected menu item `<li>`.
*/
#menu .pure-menu-selected a {
  color: #ffffff;
}
#menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  /* so the menu or its navicon stays above all content */
}
/*
All anchors inside the menu should be styled like this.
*/
#menu a {
  color: #999999;
  font-size: 16px;
  font-family: 'Helvetica';
  border: none;
  padding: 10px;
}
/*
Remove all background/borders, since we are applying them to #menu.
*/
#menu .pure-menu,
#menu .pure-menu ul {
  border: none;
  background: transparent;
}
/*
This styles the menu heading.
*/
#menu .pure-menu-heading {
  font-size: 16px;
  font-family: 'Helvetica';
  color: #ffffff;
  padding: 10px;
  text-decoration: none;
  margin: 0;
}
.ui-widget-header {
  background: #cccccc;
}
#form_header {
  background-color: #cccccc;
  color: black;
  margin-top: 0px;
  margin-bottom: 15px;
  padding: 10px;
}
.pure-button-primary {
  color: #ffffff;
  background-color: #333333;
}
.table_table_widget {
  font-size: 12px;
  font-family: Helvetica, 'Arial', sans-serif;
}