body {
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
div {
  margin: 0;
  padding: 0;
}
#dashboard {

}

i.ext-link {
  vertical-align: super;
  font-size: 50%;
  padding-left: .5%;
}

.chart rect {
  background-color: #333;
}
.pane-container {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
}
.pane {
  /* border: #666 solid 1px; */
  margin: 4px;
}
.pane h3 {
  font-size: 1.15em;
  margin: 0 0 0 1%;
}
.row {
  clear: both;
}
.col-md-12 {
  float: left;
  width: 100%;
}
.col-md-9 {
  float: left;
  width: 75%;
}
.col-md-8 {
  float: left;
  width: 66.66%;
}
.col-md-6 {
  float: left;
  width: 50%;
}
.col-md-4 {
  float: left;
  width: 33.3%;
}
.col-md-3 {
  float: left;
  width: 25%;
}

#branding-container {
  float: left;
  width: 20%;
  display: table;
  height: 100%;
  #branding {
    display: table-cell;
    vertical-align: middle;
    img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 94%;
      height: auto;
    }
  }
}

#site-stats-table {
	.key-metric-container {
		width: 15.4%;
		height: 100%;
		padding-left: 0.6%;
		float: left;
		background-color: #000;
		.key-metric-pane {
          display: table;
		  height: 100%;
		  background-color: #333;
		  width: 100%;
		}
        .table-header-row {
          display: table-row;
          .td {
            display: table-cell;
            white-space:nowrap;
            text-align: center;
            vertical-align: middle;
          }
        }
		.key-metric-value-container {
           display: table-row;
		}
		.key-metric-value-pane {
		   display: table-cell;
		   text-align: center;
		   vertical-align: middle;
		   margin: 0 auto;
		   padding-right: 5%;
		   margin-top: -10%;
		}
		.key-metric-value-active {		    
			font-size: 3.5em;
			font-weight: bold;
			text-align: right;
		}
		.key-metric-container-sub {
			font-size: .85em;
			div {
				float: right;
				min-width: 10%;
				padding-left: 2%;
			}
		}
	}
}

#visitor-timeline.storyjs-embed.sized-embed {
  padding: 0;
  border-radius: 0px;
}

#visitor-timeline {
    border: none;
	.vco-storyjs {
	   font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-size: inherit;
      .vco-toolbar {
        display: none;
      }
      .vco-timeline {
      }
      .vco-feature {
          .text {
              font-size: 80%;
              h1, h2, h3, h4, h5, h6 {
                font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-weight: bold;
              }
              h1 {
                  font-size: 150%;
              }
              h2 {
                font-size: 130%;
                &.date {
                  font-size: 100%;
                  font-weight: normal;
                }
              }
              h3 {
                font-size: 115%;
                line-height: 1.1em;
                margin-bottom: 0;

              }
              p {
                font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
                font-size: inherit;
                line-height: 1em;
                margin-bottom: 0.8em;
              }
              .slide-tag {
                background-color: #666;
              }
              div.body {
                text-align: left !important;
                h3 {
                  text-align: left !important;
                  margin-bottom: .1em;
                  /*
                  text-decoration: underline;
                  text-decoration-color: #888;
                  -moz-text-decoration-color: #888;
                  */
                }
              }
              li {
                color: #BBB;
              }
              label {
                color: #FFF;
              }
          }


      }
      .vco-slider {
        .nav-previous, .nav-next {
          font-size: 80%;
          .date {
            font-size: 100%;
          }
          .title {
            font-size: 100%;
          }
        }
        .slider-item .content .content-container .media .media-wrapper .media-container .caption {
          font-size: 80%;
        }

      }
      /*
      .vco-slider .slider-item .content .content-container .media {
        min-width: 33%;
      }
      */
      .vco-navigation {
          height: 150px;
          .timenav {
              .time {
                  top: 100px;
              }
              .dot {
                top: 100px;
                border-radius: 0;
                -webkit-border-radius: 0;

              }
              .line {
                height: 100px;

                /*
                width: 4px;
                z-index: 100;
                box-shadow: none;
                -webkit-box-shadow: none;
                */
              }
              .flag {
                border-left-width: 4px;
                border-left-style: solid;
                background-position: -2px -53px;
                height: 50px;
              /*
                margin-left: 2px;
                */
              }
              .timemarker {
                display: none;
              }
          }
          .timenav-background {
              height: 100px;
              .timenav-line {
                height: 100px;
              }
              .timenav-interval-background {
                top: 101px;
              }
              .timenav-tag {
                  border-bottom-width: 1px;
                  border-bottom-style: solid;
                  div {
                      h3 {
                          padding-left: 8px;
                          text-shadow: none;
                      }
                  }
              }
          }
      }
    }
}

