.mr3 {
  margin-right: 3px;
}
.bd {
  font-weight: bold;
}
#project-graph-panel-heading {
  position: -webkit-sticky;
  position: sticky;
  /* overflow: hidden; */
  width: 100%;
  z-index: 11;
  top: 0;
  opacity: .95;
}
ul.tab-content.nested-tab-content {
  position: relative;
  top: -10px;
  padding: 0;
  border: none;
}
.block-flat.raised {
  border-radius: 10px;
}
.btn-group>.btn.reach-plus-btn:first-child {
  border: 1px solid #EEEEEE;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.reach-plus-btn-group {
  /* position: absolute; */
  display: none;
  /* right: 29%; */
  /* top: 46px; */
  z-index: 1;
}
.reach-plus-btn {
  background: #F8F8F8;
  border: 1px solid #EEEEEE;
  color: #2895F1;
}
.reach-plus-btn.selected {
  background-color: #ffffff!important;
  color: #5a5656!important;
}
.btn-calculate,
.btn-calculate:focus {
  background-color: white;
  margin-right: 25px!important;
  color: #32b8ef;
  border-color: #32b8ef;
}
.btn-calculate:hover {
  border-color: white !important;
  background-color: rgba(3, 169, 244, 0.50) !important;
  color: white !important;
}
#nextSpotAnalysis .fa-arrow-right,
#previousSpotAnalysis .fa-arrow-left {
  font-size: 16px;
  color: #83beec;
}
#nextSpotAnalysis .fa-arrow-right:hover,
#previousSpotAnalysis .fa-arrow-left:hover {
  color: #20b3ff;
  opacity: .8;
}
#filterSpotAnalysis.spot-analysis {
  display: none;
  position: absolute;
  right: 26px;
  top: 24px;
}
#project-graph-pdf-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid blue;
}
.report-btn {
  margin-right: 10px;
}

.loadimage {
  z-index: 9999;
}
.onAir-legend {
  display: inline-block;
  position: relative;
  background-color: white;
  border-radius: 5px;
  /* width: 75px; */
  top: -6px;
  margin-right: 19px;
  color: #595959;
}
.oa-legend-p-container {
  margin-right: 5px;
}
.oa-legend-a-container {
  margin-right: 5px;
}
.oa-legend-p {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: rgb(60, 152, 66);
}
.oa-legend-a {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: rgb(25, 123, 151);
}
.reach-analysis-tab-filters,
.conv-analysis-tab-filters {
  display: flex;
  justify-content: center;
  align-content: center;
}
.divPrevSpotAnalysis,
.divNextSpotAnalysis {
  position: relative;
  top: -1px;
}
/* Geo Analaysis Table */

.grids-filters-bg {
  background-color: rgba(243, 243, 243, 0.50);
  height: 45px;
  transition: all 0.5s ease;
}
.grids-filters-container {
  position: relative;
  top: 15px;
  padding-left: 5px;
  letter-spacing: -0.015em;
}
.geo-analysis-filter {
  display: inline-block;
  height: 45px;
  position: relative;
  margin-right: -5px;
  padding-right: 0px;
}
.grids-btn-container {
  margin: 5px 5px 5px 0;
}
table.tooltip_tbl td {
  padding: 2px 5px;
}
table.tooltip_tbl tr {
  border-bottom: 1pt solid #ddd;
}
table.tooltip_tbl tr:last-child {
  border-bottom: none;
}
.segtype button,
.segtype ul.dropdown-menu li a,
.segtype_convAnal button,
.segtype_convAnal ul.dropdown-menu li a {
  text-transform: capitalize;
}
.project-graph-tab-container .form-horizontal .form-group {
  margin-right: 5px;
  margin-left: 5px;
}
.has-error {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.twitter-typeahead .tt-hint {
  display: none;
}
.grids {
  margin-bottom: 35px;
}
.bold {
  font-weight: bold;
}

.highlight-red {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px !important;
  background: #E0E0E0;
}

.italics {
  font-style: italic;
}

.indent {
  padding-left: 15px;
}

.indent-double {
  padding-left: 25px;
}

.highlight_green {
  font-size: 12px !important;
  font-weight: bold;
}

.btn-link {
  float: right;
}

.btn.btn-link:hover {
  text-decoration: bold;
  color: #337ab7;
}
.form-group {
  margin-bottom: 10px;
  min-height: 34px;
}
.align-cen {
  float: left;
  padding-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}
.align-cen:first-child {
  margin-left: 0px;
}
.align-cen:last-child {
  margin-right: 0px;
  border-right: none;
}
.trunkate {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}
.nodata {
  text-align: center;
  /*font-size: 14px;
  color: #e4574d;*/
  display: none;
  padding: 30px;
}
.custom-cell {
  margin-bottom: 0px;
}
.metric-planned {
  display: none;
  position: absolute;
  bottom: 0px;
}
.pq-col-sort-icon {
  display: none;
}
.proj-graph-channel-header {
  position: relative;
  top: -6px;
  font-size: 18px;
  font-weight: bold;
  color: #1e88e5 !important;
}
.project-graph-tab-header {
  position: relative;
  top: -3px;
  font-size: 19.5px;
  font-weight: bold;
  color: rgba(78, 71, 71, 0.88);
}

#reachflightdate,
#reachpremieredate,
#primarynetworkdemo,
#projectdemo,
#convAsofDate,
#asRunAsofDate {
  font-weight: 400!important;
}
.chart-padding {
  padding: 12px 7px 0px 7px !important;
  min-height: 30px;
}
.highchart-main-title {
  font-family: 'Helvetica Neue';
  font-size: 18px;
  color: rgb(58, 58, 58);
  font-weight: 500;
}
#lblConvNum {
  position: relative;
  background-color: rgba(243, 243, 243, 0.50);
  font-size: 14px;
  font-weight: bold;
  color: #03A9F4;
  top: -10px;
  margin: 10px;
  line-height: 28px;
  height: 30px;
}
.project-graph-tab-container .my-tool-tip {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 8px;
}
#olBreadcrumbSpotAnalysis {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -4px;
  border-radius: 7px;
}
.highcharts-credits {
  display: none!important;
}

