/* ANALYTICS WIDGET CLASSES - both analytics dashboard and analyze audience & pixels */
.welcome-message {
  padding-bottom: 15px; }
  .welcome-message h2 {
    font-weight: normal;
    margin-top: 5px; }
  .welcome-message h5 {
    font-size: 14px;
    line-height: 1.7rem;
    font-weight: normal; }
  .welcome-message btn-multiple {
    margin-top: 50px; }
    .welcome-message btn-multiple button {
      min-width: 150px !important;
      text-align: left; }
    .welcome-message btn-multiple .btn-multiple-list {
      min-width: 150px !important; }
      .welcome-message btn-multiple .btn-multiple-list span {
        padding-left: 10px; }
    .welcome-message btn-multiple i {
      padding-left: 5px;
      padding-right: 10px; }

/* Demographic sum up - used both in analytics overview and in audience list */
.sumUp {
  margin: 20px; }

.sumUp i {
  color: #54C0E8;
  font-size: 55px;
  text-align: center; }

.sumUp .rowSumUp {
  margin-top: 10px;
  margin-bottom: 30px; }

.sumUp .infoSumUp {
  padding: 10px; }

.textSumUp {
  font-size: 13px;
  font-weight: norlam;
  margin: 0px;
  padding-bottom: 5px;
  color: #8A9BA6; }

.sumUp .labelSumUp {
  font-size: 13px;
  color: #14243C;
  margin-bottom: 5px; }

.sumUp .valueSumUp {
  font-size: 13px;
  color: #8A9BA6;
  font-weight: bold;
  margin: 0px;
  padding-bottom: 5px;
  color: #14243C; }

/* Most visited websites */
.website {
  margin-bottom: 20px; }

.website-name {
  padding-left: 8px; }

.website-favicon {
  text-align: center;
  padding: 0px; }
  .website-favicon img {
    width: 16px; }

a {
  cursor: pointer; }

/* Not enough Data placeholder - this appears whenever there are not enough data ( so in all analytics interfaces)*/
.notEnoughData {
  margin: 10px;
  text-align: center;
  color: #8A9BA6; }

.notEnoughData i {
  font-size: 170px; }

.notEnoughData .nEDTitle {
  font-size: 16px; }

.notEnoughData .nEDText {
  font-size: 13px;
  line-height: 1.4rem; }

/* Analytics table */
.audience-table .container-widget-content {
  padding: 0px; }

.audience-table .table.table-master > thead:first-child > tr:first-child > th.th-last-shown {
  border-right: 0px; }

.audience-table .table.table-master > thead:first-child > tr:first-child > th.th-first-shown {
  border-left: 0; }

.audience-table .table.table-master > tbody > tr > td:last-child {
  border-right: 0; }

.audience-table .table.table-master > tbody > tr > td:first-child {
  border-left: 0; }

/* BAR CHART analytics */
.barChartLegend line {
  stroke: #cbd0d4;
  stroke-width: 1; }

.barChartLegend text {
  font-size: 10px;
  font-family: "Lato"; }

/* Analyze Audience widgets' padding*/
.audience-analytics {
  padding-left: 10px;
  padding-right: 10px; }

/* USER IDENTIKIT SUM UP */
.incomparable {
  margin: 10px; }

.incomparableIcon {
  color: #54C0E8;
  padding: 40px;
  font-size: 125px;
  text-align: center; }
  .incomparableIcon i {
    border: 2px solid #54C0E8;
    border-radius: 100%;
    padding: 15px; }

.incomparableLabels {
  margin-top: 20px;
  padding: 5px;
  font-size: 12px;
  color: #8A9BA6;
  line-height: 24px; }

.container-widget .incomparable .incomparableLabels ul {
  list-style-type: none;
  padding-top: 15px;
  padding-left: 0; }

/*analyze traffic*/
#traffic-speed-data {
  padding-top: 20px;
  padding-bottom: 20px; }

.info-placeholder {
  margin-top: 100px;
  text-align: center;
  color: #8A9BA6;
  border: 1px dashed #D0D6D9;
  padding: 40px;
  border-radius: 15px; }
  .info-placeholder i {
    font-size: 50px; }
  .info-placeholder span {
    font-size: 13px;
    line-height: 1.5;
    font-family: proxima-nova, sans-serif; }

.speed-data-size-sign {
  color: #54C0E8;
  font-size: 50px; }

.no-padding-sign {
  padding-left: 0; }

.compareAudience {
  display: block; }
  .compareAudience span {
    background-color: #54C0E8;
    font-size: 11px;
    color: white;
    padding: 6px 25px 4px 15px;
    border-radius: 50px; }
    .compareAudience span a {
      color: white; }
      .compareAudience span a:hover {
        color: white; }
  .compareAudience .audienceCompared {
    font-size: 11px;
    text-decoration: underline; }
  .compareAudience button {
    margin-left: -20px;
    text-align: center;
    font-size: 11px;
    color: white;
    background-color: #54C0E8;
    border: 0;
    cursor: pointer;
    padding: 5px;
    border-radius: 50px; }
    .compareAudience button:hover {
      color: color-text-primary;
      background-color: #000033; }

.compareAudienceDisabled {
  filter: grayscale(100%); }

.notEnoughDataChart {
  text-align: center;
  color: #8A9BA6;
  padding-top: 60px; }
  .notEnoughDataChart i {
    font-size: 100px !important; }
  .notEnoughDataChart span {
    font-size: 11px; }

.totalUsers {
  padding-top: 20px;
  color: #8A9BA6; }
  .totalUsers p {
    font-size: 11px; }
  .totalUsers span {
    color: #8A9BA6;
    font-size: 18px; }