/* body {
font-size: .875rem;
} */

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
/* 
.sidebar {
min-width: 16.666667%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
padding: 0;
padding-top: 53px;
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
background-color: #ccc;
} */

/* .sidebar.collapsing {
}

.sidebar.collapsing.width {
  height: auto !important;
  width: auto !important;
} */
/* 
.sidebar-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.sidebar .nav-header {
  background-color: #343a40;
  color: rgba(255,255,255,.5);
  text-align: center;
  padding: 10px;
}

.sidebar .nav-item {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.sidebar .nav-item.active {
  background-color: #fff;
  border-top: 1px solid #343a40;
  border-bottom: 1px solid #343a40;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar .nav-link .feather {
margin-right: 4px;
color: #999;
}

.sidebar .nav-item.active .nav-link {
color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-item.active .nav-link .feather {
color: inherit;
}

.sidebar-heading {
font-size: .75rem;
text-transform: uppercase;
} */

/*
* Navbar
*/
/* 
div.sticky-top.dev_mode .bg-dark {
  background-color: #64160a !important;
}

ul.navbar-nav.dev_mode {
  display: inline-block;
}

ul.navbar-nav.dev_mode li.dev_host {
  margin-right: 20px;
}

.navbar-brand {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1rem;
background-color: rgba(0, 0, 0, .25);
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
padding: .75rem 1rem;
border-width: 0;
border-radius: 0;
}

.navbar-dark .navbar-title {
color: white;
font-size: 125%;
}

nav.dev_header .navbar-title {
  color: green;
}

.navbar-title .filter-criteria {
  padding: 0 5px;
} */

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
* Utilities
*/

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

/**
* Table formats 
*/
th.fmt-currency , td.fmt-currency { text-align: right; }
th.fmt-number   , td.fmt-number   { text-align: right; }
th.fmt-percent  , td.fmt-percent  { text-align: right; }

li.disabled { color: #999999; }

div.chart_panel {
  margin: 0 0 18px 0;
}

div.chart_header { 
  font-weight: bold; 
  float: left; 
  width: 100%;
  background-color: #EEEEEE;
  padding: 2px 0 2px 12px;
}

/* unused
td.mono, th.mono {
  font-family: 'Roboto Mono', monospace;
  font-size: 90%;
} */

td.right, th.right {
  text-align: right;
}

.filterButtonGroup .btn-secondary.active {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}

tr .row-control {
  cursor: pointer;
}

tr .row-control .expand-button {
  display: inline-block;
}
tr .row-control .collapse-button {
  display: none;
}
tr.shown .row-control .expand-button {
  display: none;
}
tr.shown .row-control .collapse-button {
  display: block;
}

div#stale-data-warning {
  display: none;
}

div#stale-data-warning.show {
  display: flex;
}

div#stale-data-warning div.alert {
  display: block;
  margin-left: auto; 
  margin-right: auto;
}

.mark, mark {
  padding: 0;
}

div.partnerInfoBlock {
  cursor: pointer;
}
div.partnerInfoBlock:hover {
  color: blue;
}
.partnerInfoPopover {
  max-width: 500px;
}
.partnerInfoPopover .subTitle {
  font-size: 80%;
}

.partnerInfoPopover .stats {
  font-size: 80%;
  position:absolute;
  right:5px;
  top:5px;
}

/* #navbarToggleExternalContent #daily_stats_filter, #navbarToggleExternalContent #daily_stats_filter {
  position: absolute;
  right: 1em;
  color: white;
  display: block;
}

#navbarToggleExternalContent #daily_stats_filter label, #navbarToggleExternalContent #daily_stats_filter label {
  margin: 0;
  display: inline-block;
} */

table#daily_stats {
  border-collapse: collapse !important;
}

table#daily_stats th {
  white-space: nowrap;
}

table#daily_stats th.sorting_desc_disabled, 
table#daily_stats th.sorting_desc {
  padding-right: 20px !important;
}
table#daily_stats th.sorting_desc_disabled:after {
  opacity: 0.3 !important;
}
table#daily_stats th.sorting_desc_disabled:before, 
table#daily_stats th.sorting_desc:before {
  content: "" !important;
}

table#daily_stats .overall-row th, 
table#daily_stats .overall-row th {
  border-bottom: 0;
  padding: 0;
  font-weight: normal;
}

table#daily_stats .columns th, 
table#daily_stats .columns th {
  text-align: right;
  padding: 0.5em 0;
}

table#daily_stats .demand-row td,
table#daily_stats .publisher-row td 
{
  padding: 0.5em 0;
}

table#daily_stats .child-row td,  
table#daily_stats .child-row td {
  padding: 0;
}

table#daily_stats tr.overall-row th {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #d1ecf1;
  font-weight: normal;
  border: none;
}
table#daily_stats tr.child-row td {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #d1ecf1;
  border: none;
}
table#daily_stats .col-sm-4 {
  margin-bottom: 10px;
}

table#daily_stats.daily td.revenue {
  color: #ccc;
}

table#daily_stats.daily .increase.increase-big:before, 
table#daily_stats.daily .increase-big:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f102";
  color: blue;
}

table#daily_stats.daily .increase:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
  color: blue;
}

table#daily_stats.daily.decrease:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
  color: red;
}

table#daily_stats.daily .decrease.decrease-big:before, 
table#daily_stats.daily .decrease-big:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f103";
  color: red;
}

table#daily_stats.daily .GrossRevenue.increase,
table#daily_stats.daily .GrossRevenue.decrease,
table#daily_stats.daily .TotalRevenue.increase,
table#daily_stats.daily .TotalRevenue.decrease {
  color: #000;
}

table#daily_stats.daily .GrossRevenue.increase-big,
table#daily_stats.daily .TotalRevenue.increase-big 
{
  color: blue;
}

table#daily_stats.daily .GrossRevenue.decrease-big,
table#daily_stats.daily .TotalRevenue.decrease-big {
  color: red;
}

table#daily_stats.daily td.GrossRevenue,
table#daily_stats.daily td.TotalRevenue {
  color: #999;
}

table#daily_stats tr.child-row td.title, 
table#daily_stats tr.overall-row th.title {
  text-align: right;
}


/* unused
table#daily_stats td.value, 
table#daily_stats th.value {
  font-family: 'Roboto Mono', monospace;
  font-size: 90%;
  text-align: right;
} */

table#daily_stats tr.publisher-row td.title span {
  display: inline-block;
  text-overflow: ellipsis;
  width: 15em;
  overflow: hidden;
}