.overlay .inner .btn.cuebiq {
  background-image: none;
  padding-right: inherit
}

.dc-chart g.deselected path {
  fill: #333
}

#attribution-list table .fa {
  font-size: 1.5em;
  color: #456184
}

#attribution #timeseriesImpressions .x.axis .tick line {
  display: block
}

#attribution #timeseriesImpressions .x.axis .tick:first-child line {
  display: none
}

#attribution #dwell-time-histogram svg.bar-chart {
  cursor: pointer
}

#attribution #realtime p.notice {
  margin: 20px 0
}

#attribution #realtime .tooltip.cuebiq {
  width: 200px
}

#attribution #realtime .tooltip.cuebiq li {
  margin-bottom: 10px;
  line-height: 20px
}

#attribution #realtime .tooltip.cuebiq .legendElement {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 15px;
  float: left
}

#attribution #realtime .tooltip.cuebiq .legendElement.c1,
#attribution #realtime .tooltip.cuebiq .legendElement.default {
  background-color: #465f85
}

#attribution #realtime .tooltip.cuebiq .legendElement.c2 {
  background-color: #fcc670
}

#attribution #realtime .tooltip.cuebiq .legendElement.c3 {
  background-color: #ffa466
}

#attribution #realtime .tooltip.cuebiq .legendElement.c4 {
  background-color: #628c82
}

#attribution #realtime .tooltip.cuebiq .legendElement.c5 {
  background-color: #73a3c7
}

#attribution #realtime .table-search img {
  height: auto
}

#attribution #realtime button.close {
  float: none;
  margin: auto;
  display: block;
  opacity: 1
}

#attribution #realtime .files button {
  margin: 40px auto;
  display: block
}

#attribution #realtime .files .realtime-files .table-search td {
  text-align: left
}

#attribution #realtime .overlay .inner {
  max-width: 500px
}

#attribution #realtime p {
  font-weight: 100;
  font-size: 14px;
  color: #999
}

#attribution #realtime .brush-extent-label {
  font-size: 1.1em
}

#attribution #realtime .brush-extent-label .range {
  display: inline-block;
  width: 70%;
  padding: 5px 4.7052631579%;
  background-color: #ededed;
  margin: 0 3.9999%;
  margin-right: 0
}

#attribution #realtime .cuebiq-chart,
#attribution #realtime .ready-soon {
  margin-bottom: 40px
}

#attribution #realtime .bordered {
  border: 1px solid #b3b3b3;
  background-color: #fff;
  padding: 10px
}

#attribution #realtime svg line.focusLine {
  fill: none;
  stroke: #4682b4;
  stroke-width: .5px;
  stroke-dasharray: 5
}

#attribution #realtime svg path.line.c1 {
  stroke: #465f85
}

#attribution #realtime svg path.line.c2 {
  stroke: #fcc670
}

#attribution #realtime svg path.line.c3 {
  stroke: #ffa466
}

#attribution #realtime svg path.line.c4 {
  stroke: #628c82
}

#attribution #realtime svg path.line.c5 {
  stroke: #73a3c7
}

#attribution #realtime svg circle.c1,
#attribution #realtime svg rect.c1 {
  fill: #465f85
}

#attribution #realtime svg circle.c2,
#attribution #realtime svg rect.c2 {
  fill: #fcc670
}

#attribution #realtime svg circle.c3,
#attribution #realtime svg rect.c3 {
  fill: #ffa466
}

#attribution #realtime svg circle.c4,
#attribution #realtime svg rect.c4 {
  fill: #628c82
}

#attribution #realtime svg circle.c5,
#attribution #realtime svg rect.c5 {
  fill: #73a3c7
}

#attribution #realtime label {
  width: auto
}

#attribution #realtime label.c1:after {
  color: #465f85
}

#attribution #realtime label.c2:after {
  color: #fcc670
}

#attribution #realtime label.c3:after {
  color: #ffa466
}

#attribution #realtime label.c4:after {
  color: #628c82
}

#attribution #realtime label.c5:after {
  color: #73a3c7
}

#attribution #realtime .legend {
  display: inline-block;
  clear: both
}

#attribution #realtime .legend>div {
  width: 200px;
  height: auto;
  vertical-align: middle;
  text-transform: capitalize;
  margin: 0
}

#attribution #realtime .filters>div:first-child,
#attribution #realtime .graphs>div:first-child {
  height: 40px;
  line-height: 40px;
  padding: 0 10px
}

#attribution #realtime .filters {
  max-width: 305px
}

#attribution #realtime .filters.fixed {
  position: fixed;
  top: 0;
  width: 17.5%
}

#attribution #realtime .filters .brush-extent-label {
  margin-top: 20px
}

#attribution #realtime .filters .search-box {
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}

#attribution #realtime .filters .btn-group .btn {
  font-size: 1.1em;
  background-color: #ededed;
  color: #b3b3b3;
  text-transform: uppercase;
  margin-bottom: 10px
}

#attribution #realtime .filters .btn-group .btn.btn-active {
  background-color: #465f85;
  color: #ededed
}

#attribution #realtime .filters .btn-group .btn-group {
  border-right: 2px solid #fff
}

#attribution #realtime .filters .btn-group .btn-group:last-child {
  border-right: none
}

#attribution #realtime .filters .checkbox {
  margin-top: 0;
  margin-bottom: 0
}

#attribution #realtime .filters table label {
  font-size: 1.2em;
  font-weight: 400;
  width: auto
}

#attribution #realtime .filters table label>input[type=checkbox] {
  margin-top: 0;
  margin-bottom: 0
}

#attribution #realtime .filters table tr td:last-child,
#attribution #realtime .filters table tr th:last-child {
  text-align: right
}

#attribution #realtime .filters table tr td:last-child {
  color: #999
}

#attribution #realtime .filters table tr td {
  border: 0
}

#attribution #realtime .filters input[type=search] {
  margin-bottom: 10px
}

