@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #ccc;
  font-family: 'Roboto';
  overflow: hidden;
}

.serviceMapContainer {
	width: 80%;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 2em;
	vertical-align: middle;
  .hosts {
    .host {
      box-sizing: border-box;
      border: 2px dotted transparent;
      width: 256px;
      margin: 0 auto;
      padding-top: 1em;
      padding-bottom: 1em;
      .title {
        margin-top: 0.5em;
      }
    }
    .selected {
      border: 2px dotted black;
      border-radius: 25px;
    }
  }
}

#infoPanel {
  margin: 0 auto;
  width: 50%;
}


// Falcon's Messy Copypasta Styling
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
}
.nav-tabs, .nav-pills {
  text-align: center;
}