.stgdRow {
  padding-top: 2rem; }
  .stgdRow .stgdIcon {
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column; }
    .stgdRow .stgdIcon img {
      max-width: 150px;
      margin: 0 auto; }
  .stgdRow .stgdText h2 {
    text-transform: uppercase;
    color: #000 !important;
    font-size: 2rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.8rem !important; }

.stgdTableContainer .stgdTable .visControlRow input {
  margin-right: 0.5rem;
  margin-bottom: 0rem; }
.stgdTableContainer .stgdTable .visControlRow label {
  text-indent: -1.3rem;
  margin-left: 1.3rem;
  font-size: 0.75rem; }
.stgdTableContainer .stgdTable .tableHeaderRow {
  margin-top: 2rem;
  margin-bottom: 1rem; }
  .stgdTableContainer .stgdTable .tableHeaderRow .headerTitle {
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
    text-align: center;
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column; }
    @media screen and (max-width: 40em) {
      .stgdTableContainer .stgdTable .tableHeaderRow .headerTitle {
        font-size: 0.9rem !important;
        line-height: 1rem !important; } }
  .stgdTableContainer .stgdTable .tableHeaderRow .goalTitle {
    text-align: left; }
.stgdTableContainer .stgdTable .tableContentRow {
  border-bottom: 1px solid #c6c6c6; }
  .stgdTableContainer .stgdTable .tableContentRow img {
    width: 23px;
    height: auto;
    margin: 0 auto;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .stgdTableContainer .stgdTable .tableContentRow .goalTitleCol {
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.1rem !important; }
    .stgdTableContainer .stgdTable .tableContentRow .goalTitleCol a {
      line-height: 1.1rem !important; }
  .stgdTableContainer .stgdTable .tableContentRow .underTargetCol {
    border-right: 1px solid #c6c6c6;
    text-align: center;
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column; }
  .stgdTableContainer .stgdTable .tableContentRow .onTrackCol {
    text-align: center;
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column; }
  .stgdTableContainer .stgdTable .tableContentRow .madeProgressCol {
    text-align: center;
    display: flex;
    height: inherit;
    justify-content: center;
    flex-direction: column;
    border-left: 1px solid #c6c6c6; }
.stgdTableContainer .stgdTable .subGoal .goalTitleCol {
  text-indent: 1.5rem;
  color: #767474; }
.stgdTableContainer .stgdTable .subGoal a {
  color: #767474 !important; }
.stgdTableContainer .stgdTable .subGoal a:hover {
  color: #877148 !important; }

#PageContent .dashboardGraph {
  background: url("/Assets/Oakland/dashboard/UI/loader.gif") no-repeat center;
  overflow: hidden; }
#PageContent .verticalBarColumnChart {
  height: 600px;
  width: 100%;
  min-width: 250px; }
#PageContent .lineChart {
  height: 500px;
  width: 100%;
  min-width: 250px; }
  @media screen and (max-width: 40em) {
    #PageContent .lineChart {
      height: 350px; } }
#PageContent .areaChart {
  height: 500px;
  width: 100%;
  min-width: 300px; }
#PageContent .geoMap {
  height: 500px;
  width: 100%;
  min-width: 300px; }
#PageContent .groupedHorizontalBarChart {
  height: 600px;
  width: 100%;
  min-width: 300px; }
#PageContent .totalEnrollmentByOriginGraph {
  height: 250px;
  width: 100%; }
#PageContent .goalStatus {
  text-align: center; }
  #PageContent .goalStatus .goalStatusDetail {
    color: #000;
    font-size: 1.3rem !important; }
#PageContent #chartNav {
  text-align: center; }
  #PageContent #chartNav .prevChart .chartNavArrow {
    padding-right: 0.3rem; }
  #PageContent #chartNav .nextChart .chartNavArrow {
    padding-left: 0.3rem; }