.sp-vertical-center {
  min-height: 100%; /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/* Overrides */

body.smart-style-6 #logo-group > span#logo:before {
  content: 'Stats Portal';
}

.widget-body-ajax-loading::before {
  padding-top: 68px;
}

.sp-fa-refresh {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp-fa-refresh::before {
  content: '\f021';
}

.tooltip-inner {
  max-width: 700px;
  white-space: nowrap;
}

table.dataTable > tbody > tr > td.emoji-column {
  font-size: 1.5em;
  vertical-align: middle;
}

table.dataTable > thead > tr > th.sorting, table.dataTable > thead > tr > th.sorting_asc, table.dataTable > thead > tr > th.sorting_desc {
  padding-right: 18px;
}

table.dataTable > thead > tr > th {
  white-space: nowrap;
}

body.smart-style-6 .table-sm > tbody > tr > td {
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 8px;
}

/* Page views equation summary (Feature Clicks widget) */

.sp-page-views-equation {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 8px;
}

.sp-equation-tile {
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 220px;
}

.sp-equation-card {
  height: 100%;
}

.sp-equation-tile--features .sp-equation-card {
  background-color: #eef4fb;
}

.sp-equation-tile--entrances .sp-equation-card {
  background-color: #eef8f0;
}

.sp-equation-tile--other .sp-equation-card {
  background-color: #faf6ee;
}

.sp-equation-tile--total {
  max-width: 240px;
}

.sp-equation-tile--total .sp-equation-card {
  background-color: #f3f0f8;
  border: 2px solid #c8bdd8;
}

.sp-equation-value {
  padding: 4px;
}

.sp-equation-metric {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font-size: 24px;
  line-height: 1.2;
}

.sp-equation-count {
  font-weight: bold;
}

.sp-equation-percent {
  font-weight: 300;
}

.sp-equation-operator {
  flex: 0 0 auto;
  align-self: center;
  font-size: 28px;
  font-weight: bold;
  color: #666;
  padding: 0 8px;
  line-height: 1;
}

@media (max-width: 991px) {
  .sp-page-views-equation {
    flex-direction: column;
    align-items: stretch;
  }

  .sp-equation-tile {
    max-width: none;
  }

  .sp-equation-operator {
    padding: 4px 0;
  }
}