/* ========== CENTER CHART ========== */

	#center-chart {
	  padding: 0;
	}

	#center-flowchart .center-left-header-description { 
		padding-bottom: 10px;
	}

	#center-chart .center-left-header { margin: 0; }

	#center-chart .center-left-content, #center-flowchart .center-left-content { padding: 0 !important; }

	#center-chart .center-left-content > div { padding: 0 5%; }

	#center-chart #display-ongoing-container {
	  margin-bottom: 5px;
	  font-size: 1.2em;
	  font-weight: 700;
	}

	#center-chart #display-ongoing-container a {
		color: #282828;
		background: #35B31220;
		border: 1px solid #282828;
	}

	#center-chart #display-ongoing-container a:hover {
		background: #35B31230;
	}

	#center-chart .ongoing {
	  float: left;
	  width: 10px;
	  margin: 10px 10px 0 0;
	  padding: 0 10px;
	  font-weight: 600;
	  text-transform: uppercase;
	  text-align: center;
	  border-right: 1px solid #282828;
	}

	#center-chart .social-media-menu {
	  margin-left: 0;
	}

/* ========== CHART ========== */

	/* ---- GENERAL ---- */

	#chart {
	  width: 100%;
	}

	#chart-name {
	  margin: 20px 0;
	  font-size: 2.5rem;
	  font-weight: 500;
	  text-align: center;
	}

	.chart-updated {
	  font-size: 90%;
	  margin-top: 10px;
	  padding-top: 10px;
	  border-top: 1px dotted #959595;
	}

	.chart-footer {
	  font-size: 90%;
	  margin-top: 10px;
	  font-style: italic;
	}

	.chart-footer a, .chart-updated a {
	  border-bottom: 1px solid;
	}
	
	.chart.button {
	  margin-bottom: 10px;
	}
	
	#chart-message { 
	  width: 100%;
      text-align: center;
      background: #282828;
      color: #F2F2F2;
      font-weight: 700;
      padding: 10px;
	}

/* ========== CHART ITEMS ========== */

	.item ul, .item-individual-chart ul {
	  list-style-type: none;
	  margin-top: 0;
	}

	.item.chart {
	  display: block;
	  width: auto;
	  margin-bottom: 15px;
	  border: 1px solid #282828;
	  border-radius: 5px;
	}

	.item.chart:nth-child(2n) {
	  background: #1242B320;
	}

	.item.chart:nth-child(2n+1) {
	  background: #1242B310;
	}

	.item.chart p {
	  display: inline;
	  margin: 0;
	}

	.item.item-ongoing {
	  background: #35B31220 !important;
	}

	.item-chart-top {
	  float: right;
	  padding: 0 !important;
	}

	.item-chart-top a {
	  text-decoration: none;
	}

	.item-chart-top button { margin-left: 8px; }

	.item-chart-top span {
	  display: inline-block;
	  transform: rotate(270deg);
	  font-size: 115%;
	}

	.item-chart-header { 
		padding: 15px 15px 5px !important;
	}

	.item-chart-header div {
	  display: inline;
	}

	.item-chart-header ul li {
	  display: inline;
	  font-size: 1.2rem;
	}

	.item-chart-body {
	  padding: 10px 15px 15px !important;
	}
	
	.item-chart-body ul li {
	    
	    margin-bottom: 10px;
	    
	}

	.item-chart-footer { 
		padding: 0 15px 15px !important;
	}

	.item-chart-entryid {
	  margin-top: 10px;
	  border-top: 1px solid;
	  padding-top: 8px;
	  font-size: .9em;
	}

	.item-chart-subject-element {
		display: inline-block;
		border-radius: 5px;
		margin: 0 0 2px 5px;
		padding: 2px 8px 2px 4px;
		background: #1242B310;	/*#33333310*/
	}

	.item-org-name, .item-platform-name { font-size: 1.2em; font-weight: 600; }

/* ========== CHART ITEM - INDIVIDUAL ========== */

	.item-individual-chart div { padding: 5px 0; margin: 5px 0; }
	.item-individual-chart-label { font-size: 1.5em; font-weight: bold; border-bottom: 1px solid; margin-bottom: 10px !important; padding-bottom: 10px !important; }
	.item-individual-chart-header { display: inline; }
	.item-individual-chart-header ul li, .item-individual-chart-header div { display: inline; font-size: 150%; }
	.item-individual-chart-body { margin: 5px 0 5px 5px !important; }
	.item-individual-chart-body ul li { margin: 10px 0; font-size: 120%; }

