#main {
padding: 20px 30px 40px 30px;
}

.breadnav {
margin-bottom:0.3em;
}

.breadnav a {
font-size:14px;
}


h1 {
line-height:36px;
margin:0 0 0.5em 0;
}

h1 , h1 a
{
font-size:28px;
font-weight:400;
color:#000!important;
}

h2.explorer_name {
font-size:20px;
font-weight:400;
}

h2.explorer_name span {
color:#03bfd7;
}

.actionButton.white {
background: #fff;
border: solid 1px #434342;
color: #434342!important;
width:100%;
}

.actionButton.white:hover {
background:#f1f1f1;
border:solid 1px #f1f1f1;
}


.actionButton.teal
{
background: #03bfd7;
height: 35px;
width:100%;
max-width:200px;
margin:0 auto;
font-size:14px;
}

.actionButton.teal:hover ,
.actionButton.teal:focus
{
background-color:#68d9e7;
}
.actionButton.teal:active 
{
background-color:#0299ac;
}


/* INTENTIVE TOP PAGER */

.ui-jqgrid .ui-jqgrid-toppager {
  height: auto !important;
  width: 100% !important;
}

/* INTENTIVE TABLES MAIN STYLES */

table.ui-jqgrid-btable td 
{
font-size:13px;
line-height:16px;
}


/* SORTABLE INTENTIVE TABLES HEADER ROW */

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column 
{
font-weight:600!important;
}

.ui-jqgrid .ui-jqgrid-htable {
/*
  border-collapse: separate;
  border-spacing: 0 15px;
*/
}

.ui-jqgrid .ui-jqgrid-labels {
box-shadow: 0px 0px 3px 1px rgba(0,131,143,0.1);
}

.ui-jqgrid .ui-jqgrid-labels th {
border-top: solid 1px rgba(3,191,215,0.3)!important;
border-bottom: solid 1px rgba(3,191,215,0.3)!important;
border-right:none;
border-left:none;
padding: 10px!important;
height:45px!important;
background: rgba(3,191,215,0.05)!important;
}


table.ui-jqgrid-htable th:first-child {
border-left:solid 1px rgba(3,191,215,0.3)!important;
border-radius: 3px 0 0 3px;
}

table.ui-jqgrid-htable th:last-child {
border-right:solid 1px rgba(3,191,215,0.3)!important;
border-radius: 0 3px 3px 0;
}


/* SORTABLE INTENTIVE TABLES BODY ROWS */


.ui-jqgrid .ui-jqgrid-btable {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top:-10px;
}

.ui-jqgrid tr.jqgrow {
box-shadow: 0px 0px 3px 1px rgba(0,131,143,0.1);
}

.ui-jqgrid tr.jqgrow:hover {
background:#f9f9f9;
}

.ui-jqgrid tr.jqgrow td {
border-top: solid 1px #eee!important;
border-bottom: solid 1px #eee!important;
border-right:none;
border-left:none;
padding: 8px;
height:60px;
}

table.ui-jqgrid-btable td:first-child {
border-left:solid 1px #eee;
border-radius: 3px 0 0 3px;
}

table.ui-jqgrid-btable td:last-child {
border-right:solid 1px #eee!important;
border-radius: 0 3px 3px 0;
}

.ui-jqgrid-btable .ui-state-highlight, .ui-widget-content .ui-state-highlight {
  background: #f9f9f9!important;
}


div.ui-pager-control {
  margin-top: 0;
  border-top: solid 1px #ddd;
}



/* ANIMATED SCORE CHART */