.highcharts-title {
  z-index: -1;
  text-align: center;
  height: 25px;
  line-height: 24px;
  background-color: rgba(241, 241, 241, 0.64);
  border-radius: 3px;
  font-family: Helvetica !important;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
  box-shadow: 0 2px 2px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
}
span.highcharts-subtitle {
  z-index: -1;
}
#reachPercentAnalysis span.highcharts-subtitle {
  z-index: 0; /* 0 to let user choose frequency button */
}
.project-graph-tab-container span.highcharts-title {
  /* width: 86% !important; */
  height: 30px;
  line-height: 29px;
}


/* By Platform */

#reachPercentAnalysis span.highcharts-subtitle {
  width: 280px!important;
}
/* Conversion By Program */

#convByProgram span.highcharts-title {
  line-height: 32px;
  top: -1px!important;
}
.project-graph-tab-container .highcharts-tooltip span {
  z-index: 9999 !important;
  border-radius: 5px;
}
.ttl_spot_tooltip td:not(:first-child) {
  text-align: right;
}
#btnDemo,
#btnDemo_convAnal,
#btnSegtype,
#btnSegtype_convAnal,
.demoDropdown,
.segmentDropdown {
  width: 90px;
}
.segmentCont button.multiselect.dropdown-toggle.btn.btn-default,
.segmentCont ul.multiselect-container.dropdown-menu,
.segmentCont_convAnal button.multiselect.dropdown-toggle.btn.btn-default,
.segmentCont_convAnal ul.multiselect-container.dropdown-menu {
  width: 137px;
}
.segmentCont.create-project button.multiselect.dropdown-toggle.btn.btn-default {
  width: auto;
}

.segmentCont .checkbox,
.segmentCont_convAnal .checkbox {
  text-align: left;
}
.listSortable div.raised {
  min-height: 45px;
}


/*
** PQ-GRID FOR GEO POST ANALYSIS
*/

.off-network-grids .pq-grid p {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400;
}
.pq-grid-cell p {
  font-family: 'Work Sans', sans-serif !important;
}

.conv-by-prog-channel-btn {
  position: absolute;
  z-index: 1;
  left: 58.7%;
  top: 49px;
  opacity: 0;
}
.pq-grid-title-row .pq-td-div:hover {
  text-decoration: none;
  cursor: default;
}

table.pq-no-wrap>tbody>tr>.pq-grid-cell>p.custom-cell {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pq-grid-row>.pq-grid-cell>p.custom-cell {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.camp_exp {
  background: #f0ffff !important;
  color: #000;
}

th.camp_lev0 {
  background-color: #1e88e5 !important;
  color: #fff;
  font-weight: bold;
}

th.camp_exp2 {
  background: #B3F1FF!important;
  color: #0088cc;
  font-weight: 200;
}

th.camp_con {
  background: rgba(250, 235, 215, 0.41) !important;
  color: #000;
}

div.camp_exp {
  background: #f0ffff !important;
  color: #000;
}

div.camp_lev0{
  background-color: #1e88e5 !important;
  color: #fff;
  font-weight: bold;
}

.pq-grid-title-row > div.camp_exp2 {
    background: #B3F1FF!important;
    color: #0088cc;
    /* font-weight: 200; */
}

.pq-grid-title-row > div.edit_column_title {
  /* color: #cc5800 !important; */
  color: #c41818 !important;
}

div.camp_con {
  background: rgba(250, 235, 215, 0.41) !important;
  color: #000;
}

/* div.pq-grid * {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 11px;
} */

.pq-slider-icon {
  visibility: visible !important;
}

.pq-grid-col,
.pq-grid-number-col {
  color: #fefefe;
  background-color: #757575;
}

div.pq-grid tr td.readonly {
  color: #333;
}

.pq-merge-cell-div>div>div {
  vertical-align: top;
}
.off-network-grids .grids.raised,
.digital-grids .grids.raised {
  min-height: 40px!important;
  line-height: 30px!important;
  width: 100%!important;
  overflow: hidden !important;
}
.off-network-grids .pq-grid-top>.pq-grid-title,
.digital-grids .pq-grid-top>.pq-grid-title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  min-height: 40px;
  line-height: 30px;
  background-color: #aba6a6;
}

.pq-grid-col {
  border-color: #fff !important;
}

.pq-merge-cell-div {
  min-height: 28px;
}

.ui-icon.ui-icon-arrow-4-diag {
  display: none;
}

.pq-merge-cell-div>div>div {
  vertical-align: middle;
}


.off-network-grids .pq-grid-row,
.digital-grids .pq-grid-row {
  background: none;
}
.off-network-grids .pq-grid-row.pq-grid-oddRow ,
.digital-grids .pq-grid-row.pq-grid-oddRow {
  -webkit-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  b-moz-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  background-color: #f9f9f9!important;
}

.pq-no-wrap > .pq-striped:not(.pq-state-select) {
  -webkit-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  b-moz-box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, .21);
  background-color: #f9f9f9!important;
}