#attribution #realtime .filters .table-search {
  overflow-y: scroll;
  max-height: 400px
}

#attribution #realtime .filters .table-search::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px
}

#attribution #realtime .filters .table-search::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

#attribution #realtime .status-bar .filters {
  max-width: 100%
}

#attribution #realtime .graphs .table-search {
  height: 260px
}

#attribution #realtime .graphs .table-search td:first-child {
  text-align: center
}

#attribution #realtime .graphs ul.data-type-list li {
  float: right;
  margin-left: 10px;
  margin-bottom: 0
}

#attribution #realtime .graphs ul.data-type-list li label {
  width: auto;
  margin-left: 10px
}

#attribution #realtime .graphs h4 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0
}

#attribution #realtime .graphs h4 hr {
  width: 100px;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 15px;
  border-color: #000
}

#attribution .dwelltime__piecharts .piecharts__title {
  font-size: 15px;
  font-weight: 400
}

#attribution .dwelltime__piecharts .cuebiq.tooltip.component.fixed-width {
  position: fixed !important
}

html.csstransforms .overlay .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

html.csstransforms #attribution .transform-to-center,
html.csstransforms #audience-insight .transform-to-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

.footfall-uplift-campaign-no-effect {
  margin-bottom: 0;
  width: 105px;
  font-size: 16px;
  line-height: 20px;
  display: inline-block
}

#attribution #pieGeoRefLegend ul.labels-legend {
  float: right
}

#attribution #pieGeoRefLegend ul.labels-legend li {
  margin-right: 15px;
  text-align: right
}

#attribution #pieGeoRefLegend ul.labels-legend li span {
  float: right;
  margin-left: 15px
}

#attribution #conversions-heatmap .legend-container #heatlegend {
  float: left
}

#attribution #barchart-geographical-districts text {
  text-transform: capitalize
}

#attribution #topLegend {
  text-transform: none
}

#attribution .top-panels .panel-heading {
  padding-left: 0;
  padding-right: 0
}

#attribution .panel__h3--not-uppercase {
  text-transform: none
}

@media screen and (max-width:1400px) {
  #attribution .footfall-uplift .col-xs-6,
  #attribution .map-container,
  #attribution .table_stores {
    width: 100%
  }
  #attribution .footfall-uplift-details .col-xs-6 {
    width: 50%
  }
  #attribution .footfall-uplift-details .row.with-margin {
    margin-left: -15px;
    margin-right: -15px
  }
}

@media screen and (max-width:1280px) {
  #audience-insight {
    width: 1000px
  }
  #attribution.token,
  #audience-insight.token {
    width: 100%
  }
}

#audience-insight .insight-title {
  line-height: 1em;
  margin: 35px 0
}

#audience-insight .insight-title .path {
  margin-bottom: 10px !important
}

#audience-insight .insight-title ul {
  clear: both;
  line-height: 1em
}

#audience-insight .insight-title ul li {
  margin-right: 10px;
  list-style: none;
  display: inline-block
}

#audience-insight .btn.cuebiq {
  border-radius: 0;
  background-color: #456184;
  text-transform: uppercase
}

#audience-insight .metrics .labels text {
  display: none
}

#audience-insight .chart rect {
  fill: #456184 !important
}

#audience-insight .chart .axis line {
  stroke: #ccc
}

#audience-insight #split-by-region {
  text-align: center
}

#audience-insight #split-by-region path {
  cursor: pointer
}

#audience-insight #split-by-region path.selected,
#audience-insight #split-by-region path:hover {
  opacity: .7;
  stroke: #ddd;
  stroke-width: 3
}

#audience-insight #split-by-region-legend {
  margin-top: 20px;
  text-align: center;
  width: 100%
}

#report-create h4 {
  width: 100%;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.125em
}

#report-create form input[type=radio] {
  margin: 0 5px;
  margin-right: 15px
}

#report-create form label.data-mode {
  margin-bottom: 15px
}

#report-create form label .fa-question-circle {
  margin-left: 5px;
  position: relative;
  top: 3px
}

#report-create form .react-light-select {
  width: 230px;
  height: 50px;
  line-height: 50px
}

#insight-list .reports-left {
  margin: 60px 0;
  margin-bottom: 15px;
  font-size: 14px
}

#insight-list .btn {
  margin: 20px 0
}

#insight-list table {
  width: 100%
}

#insight-list table tr {
  cursor: pointer
}

#insight-list table tr:hover {
  opacity: .7
}

#insight-list .no-report .body {
  margin: 50px 0
}

#insight-list .no-report .body p {
  font-size: 18px
}

#insight-list .no-report .btn {
  font-size: 21px;
  padding: 10px 70px
}

.table-search td:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  text-align: left
}

table.cuebiq {
  width: 100%
}

table.cuebiq thead {
  background-color: #456184;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1em
}

table.cuebiq thead th {
  border-bottom: none;
  font-weight: 300
}

table.cuebiq tr:nth-child(2n) {
  background-color: #edf5f9
}

table.cuebiq tr:nth-child(2n) td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff
}

table.cuebiq tr td {
  border-right: 1px solid #e7e7e7;
  vertical-align: middle
}

table.cuebiq tr td a {
  display: block;
  width: 100%;
  height: 100%
}

table.cuebiq tr td:last-child {
  border-right: none
}

.csstransforms table.cuebiq.animate tr td {
  border: none
}

.csstransforms table.cuebiq.animate.animation-start tbody {
  animation: fade-reload .5s 1
}

table.cuebiq.clickable tr {
  cursor: pointer
}

table.cuebiq.clickable tr:hover {
  opacity: .7
}

.btn.cuebiq {
  border-radius: 0;
  background-color: #456184;
  text-transform: uppercase;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpinHNpgQEDA8MGIA5I1o2/wIAGmIC4AYjlgfjA3MsLDbApSADii0DMj00RE9DYD0DaAZcikAkM+BQx/v//H24cUFAAJAnE+kD8EaQJRQFUEcik/VDuQSY0SZiXGaDWBTChSR6AugEk6QByGxM+SZAcs2ywIk5J5JDEKokckguxSYIAQIABAMKtQjS8pS3hAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 92%;
  padding-right: 40px;
  color: #fff
}