.scorechart {
background: radial-gradient( circle closest-side, white 0, white 87%, transparent 87%, transparent 100%, white 0 ), conic-gradient( from 245deg, #2d42a5 0, #2d64b8 12.3%, #ffffff 0, #ffffff 12.9%, #2d64b8 0, #2893d2 25.2%, #ffffff 0, #ffffff 25.8%, #2893d2 0, #1cc1e9 38.1%, #ffffff 0, #ffffff 38.7%, #1cc1e9 0, #07dcf7 51%, #ffffff 0, #ffffff 51.6%, #07dcf7 0, #07dbf7 63.9%, #ffffff 0, #ffffff 75.9%, #ffffff 0, #ffffff 87.9%, #ffffff 0, #ffffff 99.9% );

  position: relative;
  width: 60px;
  min-height: 60px;
height:60px;
margin:0 auto;
}

.ui-jqgrid-btable .ui-state-highlight .scorechart, .ui-widget-content .ui-state-highlight .scorechart ,
.ui-jqgrid tr.jqgrow:hover .scorechart
{
background: radial-gradient( circle closest-side, #f9f9f9 0, #f9f9f9 87%, transparent 87%, transparent 100%, #f9f9f9 0 ), conic-gradient( from 245deg, #2d42a5 0, #2d64b8 12.3%, #f9f9f9 0, #f9f9f9 12.9%, #2d64b8 0, #2893d2 25.2%, #f9f9f9 0, #f9f9f9 25.8%, #2893d2 0, #1cc1e9 38.1%, #f9f9f9 0, #f9f9f9 38.7%, #1cc1e9 0, #07dcf7 51%, #f9f9f9 0, #f9f9f9 51.6%, #07dcf7 0, #07dbf7 63.9%, #f9f9f9 0, #f9f9f9 75.9%, #f9f9f9 0, #f9f9f9 87.9%, #f9f9f9 0, #f9f9f9 99.9% );

}

.scorechart span:after {
	   display: inline-block;
	   content: "";
	   width: 0.8em;
	   height: 0.8em;
	   margin-left: 0.4em;
	   height: 0.8em;
	   border-radius: 0.2em;
	   background: currentColor;
}


.scoredot {
position:absolute;
width:60px;
height:60px;
}


.scoredot::before {
content: '';
position:absolute;
border-radius:50%;
width:1px;
height:1px;
padding:2px;
background:#fff;
border-style:solid;
border-width:2px;
top:50%;
left:-2px;
}



.dot0 .scoredot {
transform:rotate(5deg);
}
.dot0 .scoredot::before {
border-color:#2e42a6;
}



.dot1 .scoredot {
transform:rotate(51deg);
}
.dot1 .scoredot::before {
border-color:#2c7ac4;
}



.dot2 .scoredot {
transform:rotate(98deg);
}
.dot2 .scoredot::before {
border-color:#24a9dd;
}



.dot3 .scoredot {
transform:rotate(145deg);
}
.dot3 .scoredot::before {
border-color:#11d2f3;
}



.dot4 .scoredot {
transform:rotate(190deg);
}
.dot4 .scoredot::before {
border-color:#07dbf7;
}


.dot5 .scoredot {
transform:rotate(205deg);
}
.dot5 .scoredot::before {
border-color:#07dbf7;
}





.scorechart .scorevalue {
position: absolute;
left: 50%;
font-weight: 900;
top:16px;
font-size:24px;
margin-left:-17px;
}

.scorechart .engagement {
position: absolute;
text-align: center;
width: 100%;
font-weight: 600;
font-size: 10px;
line-height: 10px;
top: 42px;
}

.dot0 .engagement::before {
content: 'Emergingly';
}
.dot1 .engagement::before {
content: 'Reasonably';
}
.dot2 .engagement::before {
content: 'Moderately';
}
.dot3 .engagement::before {
content: 'Highly';
}
.dot4 .engagement::before {
content: 'Extremely';
}
.dot5 .engagement::before {
content: 'Extremely';
}

/* header thumbnail logo styling */

h1 div.complogo {
display:inline-block;
}

h1 div.complogo img {
max-width:60px;
max-height:50px;
display:inline-block;
vertical-align:middle;
margin-right: 8px;
margin-bottom:4px;
}

h1 div.complogo span {
display:inline-block;
vertical-align:middle;
padding-bottom:4px;
}

/* jqgrid thumbnail logo styling */

.ui-jqgrid-bdiv div.complogo a {
display: inline-grid;
grid-template-columns: 40px auto;
align-items: center;
transition:0.5s;
margin:0;
}

.ui-jqgrid-bdiv div.complogo img {
width:100%;
margin-bottom:0;
margin-right:0;
max-height:60px;
}

.ui-jqgrid-bdiv div.complogo span {
text-align:left;
padding-left:8px;
}

.ui-jqgrid-bdiv a.comptext {
display: inline-grid;
grid-template-columns: 40px auto;
align-items: center;
text-align: left;
margin:0;
}

.ui-jqgrid-bdiv a.comptext .firstletter ,
h1 .firstletter
{
background: #03bfd7;
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 24px;
line-height: 40px;
text-align: center;
opacity: 0.7;
margin:0 auto;
font-family:'open sans',sans-serif;
}

.ui-jqgrid-bdiv a.comptext .compname ,
h1 .compname
{
padding-left:8px;
text-align:left;
}

h1 .firstletter {
display:inline-block;
}


@media (min-width:1500px) {

.ui-jqgrid-bdiv div.complogo a {
grid-template-columns: 60px auto;
}

.ui-jqgrid-bdiv div.complogo a,
.ui-jqgrid-bdiv a.comptext 
{
grid-template-columns: 60px auto;
margin:0 0 0 15px;
}


}


/* FILTER OVERLAY and FILTER FORM ELEMENT COMMON STYLES */

#main {
overflow-x: inherit;
overflow-y: inherit;
}

#footer {
z-index:6;
}

.filterhead h4 {
color:#03bfd7;
}

.filterhead h4 {
padding: 10px 15px;
border: solid 1px #eee;

}

/* filter overlay */

#filtertoggle {
display:inline-block;
cursor:pointer;
width:135px;
}

