/* Common for all GreenHopper Gadgets */
/* AUI overrides */
.wallboard {
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.wallboard a,
.wallboard .view a {
  color: #ffffff;
  text-decoration: none;
}
.wallboard .aui-message a {
  color: #0052cc;
}
.wallboard .footer {
  display: none;
}
.wallboard .aui-page-panel {
  background: #000000;
}
.view {
  padding: 0.5em 1em;
}
.gg-section {
  margin: 0.5em 0;
}
.gg-error {
  font-weight: bold;
}
/* Config ------------------------------------------------------------------------------------------------------ */
.config-active form.aui div.field-group.checkbox {
  /* .field-group.checkbox is GH gadget hack */
  padding-bottom: 0;
}
.config-active form.gdt {
  padding-bottom: 1em;
}
.config-active form.gdt .buttons {
  padding-left: 140px;
}
/* Headings ------------------------------------------------------------------------------------------------------ */
/* Gadgets -------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
  font-weight: normal;
}
h2.gg-name .gg-divider {
  display: none;
}
h3 {
  font-size: 14px;
  font-weight: normal;
}
h3 .gg-subtitle-label {
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
h4,
h5,
h6 {
  font-size: 12px;
}
/* Wallboard -------------------- */
.wallboard h1,
.wallboard h2,
.wallboard h3,
.wallboard h4,
.wallboard h5,
.wallboard h6,
.wallboard h1 a,
.wallboard h2 a,
.wallboard h3 a,
.wallboard h4 a,
.wallboard h5 a,
.wallboard h6 a,
.wallboard .view h1 a,
.wallboard .view h2 a,
.wallboard .view h3 a,
.wallboard .view h4 a,
.wallboard.view h5 a,
.wallboard.view h6 a,
.wallboard .ghx-axis {
  color: #999;
}
.wallboard h1 {
  font-size: 36px;
}
.wallboard h2 {
  font-size: 28px;
}
.wallboard h3 {
  font-size: 20px;
}
.wallboard h2.gg-name,
.wallboard h3.gg-subtitle {
  display: inline-block;
  font-size: 28px;
}
.wallboard h3.gg-subtitle {
  color: #666;
}
.wallboard h3 .gg-subtitle-label {
  display: none;
}
.wallboard h2.gg-name .gg-divider {
  display: inline;
}
/* Colours ------------------------------------------------------------------------------------------------------ */
/* Gadgets -------------------- */
.gg-todo,
.gg-overdue,
.gg-today {
  color: #c00;
  /* red */
}
.gg-progress {
  color: #f7de2e;
  /* gold */
}
.gg-done,
.gg-future,
.gg-logged {
  color: #569515;
  /* green */
}
/* Wallboard -------------------- */
.wallboard .gg-todo,
.wallboard .gg-overdue,
.wallboard .gg-today {
  color: #900;
  /* red */
}
.wallboard .gg-progress {
  color: #f90;
  /* gold */
}
.wallboard .gg-done,
.wallboard .gg-future,
.wallboard .gg-logged {
  color: #360;
  /* green */
}
/* Bar Colours  ------------------------------------------------------------------------------------------------------ */
/* Gadgets -------------------- */
.gg-bar-todo {
  background-color: #c00;
  /* red */
}
.gg-bar-progress,
.gg-bar-inpr {
  background-color: #f7de2e;
  /* gold */
}
.gg-bar-done,
.gg-bar-logged {
  background-color: #569515;
  /* green */
}
.gg-bar-fill {
  background-color: #ccc;
}
/* Wallboard -------------------- */
.wallboard .gg-bar-todo {
  background-color: #900;
  /* red */
}
.wallboard .gg-bar-progress,
.wallboard .gg-bar-inpr {
  background-color: #f90;
  /* gold */
}
.wallboard .gg-bar-done,
.wallboard .gg-bar-logged {
  background-color: #360;
  /* green */
}
/* Legend  ------------------------------------------------------------------------------------------------------------ */
/* styles for flot default legend */
.wallboard #ghx-chart-wrap .legend table {
  background: #000;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #666;
  border-color: rgba(255, 255, 255, 0.5);
}
.wallboard #ghx-chart-wrap .legend table tr {
  padding: 2px 0;
}
.wallboard #ghx-chart-wrap .legend table td {
  color: #999;
  font-size: 14px;
  padding: 2px;
}
/* Errors ------------------------------------------------------------------------------------------------------------- */
.config-unavailable .gg-wrapper,
.config-unavailable .main-container {
  /* Hide content on refresh error  */
  display: none;
}
/* Wallboard -------------------- */
.wallboard div.info {
  background: #000;
  border: 1px solid #900;
  color: #fff;
}
/* Improvements for when seen as a gadget in Dashboard -------------------------------------------------------------- */
.gadget #gh {
  background: transparent;
}
.gadget #ghx-chart-content {
  background: transparent;
  border: none;
  margin: 0;
  min-height: auto;
  padding: 0;
}
.gadget #ghx-chart-wrap {
  margin: 0;
  padding: 10px 0 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
}
/* Hide some things we don't want to see in the gadgets ------------------------------------------------------------- */
#ghx-header,
#ghx-modes-tools,
#ghx-operations {
  display: none;
}
#ghx-report-scrollarea > .aui-page-panel .aui-page-panel-nav {
  display: none;
}
#ghx-report-scrollarea {
  border: none;
}
#config .aui-message {
  margin: 10px 10px 0 10px;
}