.btn.cuebiq.big {
  padding: 10px 40px;
  background-image: none;
  font-size: 2em
}

.cuebiq.alert-success {
  background-color: #adbcd2;
  border-color: #d6e9c6;
  border: none;
  color: #2f3339
}

.cuebiq.global-alert {
  position: fixed;
  z-index: 10000;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  padding: 20px 40px
}

.cuebiq.global-alert p {
  padding: 20px 0
}

@keyframes fade-reload {
  0% {
    opacity: 1
  }
  20% {
    opacity: 0
  }
  50% {
    transform: translateX(100%);
    opacity: 0
  }
  51% {
    transform: translateX(-100%);
    opacity: 0
  }
  75% {
    opacity: 0
  }
  to {
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes fade-reload-inverse {
  0% {
    opacity: 1
  }
  20% {
    opacity: 0
  }
  50% {
    transform: translateX(-100%);
    opacity: 0
  }
  51% {
    transform: translateX(100%);
    opacity: 0
  }
  75% {
    opacity: 0
  }
  to {
    transform: translateX(0);
    opacity: 1
  }
}

.cuebiq-panel {
  color: #303030;
  padding: 0 15px;
  margin: 0
}

.cuebiq-panel:first-child {
  padding-top: 10px
}

.cuebiq-panel:last-child {
  padding-bottom: 10px
}

.cuebiq-panel__title {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase
}

.cuebiq-panel__title:after {
  content: " ";
  display: block;
  width: 100px;
  height: 1px;
  background: #000;
  margin-top: 8px;
  margin-bottom: 15px
}

.cuebiq-panel__subtitle {
  font-size: 14px;
  font-weight: 400
}

.cuebiq-panel__body.cuebiq-panel__body--no-heading {
  padding-top: 20px
}

.cuebiq-section__title {
  font-size: 14px;
  margin: 20px 0
}

.cuebiq-separator {
  border-top: 2px dashed #ededed
}

.cuebiq-tab-content {
  border-top: none
}

.cuebiq-tab-content.cuebiq-tab-content--baloon {
  padding-bottom: 40px;
  margin-bottom: -40px
}

.cuebiq-tab-content.cuebiq-tab-content--status-bar {
  padding-bottom: 50px
}

li.cuebiq-tab-nav {
  border-radius: 0;
  background: #ededed;
  text-align: center;
  text-transform: uppercase;
  height: 55px;
  font-size: 12px;
  display: inline-block;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff
}

li.cuebiq-tab-nav:first-child {
  border-left: none
}

li.cuebiq-tab-nav:last-child {
  border-right: none
}

li.cuebiq-tab-nav.active {
  background: #fcfcfc;
  border: 1px solid #ededed;
  border-bottom: none
}

li.cuebiq-tab-nav.active a,
li.cuebiq-tab-nav.active a:focus,
li.cuebiq-tab-nav.active a:hover {
  background: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  margin: 0;
  outline: 0;
  color: #303030
}

li.cuebiq-tab-nav a {
  background: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  margin: 0;
  outline: 0;
  color: #8e8e8e
}

li.cuebiq-tab-nav a:focus,
li.cuebiq-tab-nav a:hover {
  color: #303030
}

#attribution .cuebiq-tab-nav {
  width: 14.285%
}

#audience-insight .cuebiq-tab-nav {
  width: 33.33333333%
}

.cuebiq-chart text {
  fill: #999
}

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

.cuebiq-chart.timeseries .area {
  fill: #4682b4
}

.cuebiq-chart.timeseries .brush .extent {
  stroke: #fff;
  fill: #ddd;
  fill-opacity: .3;
  shape-rendering: crispEdges
}

.cuebiq-chart.timeseries .context>.line.context {
  stroke: #ccc;
  stroke-width: 2px
}

.cuebiq-chart.line.diagonal-labels .x.axis text {
  text-anchor: start !important;
  transform: rotate(45deg)
}

.brand-affinity .downlift table .cuebiq-rate-widget svg rect {
  fill: #fcd2d3
}

#breadcrumbs {
  display: inline-block;
  margin: 10px
}

#breadcrumbs div {
  display: inline-block;
  padding: 5px;
  color: #fff;
  position: relative;
  font-size: 10px;
  line-height: 20px;
  background-color: #a8ddb5;
  margin-right: 15px;
  font-size: 1em;
  text-transform: uppercase
}

#breadcrumbs div:after,
#breadcrumbs div:before {
  content: "";
  position: absolute;
  top: 0;
  min-width: 10px
}

#breadcrumbs div:before {
  border-top: 15px solid transparent;
  border-right: 10px solid #a8ddb5;
  border-bottom: 15px solid transparent;
  left: -10px
}

#breadcrumbs div:after {
  border-top: 15px solid #a8ddb5;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #a8ddb5;
  right: -10px
}

#breadcrumbs .l1 {
  opacity: .8
}

#breadcrumbs .l2 {
  opacity: .6
}

#wrapper-top25apps {
  margin-bottom: 300px
}

#wrapper-top25apps .chart-content {
  min-height: 600px
}

.metric__content:not(.metric__content--numeric) {
  position: absolute;
  top: 0;
  left: 60px
}

#dashboard #wrapper-taggedPerDay .legend,
#dashboard #wrapper-trackedPerDay .legend {
  float: none
}

#dashboard #wrapper-taggedPerDay .legend>div,
#dashboard #wrapper-trackedPerDay .legend>div {
  width: auto;
  text-transform: capitalize
}

#dashboard #wrapper-taggedPerDay .legend>div.c1 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c1 label:after {
  color: #465f85
}

#dashboard #wrapper-taggedPerDay .legend>div.c2 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c2 label:after {
  color: #fcc670
}

