.top-ten-wrapper {
	margin-bottom: 1.5rem;
	}

.top-ten-wrapper .panel {
	border-style: solid;
	border-width: 1px;
	border-color: #d8d8d8;
	padding: 1.25rem;
	margin:0;
	background: #f2f2f2;
	color: #333333;
	}
	
.top-ten-wrapper .accordion {
	margin-left:0 !important;
	}
	
/* line 89, ../scss/app.scss */
.top-ten-wrapper button.button, 
.top-ten-wrapper .button {
  z-index: 999;
  width: 100%;
	max-width:100%;
  padding: 0.65rem 1.75rem 0.715rem 1.75rem !important;
	margin-bottom: 0.25rem;
	font-weight:bold;
}

.top-ten-wrapper button.button.tiny, 
.top-ten-wrapper .button.tiny {
  padding: 0.325rem 1.25rem 0.3575rem 1.25rem !important;
  font-size: 0.6875rem !important;
	}
	
.top-ten-wrapper button.small, 
.top-ten-wrapper .button.small {
  padding: 1rem 1.75rem 1.1rem 1.75rem !important;
  font-size: 0.8125rem;
	}
	
.top-ten-wrapper button#allExpand,
.top-ten-wrapper .button#allExpand, 
.top-ten-wrapper button#allCollapse,
.top-ten-wrapper .button#allCollapse {
  padding: 0.625rem 1.25rem 0.6875rem 1.25rem !important;
	margin-bottom: 1.25rem;
  font-size: 0.8125rem;
	font-size:0.8rem;
	font-weight: bold;
	}

/* line 42, ../scss/app.scss */
.adoption-color {
  color: #263b56;
}

/* line 43, ../scss/app.scss */
.brand-color {
  color: #0d72c0;
}

/* line 44, ../scss/app.scss */
.social-color {
  color: #64b1ea;
}

/* line 46, ../scss/app.scss */
#top-chart-header-row {
  font-size: 75%;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 40em) {
  /* line 51, ../scss/app.scss */
  #top-chart-header-row .key-combined-score {
    margin-right: -10%;
  }
}
@media only screen and (min-width: 64.0625em) {
  /* line 51, ../scss/app.scss */
  #top-chart-header-row .key-combined-score {
    margin-left: -5px;
  }
}
/* line 55, ../scss/app.scss */
#top-chart-header-row .key-rank {
  position: relative;
}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  /* line 55, ../scss/app.scss */
  #top-chart-header-row .key-rank {
    margin-left: 22px;
  }
}
/* line 59, ../scss/app.scss */
.key-charts {
  position: relative;
	display:block;
	font-size:1rem;
	font-weight:normal;
	line-height:35px;
	padding-top:3px;
}

/* line 67, ../scss/app.scss */
.chart-label {
  color: white;
  font-size: 8.75px;
  margin-top: -0.1em;
  letter-spacing: 1px;
  opacity: 0.7;
}

/* line 76, ../scss/app.scss */
.accordion-navigation > a:after {
  content: "\f054";
  font-family: FontAwesome;
  float: left;
	padding:0 !important;
	margin: -47px 0 0 -6px !important;
  font-size: 18px;
  position: relative;
  color: #1f89c7;
	width:0 !important;
	height:0 !important;
}

.content-toggle {
	padding:0 !important;
}
/* line 86, ../scss/app.scss */
.accordion-navigation.active > a:after {
  content: "\f078";
}

/* line 97, ../scss/app.scss */
.custom-progress-container {
  /*background-color: white;
  border: 0px solid white;*/
  height: 0.875rem;
  margin-bottom: 0;
  padding: 0.125rem;
  border-radius: 3px;
  padding-top: 0;
}
/* line 100, ../scss/app.scss */
.custom-progress-container > span {
  border-radius: 2px;
}
/* line 102, ../scss/app.scss */
.data-adoption .custom-progress-container > span {
  background: #344e67;
  display: block;
  height: 100%;
  float: left;
  width: 0%;
}
/* line 103, ../scss/app.scss */
.data-brand .custom-progress-container > span {
  background: #1f89c7;
  display: block;
  height: 100%;
  float: left;
  width: 0%;
}
/* line 104, ../scss/app.scss */
.data-social .custom-progress-container > span {
  background: #7bc1ea;
  display: block;
  height: 100%;
  float: left;
  width: 0%;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  /* line 97, ../scss/app.scss */
  .custom-progress-container {
    margin-left: -5%;
  }
	
	.key-charts {
		font-size:0.75rem;
		font-weight:normal;
		line-height:35px;
	}
}

