﻿.table-header,
.table-header-outside {
  padding: 16px 32px;
  height: 80px;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
}
.table-header .callout-button,
.table-header-outside .callout-button,
.table-header .primary-button,
.table-header-outside .primary-button {
  font-size: 22px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-top: 2px;
}
.table-header .callout-button.lefty,
.table-header-outside .callout-button.lefty,
.table-header .primary-button.lefty,
.table-header-outside .primary-button.lefty {
  -webkit-border-radius: 24px 0 0 24px;
  -moz-border-radius: 24px 0 0 24px;
  border-radius: 24px 0 0 24px;
  margin-right: 0;
}
.table-header .callout-button.righty,
.table-header-outside .callout-button.righty,
.table-header .primary-button.righty,
.table-header-outside .primary-button.righty {
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  border-radius: 0 24px 24px 0;
  margin-left: -4px;
}
.table-header {
  display: none;
  background-color: #32373c;
}
.table-header-outside {
  background-color: #465a64;
}
table.standard {
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 13px;
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.standard thead th {
  text-align: inherit;
  font-size: 13px;
  padding: 8px;
  font-weight: normal;
  color: #ccc;
  vertical-align: middle;
  background-color: #465a64;
  border-right: 1px solid transparent;
}
table.standard thead th:last-child {
  border-right: none;
}
table.standard thead th em {
  color: #8c8c8c;
  font-size: 12px;
  font-style: normal;
}
table.standard thead tr.subhead th {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
table.standard tbody tr {
  /*&:hover td, &:hover th
			{
				background-color: @table-row-hover-color;
			}*/
}
table.standard tbody tr:nth-child(odd) {
  background-color: #f5faff;
}
table.standard tbody tr:nth-child(even) {
  background-color: #e1ebf5;
}
table.standard tbody tr td,
table.standard tbody tr th {
  padding: 8px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #445;
  vertical-align: top;
}
table.standard tbody tr td:last-child,
table.standard tbody tr th:last-child {
  border-right: none;
}
table.standard tbody tr td ul,
table.standard tbody tr th ul {
  list-style-type: none;
  margin-bottom: 0;
}
table.standard tbody tr td ul li,
table.standard tbody tr th ul li {
  *zoom: 1;
  margin-left: 0;
}
table.standard tbody tr td ul li:before,
table.standard tbody tr th ul li:before,
table.standard tbody tr td ul li:after,
table.standard tbody tr th ul li:after {
  content: "";
  display: table;
}
table.standard tbody tr td ul li:after,
table.standard tbody tr th ul li:after {
  clear: both;
}
table.standard tbody tr td .tag,
table.standard tbody tr th .tag {
  padding: 2px 10px;
  float: left;
  margin: 0;
}
table.standard tbody tr td .tag.id,
table.standard tbody tr th .tag.id,
table.standard tbody tr td .tag.error,
table.standard tbody tr th .tag.error {
  float: right;
  margin-top: -2px 0 4px 8px;
}
table.standard tbody tr td.right,
table.standard tbody tr th.right {
  text-align: right;
}
table.standard tbody tr td.center,
table.standard tbody tr th.center {
  text-align: center;
}
table.standard tbody tr td .highlight,
table.standard tbody tr th .highlight {
  background-color: #a0e6fa;
}
table.standard tbody tr td em,
table.standard tbody tr th em {
  color: #aaa;
  font-style: italic;
}
table.standard tbody tr td .avatar,
table.standard tbody tr th .avatar {
  height: 56px;
  width: 56px;
  box-sizing: border-box;
  float: left;
  margin-right: 16px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  overflow: hidden;
  background-image: url(/Content/avatar.png);
  background-size: cover;
  background-position: center center;
}
table.standard tbody tr td .avatar.small,
table.standard tbody tr th .avatar.small {
  height: 32px;
  width: 32px;
}
table.standard tbody tr td .squarevatar,
table.standard tbody tr th .squarevatar {
  height: 56px;
  width: 56px;
  box-sizing: border-box;
  float: left;
  margin-right: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
table.standard tbody tr td .badgevatar,
table.standard tbody tr th .badgevatar {
  height: 56px;
  width: 56px;
  box-sizing: border-box;
  float: left;
  margin-right: 8px;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
table.standard tbody tr td .challengevatar,
table.standard tbody tr th .challengevatar {
  height: 56px;
  width: 56px;
  box-sizing: border-box;
  float: left;
  margin-right: 8px;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
table.standard tbody tr td .cinematar,
table.standard tbody tr th .cinematar {
  height: 56px;
  width: 100px;
  box-sizing: border-box;
  float: left;
  margin-right: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
table.standard tbody tr.inactive td {
  color: #999;
}
table.standard tbody tr th {
  font-weight: bold;
  color: #666;
  background-color: #dfdfdf;
}
table.standard tbody tr.totals {
  background-color: #dfdfdf;
}
table.standard tbody td.actions {
  white-space: nowrap;
  width: 1%;
}
table.standard tbody td.actions .action-holder {
  min-width: 96px;
  white-space: nowrap;
  display: block;
}
table.standard tbody td.actions .h-action-holder {
  min-width: 96px;
  white-space: nowrap;
  display: block;
}
table.standard tbody td.actions .h-action-holder .button {
  margin-right: 8px;
}
table.standard tbody td.actions .h-action-holder .button:last-child {
  margin-right: 0;
}
table.standard tbody td.actions a {
  margin-left: 5px;
}
table.standard tbody td.actions a .ui-button-text {
  padding-top: 2px;
  padding-bottom: 2px;
}
table.standard tbody td.actions a:first-child {
  margin-left: 0;
}
table.standard tbody td.actions a.secondary {
  background-color: #fff;
  border-color: #f6f6f6;
}
table.standard tbody td.actions a.secondary:hover {
  border-color: #eee;
}
table.standard tbody td.actions.stacked a {
  width: 96px;
  box-sizing: border-box;
  margin-left: 0;
  margin-top: 4px;
}
table.standard tbody td.actions.stacked a:first-child {
  margin-top: 0;
}
table.standard tfoot td {
  background-color: #465a64;
  padding: 8px;
  color: #fff;
  vertical-align: middle;
}
table.standard.centered td,
table.standard.centered th {
  text-align: center;
}
table.standard.short-rows tbody tr {
  height: auto;
}
table.data-table {
  clear: both;
}
td.bigmetric {
  font-size: 2rem;
  padding-top: 0 !important;
}
td.data-bar {
  position: relative;
}
td.data-bar span {
  display: block;
  background-color: rgba(48, 194, 217, 0.667);
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 11px;
}
td.data-bar span.prime {
  background-color: rgba(251, 155, 0, 0.8);
}
td.data-bar span.full {
  background-color: rgba(0, 0, 0, 0.075);
  z-index: 1;
  width: 100%;
}
table.standard table.within {
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.standard table.within tr:nth-child(odd) {
  background-color: transparent;
}
table.standard table.within tr:nth-child(even) {
  background-color: transparent;
}
table.standard table.within tr td {
  padding: 0 8px 8px 0;
  border-top: none;
  border-right: none;
  vertical-align: top;
}
table.standard table.within tr td.data-bar span {
  top: 3px;
}
.dataTables_scrollBody {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.dataTables_filter .filters {
  display: inline-block;
  float: right;
  margin: 0;
  width: 44%;
  box-sizing: border-box;
}
.dataTables_filter .filters .filter {
  width: 150px;
  *zoom: 1;
  float: left;
}
.dataTables_filter .filters .filter:before,
.dataTables_filter .filters .filter:after {
  content: "";
  display: table;
}
.dataTables_filter .filters .filter:after {
  clear: both;
}
.dataTables_filter .filters .filter label {
  display: block;
  font-size: 11px;
  color: #333;
}
.dataTables_filter .filters .filter select {
  width: 300px;
  font-size: 12px;
  padding: 3px;
  color: #333;
  border: 1px solid #bbb;
  background-color: #f6f6f6;
}
.dataTables_filter .filters.expanded {
  width: 100%;
  float: left;
}
.dataTables_filter .filters #sort-chooser,
.dataTables_filter .filters #view-chooser {
  float: right;
  margin-left: 16px;
  padding-right: 40px;
  padding-top: 6px;
  height: 32px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  color: #ccc;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.dataTables_filter .filters #sort-chooser:hover,
.dataTables_filter .filters #view-chooser:hover {
  color: #fff;
  text-decoration: none;
}
.dataTables_filter .filters #view-chooser.rotating {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.dataTables_filter .filters .sort-choice,
.dataTables_filter .filters .view-choice {
  float: right;
  margin-right: 16px;
  padding-left: 40px;
  padding-top: 6px;
  height: 32px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  color: #333;
}
.dataTables_filter .filters .sort-choice.current,
.dataTables_filter .filters .view-choice.current {
  color: #fff;
  font-weight: bold;
}
.dataTables_filter .filters .sort-choice:hover,
.dataTables_filter .filters .view-choice:hover {
  color: #fff;
  text-decoration: none;
}
.dataTables_filter .filters .by-lastUpdated {
  background-image: url(/Content/32x32-searchbar-sortdate.svg);
}
.dataTables_filter .filters .by-name {
  background-image: url(/Content/32x32-searchbar-sortalpha.svg);
}
.dataTables_filter .filters .by-ctr {
  background-image: url(/Content/32x32-searchbar-sortctr.svg);
}
.dataTables_filter .filters .by-clicks {
  background-image: url(/Content/32x32-searchbar-sortclicks.svg);
}
.dataTables_filter .filters .by-impressions {
  background-image: url(/Content/32x32-searchbar-sortimpressions.svg);
}
.dataTables_filter .filters .by-expands {
  background-image: url(/Content/32x32-searchbar-sortexpands.svg);
}
.dataTables_filter .filters .by-views {
  background-image: url(/Content/32x32-searchbar-sortviews.svg);
}
.dataTables_filter .filters .by-engagement {
  background-image: url(/Content/32x32-searchbar-sortengagement.svg);
}
.dataTables_filter .filters .list-view {
  background-image: url(/Content/32x32-searchbar-viewlist.svg);
}
.dataTables_filter .filters .grid-view {
  background-image: url(/Content/32x32-searchbar-viewgrid.svg);
}
.dataTables_filter .filters .full-view {
  background-image: url(/Content/32x32-searchbar-viewdefault.svg);
}
.dataTables_filter .filters #cancel-sort-choice,
.dataTables_filter .filters #cancel-view-choice {
  width: 32px;
  float: right;
  margin-right: 0;
  margin-left: 8px;
  opacity: 1;
  background-image: url(/Content/32x32-searchbar-cancelseletor.svg);
}
.dataTables_filter .filters #cancel-sort-choice:hover,
.dataTables_filter .filters #cancel-view-choice:hover {
  opacity: 0.8;
}
.dataTables_filter .filters #view-controls,
.dataTables_filter .filters #sort-controls {
  display: none;
}
.dataTables_wrapper {
  position: relative;
  min-height: 302px;
  clear: both;
  zoom: 1;
  /* Feeling sorry for IE */
}
.dataTables_processing {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 13px;
  z-index: 1000;
  background-color: rgba(70, 90, 110, 0.5);
  background-image: url(/Content/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center 40px;
  background-size: 8px 6px;
  padding-top: 15px;
  color: #fff;
  box-sizing: border-box;
}
.dataTables_length {
  width: 40%;
  float: right;
  color: #666;
}
.dataTables_filter {
  *zoom: 1;
  background-color: #465a64;
  box-sizing: border-box;
  height: 64px;
  padding: 15px;
  margin: 0;
}
.dataTables_filter:before,
.dataTables_filter:after {
  content: "";
  display: table;
}
.dataTables_filter:after {
  clear: both;
}
.dataTables_filter.choices {
  background-color: #64788c;
}
.dataTables_filter .controls {
  margin: 0 15px;
  text-align: right;
}
.dataTables_filter .controls .left {
  float: left;
  margin-right: 10px;
}
.dataTables_filter label input {
  font-size: 22px;
  font-family: 'Alegreya Sans', sans-serif;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #465a64;
  outline: none;
  border: none;
  padding: 8px 40px 8px 44px!important;
  margin: -5px;
  margin-right: 0;
  background: #fff url(/Content/32x32-searchbar-search.svg) 8px center no-repeat;
  width: 55%;
  float: left;
  box-sizing: border-box;
}
.dataTables_filter label #clear-search {
  display: inline-block;
  margin-left: -38px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer;
}
.dataTables_filter label #clear-search:hover {
  opacity: 1;
}
.dataTables_info {
  font-size: 11px;
  padding-left: 16px;
  float: left;
  margin-top: 16px;
  color: #333;
  z-index: 5;
}
.param-bar {
  *zoom: 1;
  margin-bottom: 15px;
  padding: 0;
}
.param-bar:before,
.param-bar:after {
  content: "";
  display: table;
}
.param-bar:after {
  clear: both;
}
.param-bar ul {
  margin-top: -5px !important;
}
/* Pagination  */
.dataTables_paginate {
  margin: 0;
  box-sizing: border-box;
  *zoom: 1;
  height: 48px;
  background-color: #96dcf0;
  text-align: right;
  padding: 8px;
  float: right;
}
.dataTables_paginate:before,
.dataTables_paginate:after {
  content: "";
  display: table;
}
.dataTables_paginate:after {
  clear: both;
}
.dataTables_paginate span {
  display: none;
}
.dataTables_paginate .control {
  width: 32px;
  height: 32px;
  float: right;
  margin: 0;
  opacity: 0.66;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.paginate_button {
  font-size: 13px;
  padding: 6px;
  background-repeat: no-repeat;
  background-size: 24px;
  height: 32px;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 8px;
}
.paginate_button.first,
.paginate_button.last {
  display: none;
}
.paginate_button.previous {
  background-image: url(/Content/page-arrowleft.svg);
  background-position: left center;
  padding-left: 24px;
}
.paginate_button.next {
  background-image: url(/Content/page-arrowright.svg);
  background-position: right center;
  padding-right: 24px;
}
.paginate_button.disabled,
.paginate_button.paginate_button_disabled {
  text-decoration: none;
  cursor: default;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter �.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(1);
  zoom: 1;
  filter: alpha(opacity=30);
  opacity: 0.25;
}
th.sorting,
th.sorting_asc,
th.sorting_desc {
  cursor: pointer;
}
.sorting_asc {
  background: url('/Content/table-sort-asc.svg') no-repeat 95% center;
  background-size: 12px 12px;
}
.sorting_desc {
  background: url('/Content/table-sort-desc.svg') no-repeat 95% center;
  background-size: 12px 12px;
}
.sorting {
  background: url('/Content/table-sort-both.png') no-repeat 95% center;
  background-size: 12px 12px;
}
.sorting_asc_disabled {
  background: url('/Content/table-sort-asc-disabled.svg') no-repeat 95% center;
  background-size: 12px 12px;
}
.sorting_desc_disabled {
  background: url('/Content/table-sort-desc-disabled.svg') no-repeat 95% center;
  background-size: 12px 12px;
}
.dataTables_scroll {
  clear: both;
}
.dataTables_scrollBody {
  /* margin-top: -1px; */
}
table .top,
table .bottom {
  padding: 15px;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
}
table .top .dataTables_info {
  float: none;
}
.clear {
  clear: both;
}
.dataTables_empty {
  text-align: center;
}
tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}
tfoot input.search_init {
  color: #999;
}
td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E;
}
td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
  width: 40%;
}
table.markdown-guide {
  width: 100%;
  font-size: 12px;
}
table.markdown-guide tr td {
  padding: 5px;
}
table.markdown-guide tr td:first-child {
  font-weight: bold;
}
.search-controls {
  *zoom: 1;
  background-color: #465a64;
  padding: 24px 8px 16px 8px;
}
.search-controls:before,
.search-controls:after {
  content: "";
  display: table;
}
.search-controls:after {
  clear: both;
}
.search-controls label {
  float: left;
  margin: 4px 0 0 0;
  font-size: 13px;
  color: #ccc;
}
.search-controls input {
  float: left;
  margin-left: 8px;
  margin-right: 16px;
}
.search-controls input.datetimepicker {
  max-width: 96px;
}
.search-controls .chosen-container {
  float: left;
  margin-left: 8px;
  margin-right: 16px;
  min-width: 112px;
}
.search-controls button {
  float: left;
  margin: 0;
}
.search-controls button.right {
  float: right;
}
table.standard tbody tr td .tag.error {
  float: none;
  margin: 4px 0 0 0;
  display: inline-block;
}