.container {
  width: 780px;
  margin: 0 auto;
}
.type-title {
  font-size: 1.8em;
}
.city-title {
  font-size: 1.3em;
  border-bottom: solid 1px #ddd;
  margin-bottom: 0.4em;
}
.entity-title {
  font-size: 1.05em;
}
.project-list {
  padding-left: 1.5em;
}
.project-item {
  margin-bottom: 0.3em;
}
.more-link {
  text-decoration: none;
}
.more-link:hover {
  text-decoration: underline;
}
.map-view {
  margin-bottom: 3em;
}
.map {
  position: relative;
  width: 780px;
  height: 520px;
}
.state {
  fill: #ddd;
  stroke: #bbb;
  stroke-width: 1px;
}
.state.Lead {
  fill: #6c9;
}
.state.CAAP {
  fill: orange;
}
.state.Lead.CAAP {
  fill: #e0b0ff;
}
.state.is-hovered.has-projects {
  fill: #f5e05b;
  cursor: pointer;
  stroke: #fff;
}
.state.is-highlighted.has-projects {
  stroke-width: 2px;
  stroke: #d54e47;
}
.state.is-disabled,
.state.is-disabled.has-projects {
  fill: #ddd;
  cursor: default;
}
.state-label-text {
  font-size: 9px;
  font-family: Verdana, sans-serif;
  fill: #000;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.state-label-text.has-projects {
  font-weight: 600;
}
.state-label-text.has-projects:hover {
  cursor: pointer;
}
.state-label-text.is-disabled.has-projects {
  font-weight: inherit;
}
.state-label-text.is-disabled.has-projects:hover {
  cursor: default;
}
.state-label-callout {
  stroke: #000;
  stroke-width: 1px;
}
.chart-legend {
  font-size: 11px;
}
.chart-legend .state {
  stroke: none;
}
.details-view {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 4px 8px;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.details-title {
  font-size: 13px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 2px;
}
.details-funding,
.details-projects-count {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.country-selector-wrapper {
  text-align: center;
  margin-top: 20px;
}
.projects-table caption {
  font-weight: 600;
}
.projects-table,
.projects-table td,
.projects-table th {
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.projects-table tbody tr {
  vertical-align: top;
}
.projects-table td {
  padding: 0 4px;
}
.projects-table .funds {
  text-align: right;
}
.list-view TD,
.list-view TH {
  font-size: 11px;
}
.list-view CAPTION,
.list-view H4 {
  font-size: 12px;
}