@import url("reset.css");

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings/glyphicons-halflings-regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

html, form, body {
	height: 100%; /* for container min-height */
}

body {
	font: 62.5%/1.6 "Maiandra GD", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	background: #ffffff;
	min-width: 92em;
	line-height: 1.6;
	position: relative; /* Fixes IE resize bug http://friendlybit.com/css/ie6-resize-bug/ */
}

.an-view {
	position: relative;
	margin: 20px 12px; /* center, not in IE5 */
	border: #666 solid 0;
	max-width: 100%;
	text-align: left;
	min-height: 100%; /* gives layout 100% height - real browsers */
}

h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #555;
}

h2 {
	font-size: 2.0em;
	font-weight: normal;
}

.an-container {
    background: #fff;
    padding: 30px;
}

.an-header {
    background-color: #f2f2f2;
    padding: 10px 8px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.an-header:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.an-header-actions {
    float: left;
}

.an-header-actions:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.an-header-actions-options {
    list-style: none inside none;
    display: inline;
    font-size: 0;
    float: left;
    margin: 0;
    padding: 0;

}

.an-header-actions-options li {
    float: left;
    font-size: 12px;
    border: 1px solid #C2C2C2;
    border-width: 1px 0 1px 1px;

    color: #999999;
    text-align: center;
    margin: 0;
    padding: 0;

    -moz-box-shadow: 0 1px rgb(221, 217, 217);
    -webkit-box-shadow: 0 1px rgb(221, 217, 217);
    box-shadow: 0 1px rgb(221, 217, 217);

    background-color: #F0F2F1; /* old browsers */
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #F0F2F1 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff) color-stop(100%,#F0F2F1)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #ffffff 0%,#F0F2F1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0F2F1', GradientType=0); /* IE6-9 */

    width: 50px;

}

.an-header-actions-options a:link,
.an-header-actions-options a:visited,
.an-header-actions-options a:hover,
.an-header-actions-options a:active
{
    float: left;
    display: block;
    color: #979797;
    text-decoration: none;
    width: 50px;
    height: 30px;
}

.an-header-actions-options li:first-child {
    border-radius: 3px 0 0 3px;
}

.an-header-actions-options li:last-child {
    border-radius: 0 3px 3px 0;
    border-width: 1px;
}

.an-header-actions-options a.an-header-actions-options-email {
    background: transparent url("../Images/email-icon.png") no-repeat center center;
}

.an-header-actions-options a.an-header-actions-options-print {
    background: transparent url("../Images/printer-icon.png") no-repeat center center;
}

.an-header-actions-options a:active {
    background-color: #ffffff;
}

.an-header-date-range {
    display: flex;
    align-items: center;
}

.an-header-to-label {
    margin: 0 6px;
}

.an-stat-item-options {
    float: left;
    margin: 20px 0;
    width: 200px;
}

.an-timeline-view {
    border-top: 1px solid #f2f2f2;
}

.an-timeline-view-chart {
    height: 300px;
    margin: 60px 0;
}

.an-timeline-view-scale-options:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.an-timeline-view-scale-options {
    display: inline;
    float: right;
    list-style: none inside none;
    font-size: 0;
    margin: 20px 0;
}

.an-timeline-view-scale-options li {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #C2C2C2;
    border-width: 1px 0 1px 1px;

    -moz-box-shadow: 0 1px rgb(221, 217, 217);
    -webkit-box-shadow: 0 1px rgb(221, 217, 217);
    box-shadow: 0 1px rgb(221, 217, 217);

    color: #999999;
    line-height: 34px;
    width: 60px;
    text-align: center;
}

.an-timeline-view-scale-options a:link,
.an-timeline-view-scale-options a:visited,
.an-timeline-view-scale-options a:hover,
.an-timeline-view-scale-options a:active
 {
    display: block;
    color: #979797;
    text-decoration: none;
    background-color: #F0F2F1; /* old browsers */
    background-image: -moz-linear-gradient(top, #ffffff 0%, #F0F2F1 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff) color-stop(100%,#F0F2F1)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #ffffff 0%,#F0F2F1 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #ffffff 0%,#F0F2F1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F2F1', GradientType=0); /* IE6-9 */
}

.an-timeline-view-scale-options a.selected {
    background-color: #EAEAEA; /* old browsers */
    background-image: -moz-linear-gradient(top, #D0D0D0 0%, #EAEAEA 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D0D0) color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #D0D0D0 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #D0D0D0 0%,#EAEAEA 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #D0D0D0 0%,#EAEAEA 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #D0D0D0 0%,#EAEAEA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='#EAEAEA', GradientType=0); /* IE6-9 */
    color: #666666;
}

.an-timeline-view-scale-options a:active {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff) color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.an-timeline-view-scale-options li:first-child {
    border-radius: 3px 0 0 3px;
}

.an-timeline-view-scale-options li:last-child {
    border-radius: 0 3px 3px 0;
    border-width: 1px;
}

/*
 * Statistics
 */

.an-metric-options {
    visibility: hidden;
}

.an-metric-view {
    margin: 10px 0;
    position: relative;
    background: #eee;
    padding: 14px 0;
    visibility: hidden;
}

.an-metric-view ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    text-align: justify;
    border: 10px solid black;
    font-size: 0.1px; /*hide whitespace between elements*/
}

.an-metric-view ul:after {
    content: '';
    display: inline-block;
    width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
}

.an-metric-view ul li {
    display: inline-block;
    padding: 0;
    margin: 10px;
    height: 100px;
    width: 100px;
}

.an-metric-view ul li label,
.an-metric-view ul li span {
    display: inline;
}

.an-metric-view table.fixed {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

.an-metric-view table.stats {
    width: 100%;
}

.an-metric-view table.stats th {
    width: 16.6%
}

.an-metric-view table.stats th,
.an-metric-view table.stats td {
    text-align: center;
    border-left: solid #d8d7d7 1px;
    color: #656565;
    font-family: Arial,Helvetica,sans-serif;
    padding: 6px 0;
}

.an-metric-view table.stats th {
    font-size: 13px;
    font-weight: bold;
}

.an-metric-view table.stats td {
    font-weight: 500;
}

.an-metric-view table.stats th:first-child,
.an-metric-view table.stats td:first-child {
    border-left: none;
}

.an-metric-view table.stats td.stats-cell-unique-pageviews,
.an-metric-view table.stats td.stats-cell-pageviews,
.an-metric-view table.stats td.stats-cell-entrances {
    font-size: 28px;
}

.an-metric-view table.stats td.stats-cell-bounce-rate,
.an-metric-view table.stats td.stats-cell-exit-rate {
    font-size: 22px;
}

.an-metric-view table.stats td.stats-cell-average-time {
    font-size: 20px;
}


/*
 * Choropleth map
 */

.an-geomap-view {
    margin: 0 0 100px 0;
}

.an-geomap-view svg .choropleth-background {
    fill: none;
    pointer-events: all;
}

.an-geomap-view svg #countries path {
  fill: #ccc;
  stroke: #fff;
  stroke-width: 1px;
}

.an-geomap-view svg #countries .active {
    fill: #ccc;
}

.an-geomap-view svg path.state {
    fill: #ccc;
    stroke: #fff; /*rgb(96, 158, 200);*/
    stroke-width: 0.2px;
}
.an-geomap-view svg path.state-hovered {
    fill: rgb(96, 158, 200);
    cursor: pointer;
}

.an-geomap-view svg path.country-hovered {
    fill: #ccc;
    cursor: pointer;
}

/*
 * Scroller
 */

.an-geomap-view .an-map-zoom {
	position: relative;
	height: 160px;
	background: #ccc;
    width: 20px;
    border-radius: 10px 10px 10px 10px;
    margin: 30px 0 0 20px;
}

.an-geomap-view .an-map-zoom .disabled {
	background: #898989;
}

.an-geomap-view .an-map-zoom-handle {
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 10px 10px 10px 10px;
    border: #999;
    cursor: pointer;
    position: absolute;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    display: inline-block;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.glyphicon-th:before {
    content: "";
}

footer[role="siteinfo"] {
	clear: both;
	width: 100%;
	/*border-top: 0.3em solid rgba(78, 68, 60, 0.1);*/
	border-top: 1px solid $root-red-dark;
	padding: 1em 0 2em 0;
    margin: 30px 0 0 0;
}

footer[role="siteinfo"] p {
	text-align: center;
	margin: 1em 0 0 0;
/*	font-family: "Maiandra GD", "Gill Sans", Helvetica, Arial, sans-serif;*/
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
	/*color: #FC6B35;*/
	color: #D14836;
}

footer[role="siteinfo"] p b {
	color: rgba(0, 0, 0, 0.8);
}

footer[role="siteinfo"] p#copyright {
	text-transform: uppercase;
	font-weight: normal;
}

footer[role="siteinfo"] p#copyright a {
	font-weight: 700;
	color: rgba(0, 0, 0, 0.5);
	border-bottom: none;
}

footer[role="siteinfo"] p a:visited,
footer[role="siteinfo"] p a:hover,
footer[role="siteinfo"] p a:link,
footer[role="siteinfo"] p a:active {
/*	font-family: "Maiandra GD", "Gill Sans", Helvetica, Arial, sans-serif;*/
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 1em;
	/*color: #FC6B35;*/
	color: #D14836;
	text-decoration: none;
	border-bottom: 1px dotted;
}

footer[role="siteinfo"] p a:hover, footer[role="siteinfo"] p#copyright a:hover {
	color: rgba(0, 0, 0, 0.8);
}

footer[role="siteinfo"] abbr {
	border-bottom: 1px dotted;
	cursor: help;
}