.pq-no-wrap > .pq-striped:not(.pq-state-select) .pq-grid-number-cell {
  -webkit-box-shadow:inset 1px 1px 3px 0 rgba(0, 0, 0, .21);
  b-moz-box-shadow:inset 1px 1px 3px 0 rgba(0, 0, 0, .21);
  box-shadow:inset 1px 1px 3px 0 rgba(0, 0, 0, .21);
}

td.pq-text-600-bd p {
  font-weight: 600 !important;
  /* font-size: 12px; */
  /* color:blue; */
}
div.pq-text-600-bd p {
  font-weight: 600 !important;
  /* font-size: 12px; */
  /* color:blue; */
}
.off-network-grids .pq-td-border-top>tbody>tr>.pq-grid-cell ,
.digital-grids .pq-td-border-top>tbody>tr>.pq-grid-cell {
  border-bottom: none;
  padding: 8px 4px;
}
.pq-ui-button.ui-widget-header:nth-child(1) {
  /* Maximize Button */
  display: none;
}
.pq-grid .ui-widget-header {
  background: none;
}
.indent.pq-grid-cell {
  padding-left: 20px!important;
}
p.custom-cell {
  position: relative;
}
.platform-grid-tooltip {
  position: absolute;
  right: .5px;
}
.platform-grid-tooltip:hover {
  text-decoration:none;
  cursor: default;
}
span.icon-i {
  color: #b9aaaa;
}
.off-network-grids span.ui-icon.ui-icon-circle-triangle-n,
.off-network-grids span.ui-icon.ui-icon-circle-triangle-s,
.digital-grids span.ui-icon.ui-icon-circle-triangle-n,
.digital-grids span.ui-icon.ui-icon-circle-triangle-s  {
  position: relative;
  /* HIDE DEFAULT ARROW ICON */
  display: none;
}
.down-arrow:after {
  font-family: FontAwesome;
  content: "\f0d7";
  color: white;
  font-size: 1.433333em;
  line-height: 1.35em;
  vertical-align: -7%;
  width: 20px;
  height: 24px;
  margin-right: 6px;
}
.up-arrow:after {
  font-family: FontAwesome;
  content: "\f0d8";
  color: white;
  font-size: 1.433333em;
  line-height: 1.35em;
  vertical-align: -7%;
  width: 20px;
  height: 24px;
  margin-right: 6px;
}
/* .custom-icon-info :after {
  font-family: FontAwesome;
  content: "\f0d8";
  color: white;
  font-size: 1.433333em;
  line-height: 1.35em;
  vertical-align: -7%;
  width: 20px;
  height: 24px;
  margin-right: 6px;
} */
.off-network-grids .ui-widget-header.pq-ui-button:hover ,
.digital-grids .ui-widget-header.pq-ui-button:hover {
  opacity: .5;
}

span.ui-widget-header.pq-ui-button:focus,
span.ui-widget-header.pq-ui-button:hover {
  border: none;
}
.pq-ui-button:hover,
.pq-ui-button:focus {
  margin: 1px !important;
}

.off-network-grids .pq-sb-horiz-t .pq-sb-slider,
.digital-grids .pq-sb-horiz-t .pq-sb-slider,
.pq-sb-vert-t .pq-sb-slider,
.off-network-grids .pq-sb-horiz-t .pq-sb-btn,
.digital-grids .pq-sb-horiz-t .pq-sb-btn,
.pq-sb-vert-t .pq-sb-btn {
  border-color: white !important;
  background: #cae8ff!important;
}
.off-network-grids .pq-sb-slider.ui-corner-all.ui-state-default.ui-draggable.ui-draggable-handle ,
.digital-grids .pq-sb-slider.ui-corner-all.ui-state-default.ui-draggable.ui-draggable-handle {
  border-radius: 30px !important;
}
.off-network-grids .pq-sb-vert-t ,
.digital-grids .pq-sb-vert-t {
  background: #f0f8f9 !important;
}



/*
** END OF PQ-GRID FOR GEO POST ANALYSIS
*/