#dashboard #wrapper-taggedPerDay .legend>div.c3 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c3 label:after {
  color: #ffa466
}

#dashboard #wrapper-taggedPerDay .legend>div.c4 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c4 label:after {
  color: #628c82
}

#dashboard #wrapper-taggedPerDay .legend>div.c5 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c5 label:after {
  color: #73a3c7
}

#dashboard #wrapper-taggedPerDay .legend>div.c6 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c6 label:after {
  color: #d4c38e
}

#dashboard #wrapper-taggedPerDay .legend>div.c7 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c7 label:after {
  color: #a5c4b7
}

#dashboard #wrapper-taggedPerDay .legend>div.c8 label:after,
#dashboard #wrapper-trackedPerDay .legend>div.c8 label:after {
  color: #5c829f
}

#dashboard #wrapper-taggedPerDay .legend .checkbox+.checkbox,
#dashboard #wrapper-taggedPerDay .legend .radio+.radio,
#dashboard #wrapper-trackedPerDay .legend .checkbox+.checkbox,
#dashboard #wrapper-trackedPerDay .legend .radio+.radio {
  margin-top: 10px
}

#audiences {
  overflow: hidden
}

#audiences img.audience-logo {
  height: 40px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  background: none;
  margin-bottom: 20px
}

#audiences img.audience-logo:before {
  content: attr(data-cuebiq-audience-name);
  display: block;
  position: absolute;
  background-color: #fcfcfc;
  width: 100%;
  height: 100%
}

#audiences .level {
  border: 2px solid #ccc;
  font-size: 18px;
  font-family: Lato, sans-serif;
  color: #bbb;
  border-radius: 50px;
  width: 30px;
  display: inline-block
}

#audiences .level-number {
  width: 25px;
  height: 25px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB51JREFUeNrMXD1vI0UYno3SUbASEh3CKajP/gUXV5Q4DVfG6SiQkqVCorAtRIsTJGr7yqOxr6Ty3i/wUl+B6UH4RIEQx4UZ69nkzXi+PyKPtHK8sefZ9+t535l35IJ5jBcvfrriL5/x6+WzZ59fswyDY3T5y4hfW35VHGebGWPCMTYZMDr8ZYq3lStG4SHAjF9dcrvh1wUHahIJUEJJV+R2q7DrhBhXwMmCAZyxAuOGY4yjDKJQkrDyBPc6uHcNgbYRAgxg8LJ9eH59zK8hPlLDy5pIjCl57omE0QCjjsA4hRxUN0zS34UJw2aQX6kA1MLwgkuiRAG0DBBiSh64xjwbg4DexnfAmJLoD8W4IhT1wIHAMOJ/p/j/XEfHLgbZUAEUPDkjQLXusxZlDfCASwMFtMbfmD5rwRCKnhsUOgp1MP79IZSupT8Fxt5ni0ScSenAmS8DkmSU8T0S8SAjRgk5BqpoKhID0Xyz5CBnGaoX2fi91FWSIt+cZMCQ6VjI0RylAhB8yK9KTIxbZY6yGDTSA3WVRKBcGCwTRg2MmurriOYLfi0SADUmLufXn6CGKOPzl+c6nn4kjFsk61iMV/TeMfm7QzzCVk3UgSVol3j1xkAXlyTp+eKUj4ThxALQ11ZXTMjj2DPhDZAnmhx0RMrDHhS64Pd6KVfrEobgccEKJ5nkaUvqiet3fHJIh5RruYYw+HPkowYe3s2IscyRH6Qix2sHwDlCkIRqDvQ0lzWkhWcXxtjkwMD851ik5RgjRMapz5eO2AEOcPzCZ1MuMJ91ckQInp+FbMMcHaAxZki4fddE6JtDBJ2IubFOKsH1KYd4/lM+7wpReI6VfDrKeiRjiIcWyupnhBFU8lKiqqR5kT4/tn1Y8irrkYbotXTgWe2oUm3xY0xQvQmqeiIqxsTzR43jGOtnSOo+Wy3vhy5cRSmNHDLPmKP2ChXfHLIF740jKKckq30VDbSeOIpZSWOxNZTmlOlnqsNAyVubjAH6vMTbjQGjGyHHgGDs5iykB5iRB7jwqRIUW8t9mQpQm6+Zpsfisahrk/A19s9kjBVZv0zwuW0ghoiiCwuGVw9FsXN9h1FYHmYJw2w9BFiaylVFG9VqfE3n0tQ/CcWQv2Psu4Q06aT2bntu4C7hF4ZwnTJDI8VXSY6G3DO+pvXq5PEKT1Q6iwLD2eNdeyiu3c/Cwyvves4w2ChESa7GVxisDq24ND37a7yXlRmDsec4Cgxj775wAGo3yFTJK1gAi/HlBFrFLhIdMKJPnmhOtVAMaye18ACTk3aVeiWtMP6cJT6b5XPgIALDiSqjDCLGp8Pvyt4nH1ytX/8x/3n+TZb6XWB89OF707dv3/02//6rMcs0vvj6ZvrX3/+Wv7/5p+KyZNnBrkY/Xv337nbzw7dfOh+WKDwUtXdiggtyndgYNJ/c8S3HqRNiyIf+tsCYJ8SQI2SX6F2cuAgQoCZADYCaxAK0fYoHdX6MJ4vIUxQpG7k6iol8YMilM6OJns8fnkM4wFSusoS38vsy1wcrDFHxYEHaRoQiKsX/loEGX9Mqq1UMZJnJ1ZGvLHDchaLKYqo1kS7qbQa5lQWw0Ji3wvgcM2yDKBUBZU5jPBnKWpu+yz8zdlWaBqP9vhJDwwIXsryFgyBbk/ApFOYo8J4n28I/EXVWLrKArro2I0p5ci8XFxkVdpEyUWo4uuEYvQyVnryQ7MfmSYUcU/bwMPmZiJZkHUN4Ro/dN37OUytKPDCiogdFpT4A0eKIyDiBokqW+NAf5BCbiX3IcdrKckQTOHgwCkiEuMnz+LUCNcTgNExzFEnMDYxBAlle6ag8kRw1kw5Z0AgRVPDUIdxmDoLoRhfe0HEw2gI5zHd0qMcZFLqIMNzAJgfVl0WONzqDWBMeImiYa/WMBxfceoaqawG+TT1WmF/QxizW0y0JfOhDeb4H5XKP3SE2cGyWg3IoPkQx0KB6anLIBke6ZPeHqZ2Gc08dfCcWhaNc1qBlLKIl+UE5IkdLbSXLczR2hHzqpa+DPCgHXl+4rgEChzDIkxxVFJypDNmDOz5AY7RrmX4OY7T5gkQKA8+PE0fHBjlX4J3zvzcu8hwfmDGG8KycB+UGiAx6cCH19vuERJ04a/aLK8ZBHpQT5Si5V6VcJaPuX2HjlCGPJHUA+rwcZ4siIsggpQNYkcsafO6z3BaHYnqotkQ1V2XG8zI2Teq7EhM7uMGlHvE8lUfcHTALXPS1OGN4tgnj0rToEznEFHkwmG77Z0Pk6ETIccqkw3hHEu+1ICtfhWHyNbvvn9xo6KJBObsWivVZ+AkMfq1JKVlp6GKOaF/4bnFgAbzA4lF8b6molpayHAGOOwNGCYydQQqFUr0aT5rt98rifWMm/RCAqY+i2B21tnZDtut92tSaDmQVsP3+oNdUxCgsps/u2kexCeCwWrZ26xSOOIfMWwcM5SkWRaNNecJTlrcIUViMAJpF4INfgUBktj+hZBTAw/h7jac21zDpx2FCFnQK59wdnNA4hZYRCk+FtUmzjBXA4slyAq1CeukWupALgZvYDqSCWrcSlrVfXwQqLIkADp4cdODAQRbK/UqqjMSQGcSaV9vxvwADAN05R9nX2gnFAAAAAElFTkSuQmCC);
  background-position-y: 0;
  display: inline-block
}

