keshif.css

/*********************************
kshf library

Copyright (c) 20014-2015, University of Maryland
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice, this
  list of conditions and the following disclaimer.

* Redistributions in binary form must reproduce the above copyright notice,
  this list of conditions and the following disclaimer in the documentation
  and/or other materials provided with the distribution.

* Neither the name of the University of Maryland nor the names of its contributors
  may not be used to endorse or promote products derived from this software
  without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL MICHAEL BOSTOCK BE LIABLE FOR ANY DIRECT,
INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

************************************ */
.kshfLogo {
  display: inline-block;
}
.kshfLogo > .kshfLogo_C1 {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  -o-transition: fill 300ms linear;
  transition: fill 300ms linear;
  fill: #FF6925;
}
.kshfLogo > .kshfLogo_C2 {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  -o-transition: fill 300ms linear;
  transition: fill 300ms linear;
  fill: #7295BE;
}
.kshfLogo > .kshfLogo_B {
  stroke: black;
  stroke-width: 4px;
}
.kshfLogo:hover > .kshfLogo_C1 {
  fill: #7295BE;
}
.kshfLogo:hover > .kshfLogo_C2 {
  fill: #FF6925;
}
.kshf {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  left: 0px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  background-color: white;
  box-shadow: 0px 0px 10px white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kshf * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kshf[noanim=true] .aggrGlyph {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf[noanim=true] .aggrGlyph > [class^="measure_"] {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf[noanim=false] .chartAxis_Measure {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out, background-color 250ms ease-in-out;
}
.kshf[noanim=false] .chartAxis_Measure .tick {
  -webkit-transition: -webkit-transform 500ms ease-out, opacity 500ms;
  -moz-transition: -moz-transform 500ms ease-out, opacity 500ms;
  -o-transition: -o-transform 500ms ease-out, opacity 500ms;
  transition: -webkit-transform 500ms ease-out,-moz-transform 500ms ease-out,-o-transform 500ms ease-out,transform 500ms ease-out, opacity 500ms;
}
.kshf[noanim=false] .wrapper {
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
}
.kshf[noanim=false] .panels_Above {
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
}
.kshf[noanim=false] .controlLine > .base {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
}
.kshf[noanim=false] .controlLine > .rangeHandle {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
}
.kshf[adjustWidth] {
  cursor: ew-resize;
}
.kshf[pointerEvents="true"] .scaleModeControl {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .kshfSummary > .wrapper .summaryInterval > .intervalSlider {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .kshfSummary > .wrapper .aggrGlyph > .catLabelGroup {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .kshfSummary > .wrapper .aggrGlyph:not(.mapGlyph) > .measureLabel {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .kshfSummary > .wrapper .aggrGlyph:not([NoActiveRecords]) > [class^="measure_"] {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .aggrGlyph.rangeGlyph:not([NoActiveRecords]) > [class^="measure_Active"] {
  pointer-events: all;
}
.kshf[pointerEvents="true"] .aggrGlyph.rangeGlyph:not([NoActiveRecords]) > .measureLabel {
  pointer-events: all;
}
.kshf[pointerEvents="false"] {
  pointer-events: none;
}
.kshf[drag_cursor="grab"] {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.kshf[drag_cursor="grabbing"] {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.kshf .panel[catLabelDragging=true] .chartCatLabelResize {
  display: block !important;
  border-left: solid lightgray 2px;
}
.kshf[authoringMode] > .attributePanel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf[authoringMode] > .panel_Wrapper {
  margin-left: 220px;
}
.kshf[authoringMode] .saveBrowserConfig {
  display: inline-block;
}
.kshf[authoringMode] .configUser {
  display: inline-block;
}
.kshf[authoringMode] .kshfSummary[viewType='list']:not([collapsed]):hover .chartCatLabelResize {
  display: block !important;
}
.kshf[authoringMode] .recordInfo {
  pointer-events: none !important;
}
.kshf[authoringMode] .recordInfo > .recordName {
  pointer-events: all;
}
.kshf[authoringMode] .summaryName_text {
  cursor: text;
}
.kshf[authoringMode] .summaryName_text:hover {
  cursor: text;
  margin: -1px;
  border: solid 1px gray;
}
.kshf[authoringMode] .summaryConfig_UnitName {
  display: block;
}
.kshf[authoringMode] .recordDisplay:hover .buttonRecordViewRemove {
  display: block;
}
.kshf[authoringMode] .recordDisplay[displaytype="list"]:hover .dragWidthHandle {
  display: block;
}
.kshf[authoringMode] .recordDisplay:not([displaytype="map"]) > .recordDisplayHeader > .itemRank_control {
  display: inline-block;
}
.kshf[authoringMode] .panel:hover > .panelAdjustWidth {
  display: block;
}
.kshf[authoringMode] .buttonSummaryRemove {
  display: inline-block !important;
}
.kshf[measurefunc="Count"] .measureFunction_Count {
  color: black !important;
  font-weight: 600;
}
.kshf[measurefunc="Count"] .measureSelectBox_Content_Summaries {
  display: none !important;
}
.kshf[measurefunc="Avg"] .measurePercentControl {
  pointer-events: none !important;
}
.kshf[measurefunc="Avg"] .measurePercentControl:after {
  content: "Avg" !important;
}
.kshf[measurefunc="Avg"] .scaleModeControl {
  pointer-events: none !important;
}
.kshf[measurefunc="Avg"] .measureFunction_Avg {
  color: black !important;
  font-weight: 600;
}
.kshf[measurefunc="Avg"] .measureSelectBox_Content_RecordName {
  margin-top: 2.4em;
}
.kshf[measurefunc="Sum"] .measurePercentControl:after {
  content: "Sum" !important;
}
.kshf[measurefunc="Sum"] .measureFunction_Sum {
  color: black !important;
  font-weight: 600;
}
.kshf[measurefunc="Sum"] .measureSelectBox_Content_RecordName {
  margin-top: 1.2em;
}
.kshf[percentLabelMode] .measurePercentControl::after {
  content: "%";
}
.kshf[percentLabelMode] .chartAxis_Measure > .tick > .text:after {
  content: "%";
}
.kshf[relativeMode] .chartAxis_Measure > .tick > .text::after {
  content: "%";
}
.kshf[relativeMode] .highlightedAggrValuePointer {
  display: block;
}
.kshf[relativeMode] [class="measure_Active"][subset] {
  stroke-width: 2px;
  stroke: #4000ff;
}
.kshf[relativeMode] .setPairBackground {
  opacity: 0 !important;
}
.kshf[relativeMode] .Summary_Set > .summaryControls > .strengthControl {
  background: -moz-linear-gradient(left, #e6e6f7 0%, #9595db 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e6f7), color-stop(100%, #9595db));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #e6e6f7 0%, #9595db 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #e6e6f7 0%, #9595db 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #e6e6f7 0%, #9595db 100%);
  /* IE10+ */
  background: linear-gradient(to right, #e6e6f7 0%, #9595db 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6f7', endColorstr='#9595db', GradientType=1);
  /* IE6-9 */
  border-right-color: #4000ff;
  color: black;
  text-shadow: 0px 0px 2px #FFFFFF;
}
.kshf[relativeMode] .Summary_Set > .summaryControls > .strengthControl > .strengthLabel {
  display: inline-block;
}
.kshf[selectCompare_A] .measure_Compare_A {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompare_A] .percentileGroup[percentileChartVisible] > .percentileChart_Compare_A {
  display: block;
}
.kshf[selectCompare_B] .measure_Compare_B {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompare_B] .percentileGroup[percentileChartVisible] > .percentileChart_Compare_B {
  display: block;
}
.kshf[selectCompare_C] .measure_Compare_C {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompare_C] .percentileGroup[percentileChartVisible] > .percentileChart_Compare_C {
  display: block;
}
.kshf[recordEncoding="sort"] .kshfSummary[summary_type="interval"] .encodeRecordButton[encodingtype='sort'] {
  display: inline-block;
}
.kshf[recordEncoding="color"] .kshfSummary[summary_type="interval"] .encodeRecordButton[encodingtype='color'] {
  display: inline-block;
}
.kshf[recordEncoding="color"] .kshfSummary[summary_type="interval"][usedforsorting="true"] > .wrapper > .summaryInterval > .mapColorBar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf[recordEncoding="scatter"] .kshfSummary[summary_type="interval"] .encodeRecordButton[encodingtype='sort'] {
  display: inline-block;
}
.kshf[recordEncoding="scatter"] .kshfSummary[summary_type="interval"] .encodeRecordButton[encodingtype='scatter'] {
  display: inline-block;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .kshfSummary:not([collapsed]) {
  -webkit-flex-grow: 3;
  flex-grow: 3;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  overflow: hidden;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="true"] > .dropZone_between_wrapper {
  display: block;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="true"] > .dropZone_panel {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  opacity: 0.3;
  cursor: default;
  border-width: 0px;
  border-radius: 5px;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="true"] > .dropZone_panel > .dropIcon {
  display: none;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="true"] > .dropZone_panel > .dropText {
  display: none;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="false"] > .dropZone_panel {
  display: block;
}
.kshf[showDropZone=true]:not([dropattrtype~="unique"]) .panel[hassummaries="false"].panel_side {
  z-index: 300;
}
.kshf[showDropZone=true][dropSource="browser"] > .attributePanel > .attributeList > .dropZone_AttribList {
  display: block;
}
.kshf[showDropZone=true] .recordDisplay:not([hasRecordView]) {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 50px;
}
.kshf[showDropZone=true] .dropZone_recordView {
  display: block !important;
}
.kshf[showDropZone=true][dropattrtype~="categorical"][dropattrtype~="singlevalue"] .dropZone_textSearch {
  display: block !important;
}
.kshf[showScaleModeControls] .scaleModeControl {
  opacity: 1;
}
.kshf span.unitName {
  margin-left: 1px;
  opacity: 0.6;
}
.kshf .saveBrowserConfig {
  display: none;
}
.kshf .configUser {
  display: none;
}
.kshf .configUser[auth="false"]:before {
  content: "\f090";
}
.kshf .configUser[auth="true"]:before {
  content: "\f007";
}
.kshf .configUser[auth="true"][public="false"]:before {
  content: "\f21b";
}
.kshf .configUser[auth="true"]:hover:before {
  content: "\f08b";
}
.kshf .fa-dropbox {
  color: #007EE5 !important;
}
.kshf .sortButton {
  display: none;
  cursor: pointer;
}
.kshf .sortButton:hover {
  color: #cb5454;
}
.kshf .sortButton:before {
  content: "\f161";
}
.kshf .sortButton[inverse='true']:before {
  content: "\f160";
}
.kshf [class^="AndOrNot"] {
  display: inline-block;
  pointer-events: none;
  color: white;
  font-weight: 300;
  padding: 0px 2px;
  opacity: 0.7;
  font-size: 0.8em;
  vertical-align: top;
  border-radius: 4px;
  margin: 1px;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}
.kshf [class^="AndOrNot"]:hover {
  opacity: 1;
}
.kshf .AndOrNot_And {
  background-color: #1d4870;
}
.kshf .AndOrNot_Or {
  background-color: #1c737a;
}
.kshf .AndOrNot_Not {
  background-color: #808080;
}
.kshf > .panel_Wrapper {
  -webkit-transition: margin-left 700ms ease-in-out;
  -moz-transition: margin-left 700ms ease-in-out;
  -o-transition: margin-left 700ms ease-in-out;
  transition: margin-left 700ms ease-in-out;
  margin-left: 0px;
  z-index: 10;
}
.kshf .editableText:focus {
  background-color: white;
  box-shadow: 0 0 3px #2CABCF;
  border-color: #2CABCF;
  border-style: solid;
  border-width: 1px;
  outline: 0 none;
  margin: 0px;
}
.kshf > .attributePanel {
  display: none;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0px;
  width: 215px;
  top: 0px;
  height: 100%;
}
.kshf > .attributePanel > .attributePanelHeader {
  cursor: default;
  text-align: center;
  border-radius: 3px;
  background-color: #efeadf;
  text-shadow: 0px 1px lightgray;
  padding-top: 3px;
  box-shadow: 0px 0px 2px #B0A47D;
}
.kshf > .attributePanel > .attributePanelHeader > .addAttrib {
  display: none;
  color: gray;
  position: absolute;
  left: 5px;
  cursor: pointer;
}
.kshf > .attributePanel > .attributePanelHeader > .addAttrib:hover {
  color: #cb5454;
}
.kshf > .attributePanel > .attributePanelHeader > .hidePanel {
  color: gray;
  position: absolute;
  left: 3px;
  cursor: pointer;
}
.kshf > .attributePanel > .attributePanelHeader > .hidePanel:hover {
  color: #cb5454;
}
.kshf > .attributePanel > .attributePanelControl {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 1px gray;
  margin: 4px 0px 2px;
  min-height: 20px;
}
.kshf > .attributePanel > .attributePanelControl > .attribFilterIcon {
  margin: 2px;
  color: gray;
}
.kshf > .attributePanel > .attributePanelControl > .addAllSummaries {
  width: 20px;
  display: none;
  cursor: pointer;
}
.kshf > .attributePanel > .attributePanelControl > .addAllSummaries:hover {
  color: #cb5454;
}
.kshf > .attributePanel > .attributePanelControl > .attribTextSearch {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kshf > .attributePanel > .attributeList {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
.kshf > .attributePanel > .attributeList > .dropZone_AttribList {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 10;
  -moz-box-ordinal-group: 10;
  -ms-flex-order: 10;
  -webkit-order: 10;
  order: 10;
  display: none;
  border-radius: 10px;
  border: solid 1px #d3dbe2;
  box-shadow: 0px 0px 1px #bec8d1;
  margin: 2px;
}
.kshf > .attributePanel .newAttribute {
  display: block;
  text-align: center;
  border-radius: 3px;
  background-color: #dfd7d7;
  border: solid 1px gray;
  cursor: pointer;
  color: #C0B1B1;
  font-size: 0.8em;
  margin: 2px;
}
.kshf > .attributePanel .newAttribute:hover {
  background-color: #DBD4D4;
  border-color: black;
  color: #877676;
}
.kshf > .attributePanel .nugget {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  font-size: 0.8em;
  padding: 1px;
  margin: 4px 1px;
  box-shadow: 0px 0px 1px lightgray;
  border-radius: 4px;
  background-color: #e8e8e8;
  border: solid 1px lightgray;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-in-out;
  -moz-transition: opacity 400ms linear, -moz-transform 400ms ease-in-out;
  -o-transition: opacity 400ms linear, -o-transform 400ms ease-in-out;
  transition: opacity 400ms linear,-webkit-transform 400ms ease-in-out,-moz-transform 400ms ease-in-out,-o-transform 400ms ease-in-out,transform 400ms ease-in-out;
}
.kshf > .attributePanel .nugget > .summaryName {
  display: inline-block;
  margin: 1px;
  overflow-wrap: break-word;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 70px);
  padding: 1px;
}
.kshf > .attributePanel .nugget > .summaryName:hover {
  cursor: text;
  padding: 0px;
  border: solid 1px gray;
}
.kshf > .attributePanel .nugget > .thumbIcons {
  width: 10px;
  font-size: 0.9em;
}
.kshf > .attributePanel .nugget > .thumbIcons > .editCodeButton {
  display: none;
  color: black;
  cursor: pointer;
}
.kshf > .attributePanel .nugget > .thumbIcons > .editCodeButton:hover {
  color: orangered;
}
.kshf > .attributePanel .nugget > .thumbIcons > .addFromAttribute_Button {
  display: none;
  color: gray;
  cursor: pointer;
}
.kshf > .attributePanel .nugget > .thumbIcons > .addFromAttribute_Button:hover {
  color: orangered;
}
.kshf > .attributePanel .nugget > .thumbIcons > .splitCatAttribute_Button {
  display: none;
  cursor: pointer;
  color: gray;
}
.kshf > .attributePanel .nugget > .thumbIcons > .splitCatAttribute_Button:hover {
  color: black;
}
.kshf > .attributePanel .nugget .nuggetInfo {
  display: inline-block;
  width: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 500;
  font-size: 0.7em;
  vertical-align: top;
  text-align: center;
}
.kshf > .attributePanel .nugget .nuggetInfo > .num_left {
  float: left;
  margin-left: 2px;
}
.kshf > .attributePanel .nugget .nuggetInfo > .num_right {
  float: right;
  margin-right: 2px;
}
.kshf > .attributePanel .nugget .nuggetInfo > .fa {
  color: gray;
}
.kshf > .attributePanel .nugget[filtered='true'] {
  display: none;
}
.kshf > .attributePanel .nugget[hidden='true'] {
  display: none;
}
.kshf > .attributePanel .nugget:not([aggr_initialized]) > .nuggetViz > .nuggetInfo {
  font-size: 2em;
  text-align: center;
  position: relative;
}
.kshf > .attributePanel .nugget:not([aggr_initialized]) > .nuggetViz > .nuggetInfo:before {
  content: "\f110";
}
.kshf > .attributePanel .nugget:not([aggr_initialized]) > .nuggetViz > .nuggetChart {
  display: none !important;
}
.kshf > .attributePanel .nugget:not([aggr_initialized]) > .nuggetViz:hover > .nuggetInfo {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.kshf > .attributePanel .nugget > .nuggetViz {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  background-color: #F8F6F6;
  width: 60px;
  min-width: 60px;
  border-radius: 5px;
  border: solid 1px #c8c8c8;
}
.kshf > .attributePanel .nugget > .nuggetViz > .nuggetChart {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 30px;
  margin-right: 3px;
  margin-left: 3px;
}
.kshf > .attributePanel .nugget > .nuggetViz > .nuggetChart > .nuggetBar {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  background-color: #b1bdc5;
}
.kshf > .attributePanel .nugget:hover {
  background-color: #E8E0CE;
  border-color: #B8B6B1;
}
.kshf > .attributePanel .nugget:hover > .nuggetViz {
  border-color: gray;
}
.kshf > .attributePanel .nugget[datatype~="interval"] > .nuggetViz {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kshf > .attributePanel .nugget[datatype~="interval"] > .nuggetViz > .nuggetChart {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.kshf > .attributePanel .nugget[datatype~="interval"] > .nuggetViz > .nuggetChart > .nuggetBar {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.kshf > .attributePanel .nugget[datatype~="interval"] .nuggetChart {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.kshf > .attributePanel .nugget[datatype~="interval"] .nuggetInfo {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  max-height: 1em;
}
.kshf > .attributePanel .nugget[datatype~='time']:hover .addFromAttribute_Button {
  display: inline-block;
}
.kshf > .attributePanel .nugget[datatype~='time'] .num_right:before {
  content: '\f017';
}
.kshf > .attributePanel .nugget[datatype~='multivalue']:hover .addFromAttribute_Button {
  display: inline-block;
}
.kshf > .attributePanel .nugget[datatype~="categorical"] > .nuggetViz {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.kshf > .attributePanel .nugget[datatype~="categorical"] > .nuggetViz > .nuggetChart {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.kshf > .attributePanel .nugget[datatype~="categorical"][datatype~="singlevalue"]:hover .splitCatAttribute_Button {
  display: inline-block;
}
.kshf > .attributePanel .nugget[state='custom'] .editCodeButton {
  display: inline-block;
}
.kshf > .attributePanel .nugget[moved] {
  opacity: 0.5 !important;
}
.kshf > .attributePanel .nugget[anim="disappear"] {
  opacity: 0;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
}
.kshf > .attributePanel .nugget[anim="appear"] {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.kshf .textSearchBox {
  white-space: nowrap;
  position: relative;
  height: 18px;
}
.kshf .textSearchBox > .summaryTextSearchInput {
  font-size: 0.7em;
  font-weight: 700;
  border-width: 0px;
  color: #cb5454;
  background-color: rgba(244, 244, 244, 0);
  margin: 2px 0px 0px 0px;
  cursor: text;
}
.kshf .textSearchBox > .summaryTextSearchInput:focus {
  outline-color: #cb5454;
  outline-width: 2px;
}
.kshf .textSearchBox > .summaryTextSearchInput:hover {
  border: solid 1px #cb5454;
  padding: 0px 0px 0px 0px;
}
.kshf .textSearchBox > .summaryTextSearchInput::-webkit-input-placeholder {
  font-weight: 300;
  color: #cb5454;
}
.kshf .textSearchBox > .summaryTextSearchInput:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .textSearchBox > .summaryTextSearchInput:hover::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .textSearchBox > .textSearchControl {
  vertical-align: middle;
  padding-left: 1px;
  font-size: 0.7em;
  pointer-events: none;
  color: #cb5454;
  cursor: default;
}
.kshf .textSearchBox > .textSearchControl:before {
  content: "\f002";
}
.kshf .textSearchBox > .textSearchControl[showClear=true] {
  cursor: pointer;
  pointer-events: all;
  color: gray;
}
.kshf .textSearchBox > .textSearchControl[showClear=true]:hover {
  color: #cb5454;
}
.kshf .textSearchBox > .textSearchControl[showClear=true]:before {
  content: "\f057";
}
.kshf .recordInfo {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  position: relative;
  white-space: nowrap;
  cursor: default;
  font-size: 1.2em;
  font-weight: 500;
  z-index: 10;
  margin-bottom: 2px;
  margin-left: 2px;
}
.kshf .recordInfo > .activeRecordMeasure {
  display: inline-block;
  text-align: right;
  margin-right: 3px;
}
.kshf .recordInfo > .activeRecordMeasure > .unitName {
  font-weight: 400;
}
.kshf .recordInfo > .measureFuncType {
  font-weight: 300;
}
.kshf .recordInfo > .recordName {
  pointer-events: none;
  cursor: text;
}
.kshf .recordInfo > .recordName:hover {
  margin: -1px;
  border: solid 1px gray;
}
.kshf .filterClearAll {
  display: none;
  position: relative;
  padding: 0px 2px;
  height: 14px;
  border: 1px #685b2b solid;
  background-color: #685b2b;
  font-size: 0.7em;
  font-weight: 300;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  color: white;
  -webkit-transition: background-color 100ms linear, opacity 300ms linear;
  -moz-transition: background-color 100ms linear, opacity 300ms linear;
  -o-transition: background-color 100ms linear, opacity 300ms linear;
  transition: background-color 100ms linear, opacity 300ms linear;
}
.kshf .filterClearAll:hover {
  text-decoration: underline;
}
.kshf .filterClearAll[active=true] {
  display: inline-block;
}
.kshf .filterClearAll:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0b0";
  vertical-align: top;
  margin-right: 2px;
}
.kshf .filterClearAll:after {
  content: "Show all";
}
.kshf .measureSelectBox {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 190px;
  margin-top: 22px;
  z-index: 2000;
  background-color: white;
  font-size: 0.9em;
  font-weight: 400;
  border-radius: 4px;
  border: solid 1px gray;
  color: black;
  box-shadow: 2px 2px 8px gray;
}
.kshf .measureSelectBox > .measureSelectBox_Close {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  font-size: 1.2em;
  color: gray;
}
.kshf .measureSelectBox > .measureSelectBox_Close:hover {
  color: #cb5454;
}
.kshf .measureSelectBox > .measureSelectBox_Header {
  font-weight: 700;
  padding: 3px;
  background-color: #DDD9D0;
  border-radius: 4px 4px 0px 0px;
  border-bottom: solid 1px gray;
  white-space: nowrap;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.kshf .measureSelectBox > .measureSelectBox_Content {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 4px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.kshf .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_FuncType {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  vertical-align: top;
  text-align: right;
  padding-right: 3px;
  border-right: dashed 1px gray;
}
.kshf .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_FuncType > .measureFunctionType {
  display: block;
  margin-bottom: 2px;
  cursor: pointer;
  color: gray;
}
.kshf .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_FuncType > .measureFunctionType:hover {
  color: #cb5454;
}
.kshf .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_Summaries {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 0.5em 5px 0px 5px;
  margin: 1em 0px 0px 5px;
  text-align: center;
  border-top: dotted 1px lightgray;
}
.kshf .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_RecordName {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  cursor: default;
  font-weight: 600;
  padding-left: 4px;
}
.kshf .breadcrumbs {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1px 2px 4px 4px;
  font-size: 0.8em;
  vertical-align: top;
}
.kshf .breadcrumbs > .saveSelection {
  display: none;
  cursor: pointer;
  color: gray;
  height: 1em;
  font-size: 1.1em;
  margin: 3px 0px;
  vertical-align: top;
}
.kshf .breadcrumbs > .saveSelection[active=true]:hover {
  color: #cb5454;
}
.kshf .breadcrumbs > .saveSelection[active=true] {
  display: inline-block;
}
.kshf .breadcrumbs > .breadCrumb {
  cursor: pointer;
}
.kshf .breadcrumbs > .breadCrumb:hover {
  background-color: #ffffff;
}
.kshf .breadcrumbs > .breadCrumb:hover > .crumbText {
  text-decoration: line-through;
}
.kshf .breadcrumbs > .breadCrumb:hover > .breadCrumbIcon::before {
  content: "\f00d";
}
.kshf .panel_Basic {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 99;
  position: relative;
  background-color: #efeadf;
  box-shadow: 0px 0px 2px #B8AF9A;
  margin-bottom: 4px;
  padding-bottom: 3px;
}
.kshf .panel_Basic > .measureSelectBox_Wrapper {
  position: relative;
}
.kshf .panel_Basic > .measureSelectBox_Wrapper[showMeasureBox] > .measureSelectBox {
  display: block;
}
.kshf .panel_Basic > .filterClearAll {
  top: 3px;
}
.kshf .panel_Basic > .rightBoxes {
  font-size: 1.0em;
  color: #635d46;
  padding-right: 2px;
  white-space: nowrap;
}
.kshf .panel_Basic > .rightBoxes > .fa {
  cursor: pointer;
  margin-left: 4px;
}
.kshf .panel_Basic > .rightBoxes > .fa:hover {
  color: #cb5454;
}
.kshf .panel_Basic > .rightBoxes > .showHelpIn {
  -webkit-animation: helpInFlip 3s infinite ease-in-out;
  -moz-animation: helpInFlip 3s infinite ease-in-out;
  -o-animation: helpInFlip 3s infinite ease-in-out;
  animation: helpInFlip 3s infinite ease-in-out;
}
.kshf .panel_Basic > .rightBoxes > .notifyButton {
  display: none;
  -webkit-animation: notifAlert 2s infinite ease-in-out;
  -moz-animation: notifAlert 2s infinite ease-in-out;
  -o-animation: notifAlert 2s infinite ease-in-out;
  animation: notifAlert 2s infinite ease-in-out;
}
.kshf .panel_Basic > .rightBoxes > .notifyButton:hover {
  color: orangered;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
.kshf .panel_Basic > .rightBoxes > .authorButton {
  display: inline-block;
}
.kshf .panel_Basic > .rightBoxes > .authorButton:hover {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.kshf .panel_Basic > .rightBoxes > .datasource {
  display: none;
  text-decoration: none;
  color: #635d46;
}
.kshf .panel_Basic > .rightBoxes > .logoHost {
  margin-left: 2px;
  cursor: pointer;
}
.kshf .panel_Basic > .rightBoxes > .logoHost > .kshfLogo {
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
  vertical-align: top;
}
.kshf .panel_Basic > .rightBoxes > .logoHost > .kshfLogo:hover {
  border-radius: 1em;
  border: solid 1px gray;
}
.kshf .panel_Basic:hover .saveSelection {
  color: black;
}
.kshf .panel_Basic:hover .measureFuncSelect {
  color: black;
}
.kshf .panels_Above {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.kshf .attribDragBox {
  position: absolute;
  top: 0px;
  left: 0px;
  min-height: 21px;
  width: 200px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNDUsIDI0NSwgMjQ1KSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9InJnYigyNDEsIDI0MSwgMjQxKSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9InJnYigyNDEsIDI0MSwgMjQxKSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjQ1LCAyNDUsIDI0NSkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(right, rgba(245, 245, 245, 1) 0%, rgba(241, 241, 241, 1) 20%, rgba(241, 241, 241, 1) 80%, rgba(245, 245, 245, 1) 100%);;
  background-image: -moz-linear-gradient(right, rgba(245, 245, 245, 1) 0%, rgba(241, 241, 241, 1) 20%, rgba(241, 241, 241, 1) 80%, rgba(245, 245, 245, 1) 100%);;
  background-image: -o-linear-gradient(right, rgba(245, 245, 245, 1) 0%, rgba(241, 241, 241, 1) 20%, rgba(241, 241, 241, 1) 80%, rgba(245, 245, 245, 1) 100%);;
  background-image: linear-gradient(to left, rgba(245, 245, 245, 1) 0%, rgba(241, 241, 241, 1) 20%, rgba(241, 241, 241, 1) 80%, rgba(245, 245, 245, 1) 100%);;
  border-radius: 3px;
  border: solid 1px lightgray;
  box-shadow: 5px 5px 20px gray;
  display: none;
  z-index: 400;
  text-align: center;
  font-weight: 500;
  font-size: 0.9em;
  cursor: default;
  text-rendering: initial;
  pointer-events: none;
}
.kshf > .warningBox_wrapper {
  position: absolute;
  top: -20px;
  opacity: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  z-index: 50;
  pointer-events: none;
  -webkit-transition: opacity 500ms ease-in-out, top 500ms;
  -moz-transition: opacity 500ms ease-in-out, top 500ms;
  -o-transition: opacity 500ms ease-in-out, top 500ms;
  transition: opacity 500ms ease-in-out, top 500ms;
}
.kshf > .warningBox_wrapper > .warningBox {
  display: inline-block;
  background-color: #F8EE82;
  border-radius: 5px;
  font-size: 0.8em;
  font-weight: 100;
  padding: 2px 5px;
  border: solid 1px #d6ce79;
  box-shadow: 1px 1px 3px gray;
}
.kshf > .warningBox_wrapper > .warningBox > .warningText {
  cursor: default;
}
.kshf > .warningBox_wrapper > .warningBox > .warningText > a {
  color: #665F17;
  font-weight: 500;
}
.kshf > .warningBox_wrapper > .warningBox > .dismiss {
  margin-left: 5px;
  color: gray;
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.8em;
}
.kshf > .warningBox_wrapper > .warningBox > .dismiss:hover {
  color: orangered;
}
.kshf > .warningBox_wrapper[shown=true] {
  opacity: 1;
  top: 5px;
  pointer-events: all;
}
.kshf > .pointerBlock {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -10;
  pointer-events: none;
}
.kshf > .pointerBlock[active] {
  z-index: 700;
  pointer-events: all;
}
.kshf .breadCrumb {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  margin-top: 1px;
  color: #252112;
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.kshf .breadCrumb > .crumbText {
  pointer-events: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 16px;
  margin-right: 1px;
}
.kshf .breadCrumb > .crumbText > .crumbHeader {
  font-weight: 500;
}
.kshf .breadCrumb > .crumbText > .crumbHeader:after {
  content: ': ';
}
.kshf .breadCrumb > .crumbText > .crumbDetails {
  margin-right: 2px;
  display: inline;
}
.kshf .breadCrumb > .crumbText > .crumbDetails > .unitName {
  font-weight: 300;
}
.kshf .breadCrumb > .breadCrumbIcon {
  width: 15px;
  height: 100%;
  position: absolute;
  pointer-events: none;
  font-size: 1em;
  padding: 1px;
  left: 0px;
  text-align: center;
  color: white;
  -webkit-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  -moz-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  -o-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
}
.kshf .breadCrumb[filtered=false] {
  display: none;
}
.kshf .breadCrumb.crumbMode_Filter {
  border: solid 1px #788d9b;
}
.kshf .breadCrumb.crumbMode_Filter > .breadCrumbIcon {
  background-color: #788d9b;
  font-size: 1em;
}
.kshf .breadCrumb.crumbMode_Filter > .breadCrumbIcon::before {
  content: "\f0b0";
}
.kshf .breadCrumb.crumbMode_Highlight {
  border: solid 1px #ff4500;
}
.kshf .breadCrumb.crumbMode_Highlight > .breadCrumbIcon {
  background-color: #ff4500;
}
.kshf .breadCrumb.crumbMode_Highlight > .breadCrumbIcon::before {
  content: "\f245";
  position: relative;
  top: 1px;
  left: 1px;
}
.kshf .breadCrumb[class*='crumbMode_Compare'] > .breadCrumbIcon::before {
  content: "\f023";
  position: relative;
  top: 1px;
}
.kshf .breadCrumb[class*='crumbMode_Compare_A'] {
  border: solid 1px #2f4f4f;
}
.kshf .breadCrumb[class*='crumbMode_Compare_A'] > .breadCrumbIcon {
  background-color: #2f4f4f;
}
.kshf .breadCrumb[class*='crumbMode_Compare_B'] {
  border: solid 1px #39ef4f;
}
.kshf .breadCrumb[class*='crumbMode_Compare_B'] > .breadCrumbIcon {
  background-color: #39ef4f;
}
.kshf .breadCrumb[class*='crumbMode_Compare_C'] {
  border: solid 1px #fff810;
}
.kshf .breadCrumb[class*='crumbMode_Compare_C'] > .breadCrumbIcon {
  background-color: #fff810;
  color: black;
}
.kshf .panel > .dropZone_between_wrapper {
  display: none;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
  margin-top: 2px;
  z-index: 340;
  border-radius: 5px;
  width: calc(100% - 3px);
  -webkit-transition: flex-grow 450ms ease-in-out, background-color 250ms linear, width 500ms ease-in-out;
  -moz-transition: flex-grow 450ms ease-in-out, background-color 250ms linear, width 500ms ease-in-out;
  -o-transition: flex-grow 450ms ease-in-out, background-color 250ms linear, width 500ms ease-in-out;
  transition: flex-grow 450ms ease-in-out, background-color 250ms linear, width 500ms ease-in-out;
}
.kshf .panel > .dropZone_between_wrapper > .dropZone_between {
  border-radius: 5px;
  border: solid 1px #adb4ba;
  box-shadow: 1px 1px 1px #adb3b7;
  position: relative;
  height: 22px;
  text-align: center;
  overflow: hidden;
}
.kshf .panel > .dropZone_between_wrapper > .dropZone_between > .dropText {
  vertical-align: top;
  margin-top: 2px;
}
.kshf .panel > .dropZone_between_wrapper[hovered=true] {
  -webkit-flex-grow: 4;
  flex-grow: 4;
  position: relative;
  background-color: rgba(255, 69, 0, 0.22);
}
.kshf .panel > .dropZone_between_wrapper[hovered=true] > .dropZone_between > .dropIcon {
  color: orangered;
}
.kshf .panel > .dropZone_between_wrapper[hovered=true] .dropZone {
  background-color: rgba(217, 224, 230, 0.2) !important;
}
.kshf .panel .dropZone {
  background-color: rgba(217, 224, 230, 0.7);
  text-align: center;
}
.kshf .panel .dropZone[readyToDrop=true] {
  background-color: #ffbca3;
  border-color: orangered;
  cursor: s-resize;
}
.kshf .panel .dropZone[readyToDrop=true] > .dropText {
  display: inline-block;
}
.kshf .panel .dropZone_summary {
  z-index: 250;
  position: relative;
  cursor: default;
  -webkit-transition: background-color 100ms linear, width 300ms ease-in-out;
  -moz-transition: background-color 100ms linear, width 300ms ease-in-out;
  -o-transition: background-color 100ms linear, width 300ms ease-in-out;
  transition: background-color 100ms linear, width 300ms ease-in-out;
}
.kshf .panel .dropZone_summary:hover {
  background-color: #ffbca3;
}
.kshf .panel .dropZone_summary > .dropIcon {
  margin: 0px;
  font-size: 1.5em;
  font-weight: 700;
  color: #7E8A96;
  text-shadow: 1px 1px 1px #B6BCC2;
}
.kshf .panel > .dropZone_panel {
  display: none;
  border-color: gray;
  border-style: solid;
  border-width: 0px;
  position: absolute;
  z-index: 230;
}
.kshf .panel > .panelAdjustWidth {
  display: none;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 0px;
  top: 0px;
  border-width: 0px 2px 0px 0px;
  border-style: dotted;
  border-color: lightgray;
  cursor: col-resize;
  opacity: 0.8;
  z-index: 10;
  pointer-events: all;
}
.kshf .panel > .panelAdjustWidth:hover {
  border-color: gray;
  border-style: dashed;
}
.kshf .panel > .panelAdjustWidth[dragging] {
  border-color: gray;
  border-style: dashed;
  display: block;
}
.kshf .panel > .panelAdjustWidth[helpin] {
  display: block;
}
.kshf .panel .dropIcon {
  pointer-events: none;
  margin: 0px;
  font-size: 2em;
  color: #7E8A96;
  text-shadow: 1px 1px 1px #B6BCC2;
  display: inline-block;
}
.kshf .panel .dropText {
  display: none;
  margin-left: 4px;
  font-size: 1.0em;
  font-weight: 300;
}
.kshf .panel[hideBars] .catGlyph {
  display: none;
}
.kshf .panel[hideBarAxis] .summaryCategorical .chartAxis_Measure {
  display: none;
}
.kshf .panel.panel_bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.kshf .panel.panel_bottom > .dropZone_panel {
  bottom: 0px;
  height: 30px;
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  border-top-width: 2px;
}
.kshf .panel.panel_bottom > .dropZone_between_wrapper > .dropZone_between > .dropIcon {
  display: inline-block;
}
.kshf .panel.panel_bottom > .dropZone_between_wrapper > .dropZone_between > .dropText {
  display: inline-block;
  vertical-align: top;
}
.kshf .panel.panel_side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9;
  vertical-align: top;
  position: relative;
  height: 100%;
}
.kshf .panel.panel_side > .dropZone_panel {
  top: 0px;
  height: 100%;
  width: 50px;
  z-index: 231;
}
.kshf .panel.panel_side > .dropZone_panel > .dropIcon {
  margin-top: 150px;
  top: 200px;
}
.kshf .panel.panel_left > .dropZone_panel {
  left: 0px;
  border-radius: 0px 40px 40px 0px;
  border-right-width: 2px;
}
.kshf .panel.panel_left > .panelAdjustWidth {
  right: -2px;
}
.kshf .panel.panel_right > .dropZone_panel {
  right: 0px;
  border-radius: 40px 0px 0px 40px;
  border-left-width: 2px;
}
.kshf .panel.panel_right > .panelAdjustWidth {
  left: -2px;
}
.kshf .panel.panel_middle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  vertical-align: top;
  position: relative;
}
.kshf .panel.panel_middle > .dropZone_panel {
  bottom: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  border-radius: 40px 40px 0px 0px;
  border-top-width: 2px;
}
.kshf .panel_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2000;
  text-align: center;
  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms;
  -moz-transition: -moz-transform 500ms ease-in-out, opacity 500ms;
  -o-transition: -o-transform 500ms ease-in-out, opacity 500ms;
  transition: -webkit-transform 500ms ease-in-out,-moz-transform 500ms ease-in-out,-o-transform 500ms ease-in-out,transform 500ms ease-in-out, opacity 500ms;
}
.kshf .panel_overlay > .kshfBackground {
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: black;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  border-radius: 5px;
  pointer-events: none;
}
.kshf .panel_overlay > .overlay_content {
  display: none;
  margin: auto;
  box-shadow: 0px 0px 20px black;
  border-radius: 15px;
  background-color: white;
  opacity: 1.0;
  z-index: 1043;
  max-height: 90%;
  max-width: 90%;
  overflow-y: auto;
  overflow-x: hidden;
}
.kshf .panel_overlay > .overlay_content > .overlay_Close {
  font-size: 1.2em;
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  color: gray;
  padding: 1px;
}
.kshf .panel_overlay > .overlay_content > .overlay_Close:hover {
  color: #cb5454;
}
.kshf .panel_overlay > .overlay_source {
  background-color: white;
  width: 550px;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}
.kshf .panel_overlay > .overlay_source .fa-info-circle {
  color: gray;
  cursor: pointer;
  padding: 0px 5px;
}
.kshf .panel_overlay > .overlay_source .fa-info-circle:hover {
  color: black;
}
.kshf .panel_overlay > .overlay_source > .sourceHeader {
  font-weight: 700;
  font-size: 1.3em;
  margin: 5px 5px 0px 5px;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper {
  width: 530px;
  display: inline-block;
  margin: 5px 5px 15px 5px;
  padding: 5px;
  border: solid 1px lightgray;
  border-radius: 5px;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper > .sourceOptions {
  margin-bottom: 3px;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .gdocLink {
  width: 350px;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .fileLink {
  width: 350px;
  display: none;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .sourceOption {
  display: inline-block;
  border: solid 1px lightgray;
  padding: 2px 4px;
  border-radius: 7px;
  font-weight: 300;
  margin: 0px 2px;
  font-size: 0.8em;
  cursor: pointer;
  color: #a0a0a0;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .sourceOption:hover {
  color: black;
  box-shadow: 0px 0px 1px gray;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .gdocLink_ready {
  opacity: 0;
  pointer-events: none;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .gdocLink_ready:before {
  content: "\f057";
  color: red;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .gdocLink_ready[ready] {
  pointer-events: all;
}
.kshf .panel_overlay > .overlay_source > .source_wrapper .gdocLink_ready[ready]:before {
  content: "\f058";
  color: green;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="GoogleSheet"] .sourceOption[source_type="GoogleSheet"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="GoogleSheet"] .tableHeader:before {
  content: "Sheet";
}
.kshf .panel_overlay > .overlay_source[selected_source_type="Dropbox"] .sourceOption[source_type="Dropbox"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="Dropbox"] .tableHeader:before {
  content: "Cloud-File";
}
.kshf .panel_overlay > .overlay_source[selected_source_type="Dropbox"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="GoogleDrive"] .sourceOption[source_type="GoogleDrive"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="GoogleDrive"] .tableHeader:before {
  content: "Cloud-File";
}
.kshf .panel_overlay > .overlay_source[selected_source_type="GoogleDrive"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] .sourceOption[source_type="LocalFile"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] .gdocLink {
  display: none;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] .fileLink {
  display: inline-block;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] .tableHeader:before {
  content: "File";
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] > .sheetInfo > .sheet_wrapper > .tableHeader {
  display: none;
}
.kshf .panel_overlay > .overlay_source[selected_source_type="LocalFile"] > .sheetInfo > .sheetName_wrapper {
  display: none;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo {
  border: solid 1px lightgray;
  border-radius: 5px;
  text-align: left;
  width: 300px;
  margin: 0 auto;
  padding-bottom: 5px;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .tableHeader {
  font-weight: 700;
  text-align: center;
  border-bottom: solid 1px lightgray;
  margin-bottom: 2px;
  margin-top: 5px;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo > .sheet_wrapper {
  margin: 0 auto;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .subheading {
  width: 110px;
  display: inline-block;
  text-align: right;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .subheading:not(.tableHeader) {
  font-weight: 300;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .sheetColumn_Splitter {
  width: 60px;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .tableName {
  width: 85px;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .sheetColumn_Seperator {
  width: 30px;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .fileType_wrapper {
  display: none;
}
.kshf .panel_overlay > .overlay_source > .sheetInfo .sheetColumn_sep_wrapper {
  display: none;
  font-size: 0.8em;
  margin-left: 5px;
  cursor: default;
}
.kshf .panel_overlay > .overlay_source > .actionButton {
  display: inline-block;
  border: solid 1px gray;
  padding: 5px;
  margin: 15px;
  border-radius: 5px;
  background-color: white;
  font-weight: 300;
}
.kshf .panel_overlay > .overlay_source > .actionButton[disabled=true] {
  color: gray;
  border-color: lightgray;
  cursor: not-allowed;
}
.kshf .panel_overlay > .overlay_source > .actionButton[disabled=false]:hover {
  cursor: pointer;
  box-shadow: 1px 1px 1px gray;
  background-color: #EEE;
}
.kshf .panel_overlay > .overlay_source > .dataImportNotes {
  font-size: 0.8em;
  font-weight: 300;
  border-top: solid 1px lightgray;
  padding: 10px;
  margin-top: 10px;
  line-height: 2em;
}
.kshf .panel_overlay > .overlay_source > .dataImportNotes > a {
  color: black;
}
.kshf .panel_overlay > .overlay_loading {
  width: 300px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf .panel_overlay > .overlay_loading .spinner {
  position: absolute;
  left: 20px;
  top: 3px;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.kshf .panel_overlay > .overlay_loading .spinner > .spinner_x {
  margin-right: 2px;
  background-color: #a3bdd1;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.kshf .panel_overlay > .overlay_loading .spinner > .spinner_2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.kshf .panel_overlay > .overlay_loading .spinner > .spinner_3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.kshf .panel_overlay > .overlay_loading .spinner > .spinner_4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.kshf .panel_overlay > .overlay_loading .spinner > .spinner_5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.kshf .panel_overlay > .overlay_loading div.status_text {
  margin: auto;
  position: absolute;
  top: 10px;
  left: 70px;
  height: 20px;
}
.kshf .panel_overlay > .overlay_loading div.status_text > .status_text_sub {
  margin-left: 5px;
}
.kshf .panel_overlay > .overlay_infobox {
  display: none;
  width: 300px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: default;
  /*
          background: linear-gradient(150deg, #3f8e7a, #86d774);
          background-size: 400% 400%;
          -webkit-animation: CreditsBackgroundAnim 4s ease infinite;
          -moz-animation: CreditsBackgroundAnim 4s ease infinite;
          -o-animation: CreditsBackgroundAnim 4s ease infinite;
          animation: CreditsBackgroundAnim 4s ease infinite;
          */
}
.kshf .panel_overlay > .overlay_infobox > .overlay_Close {
  display: none;
}
.kshf .panel_overlay > .overlay_infobox .socialMedia {
  float: right;
  font-size: 1.6em;
  margin: 8px 3px;
  position: relative;
  text-decoration: none !important;
  text-shadow: 0px 0px 3px white;
}
.kshf .panel_overlay > .overlay_infobox .socialMedia:hover {
  text-decoration: underline !important;
  top: -5px;
}
.kshf .panel_overlay > .overlay_infobox .infobox-header {
  background-color: rgba(210, 218, 204, 0.63);
  width: 100%;
  padding-top: 5px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0px 0px 10px gray;
  text-align: left;
}
.kshf .panel_overlay > .overlay_infobox a {
  color: black;
}
.kshf .panel_overlay > .overlay_infobox .boxinbox {
  margin-top: 10px;
  font-size: 0.9em;
}
.kshf .panel_overlay > .overlay_infobox .boxinbox a.myName {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  font-style: normal;
}
.kshf .panel_overlay > .overlay_infobox .boxinbox a.advName {
  font-size: 0.9em;
  padding-top: 2px;
}
.kshf .panel_overlay > .overlay_infobox .kshfLogo {
  float: left;
  height: 42px;
  vertical-align: top;
  margin-right: 5px;
  margin-left: 10px;
}
.kshf .panel_overlay > .overlay_infobox .libName {
  font-size: 1.3em;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
.kshf .panel_overlay > .overlay_infobox .libName:hover {
  color: orangered;
}
.kshf .panel_overlay > .overlay_infobox .project_fund {
  clear: both;
  margin-top: 1.5em;
  text-align: center;
  font-size: 0.8em;
  font-weight: 300;
  white-space: nowrap;
}
.kshf .panel_overlay > .overlay_recordDetails {
  position: relative;
  margin: 20px;
  padding: 10px 30px;
}
.kshf .panel_overlay[show="none"] {
  pointer-events: none;
}
.kshf .panel_overlay[show="loading"] > .overlay_loading {
  display: inline-block;
}
.kshf .panel_overlay[show="loading"] > .kshfBackground {
  opacity: 0.7;
  pointer-events: all;
}
.kshf .panel_overlay[show="infobox"] > .overlay_infobox {
  display: inline-block;
}
.kshf .panel_overlay[show="infobox"] > .kshfBackground {
  opacity: 0.3;
  pointer-events: all;
}
.kshf .panel_overlay[show="source"] > .overlay_source {
  display: inline-block;
}
.kshf .panel_overlay[show="source"] > .kshfBackground {
  opacity: 0.7;
  pointer-events: all;
}
.kshf .panel_overlay[show^="help"] > .kshfBackground {
  opacity: 0.3;
  pointer-events: all;
}
.kshf .panel_overlay[show^="help"] > .overlay_help {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .panel_overlay[show="recordDetails"] > .kshfBackground {
  opacity: 0.3;
  pointer-events: all;
}
.kshf .panel_overlay[show="recordDetails"] > .overlay_recordDetails {
  -webkit-animation: recordDetails 500ms forwards;
  -moz-animation: recordDetails 500ms forwards;
  -o-animation: recordDetails 500ms forwards;
  animation: recordDetails 500ms forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  display: inline-block;
}
.kshf .hasLabelWidth {
  text-align: right;
}
.kshf .summaryCategorical .scrollToTop {
  right: 1px;
}
.kshf .measureFuncSelect {
  display: none;
  margin: 4px 1px 0px 3px;
  font-size: 0.8em;
  height: 1em;
  color: gray;
  cursor: pointer;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
}
.kshf .measureFuncSelect:hover {
  color: #cb5454 !important;
}
.kshf .measureFuncSelect[changeMeasureBox] {
  display: inline-block;
}
.kshf .clearFilterButton {
  display: inline-block;
  opacity: 0;
  background-color: #788d9b;
  border: solid 1px #788d9b;
  color: white;
  height: 16px;
  width: 16px;
  line-height: 14px;
  position: relative;
  vertical-align: top;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  pointer-events: none;
  cursor: pointer;
  -webkit-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  -moz-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  -o-transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
  transition: background-color 100ms linear, color 100ms linear, opacity 400ms;
}
.kshf .clearFilterButton:before {
  content: "\f0b0";
}
.kshf .clearFilterButton:hover {
  background-color: white;
  color: #cb5454;
  border-color: #cb5454;
}
.kshf .clearFilterButton:hover:before {
  content: "\f00d" !important;
}
.kshf .measurePercentControl {
  pointer-events: all;
  position: absolute;
  color: black;
  font-size: 0.7em;
  font-weight: 700;
  cursor: pointer;
  line-height: 1em;
  padding: 0px 2px;
  border: solid 1px rgba(153, 171, 146, 0);
  border-radius: 5px;
  background-color: rgba(211, 217, 197, 0);
  -webkit-transition: background-color 250ms linear, border-color 250ms linear;
  -moz-transition: background-color 250ms linear, border-color 250ms linear;
  -o-transition: background-color 250ms linear, border-color 250ms linear;
  transition: background-color 250ms linear, border-color 250ms linear;
}
.kshf .measurePercentControl:after {
  content: '#';
}
.kshf[measurePercentControl] .measurePercentControl {
  color: #cb5454;
  background-color: #d3d9c5;
  border: solid 1px #99ab92;
}
.kshf[measurePercentControl] .measurePercentControl:after {
  content: '%';
}
.kshf[measurePercentControl][percentLabelMode] .measurePercentControl::after {
  content: "%";
}
.kshf .chartAxis_Measure {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0px;
}
.kshf .chartAxis_Measure > .tickGroup > .tick {
  opacity: 0;
  position: absolute;
}
.kshf .chartAxis_Measure > .tickGroup > .tick > .text {
  position: relative;
  text-align: center;
  font-size: 0.6em;
  font-weight: 300;
  line-height: 9px;
  cursor: default;
  color: gray;
}
.kshf .chartAxis_Measure > .tickGroup > .tick > .text.measureAxis_1 {
  display: block;
}
.kshf .chartAxis_Measure > .tickGroup > .tick > .line {
  display: block;
  position: absolute;
}
.kshf .scaleModeControl {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  background-color: #E0E4D7;
  border: solid 1px #B7CAAF;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
.kshf .leaflet-tile-pane {
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
.kshf .leaflet-tile-pane[showhide=hide] {
  opacity: 0.2;
}
.kshf .dragWidthHandle {
  display: none;
  position: absolute;
  top: 0px;
  cursor: col-resize;
  border-left: dotted lightgray 2px;
  width: 4px;
}
.kshf .dragWidthHandle:hover {
  border-color: gray;
}
.kshf .dragWidthHandle[dragging] {
  display: block;
  border-color: lightgray;
  border-style: solid;
  border-left-width: 2px;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.kshf .encodeRecordButton {
  display: none;
  opacity: 0;
  pointer-events: none;
}
.kshf .encodeRecordButton[encodingType='sort']:before {
  content: "\f0dc";
}
.kshf .encodeRecordButton[encodingType='sort']:hover {
  color: #cb5454;
}
.kshf .encodeRecordButton[encodingType='scatter'] {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 14px;
  height: 14px;
}
.kshf .encodeRecordButton[encodingType='scatter']:before {
  content: "\f0dc";
}
.kshf .encodeRecordButton[encodingType='scatter']:hover {
  color: #cb5454;
}
.kshf .encodeRecordButton[encodingType='color'] {
  position: relative;
  margin: 0;
  border: solid 1px white;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0, linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0, linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0, linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0, linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%, linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%, linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%, linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%, #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  transition: 1s;
}
.kshf .encodeRecordButton[encodingType='color']:hover {
  transform: rotate(360deg);
}
.kshf .headerGroup {
  position: relative;
  text-align: center;
  margin: 1px 0px;
  border-radius: 3px;
  box-shadow: 0px 0px 2px #9b9b9b;
  background-color: #ebebeb;
}
.kshf .headerGroup > .summaryName {
  display: block;
  font-weight: 700;
  cursor: default;
  padding-top: 2px;
  text-rendering: initial;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto;
  height: 20px;
}
.kshf .headerGroup > .summaryName > .summaryName_text {
  display: inline-block;
  max-width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9em;
  padding: 0px 3px;
  font-family: 'Roboto Slab', serif;
  margin-top: -2px;
}
.kshf .headerGroup > .summaryName > .summaryName_text:focus {
  background-color: white;
  box-shadow: 0 0 3px #2CABCF;
  outline: 0 none;
  padding-left: 3px;
  padding-right: 3px;
}
.kshf .headerGroup > .summaryIcons {
  top: 3px;
  right: 2px;
  position: absolute;
  font-size: 0.9em;
}
.kshf .headerGroup > .summaryIcons > .fa {
  display: none;
  color: gray;
  cursor: pointer;
  margin-left: 2px;
  vertical-align: top;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .headerGroup > .summaryIcons > .fa:hover {
  color: #cb5454;
}
.kshf .headerGroup > .summaryIcons > .fa[helpin] {
  opacity: 1;
}
.kshf .headerGroup > .summaryIcons > .summaryConfigControl {
  display: inline-block;
  color: gray;
  opacity: 0;
  pointer-events: none;
}
.kshf .headerGroup > .summaryIcons > .summaryDescription {
  cursor: default;
  width: 10px;
}
.kshf .headerGroup > .summaryIcons > .summaryDescription:hover {
  color: black;
}
.kshf .headerGroup > .summaryIcons > .summaryViewAs_List {
  width: 15px;
  text-align: center;
}
.kshf .headerGroup > .summaryIcons > .summaryViewAs_Map {
  width: 15px;
  text-align: center;
}
.kshf .headerGroup > .summaryIcons > .setMatrixButton {
  opacity: 0;
}
.kshf .headerGroup > .summaryIcons > .setMatrixButton[helpin] {
  opacity: 1;
}
.kshf .headerGroup > .header_display_control {
  display: block;
  position: absolute;
  font-size: 0.9em;
  top: 3px;
  left: 2px;
  -webkit-transition: color 250ms linear, opacity 100ms linear;
  -moz-transition: color 250ms linear, opacity 100ms linear;
  -o-transition: color 250ms linear, opacity 100ms linear;
  transition: color 250ms linear, opacity 100ms linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.kshf .headerGroup > .header_display_control > .fa {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  color: black;
  cursor: pointer;
  margin-right: 2px;
  width: 14px;
  height: 14px;
  width: 13px;
  height: 13px;
  -webkit-transition: color 250ms linear, opacity 500ms linear;
  -moz-transition: color 250ms linear, opacity 500ms linear;
  -o-transition: color 250ms linear, opacity 500ms linear;
  transition: color 250ms linear, opacity 500ms linear;
}
.kshf .headerGroup > .header_display_control > .fa:hover {
  color: #cb5454;
}
.kshf .headerGroup > .header_display_control > .fa[helpin] {
  opacity: 1;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryCollapse {
  display: inline-block;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryOpen {
  display: none;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryRemove {
  display: none;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryExpand {
  display: none;
}
.kshf .lockButton {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  color: gray;
  font-size: 0.8em;
  z-index: 21;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .lockButton:after {
  content: "\f13e";
}
.kshf .lockButton:hover:after {
  content: "\f023";
}
.kshf .lockButton[inside] {
  color: white;
  text-shadow: 0px 0px 1px #000000;
}
.kshf .aggrGlyph {
  display: block;
  position: absolute;
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.kshf .aggrGlyph > [class^="measure_"] {
  display: block;
  position: absolute;
}
.kshf .aggrGlyph > .total_tip {
  pointer-events: none;
  -webkit-transition: opacity 700ms;
  -moz-transition: opacity 700ms;
  -o-transition: opacity 700ms;
  transition: opacity 700ms;
}
.kshf .aggrGlyph > span[class^="measure_"] {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear;
}
.kshf .aggrGlyph > span[class^="measure_Active"] {
  background-color: #b1bdc5;
  cursor: pointer;
}
.kshf .aggrGlyph > span[class^="measure_Total"] {
  background-color: #dee2e6;
}
.kshf .aggrGlyph > span[class^="measure_Highlight"] {
  background-color: #ff6a33;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  -moz-transition: -moz-transform 250ms ease-in-out;
  -o-transition: -o-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out,-moz-transform 250ms ease-in-out,-o-transform 250ms ease-in-out,transform 250ms ease-in-out;
}
.kshf .aggrGlyph > span[class^="measure_Compare"] {
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  opacity: 0;
}
.kshf .aggrGlyph > span[class^="measure_Compare_A"] {
  background-color: #2f4f4f;
}
.kshf .aggrGlyph > span[class^="measure_Compare_B"] {
  background-color: #39ef4f;
}
.kshf .aggrGlyph > span[class^="measure_Compare_C"] {
  background-color: #fffedc;
}
.kshf .aggrGlyph.totalGlyph {
  position: absolute;
  height: 7px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.kshf .aggrGlyph.totalGlyph > [class^="measure_"] {
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.kshf .aggrGlyph.totalGlyph > [class^="measure_Highlight"] {
  transform: inherit;
}
.kshf .aggrGlyph.totalGlyph > [class^="measure_Compare"] {
  height: 1px;
}
.kshf .aggrGlyph.catGlyph {
  top: 0px;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_"] {
  width: 1px;
  -lh-property: 0;
height:-webkit-calc(100% - 8px);
height:-moz-calc(100% - 8px);
height:calc(100% - 8px);
;
  vertical-align: top;
  margin-top: 4px;
  margin-bottom: 4px;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_Compare"] {
  height: 1px;
  margin: 0px;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_Highlight"] {
  height: 1px;
  margin: 0px;
}
.kshf .aggrGlyph.catGlyph > .lockButton {
  display: block;
  -lh-property: 0;
top:-webkit-calc(50% - 5px);
top:-moz-calc(50% - 5px);
top:calc(50% - 5px);
;
  right: 1px;
  padding-left: 2px;
  position: absolute;
  width: 10px;
}
.kshf .aggrGlyph.catGlyph > .lockButton[inside] {
  margin-left: -12px;
}
.kshf .aggrGlyph.catGlyph > .total_tip {
  position: absolute;
  display: inline-block;
  width: 5px;
  top: 4px;
  height: calc(100% - 8px);
  background-color: initial;
  background: linear-gradient(-135deg, transparent 75%, #dee2e6 75%) 0 50%, linear-gradient(-45deg, transparent 75%, #dee2e6 75%) 0 50%;
  background-position: top left, top left;
  background-repeat: repeat;
  background-size: 10px 10px;
}
.kshf .aggrGlyph.setPairGlyph > .setPairBackground {
  opacity: 0;
  fill: rgba(234, 234, 234, 0.5);
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .aggrGlyph.setPairGlyph > [class^="measure_"] {
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Active {
  fill: #b1bdc5;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Highlight {
  fill: #ff6a33;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compare_A {
  stroke: #2f4f4f;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compare_B {
  stroke: #39ef4f;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compare_C {
  stroke: #fffedc;
}
.kshf .aggrGlyph.setPairGlyph > [class^="measure_Compare"] {
  fill: none;
  stroke-width: 1px;
  opacity: 0;
}
.kshf .aggrGlyph.setPairGlyph[activesize="0"] {
  display: none;
}
.kshf .aggrGlyph.setPairGlyph:not([activesize="0"]) > .setPairBackground {
  opacity: 1;
}
.kshf .aggrGlyph.rangeGlyph {
  height: 100%;
  pointer-events: none;
}
.kshf .aggrGlyph.rangeGlyph > [class^="measure_"] {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  width: 1px;
  height: 1px;
  cursor: pointer;
}
.kshf .aggrGlyph.rangeGlyph > .total_tip {
  display: block;
  position: absolute;
  top: -7px;
  width: 100%;
  left: 0px;
  height: 8px;
  opacity: 0;
  background: linear-gradient(-135deg, transparent 75%, #dee2e6 75%) 0 50%, linear-gradient(135deg, transparent 75%, #dee2e6 75%) 0 50%;
  background-position: top left, top left;
  background-repeat: repeat;
  background-size: 8px 8px;
}
.kshf .aggrGlyph.rangeGlyph > .lockButton {
  text-align: center;
  width: 16px;
  left: calc(50% - 8px);
}
.kshf .aggrGlyph.rangeGlyph > .lockButton[inside] {
  margin-top: 12px;
}
.kshf .aggrGlyph.rangeGlyph > .measureLabel {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: -2px;
}
.kshf .aggrGlyph > .measureLabel {
  color: #969da3;
  font-size: 0.7em;
}
.kshf .aggrGlyph.showlock > .lockButton {
  pointer-events: all !important;
  opacity: 1;
}
.kshf .aggrGlyph.locked > .lockButton {
  pointer-events: all !important;
  opacity: 1;
}
.kshf .aggrGlyph.locked > .lockButton:not([inside]) {
  color: #2f4f4f;
}
.kshf .aggrGlyph.locked > .lockButton:after {
  content: "\f023";
}
.kshf .aggrGlyph.locked > .lockButton:hover:after {
  content: "\f13e";
}
.kshf .aggrGlyph.mapGlyph > path.measure_Active {
  opacity: 0.8;
  stroke-width: 1px;
  -webkit-transition: opacity 500ms linear, fill 600ms linear;
  -moz-transition: opacity 500ms linear, fill 600ms linear;
  -o-transition: opacity 500ms linear, fill 600ms linear;
  transition: opacity 500ms linear, fill 600ms linear;
}
.kshf .aggrGlyph.mapGlyph > .measureLabel {
  color: black;
  fill: black;
  font-weight: 500;
  text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFEF, 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 8px #FFFFFF;
  text-rendering: geometricPrecision;
  text-anchor: middle;
  alignment-baseline: middle;
  paint-order: stroke;
  stroke: white;
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  pointer-events: none;
}
.kshf .aggrGlyph.mapGlyph[catselect="and"] > path.measure_Active {
  cursor: pointer;
  stroke-width: 2px;
  stroke: orangered;
  fill: #ffb599;
}
.kshf .aggrGlyph.mapGlyph[catselect="onRecord"] > path.measure_Active {
  -webkit-transition: fill 200ms ease-in-out;
  -moz-transition: fill 200ms ease-in-out;
  -o-transition: fill 200ms ease-in-out;
  transition: fill 200ms ease-in-out;
  stroke: #241e12;
  stroke-width: 2px;
  fill: #ab9157;
}
.kshf .kshfRecord {
  opacity: 1;
  cursor: default;
  overflow: hidden;
  vertical-align: top;
  padding: 1px;
  position: relative;
  -webkit-transition: opacity 500ms ease, background-color 100ms linear;
  -moz-transition: opacity 500ms ease, background-color 100ms linear;
  -o-transition: opacity 500ms ease, background-color 100ms linear;
  transition: opacity 500ms ease, background-color 100ms linear;
}
.kshf .kshfRecord > .content {
  vertical-align: top;
  border: solid 0px lightgray;
  position: relative;
}
.kshf .kshfRecord > .content > .iteminfo {
  float: none;
  clear: left;
  font-weight: normal;
  margin-bottom: 2px;
}
.kshf .kshfRecord > .content > .iteminfo_0 {
  font-size: 1.0em;
  color: black;
}
.kshf .kshfRecord > .content > .iteminfo_1 {
  font-size: 0.9em;
  color: #555555;
}
.kshf .kshfRecord > .content > .iteminfo_2 {
  font-size: 0.8em;
  color: #555555;
  font-style: italic;
  font-weight: 300;
}
.kshf .kshfRecord > .content > .iteminfo_3 {
  font-size: 0.8em;
  color: #a71f1f;
  font-style: italic;
  font-weight: 300;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter) {
  vertical-align: top;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter) > .recordRank {
  font-size: 0.6em;
  color: gray;
  font-weight: 300;
  font-style: italic;
  text-align: right;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter) > .recordToggleDetail {
  display: none;
  vertical-align: top;
  width: 18px;
  font-weight: 700;
  text-align: center;
  color: gray;
  cursor: pointer;
  -webkit-transform-origin: 9px 9px;
  -moz-transform-origin: 9px 9px;
  -ms-transform-origin: 9px 9px;
  -o-transform-origin: 9px 9px;
  transform-origin: 9px 9px;
  -webkit-transition: color 200ms linear, -webkit-transform 500ms ease-in-out;
  -moz-transition: color 200ms linear, -moz-transform 500ms ease-in-out;
  -o-transition: color 200ms linear, -o-transform 500ms ease-in-out;
  transition: color 200ms linear,-webkit-transform 500ms ease-in-out,-moz-transform 500ms ease-in-out,-o-transform 500ms ease-in-out,transform 500ms ease-in-out;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter) > .recordToggleDetail:hover {
  color: #cb5454;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter) .item_details {
  display: none;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter).showDetails {
  max-height: none;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter).showDetails > .recordToggleDetail {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.kshf .kshfRecord:not(.kshfRecord_Scatter).showDetails .item_details {
  display: block;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[selection^="onRecord"] {
  padding: 0px;
  background-color: #efeadf !important;
  border: solid 1px #ab9157 !important;
  border-radius: 6px;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[selection="highlighted"] {
  padding: 0px;
  background-color: #ffece5;
  border: solid 1px #ff6a33 !important;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared] {
  padding: 0px;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="A"] {
  background-color: #bed8d8;
  border: solid 1px #2f4f4f !important;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="A"][selection="highlighted"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiZWQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYmVkOGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZlY2U1IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, #bed8d8 0%, #bed8d8 20%, #ffece5 80%, #ffece5 100%);
  background-image: -moz-linear-gradient(left, #bed8d8 0%, #bed8d8 20%, #ffece5 80%, #ffece5 100%);
  background-image: -o-linear-gradient(left, #bed8d8 0%, #bed8d8 20%, #ffece5 80%, #ffece5 100%);
  background-image: linear-gradient(to right, #bed8d8 0%, #bed8d8 20%, #ffece5 80%, #ffece5 100%);
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="B"] {
  background-color: #c7facd;
  border: solid 1px #12e32c !important;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="B"][selection="highlighted"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjN2ZhY2QiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYzdmYWNkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZlY2U1IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, #c7facd 0%, #c7facd 20%, #ffece5 80%, #ffece5 100%);
  background-image: -moz-linear-gradient(left, #c7facd 0%, #c7facd 20%, #ffece5 80%, #ffece5 100%);
  background-image: -o-linear-gradient(left, #c7facd 0%, #c7facd 20%, #ffece5 80%, #ffece5 100%);
  background-image: linear-gradient(to right, #c7facd 0%, #c7facd 20%, #ffece5 80%, #ffece5 100%);
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="C"] {
  background-color: #fffda9;
  border: solid 1px #fff810 !important;
}
.kshf .kshfRecord:not(.kshfRecord_Scatter)[rec_compared^="C"][selection="highlighted"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZkYTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZGE5IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZlY2U1IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, #fffda9 0%, #fffda9 20%, #ffece5 80%, #ffece5 100%);
  background-image: -moz-linear-gradient(left, #fffda9 0%, #fffda9 20%, #ffece5 80%, #ffece5 100%);
  background-image: -o-linear-gradient(left, #fffda9 0%, #fffda9 20%, #ffece5 80%, #ffece5 100%);
  background-image: linear-gradient(to right, #fffda9 0%, #fffda9 20%, #ffece5 80%, #ffece5 100%);
}
.kshf .summaryConfig {
  position: absolute;
  display: block;
  top: 0px;
  opacity: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  pointer-events: none;
  background-color: rgba(235, 235, 235, 0.9);
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 0px 1px black;
  padding: 1px;
  width: 100%;
  z-index: 100;
  right: 0%;
  font-size: 0.8em;
  box-shadow: 0px 2px 2px #9b9b9b;
}
.kshf .summaryConfig > .summaryConfig_Option {
  font-weight: 300;
  text-align: center;
  margin-bottom: 1px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .summaryConfig .configOption {
  cursor: pointer;
  border: solid 1px #AFAFAF;
  padding: 0px 3px;
  margin-left: -1px;
  font-size: 0.8em;
  top: -1px;
}
.kshf .summaryConfig .configOption:hover {
  color: #cb5454;
}
.kshf .summaryConfig .configOption[active=true] {
  background-color: white;
  pointer-events: none;
  font-weight: 500;
}
.kshf .summaryConfig .configOption:first-child {
  border-radius: 5px 0px 0px 5px;
}
.kshf .summaryConfig .configOption:last-child {
  border-radius: 0px 5px 5px 0px;
}
.kshf .summaryConfig .configOption > *[class^="bl_"] {
  display: inline-block;
  width: 4px;
  height: 7px;
}
.kshf .summaryConfig .configOption > .bl_Active {
  background-color: #b1bdc5;
}
.kshf .summaryConfig .configOption > .bl_Highlight {
  background-color: #ff6a33;
}
.kshf .summaryConfig .configOption > .bl_Compare_A {
  background-color: #2f4f4f;
}
.kshf .summaryConfig .configOption > .bl_Compare_B {
  background-color: #39ef4f;
}
.kshf .summaryConfig .configOption > .bl_Compare_C {
  background-color: #fff810;
}
.kshf .summaryConfig_UnitName > .unitNameInput {
  height: 14px;
  background-color: white;
  border: solid 1px #AFAFAF;
  cursor: text;
  width: 22px;
  font-size: 0.8em;
  font-weight: 300;
  margin: 0px;
  padding: 0px 2px;
  vertical-align: top;
}
.kshf .summaryConfig_UnitName > .unitNameInput:focus {
  outline-color: #cb5454;
  outline-width: 2px;
}
.kshf .summaryConfig_UnitName > .unitNameInput:hover {
  border-color: #cb5454;
}
.kshf .percentileGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-color: lightgray;
  border-width: 1px 0px;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .percentileGroup > .percentileTitle {
  font-size: 0.6em;
  position: absolute;
  display: inline-block;
  font-weight: 300;
  top: 0px;
  right: -10px;
  text-shadow: 0px 0px 2px white;
  z-index: 120;
  color: gray;
  pointer-events: none;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .percentileGroup[percentileChartVisible] {
  opacity: 1;
}
.kshf .percentileGroup[percentileChartVisible] > .percentileChart_Active > .quantile {
  height: 28px;
}
.kshf .percentileGroup:hover > .percentileTitle {
  opacity: 1;
}
.kshf *[class^="percentileChart"] {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf *[class^="percentileChart"] > .quantile {
  box-sizing: content-box;
  height: 100%;
  left: 0px;
  width: 1px;
  top: -1px;
  margin: 1px 0px;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  cursor: pointer;
}
.kshf *[class^="percentileChart"] > .quantile.q_pos {
  position: absolute;
  margin-left: -0.5px;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.kshf *[class^="percentileChart"] > .quantile.q_pos.q_50 {
  width: 2px;
  margin-left: -1px;
  pointer-events: all;
  background-color: #0a0a0a;
}
.kshf *[class^="percentileChart"] > .quantile.q_range:hover {
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  border-color: orangered;
  top: -2px;
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.kshf .percentileChart_Active {
  opacity: 1;
}
.kshf .percentileChart_Active > .qG4 {
  background-color: #8598a4;
}
.kshf .percentileChart_Active > .qG3 {
  background-color: #a8b6be;
}
.kshf .percentileChart_Active > .qG2 {
  background-color: #c0c9d0;
}
.kshf .percentileChart_Active > .qG1 {
  background-color: #dde2e6;
}
.kshf .percentileChart_Highlight {
  border-top: solid 1px lightgray;
  background-color: white;
  pointer-events: none;
}
.kshf .percentileChart_Highlight > .qG4 {
  background-color: #ff6a33;
}
.kshf .percentileChart_Highlight > .qG3 {
  background-color: #ff8f66;
}
.kshf .percentileChart_Highlight > .qG2 {
  background-color: #ffb599;
}
.kshf .percentileChart_Highlight > .qG1 {
  background-color: #ffdacc;
}
.kshf *[class^="percentileChart_Compare"] {
  display: none;
  pointer-events: all;
  background-color: white;
  border-top: solid 1px #EEEEEE;
}
.kshf .percentileChart_Compare_A > .qG4 {
  background-color: #558f8f;
}
.kshf .percentileChart_Compare_A > .qG3 {
  background-color: #6ea9a9;
}
.kshf .percentileChart_Compare_A > .qG2 {
  background-color: #8ebcbc;
}
.kshf .percentileChart_Compare_A > .qG1 {
  background-color: #aecfcf;
}
.kshf .percentileChart_Compare_B > .qG4 {
  background-color: #12e32c;
}
.kshf .percentileChart_Compare_B > .qG3 {
  background-color: #30ee47;
}
.kshf .percentileChart_Compare_B > .qG2 {
  background-color: #72f481;
}
.kshf .percentileChart_Compare_B > .qG1 {
  background-color: #aff9b8;
}
.kshf .percentileChart_Compare_C > .qG4 {
  background-color: #908b00;
}
.kshf .percentileChart_Compare_C > .qG3 {
  background-color: #b8b300;
}
.kshf .percentileChart_Compare_C > .qG2 {
  background-color: #dcd600;
}
.kshf .percentileChart_Compare_C > .qG1 {
  background-color: #fff810;
}
.kshf .missingValueAggr {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 2px;
  padding: 1px;
  font-size: 0.8em;
  color: lightgray;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
  cursor: pointer;
  z-index: 10;
}
.kshf .missingValueAggr.filtered {
  color: black !important;
  border: solid 1px #a0a0a0;
  border-radius: 4px;
  padding: 0px;
  background-color: lightgray;
}
.kshf .missingValueAggr[catselect="onRecord"] {
  color: black !important;
  border: solid 1px #cdbd9b;
  border-radius: 4px;
  padding: 0px;
  background-color: #efeadf !important;
}
.kshf .visViewControl {
  z-index: 1000;
  display: none;
  background-color: white;
  position: absolute;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  left: 3px;
  bottom: 5px;
  font-size: 0.9em;
}
.kshf .visViewControl > .visViewControlButton {
  display: inline-block;
  border-right: 1px solid #ccc;
  cursor: pointer;
  padding: 3px;
  text-align: center;
}
.kshf .visViewControl > .visViewControlButton.fa-plus {
  border-left: solid 2px #ccc;
  padding-left: 5px;
}
.kshf .visViewControl > .visViewControlButton.fa-square-o {
  border-left: solid 2px #ccc;
  padding-left: 5px;
}
.kshf .visViewControl > .visViewControlButton:hover {
  background-color: #EEE;
  color: #cb5454;
}
.kshf .visViewControl > .visViewControlButton:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.kshf .visViewControl > .visViewControlButton:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
  border-right: none;
}
.kshf .visViewControl > .LinkControl-LinkIcon {
  display: none;
}
.kshf .visViewControl > .NodeLinkControl-LinkAttrib {
  display: none;
  font-weight: 300;
  font-size: 0.8em;
  padding: 1px 7px;
}
.kshf .visViewControl > .NodeLinkControl-LinkAttrib:before {
  content: "Link: ";
}
.kshf .visViewControl > .NodeLinkControl-AnimPlay {
  width: 20px;
}
.kshf .visViewControl > .NodeLinkControl-AnimPause {
  width: 20px;
}
.kshf .visViewControl > .ScatterControl-ScatterAttrib {
  font-weight: 300;
  font-size: 0.8em;
  padding: 1px 7px;
}
.kshf .leaflet-tile-container {
  pointer-events: all !important;
}
.kshf .measureAxis_2 {
  display: none;
}
.kshf .kshfSummary {
  display: block;
  position: relative;
  -webkit-transition: max-height 700ms ease-in-out;
  -moz-transition: max-height 700ms ease-in-out;
  -o-transition: max-height 700ms ease-in-out;
  transition: max-height 700ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*        &:before{
            content:''; width:100%; height:100%;
            position:absolute; top:0; left:0;
            pointer-events:none;
        }*/
}
.kshf .kshfSummary > .wrapper {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
}
.kshf .kshfSummary > .wrapper[showMeasureAxis_2] .measureAxis_2 {
  display: block;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical {
  overflow: hidden;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls {
  border-bottom: solid 1px #E9E9E9;
  margin-top: -1px;
  position: relative;
  display: none;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catTextSearch {
  display: none;
  vertical-align: top;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catTextSearch > .textSearchInput {
  display: inline-block;
  width: calc(100% - 13px);
  height: 15px;
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catTextSearch > .textSearchInput::-webkit-input-placeholder {
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton {
  opacity: 0;
  position: absolute;
  bottom: 1px;
  font-size: 0.7em;
  text-align: right;
  padding-right: 2px;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton:hover {
  color: #cb5454;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton:before {
  content: "\f161";
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton[inverse='true']:before {
  content: "\f160" !important;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton[resort="true"]:before {
  content: "\f175" !important;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .catSortButton[helpin] {
  opacity: 1;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .sortOptionSelectGroup {
  display: block;
  white-space: nowrap;
  position: relative;
  font-weight: 300;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .sortOptionSelectGroup > .optionSelect {
  width: 100%;
  height: 17px;
  font-size: 0.7em;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  font-weight: 300;
  border-width: 0px;
  cursor: pointer;
  padding-right: 0px;
  margin: 0px;
  vertical-align: middle;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .summaryControls > .sortOptionSelectGroup > .optionSelect:hover {
  color: #cb5454;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .scrollToTop {
  margin-top: -14px;
  font-size: 0.8em;
  pointer-events: all;
  position: absolute;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .selectAllAttribsButton {
  font-size: 0.6em;
  float: left;
  margin-left: 2px;
  font-weight: 300;
  color: black;
  border: solid 1px lightgray;
  border-radius: 10px;
  padding: 1px 5px 0px 5px;
  background-color: rgba(150, 150, 100, 0.2);
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .selectAllAttribsButton:hover {
  box-shadow: 0px 0px 1px black;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .selectAllAttribsButton::before {
  content: '+ Add Filter with All';
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .scroll_display_more {
  font-size: 0.7em;
  line-height: 1.4em;
  position: absolute;
  left: 0px;
  vertical-align: top;
  padding-right: 5px;
  cursor: pointer;
  color: #b7b7b7;
  opacity: 1;
  pointer-events: all;
  font-weight: 300;
  display: inline-block;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .scroll_display_more:hover {
  color: #cb5454;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup {
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  display: block;
  z-index: 5;
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .chartBackground {
  width: 1px;
  display: block;
  position: relative;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .chartBackground > .chartCatLabelResize {
  display: none;
  height: 100%;
  z-index: 25;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .chartBackground > .chartCatLabelResize[helpin] {
  display: block;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph {
  white-space: nowrap;
  width: 100%;
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .catLabelGroup {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  left: 0px;
  padding-right: 2px;
  z-index: 21;
  font-size: 0.8em;
  font-weight: 300;
  cursor: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .catLabelGroup > .filterButtons {
  float: left;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  z-index: 100;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .catLabelGroup > .catLabel {
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .catLabelGroup [class^="AndOrNot"] {
  display: none;
  pointer-events: all;
  line-height: 13px;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .measureLabel {
  position: absolute;
  display: inline-block;
  height: 100%;
  padding-right: 1px;
  text-align: right;
  line-height: 18px;
  z-index: 100;
  cursor: inherit;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[activeItems='0'] > .measureLabel {
  visibility: hidden;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph.locked > .catLabelGroup > .catLabel {
  font-weight: 700;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered] {
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered] > .catLabelGroup > .catLabel {
  font-weight: 700;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="AND"] > .catLabelGroup {
  background-color: #DEE2E5;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="AND"] > .catLabelGroup > .catLabel {
  color: #1d4870;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="AND"] .measureLabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZWUyZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(left, #dee2e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -moz-linear-gradient(left, #dee2e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -o-linear-gradient(left, #dee2e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to right, #dee2e5 0%, rgba(255, 255, 255, 0) 60%);
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="OR"] > .catLabelGroup {
  background-color: #D8ECEE;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="OR"] > .catLabelGroup > .catLabel {
  color: #1c737a;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="OR"] .AndOrNot_Or {
  display: inline;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="OR"] .measureLabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkOGVjZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(left, #d8ecee 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -moz-linear-gradient(left, #d8ecee 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -o-linear-gradient(left, #d8ecee 0%, rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to right, #d8ecee 0%, rgba(255, 255, 255, 0) 60%);
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="NOT"] > .catLabelGroup {
  background-color: #E5E5E5;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="NOT"] > .catLabelGroup > .catLabel {
  color: #808080;
  text-decoration: line-through;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="NOT"] .AndOrNot_Not {
  display: inline;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[cFiltered="NOT"] .measureLabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(left, #e5e5e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -moz-linear-gradient(left, #e5e5e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: -o-linear-gradient(left, #e5e5e5 0%, rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to right, #e5e5e5 0%, rgba(255, 255, 255, 0) 60%);
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[catselect] > .catLabelGroup {
  font-weight: 700 !important;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[catselect="onRecord"] > .catLabelGroup {
  background-color: #efeadf !important;
  border: solid 1px #cdbd9b;
  border-radius: 6px;
  top: -1px;
  padding-right: 1px;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([cFiltered])[catselect] {
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([cFiltered])[catselect="and"] > .catLabelGroup > .catLabel {
  color: #1d4870;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([cFiltered])[catselect="or"] > .catLabelGroup > .catLabel {
  color: #1c737a;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([cFiltered])[catselect="not"] > .catLabelGroup > .catLabel {
  color: #808080;
  text-decoration: line-through;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical:hover > .summaryControls > .catSortButton {
  opacity: 1;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .catMap_SVG {
  position: relative;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .catMap_Base .leaflet-control > a {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .leaflet-zoom-anim .catMap_SVG {
  display: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval {
  padding-top: 7px;
  padding-right: 11px;
  overflow: hidden;
}
.kshf .kshfSummary > .wrapper > .summaryInterval[scaletype="time"] span[class^="measure_"] {
  opacity: 0 !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval[scaletype="step"] .zoomControl[sign="plus"] {
  display: none !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval[zoomed="true"] .zoomControl[sign="minus"] {
  display: block !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram {
  position: relative;
  pointer-events: all;
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG {
  -lh-property: 0;
height:-webkit-calc(100% - 12px);
height:-moz-calc(100% - 12px);
height:calc(100% - 12px);
;
  width: 100%;
  -webkit-transition: opacity 500ms linear, height 700ms ease-in-out;
  -moz-transition: opacity 500ms linear, height 700ms ease-in-out;
  -o-transition: opacity 500ms linear, height 700ms ease-in-out;
  transition: opacity 500ms linear, height 700ms ease-in-out;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Highlight_"] {
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Compare_"] {
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Active_Line {
  stroke: #b1bdc5;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Highlight_Line {
  stroke: #ff6a33;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Line_A {
  stroke: #2f4f4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Line_B {
  stroke: #39ef4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Line_C {
  stroke: #fffedc;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class$="measure_"] {
  stroke-width: 1.5px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Total_Area {
  fill: #EEF0F2;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Active_Area {
  fill: #d1d8dd;
  stroke: #b1bdc5;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Highlight_Area {
  fill: rgba(255, 106, 51, 0.3);
  stroke: #ff6a33;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Compare_Area_"] {
  stroke-width: 2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Area_A {
  stroke: #2f4f4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Area_B {
  stroke: #39ef4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compare_Area_C {
  stroke: #fffedc;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .aggrGroup {
  position: absolute;
  top: 0px;
  z-index: 3;
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 250ms ease-in-out;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out, background-color 250ms ease-in-out;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .aggrGroup > .highlightRangeLimits {
  opacity: 0;
  width: 1px;
  background-color: orangered;
  position: absolute;
  z-index: 100;
  pointer-events: none;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure {
  top: 0px;
  width: 100%;
  height: 100%;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .measurePercentControl {
  bottom: -1px;
  width: 24px;
  left: -24px;
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .scaleModeControl {
  width: 25px;
  height: calc(100% - 12px);
  top: 0px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .scaleModeControl.measureAxis_1 {
  left: -25px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .scaleModeControl.measureAxis_2 {
  right: -25px;
  left: auto;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .highlightedMeasureValue {
  width: 100%;
  height: 2px;
  border-bottom-width: 1px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .highlightedMeasureValue > .highlightedAggrValuePointer {
  left: -10px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick {
  width: calc(100% - 21px);
  width: 100%;
  left: 0px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick > .line {
  border-bottom: dotted 1px #b6b3b3;
  width: 100%;
  left: 0px;
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick > .text {
  position: absolute;
  width: 25px;
  top: -3px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick > .text.measureAxis_1 {
  left: -25px;
  padding-right: 2px;
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick > .text.measureAxis_2 {
  right: -25px;
  padding-left: 2px;
  text-align: left;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .mapColorBar {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
  position: relative;
  height: 12px;
  padding: 0px;
  border: solid 1px lightgray;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .mapColorBar > .invertColorScale {
  font-size: 0.7em;
  left: -13px;
  position: absolute;
  color: lightgray;
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .mapColorBar > .invertColorScale:hover {
  color: black;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .mapColorBar > .mapColorBlock {
  margin: 0px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: solid 1px rgba(1, 1, 1, 0);
  cursor: pointer;
  border: solid 0px white;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .mapColorBar > .mapColorBlock:hover {
  border-width: 1px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .zoomControl {
  display: none;
  position: absolute;
  left: -15px;
  top: 1px;
  font-size: 0.7em;
  color: gray;
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .zoomControl:hover {
  color: black;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .zoomControl[sign="plus"]:before {
  content: "\f00e";
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .zoomControl[sign="minus"]:before {
  content: "\f010";
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .zoomControl[helpin] {
  display: block;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine {
  height: 11px;
  cursor: ew-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .recordValue {
  position: absolute;
  z-index: 20;
  top: 1px;
  display: none;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .recordValue > .recordValueScaleMark {
  display: block;
  border-radius: 2px;
  width: 4px;
  height: 8px;
  background-color: #ab9157;
  left: -2px;
  z-index: 2;
  position: relative;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .recordValue > .recordValueText {
  position: absolute;
  top: 7px;
  color: black;
  font-size: 0.8em;
  font-weight: 700;
  white-space: nowrap;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .recordValue > .recordValueText > .recordValueText-v {
  position: relative;
  left: -50%;
  background-color: #efeadf;
  border-radius: 4px;
  border: solid 1px #cdbd9b;
  padding: 0px 1px;
  font-size: 0.9em;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base {
  display: block;
  position: absolute;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.total {
  width: 100%;
  height: 3px;
  top: 3px;
  left: 1px;
  background-color: #D4D4D4;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active {
  display: block;
  height: 8px;
  top: 1px;
  width: 1px;
  pointer-events: none;
  background-color: #30b8c4;
  opacity: 0;
  -webkit-transition: left 700ms ease-in-out, width 700ms ease-in-out, opacity 500ms;
  -moz-transition: left 700ms ease-in-out, width 700ms ease-in-out, opacity 500ms;
  -o-transition: left 700ms ease-in-out, width 700ms ease-in-out, opacity 500ms;
  transition: left 700ms ease-in-out, width 700ms ease-in-out, opacity 500ms;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active[filtered=true] {
  opacity: 1;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active:hover {
  background-color: orangered !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  cursor: col-resize;
  z-index: 10;
  top: 1px;
  width: 5px;
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 8px;
  bottom: 0px;
  background-color: white;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle::after {
  content: "";
  position: absolute;
  display: none;
  width: 5px;
  -lh-property: 0;
height:-webkit-calc(100% - 10px);
height:-moz-calc(100% - 10px);
height:calc(100% - 10px);
;
  cursor: col-resize;
  box-shadow: 0px 0px 2px white, 0px 0px 4px white;
  border-style: dotted;
  border-width: 0px;
  border-color: #30b8c4;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle:hover:after {
  background-color: orangered !important;
  border-color: orangered !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle:hover:before {
  border-color: orangered !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle.min {
  left: -5px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle.min:before {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle.min:after {
  border-right-width: 2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle.max:before {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle.max:after {
  border-left-width: 2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .rangeHandle[dragging]:after {
  border-style: solid;
  background-color: #30b8c4;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup {
  cursor: default;
  position: relative;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick {
  position: absolute;
  -webkit-transition: left 700ms ease-in-out, opacity 700ms;
  -moz-transition: left 700ms ease-in-out, opacity 700ms;
  -o-transition: left 700ms ease-in-out, opacity 700ms;
  transition: left 700ms ease-in-out, opacity 700ms;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick > .text {
  top: -1px;
  font-size: 0.7em;
  font-weight: 300;
  position: relative;
  left: -50%;
  display: block;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick > .text > .unitName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20px;
  display: inline-block;
  vertical-align: bottom;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick > .text > .unitName:hover {
  overflow: visible;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick > .text > .secondLayer {
  font-weight: 400;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick > .line {
  position: absolute;
  top: -10px;
  height: 8px;
  border-left: solid 1px #646464;
  display: block;
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick:not(.major) > .line {
  border-color: #bbbbbb;
  height: 6px;
  top: -9px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .valueTickGroup > .valueTick:not(.major) > .text {
  display: none;
}
.kshf .kshfSummary[collapsed] .buttonSummaryCollapse {
  display: none !important;
}
.kshf .kshfSummary[collapsed] .buttonSummaryOpen {
  display: inline-block !important;
}
.kshf .kshfSummary[collapsed] .summaryConfigControl {
  display: none;
}
.kshf .kshfSummary[collapsed] > .headerGroup > .summaryName {
  cursor: pointer;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryCategorical > .summaryControls {
  display: none;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryCategorical > .scrollToTop {
  display: none;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryCategorical > .aggrGroup {
  display: none;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryCategorical > .belowCatChart {
  display: none;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryInterval > .histogram {
  display: none;
}
.kshf .kshfSummary[collapsed] > .wrapper .summaryInterval > .intervalSlider {
  display: none;
}
.kshf .kshfSummary[collapsed] .percentileGroup {
  display: none;
}
.kshf .kshfSummary[filtered=true] > .headerGroup .clearFilterButton {
  opacity: 1;
  pointer-events: all;
}
.kshf .kshfSummary[filtered=true] .rangeHandle {
  pointer-events: all !important;
}
.kshf .kshfSummary[filtered=true] .rangeHandle:after {
  display: block !important;
}
.kshf .kshfSummary[filtered=true]:hover > .wrapper > .summaryInterval > .intervalSlider > .zoomControl {
  display: block;
}
.kshf .kshfSummary:not([isMultiValued])[filtered_or="0"][filtered_and="0"] .catGlyph:not([cFiltered]):not([NoActiveRecords])[mouseOver] .AndOrNot_Not {
  display: inline !important;
}
.kshf .kshfSummary:not([isMultiValued])[filtered_or="0"] .catGlyph[cFiltered="NOT"][selection="selected"] {
  cursor: pointer;
}
.kshf .kshfSummary:not([filtered_or="0"]) .catGlyph:not([cFiltered])[mouseOver] .AndOrNot_Or {
  display: inline !important;
}
.kshf .kshfSummary:not([filtered_and="0"]) .catGlyph:not([cFiltered])[mouseOver] .AndOrNot_Or {
  display: inline !important;
}
.kshf .kshfSummary[isMultiValued] .catGlyph:not([cFiltered]):not([NoActiveRecords])[mouseOver] .AndOrNot_Not {
  display: inline !important;
}
.kshf .kshfSummary[isMultiValued][viewType="list"] .headerGroup > .summaryIcons > .fa.setMatrixButton {
  display: inline-block;
}
.kshf .kshfSummary[isMultiValued]:hover .setMatrixButton {
  opacity: 1;
}
.kshf .kshfSummary:hover > .headerGroup {
  box-shadow: 0px 0px 2px #646464, 0px 0px 5px #999;
}
.kshf .kshfSummary:hover > .headerGroup > .header_display_control > .fa {
  opacity: 1;
}
.kshf .kshfSummary:hover > .wrapper > .summaryCategorical > .aggrGroup {
  overflow-y: auto;
}
.kshf .kshfSummary:hover .missingValueAggr {
  color: #808080;
}
.kshf .kshfSummary[hasMap="true"]:not([collapsed]) .summaryViewAs_Map {
  display: inline-block;
}
.kshf .kshfSummary[hasMap="true"]:not([collapsed]) .summaryViewAs_List {
  display: inline-block;
}
.kshf .kshfSummary:not([viewType="map"]) .visViewControl > span[class^='MapControl'] {
  display: none;
}
.kshf .kshfSummary[viewType="map"] {
  z-index: 1;
}
.kshf .kshfSummary[viewType="map"] .visViewControl {
  display: block;
  bottom: 24px;
}
.kshf .kshfSummary[viewType="map"] .summaryViewAs_Map {
  pointer-events: none;
  color: black;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .summaryControls .sortOptionSelectGroup {
  display: none;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .summaryControls .catSortButton {
  display: none !important;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .scrollToTop {
  display: none;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .aggrGroup {
  display: none;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .belowCatChart > .chartAxis_Measure {
  display: none;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .belowCatChart > .scroll_display_more {
  display: none;
}
.kshf .kshfSummary[viewType="map"] .summaryCategorical > .belowCatChart > .catMapColorScale {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .kshfSummary[viewType="list"] .catMap_Base {
  display: none;
}
.kshf .kshfSummary[viewType="list"] .summaryViewAs_List {
  pointer-events: none;
  color: black;
}
.kshf .kshfSummary[viewType="line"] .summaryConfig_UnitName {
  display: none;
}
.kshf .kshfSummary[summary_type='interval'][encodesRecordsBy='sort'] .encodeRecordButton[encodingtype='sort'] {
  opacity: 1;
  pointer-events: all;
  color: black;
}
.kshf .kshfSummary[summary_type='interval'][encodesRecordsBy='sort'] .encodeRecordButton:not([encodingtype='sort']) {
  display: none;
}
.kshf .kshfSummary[summary_type='interval'][encodesRecordsBy='scatter'] .encodeRecordButton[encodingtype='scatter'] {
  opacity: 1;
  pointer-events: all;
  color: black;
}
.kshf .kshfSummary[summary_type='interval'][encodesRecordsBy='scatter'] .encodeRecordButton:not([encodingtype='scatter']) {
  display: none;
}
.kshf .kshfSummary[summary_type='interval']:hover .encodeRecordButton {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf .kshfSummary:not([collapsed])[viewType='bar']:hover .summaryConfigControl {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf .kshfSummary:not([collapsed])[summary_type='categorical'][viewType='list']:hover .summaryConfigControl {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf .kshfSummary:not([collapsed]) > .headerGroup[allCatsInDisplay="false"] .buttonSummaryExpand {
  display: inline-block !important;
}
.kshf .kshfSummary[showConfig] .summaryConfig {
  top: 22px;
  opacity: 1;
  pointer-events: all;
}
.kshf .kshfSummary[showConfig] .summaryConfigControl {
  opacity: 1 !important;
  pointer-events: all !important;
  color: black !important;
  -webkit-animation: fa-spin 4s infinite linear;
  -moz-animation: fa-spin 4s infinite linear;
  -o-animation: fa-spin 4s infinite linear;
  animation: fa-spin 4s infinite linear;
}
.kshf .kshfSummary.setPairSummary {
  display: none;
  position: absolute;
  top: 0px;
  height: 100%;
  background-color: white;
}
.kshf .kshfSummary.setPairSummary[popupSide="left"] .sizeLegend {
  left: 10px;
}
.kshf .kshfSummary.setPairSummary[popupSide="left"] .belowMatrix {
  text-align: right;
}
.kshf .kshfSummary.setPairSummary[popupSide="left"] .rows > .row > .label {
  text-anchor: end;
}
.kshf .kshfSummary.setPairSummary[popupSide="left"] .setMatrixWidthAdjust {
  left: 0px;
}
.kshf .kshfSummary.setPairSummary[popupSide="right"] .sizeLegend {
  right: 0px;
}
.kshf .kshfSummary.setPairSummary[popupSide="right"] .belowMatrix {
  text-align: left;
}
.kshf .kshfSummary.setPairSummary[popupSide="right"] .rows > .row > .label {
  text-anchor: start;
}
.kshf .kshfSummary.setPairSummary[popupSide="right"] .setMatrixWidthAdjust {
  right: 0px;
}
.kshf .kshfSummary.setPairSummary > .headerGroup > .summaryIcons {
  display: none;
}
.kshf .kshfSummary.setPairSummary > .headerGroup > .header_display_control > .buttonSummaryRemove {
  display: none !important;
}
.kshf .kshfSummary[show_set_matrix=true] > .kshfSummary.setPairSummary {
  display: block;
}
.kshf .summaryConfig_UnitName {
  display: none;
}
.kshf .highlightedAggrValuePointer {
  display: block;
  position: absolute;
  font-size: 0.7em;
  color: #ffdacc;
  text-shadow: 0px 0px 1px #ff6a33, 0px 0px 1px #ff6a33;
  opacity: 0.8;
}
.kshf .highlightedMeasureValue {
  position: absolute;
  -webkit-transition: -webkit-transform 200ms ease-in-out, opacity 200ms linear;
  -moz-transition: -moz-transform 200ms ease-in-out, opacity 200ms linear;
  -o-transition: -o-transform 200ms ease-in-out, opacity 200ms linear;
  transition: -webkit-transform 200ms ease-in-out,-moz-transform 200ms ease-in-out,-o-transform 200ms ease-in-out,transform 200ms ease-in-out, opacity 200ms linear;
  opacity: 0;
  border-color: #ffb599;
  border-style: solid;
  border-width: 0px;
}
.kshf .belowCatChart {
  position: relative;
  height: 18px;
  border-top: solid 1px #E9E9E9;
}
.kshf .belowCatChart > .chartAxis_Measure > .measurePercentControl {
  right: 0px;
  top: 1px;
}
.kshf .belowCatChart > .chartAxis_Measure > .scaleModeControl {
  height: 13px;
}
.kshf .belowCatChart > .chartAxis_Measure > .highlightedMeasureValue {
  border-left-width: 1px;
  margin-left: -1px;
}
.kshf .belowCatChart > .chartAxis_Measure > .highlightedMeasureValue > .highlightedAggrValuePointer {
  bottom: -14px;
  left: -3px;
}
.kshf .belowCatChart > .chartAxis_Measure > .tickGroup > .tick > .text {
  width: 20px;
  left: -10px;
  top: 2px;
  -webkit-transition: top 700ms ease-in-out;
  -moz-transition: top 700ms ease-in-out;
  -o-transition: top 700ms ease-in-out;
  transition: top 700ms ease-in-out;
}
.kshf .belowCatChart > .chartAxis_Measure > .tickGroup > .tick > .line {
  width: 0px;
  border-left: dotted 1px #b6b3b3;
  -webkit-transition: top 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: top 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: top 700ms ease-in-out, height 700ms ease-in-out;
  transition: top 700ms ease-in-out, height 700ms ease-in-out;
}
.kshf .belowCatChart > .catMapColorScale {
  display: none;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 1px;
  position: relative;
  height: 12px;
  padding: 0px;
  border: solid 1px lightgray;
}
.kshf .belowCatChart > .catMapColorScale > .measurePercentControl {
  left: -35px;
  top: -1px;
}
.kshf .belowCatChart > .catMapColorScale > .scaleModeControl {
  left: auto;
  right: -57px;
  top: -1px;
  color: gray;
  padding: 0px 2px;
  line-height: 0.7em;
  border-radius: 5px;
  border: solid 1px rgba(255, 255, 255, 0);
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}
.kshf .belowCatChart > .catMapColorScale > .scaleModeControl[highlight="true"] {
  border-color: #B7CAAF;
  background-color: #E0E4D7;
  color: black;
}
.kshf .belowCatChart > .catMapColorScale > .highlightedMeasureValue {
  top: 2px;
  margin-left: -3px;
  height: 6px;
  width: 6px;
  border-radius: 10px;
  background-color: orangered;
}
.kshf .belowCatChart > .catMapColorScale > .mapColorBlock {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: solid 0px rgba(1, 1, 1, 0);
}
.kshf .belowCatChart > .catMapColorScale > .scaleBound {
  color: gray;
  font-size: 11px;
  font-weight: 300;
  position: absolute;
  width: 22px;
  top: -1px;
  cursor: default;
}
.kshf .belowCatChart > .catMapColorScale > .scaleBound.boundMin {
  left: -24px;
  text-align: right;
}
.kshf .belowCatChart > .catMapColorScale > .scaleBound.boundMax {
  right: -24px;
}
.kshf[measureLabelType="Compare_A"] .aggrGlyph > .measureLabel {
  color: #2f4f4f !important;
}
.kshf[measureLabelType="Compare_B"] .aggrGlyph > .measureLabel {
  color: #12e32c !important;
}
.kshf[measureLabelType="Compare_C"] .aggrGlyph > .measureLabel {
  color: #fffda9 !important;
  text-shadow: 0px 0px 1px black, 0px 0px 1px black;
}
.kshf[selectHighlight] .percentileChart_Highlight {
  display: block !important;
}
.kshf[selectHighlight] .aggrGlyph > .measureLabel {
  color: orangered;
  fill: orangered;
}
.kshf[selectHighlight] .previewLine {
  opacity: 1 !important;
}
.kshf .scatterAxis_X {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 100%;
}
.kshf .scatterAxis_X > .tickGroup > .hmTicks {
  height: 100%;
}
.kshf .scatterAxis_X > .tickGroup > .hmTicks > .tickLine {
  border-left: solid 1px #EEE;
  height: 100%;
  top: -100%;
}
.kshf .scatterAxis_X > .tickGroup > .hmTicks > .tickText {
  position: relative;
  left: -50%;
  top: -4px;
  text-align: center;
}
.kshf .scatterAxis_X > .onRecordLine {
  top: 0px;
  height: 100%;
}
.kshf .scatterAxis_X > .onRecordLine > .tickText {
  left: -50%;
  position: relative !important;
}
.kshf .scatterAxis_X > .onRecordLine > .tickLine {
  height: 100%;
  top: -100%;
  border-width: 0px 1px 0px 1px;
}
.kshf .scatterAxis_Y {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.kshf .scatterAxis_Y > .tickGroup > .hmTicks {
  width: 100%;
}
.kshf .scatterAxis_Y > .tickGroup > .hmTicks > .tickLine {
  border-top: solid 1px #EEE;
  width: 100%;
  top: 0px;
}
.kshf .scatterAxis_Y > .tickGroup > .hmTicks > .tickText {
  position: absolute;
  width: 33px;
  left: -35px;
  text-align: right;
  top: -0.5em;
}
.kshf .scatterAxis_Y > .onRecordLine {
  width: 100%;
  height: 100%;
  top: 0px;
}
.kshf .scatterAxis_Y > .onRecordLine > .tickText {
  right: 100%;
  top: -0.5em;
}
.kshf .scatterAxis_Y > .onRecordLine > .tickLine {
  width: 100%;
  top: 0px;
  border-width: 1px 0px 1px 0px;
}
.kshf .scatterAxis > .tickGroup {
  height: 100%;
  width: 100%;
}
.kshf .scatterAxis > .tickGroup > .hmTicks {
  position: absolute;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 500ms, -webkit-transform 700ms ease-in-out;
  -moz-transition: opacity 500ms, -moz-transform 700ms ease-in-out;
  -o-transition: opacity 500ms, -o-transform 700ms ease-in-out;
  transition: opacity 500ms,-webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out;
}
.kshf .scatterAxis > .tickGroup > .hmTicks > .tickText {
  display: inline-block;
  white-space: nowrap;
  font-weight: 200;
  font-size: 0.7em;
  pointer-events: none;
}
.kshf .scatterAxis > .tickGroup > .hmTicks > .tickLine {
  position: absolute;
  left: 0px;
}
.kshf .scatterAxis > .tickGroup > .hmTicks[zero] > .tickLine {
  border-color: #999;
}
.kshf .scatterAxis > .onRecordLine {
  display: inline;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.kshf .scatterAxis > .onRecordLine > .tickLine {
  position: absolute;
  border-color: #d0be96;
  border-style: solid;
}
.kshf .scatterAxis > .onRecordLine > .tickText {
  position: absolute;
  background-color: #f5f1e8;
  border: solid 1px #d5c5a2;
  font-weight: 700;
  font-size: 0.7em;
}
.kshf .selectVertLine {
  display: inline-block;
  background-color: #EEDDDE;
  width: 2px;
  display: none;
  position: absolute;
}
.kshf .middleColumn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
}
.kshf .recordDisplay_ViewAsScatter {
  width: 14px;
}
.kshf .recordDisplay_ViewAsScatter > svg {
  fill: gray;
}
.kshf .recordDisplay_ViewAsScatter:hover > svg {
  fill: #cb5454;
}
.kshf .recordDisplay {
  position: relative;
  top: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: margin-top 700ms ease-in-out;
  -moz-transition: margin-top 700ms ease-in-out;
  -o-transition: margin-top 700ms ease-in-out;
  transition: margin-top 700ms ease-in-out;
}
.kshf .recordDisplay[collapsed] .recordDisplay_ViewGroup {
  display: none !important;
}
.kshf .recordDisplay > .dropZone_recordView {
  display: none;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 50;
  cursor: s-resize;
  background-color: #efecde;
  border-radius: 0px 0px 40px 40px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #918e7b;
  text-align: center;
  margin-bottom: 5px;
}
.kshf .recordDisplay > .dropZone_recordView > .dropIcon {
  margin: 10px 0px 0px 0px;
  font-size: 2em;
  color: #918E7B;
  text-shadow: 1px 1px 1px #B8B6AB;
}
.kshf .recordDisplay > .dropZone_recordView:hover {
  background-color: #ffbca3;
}
.kshf .recordDisplay > .dropZone_recordView[readyToDrop=true] {
  background-color: #ffbca3;
}
.kshf .recordDisplay .recordDisplayWrapper {
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
  position: relative;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .leaflet-overlay-pane {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .leaflet-interactive {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordMap_SVG {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging]:not([drawselect]) .recordMap_SVG {
  opacity: 0.3;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .kshfRecord {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordGroup {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .scatterAxis > .tickGroup > .hmTicks {
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordBase_Scatter {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordBase_Scatter > .recordGroupHolder > .recordGroup_Scatter {
  pointer-events: none !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordBase_Map {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .recordBase_NodeLink {
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .spatialQueryBox {
  -webkit-transition: opacity 50ms linear;
  -moz-transition: opacity 50ms linear;
  -o-transition: opacity 50ms linear;
  transition: opacity 50ms linear;
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging]:not([drawselect]) .spatialQueryBox {
  opacity: 0.3;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .dragSelection {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] .clearFilterButton {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[dragging] [class^='setSize'] {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] {
  cursor: cell !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .leaflet-overlay-pane {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .leaflet-interactive {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .recordMap_SVG {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .kshfRecord {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .recordGroup {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect] .recordGroup_Scatter {
  pointer-events: none !important;
}
.kshf .recordDisplay .recordDisplayWrapper[drawSelect="Highlight"] .spatialQueryBox_Highlight {
  display: block;
}
.kshf .recordDisplay .recordBase_NodeLink {
  display: none;
  width: 100%;
  height: 100%;
}
.kshf .recordDisplay .recordBase_Scatter {
  display: none;
  position: absolute;
  left: 35px;
  -lh-property: 0;
width:-webkit-calc(100% - 35px);
width:-moz-calc(100% - 35px);
width:calc(100% - 35px);
;
  -lh-property: 0;
height:-webkit-calc(100% - 50px);
height:-moz-calc(100% - 50px);
height:calc(100% - 50px);
;
}
.kshf .recordDisplay .recordBase_Scatter > .scatterAxisGroup {
  position: absolute;
  width: 100%;
  height: 100%;
}
.kshf .recordDisplay .recordBase_Scatter > .recordGroupHolder {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-left: solid 1px gray;
  border-bottom: solid 1px gray;
}
.kshf .recordDisplay .recordBase_Scatter > .recordGroupHolder > .recordGroup_Scatter {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: -webkit-transform 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out;
  transition: -webkit-transform 700ms ease-in-out,-moz-transform 700ms ease-in-out,-o-transform 700ms ease-in-out,transform 700ms ease-in-out;
}
.kshf .recordDisplay .recordBase_Scatter > .recordGroupHolder > .recordGroup_Scatter > svg.asdasdasdsadas {
  display: block;
  height: 100%;
  width: 100%;
  overflow: visible;
}
.kshf .recordDisplay .spatialQueryBox {
  display: none;
  position: absolute;
  border-width: 2px;
  border-style: solid;
  z-index: 800;
  pointer-events: none;
  -webkit-transition: all 700ms ease-in-out, opacity 50ms linear;
  -moz-transition: all 700ms ease-in-out, opacity 50ms linear;
  -o-transition: all 700ms ease-in-out, opacity 50ms linear;
  transition: all 700ms ease-in-out, opacity 50ms linear;
}
.kshf .recordDisplay .spatialQueryBox > .clearFilterButton {
  display: none;
  position: absolute;
  left: -2px;
  top: -2px;
  pointer-events: all;
  font-size: 0.9em;
  opacity: 1;
}
.kshf .recordDisplay .spatialQueryBox > .clearFilterButton:hover {
  color: #cb5454;
  background-color: white !important;
}
.kshf .recordDisplay .spatialQueryBox > .dragSelection {
  display: none;
  position: absolute;
  right: -0.5em;
  bottom: -0.5em;
  pointer-events: all;
  cursor: pointer;
  font-size: 20px;
  border-radius: 50%;
  color: white;
  text-shadow: 0px 0px 3px gray;
}
.kshf .recordDisplay .spatialQueryBox > .dragSelection:hover {
  color: #cb5454;
  text-shadow: 0px 0px 3px white;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'] {
  display: none;
  position: absolute;
  pointer-events: all;
  background-color: #cb5454;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize']:hover {
  opacity: 1;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-l,
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-r {
  cursor: ew-resize;
  height: 100%;
  width: 6px;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-t,
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-b {
  cursor: ns-resize;
  width: 100%;
  height: 6px;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-l {
  left: -2px;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-r {
  right: -2px;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-t {
  top: -2px;
}
.kshf .recordDisplay .spatialQueryBox > [class^='setSize'].setSize-b {
  bottom: -2px;
}
.kshf .recordDisplay .spatialQueryBox[active] {
  display: block;
}
.kshf .recordDisplay .spatialQueryBox[active] > .clearFilterButton {
  display: block;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Filter {
  border-color: #30b8c4;
  color: #30b8c4;
  box-shadow: 0px 0px 20px #1c6b72;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Filter > .clearFilterButton {
  border-color: #30b8c4;
  background-color: #30b8c4;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Filter > .dragSelection {
  display: block;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Filter > [class^='setSize'] {
  display: block;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Highlight {
  border-color: #ff7800;
  color: #ff7800;
  box-shadow: 0px 0px 5px #994800;
  pointer-events: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Highlight > [class^='setSize'] {
  pointer-events: none;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_A {
  border-color: #2f4f4f;
  color: #2f4f4f;
  box-shadow: 0px 0px 20px #2f4f4f;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_A > .clearFilterButton {
  background-color: #2f4f4f;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_A > .clearFilterButton:before {
  content: "\f023";
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_B {
  border-color: #39ef4f;
  color: #39ef4f;
  box-shadow: 0px 0px 20px #39ef4f;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_B > .clearFilterButton {
  background-color: #39ef4f;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_B > .clearFilterButton:before {
  content: "\f023";
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_C {
  border-color: #fffedc;
  color: #fffedc;
  box-shadow: 0px 0px 10px #7A7A77, 0px 0px 10px #7A7A77;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_C > .clearFilterButton {
  background-color: #fffedc;
}
.kshf .recordDisplay .spatialQueryBox.spatialQueryBox_Compare_C > .clearFilterButton:before {
  content: "\f023";
}
.kshf .recordDisplay .recordBase_Map {
  height: 100%;
  background: white;
  display: none;
}
.kshf .recordDisplay .leaflet-control > a:hover {
  color: orangered;
}
.kshf .recordDisplay .recordMap_SVG {
  display: block;
  position: relative;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.kshf .recordDisplay .recordGroup_List {
  display: none;
  height: 100%;
}
.kshf .recordDisplay .recordGroup_List > .recordGroup {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  background-color: white;
  -webkit-transition: height 700ms ease-in-out;
  -moz-transition: height 700ms ease-in-out;
  -o-transition: height 700ms ease-in-out;
  transition: height 700ms ease-in-out;
}
.kshf .recordDisplay .recordGroup_List > .recordGroup > .dragWidthHandle {
  z-index: 200;
  height: 100%;
}
.kshf .recordDisplay > .showMore {
  display: block;
  cursor: pointer;
  border: solid 1px lightgray;
  border-radius: 9px;
  box-shadow: 2px 2px 2px #D8D8D8;
  font-weight: 300;
  font-size: 0.8em;
  background-color: #eee;
  height: 20px;
  width: calc(100% - 23px);
  text-align: center;
  position: absolute;
  left: 4px;
  -webkit-transition: bottom 700ms ease 50ms;
  -moz-transition: bottom 700ms ease 50ms;
  -o-transition: bottom 700ms ease 50ms;
  transition: bottom 700ms ease 50ms;
}
.kshf .recordDisplay > .showMore > .MoreText {
  display: inline-block;
  vertical-align: top;
  top: 2px;
  position: relative;
}
.kshf .recordDisplay > .showMore > .Count {
  font-size: 0.9em;
  top: 3px;
  position: relative;
  color: gray;
}
.kshf .recordDisplay > .showMore > .Count.CountAbove {
  float: left;
  margin-left: 3px;
}
.kshf .recordDisplay > .showMore > .Count.CountBelow {
  float: right;
  margin-right: 3px;
}
.kshf .recordDisplay > .showMore:hover {
  box-shadow: 2px 2px 2px gray;
}
.kshf .recordDisplay > .showMore:hover > .MoreText {
  text-decoration: underline;
}
.kshf .recordDisplay > .showMore[showMoreVisible=true] {
  opacity: 1;
  bottom: 4px;
}
.kshf .recordDisplay > .showMore[showMoreVisible=false] {
  bottom: -27px;
  opacity: 0;
}
.kshf .recordDisplay[showRank=true] .recordRank {
  display: inline-block;
}
.kshf .recordDisplay[showRank=true] .itemRank_control {
  color: black;
}
.kshf .recordDisplay[showRank=false] .recordRank {
  display: none;
}
.kshf .recordDisplay[showRank=false] .itemRank_control {
  color: gray;
}
.kshf .recordDisplay circle.kshfRecord {
  stroke: gray;
  stroke-width: 1;
  cursor: pointer;
  -webkit-transition: all 700ms ease-in-out;
  -moz-transition: all 700ms ease-in-out;
  -o-transition: all 700ms ease-in-out;
  transition: all 700ms ease-in-out;
}
.kshf .recordDisplay circle.kshfRecord[selection] {
  stroke-width: 2;
}
.kshf .recordDisplay circle.kshfRecord[selection="onRecord"] {
  stroke: #463b23;
}
.kshf .recordDisplay circle.kshfRecord[selection="related"] {
  stroke: green;
}
.kshf .recordDisplay circle.kshfRecord[selection="highlighted"] {
  stroke: orangered;
}
.kshf .recordDisplay circle.kshfRecord[rec_compared] {
  stroke-width: 2;
}
.kshf .recordDisplay circle.kshfRecord[rec_compared^="A"] {
  stroke: #2f4f4f;
}
.kshf .recordDisplay circle.kshfRecord[rec_compared^="B"] {
  stroke: #39ef4f;
}
.kshf .recordDisplay circle.kshfRecord[rec_compared^="C"] {
  stroke: #fffedc;
}
.kshf .recordDisplay.hideLinks .recordLink {
  display: none;
}
.kshf .recordDisplay.hideLinks .LinkControl-LinkIcon {
  color: #BABABA;
}
.kshf .recordDisplay:not([displayType="scatter"]) span[class^='ScatterControl'] {
  display: none;
}
.kshf .recordDisplay:not([displayType="map"]) span[class^='MapControl'] {
  display: none;
}
.kshf .recordDisplay:not([displayType="nodelink"]) span[class^='NodeLinkControl'] {
  display: none;
}
.kshf .recordDisplay[displayType="scatter"] .scrollToTop {
  display: none;
}
.kshf .recordDisplay[displayType="scatter"] .recordBase_Scatter {
  display: block;
}
.kshf .recordDisplay[displayType="scatter"] .recordDisplay_ViewAsScatter {
  background-color: white;
}
.kshf .recordDisplay[displayType="scatter"] .recordDisplay_ViewAsScatter > svg {
  fill: black;
}
.kshf .recordDisplay[displayType="scatter"]:not([collapsed]) .visViewControl {
  display: block;
  left: 35px;
}
.kshf .recordDisplay[displayType="scatter"] line.recordLink {
  pointer-events: none;
  display: none;
  stroke: #d0be96;
  stroke-opacity: .7;
}
.kshf .recordDisplay[displayType="scatter"] circle.kshfRecord {
  fill: #dee2e6;
}
.kshf .recordDisplay[visMouseMode="pan"] .MouseMode-pan {
  color: black;
  cursor: default;
}
.kshf .recordDisplay[visMouseMode="pan"] .MouseMode-draw {
  color: lightgray;
  cursor: pointer;
}
.kshf .recordDisplay[visMouseMode="pan"] [class^='recordBase_'] {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.kshf .recordDisplay[visMouseMode="draw"] .MouseMode-pan {
  color: lightgray;
  cursor: pointer;
}
.kshf .recordDisplay[visMouseMode="draw"] .MouseMode-draw {
  color: black;
  cursor: default;
}
.kshf .recordDisplay[visMouseMode="draw"] [class^='recordBase_'] {
  cursor: crosshair;
}
.kshf .recordDisplay[displayType="map"] {
  overflow: visible !important;
}
.kshf .recordDisplay[displayType="map"] .scrollToTop {
  display: none;
}
.kshf .recordDisplay[displayType="map"] .recordDisplay_ViewAsMap {
  color: black;
  background-color: white;
}
.kshf .recordDisplay[displayType="map"] .recordBase_Map {
  display: block;
}
.kshf .recordDisplay[displayType="map"]:not([collapsed]) .visViewControl {
  display: block;
}
.kshf .recordDisplay[displayType="map"] > .recordDisplayHeader > .recordColorScale {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .recordDisplay[displayType="map"] .recordGroup {
  overflow: visible !important;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord {
  stroke-width: 0.5px;
  stroke-opacity: 0.2;
  cursor: pointer;
  pointer-events: all;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[selection="onRecord"] {
  stroke: #463b23 !important;
  stroke-width: 2px;
  stroke-opacity: 1;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[selection="highlighted"] {
  stroke: orangered !important;
  stroke-width: 1px;
  stroke-opacity: 1;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[rec_compared^="A"] {
  stroke: #2f4f4f;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[rec_compared^="B"] {
  stroke: #39ef4f;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[rec_compared^="C"] {
  stroke: #fffedc;
}
.kshf .recordDisplay[displayType="nodelink"] {
  overflow: visible !important;
}
.kshf .recordDisplay[displayType="nodelink"] .scrollToTop {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"]:not([collapsed]) .visViewControl {
  display: block;
}
.kshf .recordDisplay[displayType="nodelink"] .recordDisplay_ViewAsNodeLink {
  color: black;
  background-color: white;
}
.kshf .recordDisplay[displayType="nodelink"] .recordBase_NodeLink {
  display: block;
}
.kshf .recordDisplay[displayType="nodelink"] > .recordDisplayHeader > .recordColorScale {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .recordDisplay[displayType="nodelink"] circle.kshfRecord {
  fill: white;
}
.kshf .recordDisplay[displayType="nodelink"] line.recordLink {
  stroke: #999;
  stroke-opacity: .3;
}
.kshf .recordDisplay[displayType="nodelink"][NodeLinkState="started"] .NodeLinkControl-AnimPlay {
  display: none !important;
}
.kshf .recordDisplay[displayType="nodelink"][NodeLinkState="stopped"] .NodeLinkControl-AnimPause {
  display: none !important;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .sortButton {
  display: block;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup_List {
  display: block;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordDisplay_ViewAsList {
  color: black;
  background-color: white;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup > .kshfRecord {
  display: block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup > .kshfRecord > .recordRank {
  vertical-align: top;
  margin-right: 2px;
  position: absolute;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup > .kshfRecord > .content {
  display: block;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="grid"] .recordGroup > .kshfRecord > .recordToggleDetail {
  position: absolute;
  left: 0px;
  z-index: 2;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .sortButton {
  display: block;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .recordGroup_List {
  display: block;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .recordDisplay_ViewAsList {
  color: black;
  background-color: white;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding-top: 0px;
  border-top: solid 1px lightgray;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord > .recordSortValue {
  padding-right: 3px;
  padding-top: 2px;
  font-weight: 300;
  text-align: right;
  font-size: 0.8em;
  cursor: default;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord > .recordSortValue > .unitName {
  margin-right: 1px;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord > .recordRank {
  float: left;
  margin-top: 4px;
  width: 15px;
  padding-right: 2px;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord > .recordToggleDetail {
  padding-top: 1px;
}
.kshf .recordDisplay[hasrecordview="true"][displayType="list"] .kshfRecord > .content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kshf .recordDisplay[detailsToggle="zoom"] .recordGroup > .kshfRecord > .recordToggleDetail {
  display: inline-block;
}
.kshf .recordDisplay[detailsToggle="zoom"] .recordGroup > .kshfRecord > .recordToggleDetail:before {
  content: "\f05a";
}
.kshf .recordDisplay[detailsToggle="one"] .recordGroup > .kshfRecord > .recordToggleDetail {
  display: inline-block;
}
.kshf .recordDisplay[detailsToggle="one"] .recordGroup > .kshfRecord > .recordToggleDetail:before {
  content: "\f078";
}
.kshf .recordDisplay:not([hasRecordView]) > .recordDisplayHeader {
  display: none;
}
.kshf .recordDisplay:not([hasRecordView]) > .recordDisplayWrapper {
  display: none;
}
.kshf .recordDisplay:not([hasRecordView]) > .dropZone_recordView {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
}
.kshf .recordDisplay[hasRecordView] {
  box-shadow: 0px 0px 2px #89713c;
  margin: 0px 2px 2px 2px;
}
.kshf .recordDisplay[hasRecordView] > .recordDisplayHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .recordDisplay[hasRecordView] > .dropZone_recordView {
  position: absolute;
}
.kshf .recordDisplay[collapsed] .recordDisplayWrapper {
  height: 0px !important;
}
.kshf .recordDisplay[collapsed] .recordColorScale {
  display: none;
}
.kshf .recordDisplay[collapsed] .recordSortOptions {
  display: none;
}
.kshf .recordDisplay[collapsed] .recordReverseSortButton {
  display: none;
}
.kshf .recordDisplay[collapsed] .scrollToTop {
  visibility: hidden;
}
.kshf .recordDisplay[collapsed] .buttonRecordViewCollapse {
  display: none;
}
.kshf .recordDisplay[collapsed] .buttonRecordViewExpand {
  display: block;
  opacity: 1;
}
.kshf .recordDisplay[collapsed]:hover .buttonRecordViewExpand {
  opacity: 1;
}
.kshf .recordDisplay:hover > .recordDisplayHeader > .recordReverseSortButton {
  opacity: 1;
  pointer-events: all;
}
.kshf .recordDisplay:hover .buttonRecordViewCollapse {
  opacity: 1;
}
.kshf .recordDisplay > .recordMap .viewMap {
  font-size: 0.9em;
}
.kshf .recordDisplay > .recordMap .viewFit {
  font-size: 1em;
}
.kshf .Summary_Set {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .Summary_Set[noanim="false"] .rows > .row {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.kshf .Summary_Set[noanim="false"] .rows > .row > .line {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.kshf .Summary_Set > .summaryControls {
  display: block;
  position: relative;
  text-align: center;
  border-bottom: solid 1px #E9E9E9;
  margin-top: -1px;
}
.kshf .Summary_Set > .summaryControls > .strengthControl {
  font-size: 0.7em;
  margin-top: 2px;
  display: inline-block;
  background-color: #eaeaea;
  border-width: 1px 2px 1px 1px;
  border-style: solid;
  border-color: #DFDFDF;
  border-radius: 15px;
  cursor: default;
  padding: 0px 3px;
  color: #474747;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .Summary_Set > .summaryControls > .strengthControl:hover {
  border-color: gray;
}
.kshf .Summary_Set > .summaryControls > .strengthControl > .strengthLabel {
  display: none;
  width: 36px;
  font-style: italic;
  font-size: 0.8em;
}
.kshf .Summary_Set > .summaryControls > .strengthControl > .strengthLabel:first-child {
  text-align: left;
}
.kshf .Summary_Set > .summaryControls > .strengthControl > .strengthLabel:last-child {
  text-align: right;
}
.kshf .Summary_Set > .summaryControls > .strengthControl > .strengthText {
  padding: 0px 2px;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend {
  position: absolute;
  bottom: -30px;
  overflow: visible;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend > .legendHeader {
  font-size: 0.7em;
  alignment-baseline: central;
  fill: #969da3;
  text-anchor: start;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend .legendMark > .legendCircle {
  stroke: gray;
  stroke-width: 1;
  fill: none;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend .legendMark > .legendLine {
  stroke: gray;
  stroke-width: 1;
  stroke-dasharray: 0.8;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend .legendMark > .legendLabel {
  font-size: 0.7em;
  alignment-baseline: central;
  fill: gray;
}
.kshf .Summary_Set > .setMatrixWidthAdjust {
  display: block;
  position: absolute;
  width: 0px;
  height: 100%;
  pointer-events: all;
  border-width: 0px 5px 0px 0px;
  border-style: solid;
  border-color: lightgray;
  cursor: col-resize;
  opacity: 0.5;
  z-index: 10;
}
.kshf .Summary_Set > .setMatrixWidthAdjust:hover {
  border-style: solid;
  border-color: gray;
}
.kshf .Summary_Set > svg.setMatrix {
  display: block;
}
.kshf .Summary_Set .rows {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.kshf .Summary_Set .rows > .row {
  position: absolute;
  left: 0px;
  width: 100%;
  display: block;
  cursor: default;
}
.kshf .Summary_Set .rows > .row > .line {
  display: block;
  stroke: #DADADA;
  stroke-width: 1px;
  stroke-linecap: round;
  pointer-events: none;
}
.kshf .Summary_Set .rows > .row > .label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-size: 0.8em;
  alignment-baseline: middle;
}
.kshf .Summary_Set .rows > .row > .label.label_vert {
  text-anchor: start !important;
  background-color: white;
  display: none;
}
.kshf .Summary_Set .rows > .row[selection] > .label {
  font-weight: 700;
}
.kshf .Summary_Set .rows > .row[selection] > .label.label_vert[show=true] {
  display: block;
}
.kshf .Summary_Set .rows > .row[selection] > .line {
  stroke-width: 2px;
}
.kshf .Summary_Set .rows > .row[selection="selected"] > .label {
  fill: #ff6a33;
}
.kshf .Summary_Set .rows > .row[selection="selected"] > .line {
  stroke: #ff6a33;
}
.kshf .Summary_Set .rows > .row[catselect="onRecord"] > .label {
  fill: #685834;
  font-weight: 700;
}
.kshf .Summary_Set .rows > .row[catselect="onRecord"] > .line {
  stroke: #8a7445;
  stroke-width: 2;
}
.kshf .Summary_Set g.setPairGroup[animate_position="true"] > .setPairGlyph {
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.kshf .Summary_Set g.setPairGroup[animate_position="false"] > .setPairGlyph {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.kshf .Summary_Set[show_gridlines='false'] .rows > .row > .line {
  opacity: 0.3;
}
.kshf .Summary_Set > .belowMatrix {
  height: 18px;
  padding-top: 2px;
  cursor: default;
  border-top: solid 1px #E9E9E9;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo {
  font-size: 0.7em;
  color: #919191;
  margin: 0px 3px;
  display: inline-block;
  vertical-align: top;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo > .circleeee {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 2px;
  background-color: #b1bdc5;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo > .circleeee.borrderr {
  border-top: solid 2px #4000ff;
  border-left: solid 2px #4000ff;
  border-bottom: solid 2px #4000ff;
  border-radius: 5px 0px 0px 5px;
  width: 8px;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo .subsetCount_Text:after {
  content: " Subsets ⊆";
}
.kshf .scrollToTop {
  display: inline-block;
  visibility: hidden;
  color: red;
  cursor: pointer;
  color: #aaaaaa;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.kshf .scrollToTop:hover {
  color: #cb5454;
}
.kshf .recordDisplayHeader {
  font-size: 0.9em;
  position: relative;
  background-color: #EBE5DF;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 18px;
}
.kshf .recordDisplayHeader > .itemRank_control {
  display: none;
  width: 13px;
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  cursor: pointer;
}
.kshf .recordDisplayHeader > .itemRank_control:before {
  content: "\f102";
}
.kshf .recordDisplayHeader > .itemRank_control:hover {
  color: orangered;
}
.kshf .recordDisplayHeader > .recordColorScale {
  display: none;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 30px;
  margin: 2px;
  border: solid 1px lightgray;
  cursor: pointer;
}
.kshf .recordDisplayHeader > .recordColorScale:hover {
  border: solid 1px gray;
}
.kshf .recordDisplayHeader > .recordColorScale > .recordColorScaleBin {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kshf .recordDisplayHeader > .recordSortOptions {
  display: inline-block;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  white-space: nowrap;
  text-align: right;
  padding-right: 1px;
  position: relative;
}
.kshf .recordDisplayHeader > .recordSortOptions > .recordSortSelectbox {
  width: 100%;
  bottom: 0px;
}
.kshf .recordDisplayHeader > .recordReverseSortButton {
  opacity: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 14px;
  height: 16px;
  padding-top: 3px;
  font-size: 0.9em;
  margin-bottom: 2px;
  vertical-align: bottom;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
.kshf .recordDisplayHeader > .recordReverseSortButton[helpin] {
  opacity: 1;
}
.kshf .recordDisplayHeader > .recordDisplayName {
  font-family: 'Roboto Slab', serif;
  font-size: 0.9em;
  font-weight: 600;
  pointer-events: none;
  cursor: default;
  margin: 0px 3px;
}
.kshf .recordDisplayHeader > .buttonRecordViewCollapse {
  display: block;
  opacity: 0;
  cursor: pointer;
  margin-top: 2px;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
.kshf .recordDisplayHeader > .buttonRecordViewCollapse:hover {
  color: #cb5454;
}
.kshf .recordDisplayHeader > .buttonRecordViewCollapse[helpin] {
  display: block;
}
.kshf .recordDisplayHeader > .buttonRecordViewExpand {
  display: none;
  opacity: 0;
  cursor: pointer;
  margin-top: 2px;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
.kshf .recordDisplayHeader > .buttonRecordViewExpand:hover {
  color: #cb5454;
}
.kshf .recordDisplayHeader > .buttonRecordViewExpand[helpin] {
  display: block;
}
.kshf .recordDisplayHeader > .buttonRecordViewRemove {
  display: none;
  cursor: pointer;
  margin-top: 2px;
}
.kshf .recordDisplayHeader > .buttonRecordViewRemove:hover {
  color: #cb5454;
}
.kshf .recordDisplayHeader > .buttonRecordViewRemove[helpin] {
  display: block;
}
.kshf .recordDisplayHeader > .scrollToTop {
  display: none;
  padding-top: 2px;
}
.kshf .recordDisplayHeader > .recordTextSearch {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  height: 18px;
  padding-left: 4px;
}
.kshf .recordDisplayHeader > .recordTextSearch > .dropZone_textSearch {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 50;
  background-color: #eaeaea;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  text-align: center;
}
.kshf .recordDisplayHeader > .recordTextSearch > .dropZone_textSearch > .dropZone_textSearch_text {
  pointer-events: none;
  font-size: 0.7em;
  display: block;
  font-weight: 300;
}
.kshf .recordDisplayHeader > .recordTextSearch > .dropZone_textSearch:hover {
  background-color: #ffbca3;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchInput {
  display: none;
  width: calc(100% - 14px);
  -webkit-transition: background-color 150ms linear;
  -moz-transition: background-color 150ms linear;
  -o-transition: background-color 150ms linear;
  transition: background-color 150ms linear;
}
.kshf .recordDisplayHeader > .recordTextSearch > .searchIcon {
  display: none;
  font-size: 0.9em;
  color: #cb5454;
}
.kshf .recordDisplayHeader > .recordTextSearch > .clearSearchText {
  display: none;
  position: absolute;
  right: 6px;
  top: 1px;
  cursor: pointer;
  color: gray;
}
.kshf .recordDisplayHeader > .recordTextSearch > .clearSearchText:hover {
  color: #cb5454;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode {
  display: none;
  position: absolute;
  top: 2px;
  cursor: pointer;
  opacity: 0.5;
  border-radius: 6px;
  font-size: 0.7em;
  padding: 1px 4px;
  color: white;
  font-weight: 300;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode:hover {
  opacity: 1;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode[mode="and"] {
  background-color: #1d4870;
  right: 20px;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode[mode="and"]:after {
  content: "all";
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode[mode="or"] {
  background-color: #1c737a;
  right: 41px;
}
.kshf .recordDisplayHeader > .recordTextSearch > .textSearchMode[mode="or"]:after {
  content: "some";
}
.kshf .recordDisplayHeader > .recordTextSearch[isActive="true"] > .textSearchInput {
  display: inline-block;
}
.kshf .recordDisplayHeader > .recordTextSearch[isActive="true"] > .searchIcon {
  display: inline-block;
}
.kshf .recordDisplayHeader > .recordTextSearch[mode="and"] > .textSearchMode[mode="and"] {
  opacity: 1;
  box-shadow: 0px 0px 2px black;
}
.kshf .recordDisplayHeader > .recordTextSearch[mode="or"] > .textSearchMode[mode="or"] {
  opacity: 1;
  box-shadow: 0px 0px 2px black;
}
.kshf .textSearchInput {
  font-size: 0.8em;
  font-weight: 700;
  color: #cb5454;
  padding: 0px 2px;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: all;
  border-width: 0px;
  border-style: solid;
  border-color: #cb5454;
  margin: 1px;
}
.kshf .textSearchInput:focus {
  outline-color: #cb5454;
  outline-width: 2px;
}
.kshf .textSearchInput:hover {
  border-width: 1px;
  background-color: white;
  margin: 0px;
}
.kshf .textSearchInput::-webkit-input-placeholder {
  color: #cb5454;
  font-weight: 300;
}
.kshf .textSearchInput:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .recordDisplay_ViewGroup {
  display: none;
  height: 18px;
  margin: 0px 3px;
  padding: 0px 2px;
  font-size: 0.9em;
}
.kshf .recordDisplay_ViewGroup > .pofffffff {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.kshf [class^="recordDisplay_ViewAs"] {
  color: gray;
  padding: 1px 2px 0px;
  cursor: pointer;
  display: none;
  vertical-align: top;
}
.kshf [class^="recordDisplay_ViewAs"]:hover {
  color: #cb5454;
}
.kshf .recordView_HeaderSet {
  font-weight: 200;
  font-size: 0.8em;
  cursor: default;
  margin: 1px 3px 1px 1px;
  display: inline-block;
}
.kshf #kshfLineChartTip_Active {
  fill: #94a4af;
}
.kshf #kshfLineChartTip_Highlight {
  fill: #ff4500;
}
.kshf #kshfLineChartTip_Compare_A {
  fill: #1c2f2f;
}
.kshf #kshfLineChartTip_Compare_B {
  fill: #12e32c;
}
.kshf #kshfLineChartTip_Compare_C {
  fill: #fff810;
}
.kshf > .tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
  pointer-events: none;
}
.kshf > .tipsy.recordTip > .tipsy-inner {
  background-color: white;
  font-family: inherit;
  color: black;
  text-align: inherit;
  border: solid 1px lightgray;
  font-weight: 500;
}
.kshf > .tipsy > .tipsy-inner {
  font-family: Helvetica, Arial, sans-serif;
  padding: 3px;
  font-size: 1.2em;
  background-color: #000;
  color: #FFF;
  max-width: 400px;
  text-align: center;
  font-weight: 300;
  border-radius: 3px;
  box-shadow: 0 0 5px gray;
}
.kshf > .tipsy > .tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}
.kshf > .tipsy.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.kshf > .tipsy.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.kshf > .tipsy.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.kshf > .tipsy .unitName {
  margin-left: 1px;
  margin-right: 1px;
}
.kshf > .tipsy .mapItemName {
  display: block;
  border-bottom: solid 1px gray;
  font-weight: 600;
}
.kshf > .tipsy .mapTooltipValue {
  font-size: 0.9em;
  font-weight: 500;
}
.kshf > .tipsy .mapTooltipLabel {
  font-size: 0.9em;
  font-weight: 300;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(0.8);
    -moz-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    -o-transform: scaleY(0.8);
    transform: scaleY(0.8);
    background-color: #fa7746;
  }
}
@-moz-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(0.8);
    -moz-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    -o-transform: scaleY(0.8);
    transform: scaleY(0.8);
    background-color: #fa7746;
  }
}
@-ms-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(0.8);
    -moz-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    -o-transform: scaleY(0.8);
    transform: scaleY(0.8);
    background-color: #fa7746;
  }
}
@-o-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(0.8);
    -moz-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    -o-transform: scaleY(0.8);
    transform: scaleY(0.8);
    background-color: #fa7746;
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(0.8);
    -moz-transform: scaleY(0.8);
    -ms-transform: scaleY(0.8);
    -o-transform: scaleY(0.8);
    transform: scaleY(0.8);
    background-color: #fa7746;
  }
}
@-webkit-keyframes CreditsBackgroundAnim {
  0% {
    background-position: 0% 49%;
  }
  50% {
    background-position: 100% 52%;
  }
  100% {
    background-position: 0% 49%;
  }
}
@-moz-keyframes CreditsBackgroundAnim {
  0% {
    background-position: 0% 49%;
  }
  50% {
    background-position: 100% 52%;
  }
  100% {
    background-position: 0% 49%;
  }
}
@-o-keyframes CreditsBackgroundAnim {
  0% {
    background-position: 0% 49%;
  }
  50% {
    background-position: 100% 52%;
  }
  100% {
    background-position: 0% 49%;
  }
}
@keyframes CreditsBackgroundAnim {
  0% {
    background-position: 0% 49%;
  }
  50% {
    background-position: 100% 52%;
  }
  100% {
    background-position: 0% 49%;
  }
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes mapPreviewAnimation{ 0% { opacity: 0; } 90%, 100% { opacity: 1; }}
@-moz-keyframes mapPreviewAnimation{ 0% { opacity: 0; } 90%, 100% { opacity: 1; }}
@-o-keyframes mapPreviewAnimation{ 0% { opacity: 0; } 90%, 100% { opacity: 1; }}
@keyframes mapPreviewAnimation{ 0% { opacity: 0; } 90%, 100% { opacity: 1; };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes helpInFlip{ 0%, 60%, 90%{ -webkit-transform: scale(1); } 80%{ -webkit-transform: scale(-1, 1); }}
@-moz-keyframes helpInFlip{ 0%, 60%, 90%{ -moz-transform: scale(1); } 80%{ -moz-transform: scale(-1, 1); }}
@-o-keyframes helpInFlip{ 0%, 60%, 90%{ -o-transform: scale(1); } 80%{ -o-transform: scale(-1, 1); }}
@keyframes helpInFlip{ 0%, 60%, 90%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } 80%{-webkit-transform: scale(-1, 1);-moz-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1); };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes notifAlert{ 0%, 60%, 90%, 100% { color: #635d46; -webkit-transform: scale(0.8); } 80%{ color: orangered; -webkit-transform: scale(1); }}
@-moz-keyframes notifAlert{ 0%, 60%, 90%, 100% { color: #635d46; -moz-transform: scale(0.8); } 80%{ color: orangered; -moz-transform: scale(1); }}
@-o-keyframes notifAlert{ 0%, 60%, 90%, 100% { color: #635d46; -o-transform: scale(0.8); } 80%{ color: orangered; -o-transform: scale(1); }}
@keyframes notifAlert{ 0%, 60%, 90%, 100% { color: #635d46;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8); } 80%{ color: orangered;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); };
}