#filtertoggle::before {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #03bfd7;
font-size: 16px;
position: absolute;
top: 16px;
margin-left:115px;
content: "\ea5b";
}


#filtercontainer
{
position:relative;
}

#intent_filter {
position:relative;
width:100%;
z-index:9;
background:#f7fcfc;
border: solid 1px #03bfd7;
box-shadow: 0px 10px 10px 10px rgba(0,131,143,0.07);
display:none;
padding:15px;
}

#intent_filter > div {
margin-bottom:15px;
}

#filter_no_data {
margin: 75px auto 50px auto;
max-width: 800px;
min-width: 800px;
position: relative;
display:none;
}

#filter_no_data::after {
content: '';
position: absolute;
width: 300px;
background-image: url('https://img.netline.com/leadflow/CDN/intentive_luna_stopsign.png');
background-repeat: no-repeat;
height: 250px;
background-size: 100%;
right: 0;
top: -30px;
}

#filter_no_data h3 {
font-family: Raleway,sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 700;
max-width: 475px;
margin: 1em 0 0.5em 0;
}

a#nodatatoggle {cursor:pointer;}


#intent_filter .actionButton.white {
width:fit-content;
padding:0 15px;
display:inline-block;
margin-right:20px;
}

#intent_filter #set_filter_button .FormTable {
width:500px;
}

#intent_filter .FormTable td {
min-width:unset;
}




.select2-container--default .select2-selection--single {
border: 1px solid #e0e0e0;
border-radius: 3px;
height:32px;
font-size:12px;
font-weight:400;
}

.select2-container--open.select2-container--default .select2-selection--single {
border:1px solid #03bfd7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height:32px;
color:#434342;
padding-left:5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height:32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: '\f078';
font-family: 'FontAwesome';
font-size:10px;
color:#434342;
opacity:0.9;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
display:none;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
font-size:12px;
}

.filter_container.filter_row {
border-bottom: solid 1px rgba(3, 191, 215, 0.5);
padding: 10px 0;
overflow:auto;
}

.filter_container.filter_row > .select2 {
float:left;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-results__option {
  font-family: inherit;
  font-size: 14px;
}


/* select2 */

.select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-top: 0px;
color: #03bfd7;
font-size: 24px;
font-family: 'open sans',sans-serif;
line-height: 22px;
height: 28px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
border-right: 0;
position: relative;
border-radius: unset;
padding:0;
}

.select2-container--default .select2-search--inline textarea.select2-search__field {
border: none!important;
padding:0!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border: 1px solid #03bfd7;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 0;
  padding: 3px 5px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
  white-space:normal;
}

.select2-results__option {
  padding: 0 5px;
  font-size:14px;
  line-height:22px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #03bfd7;
}

.select2-dropdown--below {
border-top: solid 1px #03bfd7!important;
}

.select2-container--open .select2-dropdown--above {
border-bottom:solid 1px #aaa!important;
}


.select2-dropdown > div {
margin:6px 0!important;
}


.select2-dropdown button.btn {
  margin-left: 6px;
  background: #03bfd7;
  outline: 0;
  border: solid 1px #03bfd7;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  padding: 3px 5px;
  font-weight: bold;

}

.selectalloptions{
  font-weight: bold;
color:#03bfd7;
font-size:16px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .selectalloptions {
color:#fff;
}


/* Luna extragalactic modal */

#dialog-basic-substat {
max-width:800px;
min-width:800px;
position:relative;
height:200px!important;
}

#dialog-basic-substat p {
max-width:500px;
margin: 0 0 1em 130px;
}

#dialog-basic-substat p.highlight {
margin: 0 0 0.2em 130px;
font-size: 28px;
font-weight: 700;
line-height: 34px;
font-family: Raleway,sans-serif;
}

#dialog-basic-substat::after {
content: '';
position:absolute;
width:175px;
background-image: url('https://img.netline.com/leadflow/CDN/intentive_luna_magnifier.png');
background-repeat:no-repeat;
height:200px;
background-size:100%;
right:0;
top:0;
}


/* Luna Explore On message */

.no_data,.invalid_request {
padding: 45px 15px 15px 180px;
font-size: 18px;
line-height: 1.6em;
position: relative;
height: auto;
width: 100%;
max-width: 700px;
margin: 0 auto;
}

.no_data::before,
.invalid_request::before
{
content: '';
position:absolute;
width:150px;
background-image: url('https://img.netline.com/leadflow/CDN/intentive_luna_magnifier.png');
background-repeat:no-repeat;
background-size:100%;
left: 15px;
top: 25px;
height: 200px;
}

.invalid_request::before {
width:190px;
background-image: url('https://img.netline.com/leadflow/CDN/intentive_luna_stopsign.png');
left:-30px;
}

.no_data h3 {
font-family: raleway,sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 26px;
}