.search-filters-css {
  display: block !important;
}
#filterEmbedHolder {
    display: block !important;
}
#selectProduct {
    cursor: pointer;
    background-color: #fff;
}
.selectMenu {
    font-size: 14px;
    height: 34px;
    margin-right: 6px;
    min-height: 34px;
}
.select-menu-arrow-holder {
    position:absolute; right:4px; top:4px;
}
#appSelectHolder .showApps {
  padding-right:4px;
}
.headerShort .showApps {
  padding-right:20px;
}
.showApps > .material-icons {
  color: #ccc;
  font-size:36px;
  cursor:pointer;
}
.showApps.active > .material-icons {
  color: #eee;
}
#locationFilterHolder {
  box-shadow: 0px 0px 5px 1px #ddd;
}
#filterFieldsHolder {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#filterLocations {
  background-color: #fcfcfc;
  border-bottom: 1px solid #eee;
}
.fieldSelector {
	display: none;
}
.filterField {
	margin-right: 6px;
	float: left;
}
@media (max-width: 600px) {
  .filterFieldXX {
    float: none;
    margin-right:0px;
    clear: both;
  }
  #appSelectHolderXX {
    clear: both;
  }
}
.textInput {
	font-size: 16px;
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
}
.filterClick {
    position: relative;
    cursor: pointer;
    border-radius: 20px;
    border: 1px solid #d9d9de;
    padding: 0px 9px 0px 12px;
    min-height: 34px !important;
    vertical-align: baseline;
    background-color: #fff;
    color: #686868;
    text-shadow: none;
    float: left;
}
@media (max-width: 600px) {
  .filterClick {
    float:none;
  }
}
.filterClickText {
    font-size: 11pt;
    line-height: 12pt;
    white-space: nowrap;
    padding-top:8px;
    padding-right:23px;
}
.filterClickActive {
    border-bottom: 0px solid #fff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #fcfcfc;
    margin-bottom:-12px;
    height: 45px;
}
.detailbutton {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 14px;

    cursor: pointer;
    border-radius: 20px;
    padding: 9px 10px 0px 10px;
    
    color: #555;
    background-color: #f3f3f3;

    float: left;
    box-sizing: border-box;
    margin-right: 6px;
    min-height: 30px;
}
.detailbutton:hover {
    background-color: #eee;
}
.greenbutton {
    color: #fff;
    background-color: green;
}
.greenbutton:hover {
    background-color: #22aa22;
}

#keywordsTB {
    width:100%;
    max-width:400px;
}
@media (max-width: 500px) {
    #keywordsTB {
        max-width:130px;
    }
}
#goSearch {
    padding-top:8px;
}
.filterLabel {
    padding-bottom: 4px;
    padding-top: 4px;
}
.filterLabelMain {
    display: none;
}
@media (max-width: 600px) {
  .filterLabelMainXX {
    clear: both;
    display: block;
    float: left;
    width: 100px;
  }
}
.filterBubble {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition-property: width;
    -moz-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    display: block;
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
    border-radius: 6px;
    border: 1px solid #d0d5cb;
    position: absolute;
    z-index: 1001; /* to cover map zoom */
    font-size: 15px;
    line-height: 1.5;
    background: #fff;
    padding: 15px;
    vertical-align: baseline;
    pointer-events: auto; /* catch click through to keep open location filter */
}
.hideAdvanced {
  pointer-events: auto; /* catch click through to keep open location filter */
  z-index: 1000;
}
/*
#locationFilterHolder .input-output b {
  color:#777;
  font-weight: 200;
  margin-bottom:4px;
}
*/
@media (max-width: 800px) {
    #locationFilterHolderXX {
        margin:40px 0 0 40px;
    }
}
.si-wrapper div {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    right: 0;
    width: 18px;
    margin: 0;
    border: 0;
    padding: 3px;
    background: none;
    /* font: 0/0 a; */
}
.si-btn {
    display: block;
    background-color: #fff;
}
.close-X {
  cursor:pointer;
  padding:14px 26px 15px 26px;
  font-size:20px;
  color:#bbb;
}
#honeycombPanel {
    text-align: center;
    margin:0 auto;
    background-color: #fcfcfc;
}
.bigThumbWidth { /* allows margin to reside within percent */
    floatX:left;
    position: relative;
}
.bigThumbWidthXXXX:after {
  content: "";
  display: block;
  padding-bottomX: 100%;
}
.bigThumbUl {
    margin: 0px;
    list-style-type: none;
    /*
    padding-right: -30px;
    border:1px solid #fff;
    */
}
.bigThumbHolder {
    width: 100%;
    height: 180px;
    position: absolute;
    float: left;
    text-align: center;
    color: #777;
}
.bigThumbHolder:hover {
  color: #333;

}