#audiences .level-number.level-number-1 {
  background-position-x: 0
}

#audiences .level-number.level-number-2 {
  background-position-x: -25px
}

#audiences .level-number.level-number-3 {
  background-position-x: -50px
}

#audiences .level-number.level-number-4 {
  background-position-x: -75px
}

#audiences tr:hover {
  opacity: .7
}

#audiences tr:hover .level-number {
  background-position-y: 25px
}

#audiences #detailDescription {
  margin-top: 20px;
  margin-bottom: 15px;
  border-top: 1px solid #eee;
  padding-top: 15px;
  color: #777
}

#audiences #wrapper-list {
  position: relative
}

#audiences #wrapper-list.loading {
  margin-bottom: 800px
}

#audiences #wrapper-list .spinner {
  position: relative;
  top: 5px;
  left: 5px;
  height: 50px;
  width: 50px
}

#audiences #distribution {
  position: relative
}

#audiences #distribution #breadcrumbs {
  margin-left: 20px;
  position: absolute
}

#audiences #distribution #breadcrumbs div {
  cursor: pointer
}

#audiences #distribution .legend {
  margin: 10px;
  text-transform: none
}

#audiences #distribution .legend .y {
  background-color: rgba(70, 95, 133, .4)
}

#audiences #distribution .legend .w {
  background-color: rgba(70, 95, 133, .6)
}

#audiences #distribution .legend .m {
  background-color: rgba(70, 95, 133, .8)
}

#audiences #distribution .legend .s {
  background-color: #465f85
}

#audiences #distribution>ul {
  border-top: 1px solid #eee
}

#audiences #distribution ul {
  padding: 0
}

#audiences #distribution ul li {
  list-style-type: none;
  position: relative
}

#audiences #distribution ul li:hover {
  background: #fff
}

#audiences #distribution ul li:hover.has-children:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABzCAYAAABkbQklAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtdJREFUeNrkl8Ft20AQRZVFCnAJDNKASuA9Fx1zozqwO2Dcgd2BcsstuuSuEtRAALkDlZBdYwMMNlxyZuf/vYQA4ZhR8PBI+vtlt/vvjh+/fx3iOfZgfYygffz6M55DPG/x/MSGhgwa8vdDMqZDv37+co9fT+LaYw/TdDyLayP72b5Do226xRdxfephWtoeo+1Ah0bbZHrt8WxD8f1rYftAh0bbU/4RSkcCPvUwTcd39gu1BH2J512MxZEO7TEWoXJdvlB79FgsQvNYSNu5h2n5Qo3IsahC81hcGLZh4+8pY7EKjbZnMRY71FgExWfkL4JHhK0GehZjkYAHOjSPxSvyhQrKz72IP7s7SgVFT2MwfBbWUWoosqOC8fOQjjJBUR0VGv6NexrNUERHhcZ3wdVRrVBXRzVBvWMRHMPS3FHNUE9HeUybO8oFbe0or2nTWLihLR2FMDV3FApq6igI1NpRKFNTR8GglmlEmqo7CgrVdhTaVNVRcKimoximm9NIgW51FMt0taOY0GpH0aBrY8E0rXYUFVrrKLbpYkfRoQtjcaRD8wzuxaVrj9sr/8txS00VyJYPxfY+93iRDnkG03HP80iHzks/s4F4a9OzHJYaimkqR/6UZ5EHzXM3VmqCZiotz3kOedA8BsfK6NNM5Rt7zTPIg+YxOKxZMkyfxBjc/o4BGzptWUKhxRiUqUIznWtjQIHmMRg0txZpWlreqNA8BqPWEmUqLS/R8kqFaiaPYfpP/1Chtf5hmy72Dxs6W5+lC7rWP0zTSTt5EOhW/7BMV/sHDm0dA6/pZv9Aodr+QZuq+gcNnRCWaqilf5Cms2cMzFBr/6BMTf3jhrb0D8LU3D8uKGryrKZN/dMM9fSPx7S5fzzQmfEsq1Bv/7SauvrHDEX0T4upu39MUOYYrJlC+kcNRfaPxRTWPxbo1MvyHVqUgbt/NMcH8eamF+kt3tpvbOgfAQYAGGpLuZcucvgAAAAASUVORK5CYII=);
  width: 29px;
  height: 115px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -60px
}

