.home-start {
  //  position: absolute;
  //  top:78px;
  //  left:0px;
  //  bottom: 0px;
  //  width: 100%;
  //  margin: 0;
  height: 100vh;
  margin: -0.6em -0.9em -0.7em -0.9em; //-0.5em -0.75em;
  padding: 0;
  box-sizing: border-box;
  background-image: linear-gradient(#171a1d, #2b323a, #171a1d);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 400px; //text-align: center;
}

.home-description {
  color: #b6b6b6;
  width: 300px;
  h1 {
    color: #e7e7e7;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  }
}

.start-button {
  width: 200px;
  height: 210px;
  margin-right: 20px;
  transition: 0.3s;
  svg {
    fill: #f0f0f0;
    stroke: #3C2412;
    stroke-miterlimit: 10;
  }
  &:not(:hover) {
    opacity: 0.8;
  }
  &:active {
    transform: translateY(2px);
    transition: 0.1s;
  }
}

/deep/ .ui-panel .ui-panel-content {
  padding: .6em .75em;
}

.discovery-container {
  height: 100vh;
  margin: -0.6em -0.9em -0.7em -0.9em; //-0.5em -0.75em;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 400px; //text-align: center;
}

.link {
  stroke: #999;
  stroke-opacity: 0.6;
}

.textClass {
  stroke: #323232;
  font-family: "Lucida Grande", "Droid Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  stroke-width: .5;
  font-size: 14px;
}

.linkTextClass {
  stroke: #b6b4b4;
  font-family: "Lucida Grande", "Droid Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  stroke-width: .3;
  font-size: 9px;
}

.focused {
  opacity: 1 !important;
}

.semi-focused {
  opacity: 0.8 !important;
}

.semi-unfocused {
  opacity: 0.8;
}

.unfocused {
  opacity: 0.3;
}

.semi-unselected {
  opacity: 0.8;
}

.unselected {
  opacity: 0.3;
}

.ui-map-info {
  position: absolute;
  top: 10px;
  left: 10px;
  .ui-map-info-row {
    //display: inline;
    font-size: 0.8em;
    line-height: 2em;
    width: 120px;
    font-weight: bold;
    user-select: text;
    div {
      display: inline-block;
      font-weight: normal;
      padding-left: 5px;
      width: 75px;
      user-select: text;
    }
  }
  .ui-border-bottom {
    border-bottom: 1px solid #d6d6d6;
  }
}

/deep/ .ui-card-body {
  padding: 0.5em;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
}

.detail-sidebar {
  top: 0;
  left: 0;
  height: 100%;
}

// /deep/ .ui-blockui {
//   opacity: 0.1;
// }
/deep/ .ui-widget-overlay {
  background-color: #666666;
  opacity: .20;
  filter: Alpha(Opacity=50);
}

.ui-dialog-text-center {
  padding-top: 50px;
  text-align: center;
}