/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

  /* general styles */
html, body {

  padding-top: 25px; 
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin:0;
  height: 100%;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.centered {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

/* Sidebar navigation */
#sidebar- {
 /* margin-right: -21px; /* 20px padding + 1px border */
  padding-left: 20px;
  /*background-color: #f8f8f8;*/
  border-right: 1px solid #eee; 
  height: 100%;
}

#single-container{
   height: 670px;
   position: fixed;
} 

#collection-summary{
  margin-bottom:15px;
}

#spark-table{
  padding: 15px;
  padding-bottom: 5px;
  padding-top: 0px;
}

#events-legend{
  padding-left: 35px;
  margin-bottom: 5px;
  display: none;
  visibility: hidden;
}

#vis-sentiment{
  font: 10px sans-serif;
  display: block;
  visibility: visible;

  border: 1px solid #eee; 
  padding: 15px;
  padding-bottom: 10px;
}

#vis-text{
  display: none;
  visibility: hidden;
  position: relative;
  margin-left: auto;
  
  border: 1px solid #eee; 
  padding: 15px;
}

#tweets_grouped{
  display: none;
  visibility: hidden;
}

#vis-options-wrap{
 vertical-align: center;
}

.svg-spark{
    font: 10px sans-serif;  
    background-color: none;
    shape-rendering: optimizeSpeed;
}

.events-legend-group{
    font: 10px sans-serif;  
    background-color: none;
    shape-rendering: optimizeSpeed;
}

#tweets{
  overflow: scroll;
  width: 96%;
  height: 620px;
  float: right;
  padding-right: 25px;
  font-family: 'Helvetica Neue',Arial,sans-serif;
}

thead { 
  font: normal 1em 'Open Sans','Helvetica Neue', sans-serif; 
}

/** SVG Plots Styles **/
.y.axis line {
  shape-rendering: crispEdges;
  stroke: #E6E7E8;
  fill: none;
  pointer-events: none;
  
}

.axis line , .axis path{
  stroke: #E6E7E8;
  fill: none;
  shape-rendering: crispEdges;
}

.spark-rect {
    stroke: #cec6b9;
    stroke-width: 1;
    fill: none;
  }

.sparkline{
    fill:none;
    stroke-width: 1.5;
}

.sparkarea{
    fill: #cec6b9;
    opacity: 0.6;
  }

.sparkcircle {
    fill: black;
    stroke: none;
  }

.legend {
    text-anchor: start;
    font: 10px sans-serif;  
    fill: black;
    /*fill: #31a354;*/
  }

.bold-legend {
    font: 13px 'Open Sans','Helvetica Neue',Arial,sans-serif;  
    fill: #636363;
    opacity: .45;
    font-weight: bold;
}


.line {
  fill: none;
  stroke-width: 2px;
}

/** SVG on Home Page **/
.svg-home{
    font: 8px sans-serif;  
    background-color: none;
    shape-rendering: optimizeSpeed;
}

.sparkline-home{
    fill:none;
    stroke-width:1;
}

/** Titles, NO-SVG Text, ETC **/
p.small{
  font-size:1em ;
  color: #c3c3c3;
  font-weight: bold;
  line-height: 70%;
}

span.summary_data{
  color: #000;
  font-weight: normal;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #5E0B48;
}

a {
    color: #5E0B48;
}



/** HOME AND OTHER PAGES **/

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#home {
  display: table;
  height: 35%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;*/
}

#table-options{
   margin-left: 25px;
   position: relative;
   float: left;
}

#table-options td{
   padding: 10px;
}

p.table-title{
  line-height: 70%;
  /*color: #5E0B48;
  font-weight: bold;*/
}


/** From startboostrap creative **/
hr {
    max-width: 50px;
    border-color: #56AB06;
    border-width: 3px;
}


/** ABOUT PAGE **/
header {
    position: relative;
    width: 100%;
    min-height: auto;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 50px 50px 100px 50px;
}

section {
    padding-top: 20px;
    padding-bottom: 50px;
}

.bg-primary {
    /*background-color: #2c7fb8;*/
    background-color: #636363;
    
}