.dashboardTile {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  position: absolute;
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 0;
  cursor: pointer;
  background: #3d95c8;
}
.dashboardPrimaryTitle {
  position: absolute;
  left: 1px;
  top: 0;
  right: 0;
  white-space: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 10px;
  color: white;
}
.dashboardSecondaryTitle {
  left: 0;
  right: 1px;
  bottom: 0;
  position: absolute;
  text-align: right;
  font-size: 10px;
  color: white;
}
.dashboardChart {
  height: 256px;
  width: 256px;
  float: left;
  margin-right: 0;
  border: 1px solid black;
  box-sizing: border-box;
}
.dashboardChart svg {
  left: 0 !important ;
  top: 0 !important;
}
.chartSize {
  height: 254px;
  width: 254px;
}
.dashboardDisplayValue {
  position: absolute;
  left: 0;
  right: 0;
  top: 39px;
  font-size: 32px;
  font-weight: 500;
  color: white;
  text-align: center;
}
@media (max-width: 936px) {
  .dashboardContainer {
    position: absolute;
    left: 424px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 936px) and (max-width: 1072px) {
  .dashboardContainer {
    position: absolute;
    left: 424px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1072px) and (max-width: 1208px) {
  .dashboardContainer {
    position: absolute;
    left: 560px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1208px) and (max-width: 1344px) {
  .dashboardContainer {
    position: absolute;
    left: 696px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1344px) and (max-width: 1480px) {
  .dashboardContainer {
    position: absolute;
    left: 832px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1480px) and (max-width: 1616px) {
  .dashboardContainer {
    position: absolute;
    left: 968px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1616px) and (max-width: 1752px) {
  .dashboardContainer {
    position: absolute;
    left: 1104px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
@media (min-width: 1752px) {
  .dashboardContainer {
    position: absolute;
    left: 1240px;
  }
  .dashboardContainer.animateStart {
    left: -600px;
  }
  .dashboardContainer.internal {
    margin-left: -16px;
  }
}
.dashboardChartLarge {
  height: 270px;
  width: 475px;
  float: left;
}
.dashboardGauge {
  float: left;
  margin-right: 20px;
}