/* ========== CHART FAQ & INFO ========== */

	#chart #faq {
	  margin-bottom: 10px;
	}

	#faq-header, #info-header { display: inline-block; margin-top: 10px; border-bottom: 2px solid #282828; font-size: 1.4em; font-weight: 600; }	

/* ========== CHART VISUAL ========== */

	.bar, .wc {
	  margin-left: 10px;
	}

	.bar {
	  padding: 10px 10px;
	  background-color: #6b8a9e;
	  border: 1px solid #f2f2f2;
	  color: #fff;
	  font-size: 1.5em;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	}
	.wc {
	  display: inline-block;
	  padding: 4px 20px 4px 0;
	}

	.wc-smallest {
	  font-size: 90%;
	}

	.wc-small {
	  font-size: 120%;
	}

	.wc-medium {
	  font-size: 150%;
	}

	.wc-large {
	  font-size: 180%;
	}

	.wc-largest {
	  font-size: 210%;
	}

	.report {
	  font-weight: 300;
	}

	.report-name {
	  margin: 20px 0;
	  border-bottom: 1px dotted #959595;
	  padding-bottom: 10px;
	}

	.report-title {
	  font-size: 270%;
	  font-weight: 500;
	}

	.report-summary {
	  font-size: 160%;
	  font-weight: 300;
	}

	.report-header {
	  font-size: 200%;
	  font-weight: 400;
	}

	.report-content {
	  margin: 20px;
	}

/* ========== MAP ========== */

	/* ---- GENERAL ---- */

		.map-container #map {
		  margin: 10px 0;
		  height: 500px;
		  border: 1px solid #282828;
		  border-radius: 2px;
		}

		.map-container #map div {
		  overflow: visible;
		}

		.leaflet-container a {
			color: #282828;
		}

		.leaflet-left { width: 100%; }

		.leaflet-control.leaflet-timeline-control {
			width: 100% !important;
			margin: 0 !important;
		}

		.leaflet-touch .leaflet-control-layers { 
			border: none;
			border-top: 1px solid #959595;
		}

		.leaflet-control-layers-expanded {
			background: rgba(255, 255, 255, 0.5);
		}

		.leaflet-control-layers { 
			border-radius: 0;
		}

 		.leaflet-touch .leaflet-bar {
  			border: 1px solid #282828;
  		}

		.leaflet-bar {
			border-radius: 2px;
		}

		.leaflet-bar a {
			border-bottom: 1px solid #282828;
		}

		.leaflet-bar a:hover,
		.leaflet-bar a:focus {
			background-color: #FFFFFF;
		}

		.leaflet-attribution-flag { display: none !important; }

		.center-left-header-label #map span { font-size: 100% !important; }

	/* ---- LIGHT MAP ---- */

		.map-light button {
		  color: #282828;
		  background: none;
		  border: none;
		  opacity: 0.7;
		  padding: 12px;
		}

		.map-light .leaflet-control-attribution {
		  background: rgb(255, 255, 255, 0.5);
		  opacity: 0.7;
		  border-bottom: 1px solid #959595;
		  border-left: 1px solid #959595;
		}

/* ========== SHARE / EMBED CHART ========== */

	#center-chart .embed-code {
	  width: 90%;
	  min-width: 250px;
	  padding: 5px;
	  margin-bottom: 3px;
	  font-size: 90%;
	}

	#center-chart #share-menu {
	  margin: 10px 0 0 0;
	}

/* ========== CHART MSC ========== */

	.jump#jump-down-chart, .jump#jump-up-map { background: #282828; z-index: 1000; }
	.jump#jump-down-chart a, .jump#jump-up-map a { color: #F2F2F2; }

	.jump#jump-down-chart { float: none !important; display: inline-block; border: 2px solid #282828; border-top: none; font-weight: 600; }

	.jump#jump-up-chart { margin: 3px; }

	.jump#jump-up-map { 
		position: absolute;
	  	right: 5%;
		border: 2px solid #282828;
		border-top: none;
	}

	.jump button.edit-item-chart { margin-top: 10px; }

	#item-chart-form-footer { padding: 5px 0; border-top: 1px dotted #959595; border-bottom: 1px dotted #959595; }

	.update-buttons { margin-left: 15px; }