/*
* This file contains styles for the Chart Chooser page.
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  height: 100%;
}
#wrap {
  min-height: 100%;
}
#main {
  overflow: auto;
  padding-bottom: 40px;
  /* this needs to be bigger than footer height*/

}
.body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #555555;
  padding: 0px;
  margin: 0px;
}
.body .lightest {
  color: #ffffff;
}
.body .light {
  color: #a2a2a2;
}
.body .lighter {
  color: #6f6f6f;
}
.body .darker {
  color: #222222;
}
.body .dark {
  color: #000000;
}
.body .darkest {
  color: #000000;
}
.body .thinnest {
  font-weight: 0;
}
.body .thin {
  font-weight: 200;
}
.body .thinner {
  font-weight: 300;
}
.body .thicker {
  font-weight: 500;
}
.body .thick {
  font-weight: 600;
}
.body .thickest {
  font-weight: 800;
}
.note {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 10.2px;
  color: rgba(85, 85, 85, 0.5);
  padding: 0px;
  margin: 0px;
}
.note .lightest {
  color: rgba(255, 255, 255, 0.5);
}
.note .light {
  color: rgba(162, 162, 162, 0.5);
}
.note .lighter {
  color: rgba(111, 111, 111, 0.5);
}
.note .darker {
  color: rgba(34, 34, 34, 0.5);
}
.note .dark {
  color: rgba(0, 0, 0, 0.5);
}
.note .darkest {
  color: rgba(0, 0, 0, 0.5);
}
.note .thinnest {
  font-weight: 0;
}
.note .thin {
  font-weight: 200;
}
.note .thinner {
  font-weight: 300;
}
.note .thicker {
  font-weight: 500;
}
.note .thick {
  font-weight: 600;
}
.note .thickest {
  font-weight: 800;
}
.hero-unit {
  padding: 12px;
  margin: 12px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  /* FF1-3.6 */

  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}
.btn-inverse {
  background: #ffffff;
  color: #999999;
  text-shadow: none;
}
.btn-inverse:hover {
  background: #eeeeee;
  color: #999999;
  text-shadow: none;
}
.btn-inverse:active {
  background: #04a7ea;
  color: #ffffff;
}
.btn-inverse.active {
  background: #04a7ea;
  color: #ffffff;
}
.top {
  padding: 0px;
  margin: 0px;
}
.search {
  background: #ffffff;
  margin: 0px;
  padding: 1px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.alert {
  margin-bottom: 1px;
}
.searchInput {
  padding: 4px 5px 0px 10px;
  margin: 2px 2px 2px 2px !important;
  background: #fcfcfc;
  border: 1px dashed #d9d9d9;
}
.searchInput div.span {
  display: inline-block;
}
.searchInput .filterItem {
  background: #04a7ea;
  font-size: 12px;
  font-weight: 400;
  color: #58ccfc;
  padding: 3px;
}
.searchInput .filterItem .value {
  font-weight: 700;
  color: #effaff;
}
.searchInput .filterItem:hover {
  background: #0383b8;
  cursor: pointer;
}
.searchInput .filterItem:hover .delete:hover {
  color: #f4c8c5;
}
.searchInput .btn-toolbar {
  margin-top: 5px;
  margin-bottom: 5px;
}
#content {
  background-color: #91B49C;
  background-image: url(../../img/projectionsBG1-1.png);
}
/* Styling Tiles */
.tile {
  padding: 12px;
  margin: 12px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 6px;
  /* Saf3-4, iOS 1-3.2, Android ≤1.6 */

  -moz-border-radius: 6px;
  /* FF1-3.6 */

  border-radius: 6px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}
.title {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16.799999999999997px;
  color: rgba(85, 85, 85, 0.5);
  max-width: 140px;
  padding: 0px;
  margin: 0px;
  padding-bottom: 8px;
}
.title .lightest {
  color: rgba(255, 255, 255, 0.5);
}
.title .light {
  color: rgba(162, 162, 162, 0.5);
}
.title .lighter {
  color: rgba(111, 111, 111, 0.5);
}
.title .darker {
  color: rgba(34, 34, 34, 0.5);
}
.title .dark {
  color: rgba(0, 0, 0, 0.5);
}
.title .darkest {
  color: rgba(0, 0, 0, 0.5);
}
.title .thinnest {
  font-weight: 300;
}
.title .thin {
  font-weight: 500;
}
.title .thinner {
  font-weight: 600;
}
.title .thicker {
  font-weight: 800;
}
.title .thick {
  font-weight: 900;
}
.title .thickest {
  font-weight: 1100;
}
.metric {
  font-weight: 700;
  color: #555555;
  border-bottom-color: #555555;
}
.tile .tile-info {
  display: none;
  width: 140px;
  height: 98px;
}
.tile.download .tile-info {
  display: block;
}
.tile.download img {
  display: none;
}
.tile-download a {
  position: absolute;
  bottom: 5px;
  font-size: 24px;
  color: #ccc;
  text-decoration: none;
}
.tile-download a:hover {
  color: #04a7ea;
}
/* Restore regular fluid container paddings */
.container-fluid {
  padding: 0 20px !important;
}
/* Styling Filter container */
#filter-container .btn-group {
  vertical-align: middle;
}
/* Styling view count container */
.view-count-wrapper {
  margin-top: 6px;
  margin-right: -5px;
  margin-left: 2px !important;
  padding-left: 0px;
}
/* jQuery Isotope plugin styles */
/*
* This file contains styles for the jQuery Isotope plugin.
*/
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}