/* line 111, ../scss/app.scss */
.top-name {
  display: table-cell;
  line-height: 1;
  vertical-align: middle;
  height: 52px;
  color: #1f89c7;
  text-decoration: none;
	font-weight:bold;
}
/* line 118, ../scss/app.scss */
.top-name:hover {
  text-decoration: underline;
}

/* line 123, ../scss/app.scss */
.combined-score, .top-rank {
  font-size: 140%;
  /*display: table-cell;
  vertical-align: middle;*/
  text-align: center;
  height: 50px;
	line-height:50px;
  font-weight: bold;
}

/* line 133, ../scss/app.scss */
.top-rank {
  font-weight: bold;
  position: relative;
  text-align: center;
	color: #ff851f;
	}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  /* line 133, ../scss/app.scss */
  .top-rank {
    /*left: -5px;*/
  }
}

/* line 140, ../scss/app.scss */
.progress-label {
  margin-top: -3px;
  font-size: 75%;
}
@media only screen and (max-width: 40em) {
  /* line 140, ../scss/app.scss */
	.key-charts {
		font-size:8.5px;
		line-height:35px;
		font-weight:normal;
	}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  /* line 140, ../scss/app.scss */
	.accordion-navigation {
		padding-top: 0.5rem;
	}
}
/* line 146, ../scss/app.scss */
.data-adoption .progress-label {
  color: #344e67;
}
/* line 147, ../scss/app.scss */
.data-brand .progress-label {
  color: #1f89c7;
}
/* line 148, ../scss/app.scss */
.data-social .progress-label {
  color: #7bc1ea;
}

/* line 151, ../scss/app.scss */
.no-margin {
  margin: 0px;
}

/* line 155, ../scss/app.scss */
.top-ten-ctas {
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 163, ../scss/app.scss */
.combined-score {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 171, ../scss/app.scss */
.accordion-navigation {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
}
@media only screen and (min-width: 64.0625em) {
  /* line 172, ../scss/app.scss */
  .accordion-navigation .top-charts {
    margin-top: 0.125em;
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  /* line 172, ../scss/app.scss */
  .accordion-navigation {
		padding-top: 1rem;
	}
	
	.accordion-navigation .top-charts {
    margin-top: 1em;
  }
	
	.accordion-navigation button.button {
		display:inline-block;
		width: 100%;
		max-width:100%;
	}
	
	.top-ten-ctas {
		opacity:1;
	}
}
@media only screen and (max-width: 40em) {
  /* line 172, ../scss/app.scss */
  .accordion-navigation .top-charts {
    margin-top: 1em;
  }
	.top-ten-ctas {
		opacity:1;
	}
}
/* line 177, ../scss/app.scss */
.accordion-navigation:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,edf9ff+50,ffffff+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #edf9ff 50%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #edf9ff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #edf9ff 50%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #edf9ff 50%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #edf9ff 50%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #edf9ff 50%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
}
/* line 188, ../scss/app.scss */
.accordion-navigation:hover .top-ten-ctas {
  opacity: 1;
}
@media only screen and (min-width: 64.0625em) {
  /* line 191, ../scss/app.scss */
  .accordion-navigation:hover .cta-buttons {
    /*opacity: 0;*/
  }
}
@media only screen and (min-width: 64.0625em) {
  /* line 171, ../scss/app.scss */
  .accordion-navigation {
    padding-top: 0.75em;
		padding-bottom: 0.2em;
  }
}
/* line 200, ../scss/app.scss */
.accordion-navigation .content {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 );
  /* IE6-9 */
  text-shadow: 1px 1px white;
}
/* line 210, ../scss/app.scss */
.accordion-navigation .content ul {
  padding: 0.325em 0 0.325em 0;
  line-height: 0.9;
}
@media only screen and (max-width: 40em) {
  /* line 210, ../scss/app.scss */
  .accordion-navigation .content ul {
    line-height: 1.5;
  }
}
/* line 214, ../scss/app.scss */
.accordion-navigation .content ul li {
  padding-bottom: 0px;
  padding-left: 0px;
}
/* line 218, ../scss/app.scss */
.accordion-navigation .content ul li.data-adoption {
  color: #344e67;
}
/* line 219, ../scss/app.scss */
.accordion-navigation .content ul li.data-brand {
  color: #1f89c7;
}
/* line 220, ../scss/app.scss */
.accordion-navigation .content ul li.data-social {
  color: #7bc1ea;
}