.bigThumbHolder a:link {
  color: #777;
}
.bigThumbHolder a:link:hover {
  color: #333;
  text-decoration: none;
}
/* visited link */
.bigThumbHolder a:visited {
  color: #777;
}
.bigThumbHolder a:visited:hover {
  color: #333;
  text-decoration: none;
}

.bigThumb {
    background-color: #fff;
    background-size: cover;
    opacity: 0.7;
    cursor: pointer;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 40px;
    margin: 0 auto;
    position: relative;
}
.bigThumbMenuContent {
  display:inline-block;
}
.bigThumbWidth {
  padding:0 20px 0 20px;
  padding:0px !important;
  margin:0px !important;
}
.bigThumb:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.bigThumb a {
  position: absolute; /* allows href to cover space */
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center; /* no effect */
  cursor: pointer;
}
.bigThumbText {
  overflow: visible;
  padding-top: 9px;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
}
.bigThumb:hover .bigThumbText {
  font-weight: 400;
}
.bigThumbStatus {
  position: absolute;
  top: 0;
  right: -10px;
  height: 30px;
  background-color: #ccc;
  height: 30px;
  width: 30px;

  height: 18px;
  width: 18px;

  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #888;
  display: inline-block;
}
.bigThumbSelected {
  /*
  margin-top: 5px;
  height: 18px;
  width: 18px;
  */
  height: 12px;
  width: 12px;
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
}
.bigThumbActive .bigThumbSelected {
  background-color: blue;
}
.bigThumbSecondary {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.bigThumbMenu {
    clear: both; /* clear close X */
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eee;
}
.bigThumbMenuInner {
  margin-top: 50px;
  margin-bottom: 20px;
  display: grid;
}

@media (min-width: 350px) {
  .bigThumbMenuInner{
    grid-template-columns: 1fr 1fr
  }
  .showSearch {
    /*
    display: none !important;
    */
  }
}
@media (min-width: 600px) {
  .bigThumbMenuInner{
    grid-template-columns: 1fr 1fr 1fr
  }
}
@media (min-width: 800px) {
  .bigThumbMenuInner{
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
  }
}
@media (min-width: 1000px) {
  .bigThumbMenuInner {
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
  }
}
@media (min-width: 1200px) {
  .bigThumbMenuInner {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.bigThumbWidth {
    width: 180px;
    height: 170px;
}

/* Full Screen */
@media (min-width: 1000px) {
    .primaryTitle {
        font-size: 58px;
    }
    .bigThumbWidth {
      widthX: 16.66%;
    }
}

#county-table {
  padding-right:12px;
}
#county-table thead th
{
    position: sticky; 
    top: 0; 
    z-index: 2;
    background-color: #fafafa;
}
.output_table {
    border-collapse: collapse;
}
.output_table table {
    width:100%;
}
.output_table th {
    white-space: nowrap;
    padding: 5px;
    cursor:pointer;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-align: left;
}
.output_table td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding:10px;
}

.height100 {
    display: flex;
    flex-flow: column;
    height: 100%;
    height: 530px;
    border: 10px solid blue;
}

/* For embedded location filters */
.headerOffset {
    height: 100px;
}
#headerFixed {
  position: fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  background-color: #fff;
  z-index: 1001;
  /* box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); */
  overflow: visible;
  min-height: 56px;
}
#fixedFooter {
  position: fixed;
  bottom:0;
  background-color: #595959;
  color:#fff;
  left:0;
  right:0;
  width:100%;
  z-index: 9999999;
  text-align: center;
  padding: 5px;
}
#fixedFooter > div {
  display: inline-block;
}
#fixedFooter > div > div {
  float:left;
  padding-left:20px;
  padding-right:20px;
  font-weight:400;
  font-size:16px;
  line-height:38px;
  height:38px;
  cursor: pointer;
}
#fixedFooter > div > div:hover {
  background-color: #333;
}
#fixedFooter a {
  color: #fff;
}

.pagebutton {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 0px 4px 0 6px;
  height: 34px;
  min-height: 34px;
  vertical-align: middle;
  cursor: pointer;
  /* text-transform: uppercase; */
  font-family: 'Open Sans', 'Helvetica Neue', HelveticaNeue, calibri, arial, sans-serif;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1;
}
.pagebutton:hover {
  background-color:#aaa;
  color:#fff;
}
.listOptions {
  display:none;
  position:absolute;
  left:auto;
  right: 0;
  top: 44px;
  max-width: 600px;
}