/* Modifier classes for scaling glyphicons */
.gi-p25x{font-size: 0.25em;}
.gi-p5x{font-size: 0.5em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.table th.fit{ white-space:nowrap; width: 1%; }
.table td.fit{ white-space:nowrap; width: 1%; }
.lm-1 { margin-left: 0.5em; }
.rm-1 { margin-right: 0.5em; }
.rm-2 { margin-right: 1.0em; }
.cs-pointer { cursor: pointer; }

/* Prevent a giant margin-bottom on an 'inline' from group, i.e.
 * one meant to be embedded in a table row. */
.inline-form-group{
  margin-bottom: 0px;
}

/* set a max-width for horizontal fluid layout and make it centered */
#main-view {
  margin-right: auto;
  margin-left: auto;
  max-width: 940px; 
  height: 100%; /* vertically fill the full-port wrapper */
  background: white;
}

/* Fix some style quirks in the main nav-bar that come from other abuses to the
 * bootstrap stuff...*/
#main-nav-bar{
  border-radius: 0px;
  margin-bottom: 0px;
}

/* wrapper div that fills the viewport and sets BG color */
#wrapper{ 
  position: absolute;
  background-color: #38414A;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}

/* The top-level bootstrap/react-bootstrap panel for the application. */
#top-level-panel{
  min-height: 100%; /* Vertically fill *at least* view-port with panel BG color,
                       but otherwise, also stretch to inner content size*/
  border-radius: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Show status while waiting to come back online after a reboot */
#reboot-panel{
  text-align: center;
}

body { background-color: #38414A; }

/* Log entry formatting */
.log-part{ margin-left: 0.7em; }

/* Reduce padding in 'list-item' elements for the log page & render
 * in monospace font.  */
#syslog-listgroup .list-group-item {
    padding: 2px;
    font-family: monospace;
}

/* This will force a scroll bar to be present regardless of if it is needed. The
 * benefit being no more jarring left/right shift action as a page grows/shrinks
 * to need/not-need a scroll bar*/
html{ overflow-y: scroll;}