#audiences #distribution ul#distribution-container {
  position: relative;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0
}

.sidebar ul li a:hover {
  -webkit-font-smoothing: antialiased;
  background-color: #2b3b52;
  color: #fff
}

#sources .row.details {
  position: relative
}

#sources .row.details .img {
  margin-left: 40px;
  margin-right: 10px;
  float: left
}

#sources .row.details #detailAppImg .img-responsive {
  height: 60px;
  width: auto
}

#sources .filter-box .btn {
  margin-right: 10px;
  width: 100px;
  position: relative;
  text-align: left
}

#sources .filter-box .btn.toggled span:last-child {
  position: absolute;
  right: 5px;
  top: 5px
}

#sources #list-elements .android,
#sources #list-elements .ios,
#sources #list-elements .s2s {
  padding: 0 20px
}

#sources #list-elements .android:before,
#sources #list-elements .ios:before,
#sources #list-elements .s2s:before {
  content: " ";
  position: absolute;
  left: 20px;
  top: 18px;
  width: 26px;
  height: 26px
}

#sources #list-elements .android:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpiYBhMYOpuywIgTsAjnwBSg88MFiLtWgDE+4GGgdgKQKwPFb8IxA+AOB+IHalhkQEQCwDxfDTxACj9AKrmAC4DmIgINlCQ7Yf65AEWJQ+gcvvxBS8TAUsUkHwBcu1CLMpAYheg7H6oHpJ9lI/EdgDieixq6qHBxgAN3gRyLDIgI5HaE5UYgF4HG57tehwUHIVQV5ICPmAxh4ERzRJQKloP5QZCg86BRItgcQmL20CgZRuY8ASVAQV5XAHdHCZ6lS6jFo1ahDPDLkDK2Rtw5XIiAEzvB6iZqBkWSymxn5wMC8ygjvQIug/kVHygsq4fWt4ZIBl0Aa1CZICKgeQasRnESGSbwQFa+aEEDVD8PZJFjkDxA7RKdQJDNh99wFMlEFJDvEVIleAGKI2cWED5JBFWweECAAEGAKNCWBKWYDyqAAAAAElFTkSuQmCC)
}

#sources #list-elements .ios:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAThJREFUeNrEltENgyAQhilxAEfoCB3BTuBjH2tHcILGCaob+NoncYIyAiM4giP0rjkTYkXUo/aSC0QkHwc/fxBipzhwJqdPE0OTYRcyby8n4/o3YkBO0DSQR/rUz/0vGQXZkA6q6YKDoJrMgmAUvjlbK0qtfg3V1L4J0cIKktH2YKsgK+zTuIBxvVp1MBm35k6qEiNAC4liuFIrLEFgdQVAey+IFPWCjDduLcr8bMOk4240DMgQse+MxopaG924GpfqUmYlX+fjAiUcikvqUoQN/QsLEmt2QzoOk+PoyS4giAddES+oZYI+l52cZRakApzV4CxuEBmnDgCrlqiuYEIGc50Hkd2XDFC+xILsqswGiJpyBzljJbii24TcDS2inBjTNGf9c8t6UsW0WjNxQTENjCnx73gLMADGGmXXqmIeVwAAAABJRU5ErkJggg==)
}

#sources #list-elements .s2s:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNrclYsNgjAQhrHpAIzABhBdAEZwAukITgRu4Aa6gAY30AnsCN6ZhhTSx7U8TLzkQpre8dGf612S/JttXJu7fFvD4wAubo/7cwqIeyCNWmbgk0CMAFlGOgukBX8Z8luqpJx4ktqSn4Pvg6SLlCsN+kcAyeb+J0aQ0rlbHKSsWhLWg+BUMhaG0oO/wRtS1SEMghF2AS+0raPlA6R2obEwasjH9whSC4LgdASrIPnqOFGp4vX7JUi9bgT7grTeZyrzwnCZhbfXaTKWmmyZWlNsICN3RaoCOU8oth7GVxhFCDuxFUAoe8dWgGAhSRaRKEMh3lEe0BnG92gAsU7YueTyjvIIky7IrAbyFaqb/NY+AgwAf0pyObjC5G0AAAAASUVORK5CYII=)
}

#sources #list-elements>div:hover {
  opacity: .8
}

#sources #list-elements>div:hover:after {
  color: #777
}

#sources #list-elements>div:after {
  content: "\F105";
  font-size: 20px;
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 18px;
  color: #d6d6d4
}

#sources #list-elements>div a {
  border-bottom: 1px solid #d6d6d4;
  padding-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  display: block;
  color: #444
}

#sources #list-elements>div a .more-info {
  text-transform: uppercase;
  font-style: italic;
  font-size: .8em
}

#sources #list-elements>div a:hover {
  text-decoration: none
}

#sources .taggedAttributedPerDay>div {
  text-align: center
}

#sources .taggedAttributedPerDay .legend {
  float: none
}

#sources .taggedAttributedPerDay .legend>div {
  width: auto;
  text-transform: capitalize
}

#sources .taggedAttributedPerDay .legend>div.c1 label:after {
  color: #5c829f
}

#sources .taggedAttributedPerDay .legend>div.c2 label:after {
  color: #73a3c7
}

#sources .taggedAttributedPerDay .legend>div.c3 label:after {
  color: #aac7dd
}

#sources .taggedAttributedPerDay .legend .checkbox+.checkbox,
#sources .taggedAttributedPerDay .legend .radio+.radio {
  margin-top: 10px
}