.google-visualization-table-table {
    font-size: 100%;
	width: 100%;
	* {
	  padding: 0;
	  margin: 0;
	}
	.table-header-row {
		td, .td {
			border-bottom-width: 3px;
		    border-bottom-style: solid;
			font-weight: bold;
			&:nth-child(1) {
				min-width: 70%;
				padding-left: 1%;
			}
		}
	}
	.table-row {
	}
	.table-row-odd {
	}
	.table-cell {
		border-bottom-width: 0.1%;
		border-bottom-style: solid;
		border-left-width: 0.1%;
		border-left-style: solid;
		padding: 0em .4em;
	}

}
.google-visualization-table-div-page {
  display: none;
}



#active-visitors-table .google-visualization-table-table {

	.table-header-row {
		td {
			display: inline-block;
			width: 14%;
			padding-top: 1%;
			float: left;
			white-space:nowrap;
			text-align: center;
			&:nth-child(1) {
			  display: none;
			}
			&:nth-child(2)  {
				width: 17%;
				padding-left: 1%;
				text-align: left;
			}
			&:nth-child(3)  {
				display: none;
			}
			&:nth-child(7)  {
				width: 20%;
			}
			&:nth-child(8)  {
				width: 20%;
			}
		}
	}
	.table-row-av {
		td {
			display: inline-block;
			width: 14%;
			float: left;
			border-bottom: none;
			text-align: center;
			font-size: 1.4em;
			padding: 0;
			margin: 0;
			&:nth-child(1) {
				width: 18%;
			}
			&:nth-child(2) {
			    float: right;
				width: 80%;
				max-width: 80%;
				font-weight: bold;
				text-align: left;
				font-size: 1.0em;
                line-height: 1;
			}
			&:nth-child(3) {
			    float: right;
				width: 80%;
				max-width: 80%;
				text-align: left;
				color: #AAA;
				font-size: 0.75em;
				margin-top: -0.25em;
				/* margin-bottom: .1em; */
			}	
			&:nth-child(7)  {
				width: 20%;
			}
			&:nth-child(8)  {
			    float: right;
				width: 18%;
			}			
		}
		&.table-row-selected {
		  td {
		  	&:nth-child(2) {
			  border-right-width: 4px;
			  border-right-style: solid;
			}
			&:nth-child(3) {
			  border-right-width: 4px;
			  border-right-style: solid;
			}
		    &:nth-child(8) {
			  border-right-width: 4px;
			  border-right-style: solid;
			}
		  }
		}
	}
	
	img {
		width: 100%;
		padding: 0;
	}
	.pageWrapper {
	  display: inline-block; 
      max-width: 100%;
	  text-overflow: ellipsis;

	  /* Required for text-overflow to do anything */
	  /* white-space: pre; */
	  overflow: hidden;
	}

}

#visitor-details-report {
  .visitor-details-container {
    height: 100%;
    /* padding-left: 0.6%; */
    float: left;
    .visitor-details-pane {
      display: table;
      height: 100%;
      width: 100%;
    }
    .table-header-row {
      display: table-row;
      .td {
        padding-left: 4%;
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        text-align: left;
      }
    }
    .visitor-details-value-container {
      display: table-row;
    }
    .visitor-details-value-pane {
      display: table-cell;
      text-align: left;
      vertical-align: top;
      padding-left: 4%;
      .visitor-details-value {
        height: 100%;
      }
    }
    ul, ol {
      list-style-type: none;
      padding: 0;
      margin: 0;
      li {

      }
    }
  }
}