#sources .taggedAttributedPerDay .title {
  text-align: left;
  margin-left: 40px;
  font-weight: 700
}

#sources #wrapper-sourceInfo em {
  font-style: italic;
  color: #777
}

#sources #wrapper-sourceInfo .spaced-rows {
  line-height: 20px
}

#sources #wrapper-sourceInfo .detailInfo {
  margin-left: -10px
}

#sources #wrapper-sourceInfo .detailInfo a {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 0;
  font-size: 30px
}

#sources #wrapper-sourceInfo #wrapper-chart-trackedMultiAndroid .chart-content,
#sources #wrapper-sourceInfo #wrapper-chart-trackedMultiIos .chart-content {
  min-height: 0
}

#sources #wrapper-sourceInfo #detailName,
#sources #wrapper-sourceInfo span {
  font-weight: 700;
  font-style: italic
}

#sources #wrapper-sourceInfo #detailName {
  font-style: normal
}

#sources #wrapper-sourceInfo #detailDevName {
  font-weight: 400;
  font-style: italic;
  text-transform: none;
  color: #444
}

#sources #wrapper-sourceInfo #detailDescription {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
  color: #777
}

#sources #wrapper-sourceInfo .detailOS {
  text-transform: capitalize
}

#sources #wrapper-sourceInfo #detailOsANDROID,
#sources #wrapper-sourceInfo #detailOsIOS,
#sources #wrapper-sourceInfo #detailOsS2S {
  font-weight: 700;
  font-style: italic
}

#sources #wrapper-sourceInfo #detailOsANDROID img,
#sources #wrapper-sourceInfo #detailOsIOS img,
#sources #wrapper-sourceInfo #detailOsS2S img {
  width: 16px
}

#sources #wrapper-sourceInfo .profiles {
  color: #4da9ce;
  font-weight: 700
}

#sources #wrapper-sourceInfo .profiles em {
  color: #4da9ce
}

#payments .earnings {
  padding-bottom: 20px;
  margin-bottom: 20px
}

#payments .earnings p {
  border-bottom: 2px solid #eee;
  padding-bottom: 30px;
  margin-bottom: 20px;
  color: #999
}

#payments .earnings ul {
  margin: 0;
  padding: 20px 0;
  padding-top: 0;
  margin-bottom: 20px;
  list-style: none;
  font-size: 1.25em
}

#payments .earnings ul li {
  margin-bottom: 10px
}

#payments .earnings ul li:last-child {
  margin-bottom: 0
}

#payments .earnings ul strong {
  margin-top: 10px;
  display: block
}

#payments button.cuebiq {
  font-size: .85em
}

#payments .chart rect {
  fill: #456184 !important
}

#payments .chart .axis line {
  stroke: #ccc
}

#payments h3 {
  font-size: 14px;
  margin-bottom: 20px
}

.audience-tree .cuebiq-loader {
  position: absolute;
  width: 100%
}

.cuebiq-radial {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}

.cuebiq-radial text {
  display: none
}

.cuebiq-radial canvas {
  border-radius: 50%;
  background-color: #f5f5f4;
  background-repeat: no-repeat;
  background-position: 50%
}

.cuebiq-radial .component path {
  fill: #fcfcfc
}

.cuebiq-radial .arc {
  fill: #a9ddb7
}

.cuebiq-radial .arc2 {
  fill: #c8e9d1
}

.cuebiq-radial.not-selectable {
  cursor: default
}

.radial.devices svg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNDMwNDU2NS1mOGNiLTRmYTAtOTU4Ni1jOWNjYWU3N2U2MzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY2QzQyRThBREM4MTFFNTg4OEY4RjExREU5NkI3NzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY2QzQyRTdBREM4MTFFNTg4OEY4RjExREU5NkI3NzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDMwNDU2NS1mOGNiLTRmYTAtOTU4Ni1jOWNjYWU3N2U2MzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YTQzMDQ1NjUtZjhjYi00ZmEwLTk1ODYtYzljY2FlNzdlNjM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Qfy7xQAAAHVQTFRFjo6OwsLCl5eXxsbGdnZ2zs7OqKio29vbhoaG5+fneHh4enp6hISEwMDAfn5+7OzsoqKigICAg4ODqampkZGRqqqqioqK3d3dvLy88PDwzc3N8vLyfHx8mJiYjY2N+fn55ubmuLi45OTkycnJysrKdXV1////dUWT+wAAACd0Uk5T//////////////////////////////////////////////////8Ag1aX2QAAAPJJREFUeNrsl9cOwjAMRQsplFnK3pTl/P8nggKVeHBikyuBBPVre47U1PFILBjJjwmORU5spItVqRBseuSPw1YUnEM80V4UFBSOpSTIBcFJEgg8zVFB+18Ek4QLlyFTlaDBvtW5PxmMMIGHVwvGXQsJHN/KogUzx6f9LFawdjwRY9AJnjxn0AoePNEwUuDllYKKN5GHePHzKoEhP68RBHmFoOJ3zZd4Q2DY2qAX8PwnBfAn4IeI/0Y8kay9gqmMXyb8OuMFBS1pcFGFyzrcWPDWhjdXdXuHB4x6SsNGXXjYhsd9eOGAVx586ao3128JbgIMAIe4PvybwbdfAAAAAElFTkSuQmCC)
}

#cp .radial .cuebiq-radial .arc {
  fill: #fcd2d3
}

#cp .radial .cuebiq-radial .arc2 {
  fill: #ecc6c6
}

#cp .radial.evidence .cuebiq-radial .arc {
  fill: #a9ddb7
}

#cp .radial.evidence .cuebiq-radial .arc2 {
  fill: #c8e9d1
}

#cp .radials {
  float: left;
  margin-left: 30px
}

#audience-insight .metrics.gender .cuebiq-radial svg,
#audience-insight .metrics.os .cuebiq-radial svg {
  background-color: transparent
}

#audience-insight .metrics.gender .cuebiq-radial .arc,
#audience-insight .metrics.os .cuebiq-radial .arc {
  fill: #a9ddb7
}

#audience-insight .metrics.gender .cuebiq-radial .component path,
#audience-insight .metrics.os .cuebiq-radial .component path {
  fill: #acbdd2
}

#audience-insight .metrics.gender svg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnRJREFUeNrsm71ygkAQgKNDL2U6eQN8A3kDyBME38DOMlpaxbQ28gbxEWKXLtKlxDeAJzB7mXVmB/m545Qf2Z3ZweOOk/vY3dvFcXA+n5/6LMOnngsDYAAMgAEwAAbAABgAA2AADIABNCLb7dZhC2AADKAxMR5lIYvFYgIHEU9i0P16vY57YwGw+AAOP6DvoDvQCM75vQAAC13C4TV1egS6gT5L2wVgElNMRr4kAZ2DiQUtYeDlnB9h30bXAoIUYTHxDsB4LQFgF/SZWi6AJuTmdC9bAiAs6It1Y4BVkXydkmfiCVqvFoCoIvnaBGPRR8biHZmt0CiZXGwnB/g4VSBfR+QXvj0hp/ag36DP2D4K/4dxlzojhrUcqyZCHpqSS+huGt4F5qBvitBmWfdslGRWHiH6i4Qjsv8KEwtks64bA1AVPysmGDmLFwv/VLgZq2YAo3sXQyp7/LjBnCDU7C8FcCq49lAR2C0l1uy/BoCRc0Sia1GWFTYM4C4u4EmmkjYGx3+fxKD5UABOqb1WJsp2GwA+xTE2vyTSXZPECecRLEB1ES5xA1um/m47AJ9ke2aF+bzOAsD82ibR31WYJ+k8gNQTV3n6DsaLOmWG0Oe6Y4e08oPDCvRFJoFIpaV7vLaWlyRY1FgZFV6oMPa6FoBBS3QH1UpP1N61boM5BVisMFYqE1Rxg4fJBC3M8w8ZtUCSUQ8Ijbq4BWaWw+gzAan56YsH4UdTMrazT76sGuyNMAAGwAAYAANgAAwgV2KZXLthSVL3R9uRLoCAVFjiB0iftFctAXApc09YjdJ26e+XA/7bHMcABsAAGAADYAAMoK/yJ8AADEi3OGP8cLgAAAAASUVORK5CYII=)
}

#audience-insight .metrics.os svg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwdJREFUeNrsW0122kAMNjz28Q3IIvtwg0xOEPcEmBPU3cCWLGFTZwkbzA2cC7TOvgvnBnADcwIqtZp2OnEwYYRdP6T39GzGY3n06Wc0eklnv997l0xd78JJABAABAABQAAQAAQAAUAAEAAaouVyqcQDBAABQAAQAASAj9FkMpkCXx8xLzn0vHfqAsbjMX4ct7BsPp9vGsCgAI6BA1LUh8sAeDObzTYaJJrHBwAojh9CwZ9p6B4/Wrf2oGQMCobAKRniyrA6Xp4JkAG3B+AH74zfmwbcXxvhlriMHvR6YX4AgBXOOQCsP7WUf2nI/TPDA6sI15sRaM5JMLR+T5tIfobV0c2370zd0nOP5idOAID1MZb69HMHPALrZw24fmQMKWNNNvXp+Z+QKNs1ehUK+5aSL8A5ZV+coz+Qw7yiBgwGZrKz7svIfh7otZcCQFsbutjQGNtR4ospBAKKwb71LrpbdOacMHB833/XA8jiWQlqVwTIsEI4Zl2FXgEg5MxuryCLoxG+AX9xEPeDZAZUL+Q9w/LZES7lHeFysRV7rsrjum7hfkRb7lcHkY8g5wauK8xjcK90EkwYlEd61ZUZE0VGxl8xyVyZxuqS9e8YBGOuUDUlQ9bDkGKSFbdNeQ3ANZOszGshST+AUZbfVgC44jZoKwBcRcvQKI3/Z9qZTZUu84EmZQYhptoCacQkUxEIKDfsGsdKDsLi4juAEDJ1fQpa8Ce4T5hk5iQTy+uiZ1SCD4yWYzsQEQipdllHcYUBwt9dAMIgPdBY+Chtz9UnoIWfGgpr7CMe2gZDpnWG3hkJQwG44/1uxv5z0KHxR2v8HseBw4N1AFlt7bi+dd1dIu5CKDKy7iknwajVlSAdZlQJCJgfnsi9nkryxa8tpY2HoTc9QVSC9vKADkpZiVtHNAc5pyRaK0FMY6sbQ3ZI+3pq1A4B9RFeKws9/GvxJnmxWCiX98EQMbbzrDEfOMFr1futB8CV5TgsAAgAAsBFU0f+aUpCQAAQAAQAAUAAEAAEAAHgMumnAAMAHmZxVgAWWy8AAAAASUVORK5CYII=)
}

.tooltip.cuebiq {
  padding: 10px;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  border-radius: 3px
}

.tooltip.cuebiq .title {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px
}

.tooltip.cuebiq ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.tooltip.cuebiq.component {
  position: absolute;
  opacity: 0;
  display: none;
  animation-name: fade-out-animation;
  animation-duration: .5s
}

.tooltip.cuebiq.component.show {
  animation-name: fade-in-animation;
  opacity: 1
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
    display: block
  }
  to {
    opacity: 1
  }
}

@keyframes fade-out-animation {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    display: none
  }
}

.cuebiq-chart.map path.not-selected {
  fill: #999 !important
}

.cuebiq-rate-widget {
  width: 90%;
  margin: 0 auto
}

.cuebiq-rate-widget svg circle {
  fill: #ededed
}

.cuebiq-test {
  background-color: #fff
}

.cuebiq-chart {
  position: relative
}

.cuebiq-chart .tooltip.fixed-width {
  width: 120px
}