/*********************************
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.

************************************ */
.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;*/
  font-family: "Source Sans Pro";
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -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;
  -moz-transition: -moz-transform 500ms ease-out;
  -o-transition: -o-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out,-moz-transform 500ms ease-out,-o-transform 500ms ease-out,transform 500ms ease-out;
}
.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 > .handle {
  -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[drag_cursor="grab"] {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.kshf[drag_cursor="grabbing"] {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.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[collapsed=false][viewType='list']:hover .chartCatLabelResize {
  display: block !important;
}
.kshf[authoringMode] .recordName {
  cursor: text;
  pointer-events: all !important;
}
.kshf[authoringMode] .recordName:hover {
  margin: -1px;
  border: solid 1px gray;
}
.kshf[authoringMode] .recordInfo {
  pointer-events: none !important;
}
.kshf[authoringMode] .summaryName_text {
  pointer-events: all !important;
}
.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="Avg"] .measurePercentControl {
  pointer-events: none !important;
}
.kshf[measurefunc="Avg"] .relativeModeControl {
  pointer-events: none !important;
}
.kshf[measurefunc="Avg"] .measurePercentControl:after {
  content: "Avg" !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] .measurePercentControl[highlight="true"]::after {
  content: '#';
}
.kshf[percentLabelMode] .chartAxis_Measure > .tick > .text:after {
  content: "%";
}
.kshf[relativeMode] .chartAxis_Measure > .tick > .text::after {
  content: "%";
}
.kshf[relativeMode] .scaleBound::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[selectCompared_A] .measure_Compared_A {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompared_A] .percentileGroup[percentilechartvisible="Extended"] > .percentileChart_Compared_A {
  display: block;
}
.kshf[selectCompared_B] .measure_Compared_B {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompared_B] .percentileGroup[percentilechartvisible="Extended"] > .percentileChart_Compared_B {
  display: block;
}
.kshf[selectCompared_C] .measure_Compared_C {
  opacity: 1 !important;
  pointer-events: all !important;
}
.kshf[selectCompared_C] .percentileGroup[percentilechartvisible="Extended"] > .percentileChart_Compared_C {
  display: block;
}
.kshf[recordDisplayMapping="sort"] .kshfSummary[summary_type="interval"] .headerGroup .summaryIcons > .useForRecordDisplay:before {
  content: "\f0dc";
}
.kshf[recordDisplayMapping="sort"] .kshfSummary[summary_type="interval"] .headerGroup .summaryIcons > .useForRecordDisplay:hover {
  color: #3c5060;
}
.kshf[recordDisplayMapping="color"] .kshfSummary[summary_type="interval"] .headerGroup .summaryIcons > .useForRecordDisplay {
  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[recordDisplayMapping="color"] .kshfSummary[summary_type="interval"] .headerGroup .summaryIcons > .useForRecordDisplay:hover {
  transform: rotate(360deg);
}
.kshf[recordDisplayMapping="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[showDropZone=true]:not([dropattrtype~="unique"]) .kshfSummary[collapsed=false] {
  -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][dropSource="browser"] > .attributePanel > .attributeList > .dropZone_AttribList {
  display: block;
}
.kshf[showDropZone=true][dropattrtype~="unique"] .recordDisplay[hasRecordView="false"] {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 50px;
}
.kshf[showDropZone=true][dropattrtype~="unique"] .dropZone_recordView {
  display: block !important;
}
.kshf[showDropZone=true][dropattrtype~="categorical"][dropattrtype~="singlevalue"] .dropZone_textSearch {
  display: block !important;
}
.kshf .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 {
  cursor: pointer;
}
.kshf .sortButton:hover {
  color: #ff4500;
}
.kshf .sortButton:before {
  content: "\f161";
}
.kshf .sortButton[inverse='true']:before {
  content: "\f160";
}
.kshf .AndOrNot {
  color: white;
  display: inline-block;
  font-weight: 300;
  font-size: 0.8em;
  vertical-align: top;
  /*border-radius: 3px;*/
  padding: 0px 2px 0px 2px;
  margin-top: 1px;
  opacity: 0.7;
}
.kshf .AndOrNot.AndOrNot_And {
  background-color: #1d4870;
}
.kshf .AndOrNot.AndOrNot_Or {
  background-color: #1c737a;
}
.kshf .AndOrNot.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;
  /*background-color: white;*/
  z-index: 10;
}
.kshf .editableTextContainer > .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: #3c5060;
}
.kshf > .attributePanel > .attributePanelHeader > .hidePanel {
  color: gray;
  position: absolute;
  left: 3px;
  cursor: pointer;
}
.kshf > .attributePanel > .attributePanelHeader > .hidePanel:hover {
  color: #3c5060;
}
.kshf > .attributePanel > .attributePanelControl {
  background-color: white;
  /*border-radius: 5px;*/
  box-shadow: 0px 0px 1px gray;
  margin: 4px 0px 2px;
  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 > .attributePanelControl > .attribFilterIcon {
  margin: 2px;
  color: gray;
}
.kshf > .attributePanel > .attributePanelControl > .addAllSummaries {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}
.kshf > .attributePanel > .attributePanelControl > .addAllSummaries:hover {
  color: #3c5060;
}
.kshf > .attributePanel > .attributePanelControl > .attribTextSearch {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kshf > .attributePanel > .attributeList {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -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;
  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: block;
  position: relative;
  font-size: 0.8em;
  padding: 1px;
  margin: 1px;
  left: 0px;
  /*border-radius: 3px;*/
  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;
  max-width: calc(100% - 70px);
  padding: 1px;
}
.kshf > .attributePanel .nugget > .summaryName:hover {
  cursor: text;
  padding: 0px;
  border: solid 1px gray;
}
.kshf > .attributePanel .nugget > .editCodeButton {
  display: none;
  font-size: 0.9em;
  color: black;
  cursor: pointer;
}
.kshf > .attributePanel .nugget > .editCodeButton:hover {
  color: #3c5060;
}
.kshf > .attributePanel .nugget > .summaryTypeIcon {
  float: right;
}
.kshf > .attributePanel .nugget > .addFromAttribute_Button {
  display: none;
  margin-left: 5px;
  color: gray;
  cursor: pointer;
}
.kshf > .attributePanel .nugget > .addFromAttribute_Button:hover {
  color: #3c5060;
}
.kshf > .attributePanel .nugget > .splitCatAttribute_Button {
  display: none;
  cursor: pointer;
  color: gray;
}
.kshf > .attributePanel .nugget > .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[aggr_initialized=false] > .nuggetViz > .nuggetInfo {
  font-size: 2em;
  text-align: center;
  position: relative;
}
.kshf > .attributePanel .nugget[aggr_initialized=false] > .nuggetViz > .nuggetInfo:before {
  content: "\f110";
}
.kshf > .attributePanel .nugget[aggr_initialized=false] > .nuggetViz > .nuggetChart {
  display: none !important;
}
.kshf > .attributePanel .nugget[aggr_initialized=false] > .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: 50px;
  float: right;
  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: #B4C0C5;
}
.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 > .textSearchInput {
  font-size: 0.7em;
  font-weight: 700;
  border-width: 0px;
  color: #cb5454;
  background-color: rgba(244, 244, 244, 0);
  pointer-events: all;
  margin: 2px 0px 0px 0px;
  cursor: text;
}
.kshf .textSearchBox > .textSearchInput:focus {
  outline-color: #cb5454;
  outline-width: 2px;
}
.kshf .textSearchBox > .textSearchInput:hover {
  border: solid 1px #cb5454;
  padding: 0px 0px 0px 0px;
}
.kshf .textSearchBox > .textSearchInput::-webkit-input-placeholder {
  font-weight: 300;
  color: #cb5454;
}
.kshf .textSearchBox > .textSearchInput:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .textSearchBox > .textSearchInput: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: 700;
  z-index: 10;
  margin-bottom: 2px;
  margin-left: 2px;
}
.kshf .recordInfo > .activeRecordMeasure {
  display: inline-block;
  text-align: right;
  margin-left: 3px;
}
.kshf .recordInfo > .activeRecordMeasure > .unitName {
  font-weight: 400;
}
.kshf .recordInfo > .measureFuncType {
  font-weight: 400;
}
.kshf .recordInfo > .recordName {
  pointer-events: none;
}
.kshf .recordInfo[changeMeasureBox] {
  cursor: pointer;
}
.kshf .recordInfo[changeMeasureBox]:hover {
  color: #3c5060;
}
.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;
  position: relative;
  /*background-color: #efeadf;*/
  box-shadow: none;
  margin-bottom: 4px;
  padding-bottom: 2px;
}
.kshf .panel_Basic > .measureSelectBox_Wrapper {
  position: relative;
}
.kshf .panel_Basic > .measureSelectBox_Wrapper[showMeasureBox="true"] > .measureSelectBox {
  display: block;
}
.kshf .panel_Basic .measureSelectBox {
  display: none;
  position: absolute;
  left: 5px;
  top: 1.6em;
  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 .panel_Basic .measureSelectBox > .measureSelectBox_Close {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  font-size: 1.2em;
  color: gray;
}
.kshf .panel_Basic .measureSelectBox > .measureSelectBox_Close:hover {
  color: #3c5060;
}
.kshf .panel_Basic .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;
}
.kshf .panel_Basic .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 .panel_Basic .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;
}
.kshf .panel_Basic .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_FuncType > .measureFunctionType {
  display: block;
  margin-bottom: 2px;
  cursor: pointer;
  color: gray;
}
.kshf .panel_Basic .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_FuncType > .measureFunctionType:hover {
  color: #3c5060;
}
.kshf .panel_Basic .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 .panel_Basic .measureSelectBox > .measureSelectBox_Content > .measureSelectBox_Content_RecordName {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  vertical-align: top;
  cursor: default;
  font-weight: 600;
  padding-left: 4px;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup {
  margin: 1px 6px;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: solid 1px #CBC5B9;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup > .measureOption {
  display: inline-block;
  vertical-align: top;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup > .measureOption:hover {
  color: #3c5060;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup > .measureType_Box {
  display: inline-block;
  border-left: solid 1px gray;
  margin-left: 2px;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup > .measureType_Box > .measureType {
  cursor: pointer;
  display: block;
  margin-left: 2px;
}
.kshf .panel_Basic .measureSelectBox > .measureOptionGroup > .measureType_Box > .measureType:hover {
  color: #3c5060;
}
.kshf .panel_Basic > .breadcrumbs {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2px 2px 4px 5px;
  font-size: 0.8em;
  vertical-align: top;
}
.kshf .panel_Basic > .breadcrumbs > .crumb {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #252112;
  font-weight: 300;
  box-shadow: 1px 1px 1px #4e472b;
  background-color: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
  padding-left: 2px;
  max-width: 0px;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText {
  pointer-events: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 13px;
  margin-right: 2px;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText > .crumbHeader {
  padding: 1px;
  font-size: 1em;
  font-weight: 700;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText > .crumbHeader:after {
  content: ': ';
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText > .filterDetails {
  padding: 1px 0px 1px 0px;
  display: inline;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText > .filterDetails > b {
  font-weight: 700;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .crumbText > .filterDetails > .unitName {
  font-weight: 300;
}
.kshf .panel_Basic > .breadcrumbs > .crumb > .clearCrumbButton {
  width: 14px;
  height: 100%;
  position: absolute;
  pointer-events: none;
  font-size: 11px;
  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 .panel_Basic > .breadcrumbs > .crumb[filtered=false] {
  display: none;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[ready=true] {
  max-width: 100%;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[ready=false] {
  max-width: 0px;
}
.kshf .panel_Basic > .breadcrumbs > .crumb.crumbMode_Filtered > .clearCrumbButton {
  background-color: #788D9B;
  border: solid 1px #788D9B;
}
.kshf .panel_Basic > .breadcrumbs > .crumb.crumbMode_Filtered > .clearCrumbButton > .fa::before {
  content: "\f0b0";
}
.kshf .panel_Basic > .breadcrumbs > .crumb.crumbMode_Highlighted > .clearCrumbButton {
  background-color: #3c5060;
  border: solid 1px #3c5060;
}
.kshf .panel_Basic > .breadcrumbs > .crumb.crumbMode_Highlighted > .clearCrumbButton > .fa::before {
  content: "\f245";
  position: relative;
  top: 0px;
  left: 1px;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[class*='crumbMode_Compared'] > .clearCrumbButton > .fa::before {
  content: "\f023";
  font-size: 1.1em;
  position: relative;
  top: 1px;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[class*='crumbMode_Compared_A'] > .clearCrumbButton {
  background-color: #2f4f4f;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[class*='crumbMode_Compared_B'] > .clearCrumbButton {
  background-color: #2fd71b;
}
.kshf .panel_Basic > .breadcrumbs > .crumb[class*='crumbMode_Compared_C'] > .clearCrumbButton {
  background-color: #fffedc;
  color: black;
}
.kshf .panel_Basic > .breadcrumbs > .crumb:hover {
  background-color: #ffffff;
}
.kshf .panel_Basic > .breadcrumbs > .crumb:hover > .crumbText {
  text-decoration: line-through;
}
.kshf .panel_Basic > .breadcrumbs > .crumb:hover > .clearCrumbButton > .fa::before {
  content: "\f00d";
}
.kshf .panel_Basic > .filterClearAll {
  opacity: 0;
  pointer-events: none;
  position: relative;
  top: 2px;
  height: 1em;
  cursor: pointer;
  color: #3c5060;
  font-weight: 300;
  border: 1px #B4C0C5 solid;
  background-color: #F7F7F7;
  white-space: nowrap;
  -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 .panel_Basic > .filterClearAll .title {
  padding: 0px 2px;
  font-size: 0.8em;
  font-weight: 500;
  vertical-align: top;
}
.kshf .panel_Basic > .filterClearAll:hover {
  background-color: white;
  box-shadow: none;
}
.kshf .panel_Basic > .filterClearAll[active=true] {
  opacity: 1;
  pointer-events: all;
}
.kshf .panel_Basic > .rightBoxes {
  font-size: 1.0em;
  color: #3C5060;
  padding-right: 2px;
  white-space: nowrap;
  /*display:none;*/
}
.kshf .panel_Basic > .rightBoxes > .fa {
  cursor: pointer;
  margin-left: 4px;
}
.kshf .panel_Basic > .rightBoxes > .fa:hover {
  color: #cb5454;
}
.kshf .panel_Basic > .rightBoxes > .showConfigButton {
  display: none;
}
.kshf .panel_Basic > .rightBoxes > .showConfigButton:hover {
  animation: fa-spin 2s infinite linear;
  -webkit-animation: fa-spin 2s infinite linear;
}
.kshf .panel_Basic > .rightBoxes > .datasource {
  display: none;
  text-decoration: none;
  color: #3C5060;
}
.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: #3c5060;
}
.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 .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(217, 224, 230, 0.7);
}
.kshf .panel > .dropZone_between_wrapper[hovered=true] > .dropZone_between > .dropIcon {
  color: #3c5060;
}
.kshf .panel .dropZone {
  background-color: rgba(217, 224, 230, 0.7);
  text-align: center;
}
.kshf .panel .dropZone[readyToDrop=true] {
  background-color: #ffbca3;
  border-color: #3c5060;
  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 .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=true] .catGlyph {
  display: none;
}
.kshf .panel[hidebaraxis=true] .summaryCategorical .chartAxis_Measure {
  display: none;
}
.kshf .panel[hidebaraxis=true] .summaryCategorical .barChartMainInfo {
  display: none;
}
.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.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.panel_resize {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: nwse-resize;
  width: 0;
  height: 0;
  z-index: 2500;
  border-right: 16px solid lightgray;
  border-top: 16px solid transparent;
}
.kshf .panel.panel_resize:hover {
  border-right: 16px solid #3c5060;
}
.kshf .panel.panel_resize[dragging="true"] {
  border-right: 16px solid #3c5060;
}
.kshf .panel.panel_infobox {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 199;
  transform: scale(1);
  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.panel_infobox .infobox_close_button {
  position: absolute;
  right: 3px;
  top: 3px;
  background-color: #979797;
  width: 20px;
  height: 20px;
  /*border-radius: 20px;*/
  text-align: center;
  cursor: pointer;
  line-height: 20px;
  color: white;
}
.kshf .panel.panel_infobox .infobox_close_button:hover {
  background-color: #6f6f6f;
}
.kshf .panel.panel_infobox > .background {
  width: 100%;
  height: 100%;
  z-index: -2;
  background: #0b0b0b;
  opacity: 0.8;
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  /*border-radius: 5px;*/
}
.kshf .panel.panel_infobox > .infobox_content {
  display: none;
  margin: auto;
  box-shadow: 0px 0px 20px gray;
  /*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.panel_infobox > .infobox_source {
  background-color: white;
  width: 550px;
  height: 270px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf .panel.panel_infobox > .infobox_source .fa-info-circle {
  color: gray;
  cursor: pointer;
  padding: 0px 5px;
}
.kshf .panel.panel_infobox > .infobox_source .fa-info-circle:hover {
  color: black;
}
.kshf .panel.panel_infobox > .infobox_source > .sourceHeader {
  font-weight: 700;
  font-size: 1.3em;
  margin: 5px 5px 0px 5px;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper {
  width: 530px;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: solid 1px lightgray;
  /*border-radius: 5px;*/
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper > .sourceOptions {
  margin-bottom: 3px;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .gdocLink {
  width: 350px;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .fileLink {
  width: 350px;
  display: none;
}
.kshf .panel.panel_infobox > .infobox_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.panel_infobox > .infobox_source > .source_wrapper .sourceOption:hover {
  color: black;
  box-shadow: 0px 0px 1px gray;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .gdocLink_ready {
  opacity: 0;
  pointer-events: none;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .gdocLink_ready:before {
  content: "\f057";
  color: red;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .gdocLink_ready[ready=true] {
  pointer-events: all;
}
.kshf .panel.panel_infobox > .infobox_source > .source_wrapper .gdocLink_ready[ready=true]:before {
  content: "\f058";
  color: green;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="GoogleSheet"] .sourceOption[source_type="GoogleSheet"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="GoogleSheet"] .tableHeader:before {
  content: "Sheet";
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="Dropbox"] .sourceOption[source_type="Dropbox"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="Dropbox"] .tableHeader:before {
  content: "Cloud-File";
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="Dropbox"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="GoogleDrive"] .sourceOption[source_type="GoogleDrive"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="GoogleDrive"] .tableHeader:before {
  content: "Cloud-File";
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="GoogleDrive"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] .sourceOption[source_type="LocalFile"] {
  background-color: #EEE;
  color: black;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] .gdocLink {
  display: none;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] .fileLink {
  display: inline-block;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] .tableHeader:before {
  content: "File";
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] > .sheetInfo .fileType_wrapper {
  display: inline-block;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] > .sheetInfo > .sheet_wrapper > .tableHeader {
  display: none;
}
.kshf .panel.panel_infobox > .infobox_source[selected_source_type="LocalFile"] > .sheetInfo > .sheetName_wrapper {
  display: none;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo {
  border: solid 1px lightgray;
  /*border-radius: 5px;*/
  text-align: left;
  width: 300px;
  margin: 0 auto;
  padding-bottom: 5px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .tableHeader {
  font-weight: 700;
  text-align: center;
  border-bottom: solid 1px lightgray;
  margin-bottom: 2px;
  margin-top: 5px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo > .sheet_wrapper {
  margin: 0 auto;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .sheetColumn_ID {
  width: 60px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .subheading {
  width: 110px;
  display: inline-block;
  text-align: right;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .subheading:not(.tableHeader) {
  font-weight: 300;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .sheetColumn_Splitter {
  width: 60px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .tableName {
  width: 85px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .sheetColumn_Seperator {
  width: 30px;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .fileType_wrapper {
  display: none;
}
.kshf .panel.panel_infobox > .infobox_source > .sheetInfo .sheetColumn_sep_wrapper {
  display: none;
  font-size: 0.8em;
  margin-left: 5px;
  cursor: default;
}
.kshf .panel.panel_infobox > .infobox_source > .actionButton {
  display: inline-block;
  border: solid 1px gray;
  padding: 5px;
  margin: 5px;
  /*border-radius: 5px;*/
  background-color: white;
  font-weight: 300;
}
.kshf .panel.panel_infobox > .infobox_source > .actionButton[disabled=true] {
  color: gray;
  border-color: lightgray;
  cursor: not-allowed;
}
.kshf .panel.panel_infobox > .infobox_source > .actionButton[disabled=false]:hover {
  cursor: pointer;
  box-shadow: 1px 1px 1px gray;
  background-color: #EEE;
}
.kshf .panel.panel_infobox > .infobox_loading {
  width: 300px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf .panel.panel_infobox > .infobox_loading .spinner {
  display:none;
  position: absolute;
  left: 20px;
  top: 3px;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.kshf .panel.panel_infobox > .infobox_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.panel_infobox > .infobox_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.panel_infobox > .infobox_loading .spinner > .spinner_3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.kshf .panel.panel_infobox > .infobox_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.panel_infobox > .infobox_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.panel_infobox > .infobox_loading div.status_text {
  /*margin: auto;*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 70px;*/
  /*height: 20px;*/
  padding: 8px;
}
.kshf .panel.panel_infobox > .infobox_loading div.status_text > .status_text_sub {
  /*margin-left: 5px;*/
}
.kshf .panel.panel_infobox > .infobox_credit {
  display: none;
  width: 390px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf .panel.panel_infobox > .infobox_credit div.all-the-credits {
  margin: auto;
}
.kshf .panel.panel_infobox > .infobox_credit div.header {
  background-color: #d8ddd4;
  width: 100%;
  padding-top: 5px;
  /*border-top-left-radius: 15px;*/
  /*border-top-right-radius: 15px;*/
  border-bottom: solid 2px #3c5e43;
}
.kshf .panel.panel_infobox > .infobox_credit .libName {
  font-size: 1.3em;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
.kshf .panel.panel_infobox > .infobox_credit .libName:hover {
  color: #3c5060;
}
.kshf .panel.panel_infobox > .infobox_credit div.project_fund {
  font-size: 0.8em;
  font-weight: 300;
}
.kshf .panel.panel_infobox > .infobox_itemZoom {
  position: relative;
  margin: 20px;
  padding: 10px 30px;
}
.kshf .panel.panel_infobox[show="loading"] > .infobox_loading {
  display: inline-block;
}
.kshf .panel.panel_infobox[show="credit"] > .infobox_credit {
  display: inline-block;
}
.kshf .panel.panel_infobox[show="source"] > .infobox_source {
  display: inline-block;
}
.kshf .panel.panel_infobox[show="none"] {
  pointer-events: none;
}
.kshf .panel.panel_infobox[show="none"] > .background {
  opacity: 0;
}
.kshf .panel.panel_infobox[show=itemZoom] > .infobox_itemZoom {
  -webkit-animation: itemZoom 500ms forwards;
  -moz-animation: itemZoom 500ms forwards;
  -o-animation: itemZoom 500ms forwards;
  animation: itemZoom 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 .catBlock:not([selected="0"]) .categoryLabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjAsMjIwLDIyMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIyMCwyMjAsMjIwKSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 20px);
  background-image: -moz-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 20px);
  background-image: -o-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 20px);
  background-image: linear-gradient(to right, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 20px);
}
.kshf .catBlock:not([selected="0"]) .item_count_wrapper {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjAsMjIwLDIyMCkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIyMCwyMjAsMjIwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, rgba(220,220,220,1) 0%, rgba(220,220,220,0) 100%);
  background-image: -moz-linear-gradient(left, rgba(220,220,220,1) 0%, rgba(220,220,220,0) 100%);
  background-image: -o-linear-gradient(left, rgba(220,220,220,1) 0%, rgba(220,220,220,0) 100%);
  background-image: linear-gradient(to right, rgba(220,220,220,1) 0%, rgba(220,220,220,0) 100%);
}
.kshf .summaryCategorical .scrollToTop {
  right: 1px;
}
.kshf .clearFilterButton {
  width: 14px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  -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;
  background-color: #3C5060;
  color: #eeebe0;
  border: solid 1px #3C5060;
}
.kshf .clearFilterButton:hover {
  background-color: #B6AF96;
  color: #3C5060;
}
.kshf .clearFilterButton.inSummary {
  display: none;
  vertical-align: top;
  pointer-events: all;
  box-shadow: 0px 0px 1px #474940;
  margin-top: 1px;
  font-size: 0.8em;
}
.kshf .clearFilterButton.inSummary > .fa-times {
  top: -1px;
  position: relative;
}
.kshf .clearFilterButton.allFilter {
  display: inline-block;
  vertical-align: top;
  border-width: 0px 0px 0px 0px;
  line-height: 15px;
}
.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[highlight="true"] {
  color: #3c5060;
  background-color: #d3d9c5;
  border: solid 1px #99ab92;
}
.kshf .measurePercentControl[highlight="true"]: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 .chartAxis_Measure > .relativeModeControl {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  pointer-events: all;
  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 .chartAxis_Measure > .relativeModeControl[highlight="true"] {
  opacity: 1;
}
.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 .summaryConfigControl {
  display: none;
  color: gray;
}
.kshf .headerGroup {
  position: relative;
  text-align: center;
  margin: 1px 0px;
  /*border-radius: 3px;*/
  box-shadow: none;
  background-color: #E5E7EA;
}
.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: 24px;
  /*white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;*/
}
.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;
  pointer-events: none;
  cursor: text;
}
.kshf .headerGroup .summaryName > .summaryName_text:hover {
  margin: -1px;
  border: solid 1px gray;
}
.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 .save_filter_as_set {
  display: none;
  position: absolute;
  cursor: pointer;
  margin-left: 4px;
  margin-top: 1px;
  width: 15px;
  color: gray;
}
.kshf .headerGroup .save_filter_as_set:hover {
  color: black;
}
.kshf .headerGroup .clearFilterButton.rowFilter {
  pointer-events: all;
  height: 14px;
  width: 14px;
  line-height: 13px;
  margin-right: 3px;
}
.kshf .headerGroup .summaryIcons {
  top: 3px;
  right: 2px;
  position: absolute;
  font-size: 0.9em;
}
.kshf .headerGroup .summaryIcons > .fa {
  color: gray;
  cursor: pointer;
  margin-left: 2px;
  vertical-align: top;
}
.kshf .headerGroup .summaryIcons > .fa:hover {
  color: #3c5060;
}
.kshf .headerGroup .summaryIcons > .summaryDescription {
  display: none;
  cursor: default;
}
.kshf .headerGroup .summaryIcons > .summaryViewAs {
  display: none;
  cursor: pointer;
  width: 15px;
  text-align: center;
}
.kshf .headerGroup .summaryIcons > .summaryViewAs[viewAs="map"]:before {
  content: "\f0ca";
}
.kshf .headerGroup .summaryIcons > .summaryViewAs[viewAs="map"]:hover:before {
  content: "\f0ac";
}
.kshf .headerGroup .summaryIcons > .summaryViewAs[viewAs="list"]:before {
  content: "\f0ac";
}
.kshf .headerGroup .summaryIcons > .summaryViewAs[viewAs="list"]:hover:before {
  content: "\f0ca";
}
.kshf .headerGroup .summaryIcons > .useForRecordDisplay {
  display: none;
}
.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;
}
.kshf .headerGroup > .header_display_control > .fa:hover {
  color: #3c5060;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryCollapse::before {
  content: "\f066";
}
.kshf .headerGroup > .header_display_control > .buttonSummaryRemove {
  display: none;
}
.kshf .headerGroup > .header_display_control > .buttonSummaryExpand {
  display: none;
}
.kshf .lockButton {
  position: absolute;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  color: gray;
  font-size: 0.9em;
  z-index: 21;
}
.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;
}
.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;
  pointer-events: none;
}
.kshf .aggrGlyph > span[class^="measure_Active"] {
  background-color: #B4C0C5;
  cursor: pointer;
  pointer-events: all;
}
.kshf .aggrGlyph > span[class^="measure_Total"] {
  background-color: #dee2e6;
}
.kshf .aggrGlyph > span[class^="measure_Highlighted"] {
  background-color: #3c5060;
  -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_Compared"] {
  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 300ms ease-in-out;
  -moz-transition: -moz-transform 500ms ease-in-out, opacity 300ms ease-in-out;
  -o-transition: -o-transform 500ms ease-in-out, opacity 300ms ease-in-out;
  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 300ms ease-in-out;
  opacity: 0;
}
.kshf .aggrGlyph > span[class^="measure_Compared_A"] {
  background-color: #2f4f4f;
}
.kshf .aggrGlyph > span[class^="measure_Compared_B"] {
  background-color: #2fd71b;
}
.kshf .aggrGlyph > span[class^="measure_Compared_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_Highlighted"] {
  transform: inherit;
}
.kshf .aggrGlyph.totalGlyph > [class^="measure_Compared"] {
  height: 1px;
}
.kshf .aggrGlyph.catGlyph {
  top: 0px;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_"] {
  top: 4px;
  width: 1px;
  -lh-property: 0;
height:-webkit-calc(100% - 8px);
height:-moz-calc(100% - 8px);
height:calc(100% - 8px);
;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_Active"] {
  pointer-events: none;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_Compared"] {
  height: 1px;
}
.kshf .aggrGlyph.catGlyph > [class^="measure_Highlighted"] {
  height: 1px;
}
.kshf .aggrGlyph.catGlyph > .clickArea > .lockButton {
  display: block;
  -lh-property: 0;
top:-webkit-calc(50% - 5px);
top:-moz-calc(50% - 5px);
top:calc(50% - 5px);
;
  right: 1px;
}
.kshf .aggrGlyph.catGlyph > .total_tip {
  /* right arrow */
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #dee2e6;
  background-color: initial;
  top: 4px;
  position: absolute;
  display: inline-block;
  /*          background: linear-gradient(-135deg, transparent 75%, @color_distr_total 75%) 0 50%,
          linear-gradient(-45deg, transparent 75%, @color_distr_total 75%) 0 50%;
          background-position: top left, top left;
          background-repeat: repeat;
          background-size: 8px 8px; */
}
.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: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Active {
  fill: #B4C0C5;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Highlighted {
  fill: #3c5060;
}
.kshf .aggrGlyph.setPairGlyph > [class^="measure_Compared_"] {
  fill: none;
  stroke-width: 1px;
  opacity: 0;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compared_A {
  stroke: #2f4f4f;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compared_B {
  stroke: #2fd71b;
}
.kshf .aggrGlyph.setPairGlyph > .measure_Compared_C {
  stroke: #fffedc;
}
.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;
}
.kshf .aggrGlyph.rangeGlyph > .total_tip {
  content: " ";
  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);
  font-size: 0.8em;
}
.kshf .aggrGlyph.rangeGlyph > .lockButton[inside] {
  margin-top: 12px;
}
.kshf .aggrGlyph.rangeGlyph > .measureLabel {
  position: relative;
  display: block;
  top: 1px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  -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 .aggrGlyph > .measureLabel {
  color: #969da3;
  font-size: 0.7em;
}
.kshf .aggrGlyph > .measureLabel > .unitName {
  margin-left: 0px;
}
.kshf .aggrGlyph[showlock="true"] .lockButton {
  pointer-events: all !important;
  opacity: 1;
}
.kshf .aggrGlyph[compare="true"] .lockButton {
  pointer-events: all !important;
  opacity: 1;
}
.kshf .aggrGlyph[compare="true"] .lockButton:not([inside]) {
  color: #2f4f4f;
}
.kshf .aggrGlyph[compare="true"] .lockButton:after {
  content: "\f023";
}
.kshf .aggrGlyph[compare="true"] .lockButton:hover:after {
  content: "\f13e";
}
.kshf .aggrGlyph.mapGlyph > .measure_Active {
  opacity: 0.8;
  stroke-width: 1px;
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.kshf .aggrGlyph.mapGlyph > .aggr.preview {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  stroke-width: 1px;
  opacity: 0;
}
.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[selection="selected"] > .measure_Active {
  cursor: pointer;
  stroke-width: 2px;
  stroke: #3c5060;
  fill: #ffb599;
}
.kshf .aggrGlyph.mapGlyph[selection="selected"] > .aggr.preview {
  display: none;
}
.kshf .aggrGlyph.mapGlyph[selection="onRecord"] > .aggr.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 div.kshfRecord {
  vertical-align: top;
}
.kshf div.kshfRecord > .recordRank {
  font-size: 0.6em;
  color: gray;
  font-weight: 300;
  font-style: italic;
  text-align: right;
}
.kshf div.kshfRecord > .recordToggleDetail {
  display: none;
  vertical-align: top;
  width: 18px;
  cursor: pointer;
  font-weight: 700;
}
.kshf div.kshfRecord > .recordToggleDetail > .item_details_toggle {
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  -o-transition: -o-transform 500ms;
  transition: -webkit-transform 500ms,-moz-transform 500ms,-o-transform 500ms,transform 500ms;
  color: gray;
  position: relative;
}
.kshf div.kshfRecord > .recordToggleDetail > .item_details_toggle:hover {
  color: black;
}
.kshf div.kshfRecord[details="true"] {
  max-height: none;
}
.kshf div.kshfRecord[details="true"] .item_details_toggle {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.kshf div.kshfRecord[details="true"] .item_details {
  display: block;
}
.kshf div.kshfRecord[details="false"] .item_details_toggle {
  display: inline-block;
}
.kshf div.kshfRecord[details="false"] .item_details {
  display: none;
}
.kshf div.kshfRecord[selection^="onRecord"] {
  padding: 0px;
  background-color: #efeadf !important;
  border: solid 1px #ab9157 !important;
}
.kshf div.kshfRecord[selection="highlighted"] {
  padding: 0px;
  background-color: #E5E7EA;
  border: solid 1px #3c5060 !important;
}
.kshf div.kshfRecord[rec_compared] {
  padding: 0px;
}
.kshf div.kshfRecord[rec_compared^="A"] {
  background-color: #bed8d8;
  border: solid 1px #2f4f4f !important;
}
.kshf div.kshfRecord[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%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -moz-linear-gradient(left, #bed8d8 0%, #bed8d8 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -o-linear-gradient(left, #bed8d8 0%, #bed8d8 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: linear-gradient(to right, #bed8d8 0%, #bed8d8 20%, #E5E7EA 80%, #E5E7EA 100%);
}
.kshf div.kshfRecord[rec_compared^="B"] {
  background-color: #a2f299;
  border: solid 1px #25aa15 !important;
}
.kshf div.kshfRecord[rec_compared^="B"][selection="highlighted"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhMmYyOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYTJmMjk5IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZlY2U1IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, #a2f299 0%, #a2f299 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -moz-linear-gradient(left, #a2f299 0%, #a2f299 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -o-linear-gradient(left, #a2f299 0%, #a2f299 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: linear-gradient(to right, #a2f299 0%, #a2f299 20%, #E5E7EA 80%, #E5E7EA 100%);
}
.kshf div.kshfRecord[rec_compared^="C"] {
  background-color: #fffda9;
  border: solid 1px #fff810 !important;
}
.kshf div.kshfRecord[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%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -moz-linear-gradient(left, #fffda9 0%, #fffda9 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: -o-linear-gradient(left, #fffda9 0%, #fffda9 20%, #E5E7EA 80%, #E5E7EA 100%);
  background-image: linear-gradient(to right, #fffda9 0%, #fffda9 20%, #E5E7EA 80%, #E5E7EA 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 5px;
  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;
}
.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: #3c5060;
}
.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: #B4C0C5;
}
.kshf .summaryConfig .configOption > .bl_Highlighted {
  background-color: #3c5060;
}
.kshf .summaryConfig .configOption > .bl_Compared_A {
  background-color: #2f4f4f;
}
.kshf .summaryConfig .configOption > .bl_Compared_B {
  background-color: #2fd71b;
}
.kshf .summaryConfig .configOption > .bl_Compared_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;
}
.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: none;
}
.kshf .percentileGroup[percentilechartvisible="Basic"] > .percentileChart_Active > .quantile {
  height: 11px;
}
.kshf .percentileGroup[percentilechartvisible="Extended"] > .percentileChart_Active > .quantile {
  height: 28px;
}
.kshf .percentileGroup:hover > .percentileTitle {
  display: block;
}
.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;
  display: inline-block;
  position: absolute;
  height: 100%;
  left: 0px;
  width: 1px;
  top: -1px;
  margin: 1px 0px;
  -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;
  -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 {
  margin-left: -0.5px;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.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: 1px 0px 1px 0px;
  border-color: #778c9a;
  top: -2px;
}
.kshf .percentileChart_Active {
  opacity: 1;
}
.kshf .percentileChart_Active > .quantile.q_40_60 {
  background-color: #94a4af;
}
.kshf .percentileChart_Active > .quantile.q_30_70 {
  background-color: #B4C0C5;
}
.kshf .percentileChart_Active > .quantile.q_20_80 {
  background-color: #c5ced4;
}
.kshf .percentileChart_Active > .quantile.q_10_90 {
  background-color: #dde2e6;
}
.kshf .percentileChart_Highlighted {
  border-top: solid 1px lightgray;
  background-color: white;
  pointer-events: none;
}
.kshf .percentileChart_Highlighted > .quantile.q_40_60 {
  background-color: #3c5060;
}
.kshf .percentileChart_Highlighted > .quantile.q_30_70 {
  background-color: #ff8f66;
}
.kshf .percentileChart_Highlighted > .quantile.q_20_80 {
  background-color: #ffb599;
}
.kshf .percentileChart_Highlighted > .quantile.q_10_90 {
  background-color: #ffdacc;
}
.kshf *[class^="percentileChart_Compared"] {
  display: none;
  pointer-events: all;
  background-color: white;
  border-top: solid 1px #EEEEEE;
}
.kshf .percentileChart_Compared_A > .quantile.q_40_60 {
  background-color: #558f8f;
}
.kshf .percentileChart_Compared_A > .quantile.q_30_70 {
  background-color: #6ea9a9;
}
.kshf .percentileChart_Compared_A > .quantile.q_20_80 {
  background-color: #8ebcbc;
}
.kshf .percentileChart_Compared_A > .quantile.q_10_90 {
  background-color: #aecfcf;
}
.kshf .percentileChart_Compared_B > .quantile.q_40_60 {
  background-color: #25aa15;
}
.kshf .percentileChart_Compared_B > .quantile.q_30_70 {
  background-color: #2dce1a;
}
.kshf .percentileChart_Compared_B > .quantile.q_20_80 {
  background-color: #58e847;
}
.kshf .percentileChart_Compared_B > .quantile.q_10_90 {
  background-color: #8eef82;
}
.kshf .percentileChart_Compared_C > .quantile.q_40_60 {
  background-color: #908b00;
}
.kshf .percentileChart_Compared_C > .quantile.q_30_70 {
  background-color: #b8b300;
}
.kshf .percentileChart_Compared_C > .quantile.q_20_80 {
  background-color: #dcd600;
}
.kshf .percentileChart_Compared_C > .quantile.q_10_90 {
  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[selection="onRecord"] {
  color: black !important;
  border: solid 1px #cdbd9b;
  /*border-radius: 4px;*/
  padding: 0px;
  background-color: #efeadf;
}
.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;
  /*        &: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: #ff4500;
}
.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 > .sortOptionSelectGroup {
  display: block;
  vertical-align: top;
  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;
  appearance: none;
  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: #3c5060;
}
.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: #b4b4b4;
  opacity: 1;
  pointer-events: all;
  display: inline-block;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical .scroll_display_more:hover {
  color: #cb5454;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup {
  position: relative;
  overflow-y: auto;
  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;
}
.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 > .catGlyph {
  white-space: nowrap;
  width: 100%;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .clickArea {
  display: inline-block;
  vertical-align: top;
  pointer-events: all;
  margin-top: 4px;
  margin-bottom: 4px;
  -lh-property: 0;
height:-webkit-calc(100% - 8px);
height:-moz-calc(100% - 8px);
height:calc(100% - 8px);
;
  position: absolute;
  font-size: 0.8em;
  font-weight: 300;
  width: 1px;
  left: 0px;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .categoryLabel {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  left: 0px;
  height: 100%;
  padding-right: 2px;
  z-index: 21;
  font-size: 0.8em;
  font-weight: 300;
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .categoryLabel > .theLabel:before {
  color: white;
  font-weight: 300;
  font-size: 0.7em;
  vertical-align: top;
  /*border-radius: 3px;*/
  padding: 1px 2px 0px 2px;
  margin: 0px 2px;
  opacity: 0.4;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .categoryLabel > .theLabel .AndOrNot {
  display: inline;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph > .measureLabel {
  position: absolute;
  display: inline-block;
  height: 16px;
  padding-right: 1px;
  -lh-property: 0;
top:-webkit-calc(50% - 8px);
top:-moz-calc(50% - 8px);
top:calc(50% - 8px);
;
  vertical-align: top;
  text-align: right;
  line-height: 18px;
  pointer-events: none;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons {
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  z-index: 100;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons > .filterButton {
  display: none;
  pointer-events: all;
  margin-right: 2px;
  /*border-radius: 4px;*/
  vertical-align: middle;
  padding: 1px 2px 0px 3px;
  line-height: 13px;
  color: white;
  font-weight: 300;
  font-size: 0.7em;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons > .orButton {
  background-color: #269aa3;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons > .orButton:hover {
  background-color: #1c737a;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons > .notButton {
  background-color: #a6a6a6;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph .filterButtons > .notButton:hover {
  background-color: gray;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[activeItems='0'] .measureLabel {
  visibility: hidden;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[compare="true"] > .categoryLabel > .theLabel {
  font-weight: 700;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([selected="0"]) > .categoryLabel > .theLabel {
  font-weight: 700;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph:not([selected="0"]) .clickArea {
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="1"] > .categoryLabel {
  background-color: #DEE2E5;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="1"] > .categoryLabel > .theLabel {
  color: #1d4870;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="2"] > .categoryLabel {
  background-color: #D8ECEE;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="2"] > .categoryLabel > .theLabel {
  color: #1c737a;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="2"][show-box=true] > .categoryLabel > .filterButtons > .orButton {
  display: inline;
  opacity: 1;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="-1"] {
  background-color: #E5E5E5;
  background-color: #D8ECEE;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="-1"] > .categoryLabel > .theLabel {
  color: #808080;
  text-decoration: line-through;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="-1"] > .categoryLabel > .filterButtons > .notButton {
  display: inline;
  opacity: 1;
  background-color: #808080;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection^="selected"] > .categoryLabel > .theLabel {
  font-weight: 700 !important;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection^="selected"][selected="0"] .clickArea {
  cursor: pointer;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection^="selected"][selected="0"][selecttype="and"] > .categoryLabel > .theLabel {
  color: #1d4870;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection^="selected"][selected="0"][selecttype="or"] > .categoryLabel > .theLabel {
  color: #1c737a;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection^="selected"][selected="0"][selecttype="not"] > .categoryLabel > .theLabel {
  color: #808080;
  text-decoration: line-through;
}
.kshf .kshfSummary > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection="onRecord"] > .categoryLabel {
  font-weight: 700;
  background-color: #efeadf;
}
.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 > .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 {
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -o-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Highlighted_"] {
  opacity: 0;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Compared_"] {
  opacity: 0;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Active_Line {
  stroke: #B4C0C5;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Highlighted_Line {
  stroke: #3c5060;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_Line_A {
  stroke: #2f4f4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_Line_B {
  stroke: #2fd71b;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_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: #ced6db;
  stroke: #B4C0C5;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Highlighted_Area {
  fill: rgba(255, 106, 51, 0.3);
  stroke: #3c5060;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > [class^="measure_Compared_Area_"] {
  stroke-width: 2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_Area_A {
  stroke: #2f4f4f;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_Area_B {
  stroke: #2fd71b;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .timeSVG > .measure_Compared_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: #3c5060;
  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%;
  margin-left: -2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .measurePercentControl {
  bottom: -1px;
  width: 24px;
  left: -24px;
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .relativeModeControl {
  width: 25px;
  height: calc(100% - 12px);
  top: 0px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .relativeModeControl.measureAxis_1 {
  left: -25px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .relativeModeControl.measureAxis_2 {
  right: -25px;
  left: auto;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .highlightedMeasureValue {
  position: absolute;
  width: 100%;
  height: 2px;
  border-bottom: solid 1px #ffb599;
  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 > .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: 1px;
  text-align: right;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .histogram > .chartAxis_Measure > .tickGroup > .tick > .text.measureAxis_2 {
  right: -25px;
  padding-left: 1px;
  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;
  pointer-events: all;
}
.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 > .controlLine {
  height: 11px;
  cursor: ew-resize;
}
.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;
  box-shadow: inset 0px 0px 2px gray;
  -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: lightgray;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active {
  display: none;
  height: 8px;
  top: 1px;
  width: 1px;
  pointer-events: none;
  background-color: #30B8C4;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active[filtered=true] {
  display: block;
  pointer-events: all;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .base.active:hover {
  background-color: #3c5060 !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle {
  position: absolute;
  width: 6px;
  height: 8px;
  background-color: white;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  cursor: col-resize;
  z-index: 10;
  top: 1px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle:hover {
  background-color: #3c5060 !important;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle.min {
  left: -5px;
  /*border-top-left-radius: 10px;*/
  /*border-bottom-left-radius: 10px;*/
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle.min > .rangeLimitOnChart {
  left: 3px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle.max {
  /*border-top-right-radius: 10px;*/
  /*border-bottom-right-radius: 10px;*/
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle.max > .rangeLimitOnChart {
  left: -2px;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle > .rangeLimitOnChart {
  position: absolute;
  display: none;
  width: 2px;
  border-left: dotted 2px #30b8c4;
  cursor: col-resize;
  box-shadow: 0px 0px 2px white, 0px 0px 4px white;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .controlLine > .handle > .rangeLimitOnChart:hover {
  border-left: solid 2px #30b8c4;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup {
  cursor: default;
  position: relative;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup > .tick {
  position: absolute;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup > .tick > .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 > .labelGroup > .tick > .text > .unitName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20px;
  display: inline-block;
  vertical-align: bottom;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup > .tick > .text > .unitName:hover {
  overflow: visible;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup > .tick > .text > .secondLayer {
  font-weight: 400;
}
.kshf .kshfSummary > .wrapper > .summaryInterval > .intervalSlider > .labelGroup > .tick > .line {
  position: absolute;
  top: -10px;
  height: 10px;
  border-left: solid 1px #a0a0a0;
  display: block;
  pointer-events: none;
}
.kshf .kshfSummary[collapsed=true] .headerGroup > .header_display_control > .fa.buttonSummaryCollapse {
  opacity: 1;
}
.kshf .kshfSummary[collapsed=true] .headerGroup > .header_display_control > .fa.buttonSummaryCollapse::before {
  content: "\f065" !important;
}
.kshf .kshfSummary[collapsed=true] > .headerGroup .summaryName {
  cursor: pointer;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryCategorical > .summaryControls {
  display: none;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryCategorical > .scrollToTop {
  display: none;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryCategorical > .aggrGroup {
  display: none;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryCategorical > .belowCatChart {
  display: none;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryInterval > .histogram {
  display: none;
}
.kshf .kshfSummary[collapsed=true] > .wrapper .summaryInterval > .intervalSlider {
  display: none;
}
.kshf .kshfSummary[filtered=true] > .headerGroup .clearFilterButton {
  display: inline-block;
}
.kshf .kshfSummary[filtered=true] .rangeLimitOnChart {
  display: block !important;
}
.kshf .kshfSummary[filtered=true]:hover > .wrapper > .summaryInterval > .intervalSlider > .zoomControl {
  display: block;
}
.kshf .kshfSummary[isMultiValued=false][filtered_or="0"][filtered_and="0"] > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection="selected"][selected="0"] .notButton {
  display: inline;
  opacity: 1;
}
.kshf .kshfSummary[isMultiValued=false][filtered_or="0"] > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selection="selected"][selected="-1"] {
  cursor: pointer;
}
.kshf .kshfSummary:not([filtered_or="0"]) > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="0"]:hover .orButton {
  display: inline;
  opacity: 1;
}
.kshf .kshfSummary:not([filtered_and="0"]) > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="0"]:hover .orButton {
  display: inline;
  opacity: 1;
}
.kshf .kshfSummary[isMultiValued=true] > .wrapper > .summaryCategorical > .aggrGroup > .catGlyph[selected="0"][selection="selected"] .notButton {
  display: inline;
  opacity: 1;
}
.kshf .kshfSummary[filtered_range=true] .clearFilterButton.rangeFilter {
  display: inline-block;
}
.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 .missingValueAggr {
  color: #808080;
}
.kshf .kshfSummary[hasMap="true"][collapsed="false"] .summaryViewAs {
  display: inline-block;
}
.kshf .kshfSummary[usedForSorting="true"] .headerGroup .summaryIcons > .useForRecordDisplay {
  display: inline-block;
  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="line"] .summaryConfig_UnitName {
  display: none;
}
.kshf .kshfSummary[summary_type='interval']:hover .headerGroup .summaryIcons > .useForRecordDisplay {
  display: inline-block;
}
.kshf .kshfSummary[collapsed=false][viewType='bar']:hover .summaryConfigControl {
  display: inline-block !important;
}
.kshf .kshfSummary[collapsed=false][summary_type='categorical'][viewType='list']:hover .summaryConfigControl {
  display: inline-block !important;
}
.kshf .kshfSummary[showConfig=true] .summaryConfig {
  top: 22px;
  opacity: 1;
  pointer-events: all;
}
.kshf .kshfSummary[showConfig=true] .summaryConfigControl {
  display: inline-block;
  color: black;
  -webkit-animation: fa-spin 4s infinite linear;
  animation: fa-spin 4s infinite linear;
}
.kshf .kshfSummary.setPairSummary {
  display: none;
  position: absolute;
  top: 0px;
  background-color: white;
}
.kshf .kshfSummary.setPairSummary[position="left"] .configOpt {
  right: 2px;
}
.kshf .kshfSummary.setPairSummary[position="left"] .sizeLegend {
  left: 10px;
}
.kshf .kshfSummary.setPairSummary[position="left"] .belowMatrix {
  text-align: right;
}
.kshf .kshfSummary.setPairSummary[position="left"] .rows > .row > .label {
  text-anchor: end;
}
.kshf .kshfSummary.setPairSummary[position="left"] .setMatrixWidthAdjust {
  left: 0px;
}
.kshf .kshfSummary.setPairSummary[position="right"] .configOpt {
  left: 2px;
}
.kshf .kshfSummary.setPairSummary[position="right"] .sizeLegend {
  right: 0px;
}
.kshf .kshfSummary.setPairSummary[position="right"] .belowMatrix {
  text-align: left;
}
.kshf .kshfSummary.setPairSummary[position="right"] .rows > .row > .label {
  text-anchor: start;
}
.kshf .kshfSummary.setPairSummary[position="right"] .setMatrixWidthAdjust {
  right: 0px;
}
.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 #3c5060, 0px 0px 1px #3c5060;
  opacity: 0.8;
}
.kshf .belowCatChart {
  position: relative;
  height: 18px;
  border-top: solid 1px #E9E9E9;
}
.kshf .belowCatChart > .chartAxis_Measure > .measurePercentControl {
  right: 0px;
  top: 1px;
}
.kshf .belowCatChart > .chartAxis_Measure > .relativeModeControl {
  height: 12px;
  margin-left: 2px;
}
.kshf .belowCatChart > .chartAxis_Measure > .highlightedMeasureValue {
  position: absolute;
  border-left: solid 1px #ffb599;
  margin-left: -1px;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.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 > .relativeModeControl {
  position: absolute;
  right: -57px;
  top: -1px;
  color: gray;
  cursor: pointer;
  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 > .relativeModeControl[highlight="true"] {
  border-color: #B7CAAF;
  background-color: #E0E4D7;
  color: black;
}
.kshf .belowCatChart > .catMapColorScale > .highlightedMeasureValue {
  position: absolute;
  top: 2px;
  margin-left: -3px;
  height: 6px;
  width: 6px;
  /*border-radius: 10px;*/
  background-color: #3c5060;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
  opacity: 0;
}
.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="Compared_A"] .aggrGlyph > .measureLabel {
  color: #2f4f4f !important;
}
.kshf[measureLabelType="Compared_B"] .aggrGlyph > .measureLabel {
  color: #25aa15 !important;
}
.kshf[measureLabelType="Compared_C"] .aggrGlyph > .measureLabel {
  color: #fffda9 !important;
  text-shadow: 0px 0px 1px black, 0px 0px 1px black;
}
.kshf[selectHighlight] .percentileChart_Highlighted {
  display: block !important;
}
.kshf[selectHighlight] .aggrGlyph > .measureLabel {
  color: #3c5060;
  fill: #3c5060;
}
.kshf[selectHighlight] .kshfSummary:not([isMultiValued="true"]):hover .aggrGlyph:not([selection="selected"]) > .measureLabel {
  color: #969da3;
  fill: black;
}
.kshf[selectHighlight] .timeSVG > [class^="measure_Highlighted_"] {
  opacity: 1 !important;
}
.kshf[selectHighlight] .previewLine {
  opacity: 1 !important;
}
.kshf[selectHighlight]:not([relativeMode]) .mapGlyph > .aggr.preview {
  opacity: 1;
}
.kshf[selectHighlight] .mapGlyph > .aggr.preview {
  opacity: 1;
}
.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 .NodeLinkAttrib {
  display: none;
}
.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 .mapMouseControl {
  display: none;
}
.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 .recordMap_Base {
  height: 100%;
  background: white;
}
.kshf .recordDisplay .recordMap_Base .spatialQuery_Highlight {
  display: none;
}
.kshf .recordDisplay .recordMap_Base .spatialQuery_Filter {
  display: none;
}
.kshf .recordDisplay .recordMap_Base .spatialQuery_Filter[active] {
  display: block;
  fill: none;
  stroke-width: 2;
}
.kshf .recordDisplay .recordMap_Base .spatialQuery_Filter[active]:hover {
  stroke-width: 4px;
}
.kshf .recordDisplay .recordMap_Base[drawing] {
  cursor: cell !important;
}
.kshf .recordDisplay .recordMap_Base[drawing] .leaflet-overlay-pane {
  pointer-events: none;
}
.kshf .recordDisplay .recordMap_Base[drawing] .leaflet-interactive {
  pointer-events: none;
}
.kshf .recordDisplay .recordMap_Base[drawingFilter] .spatialQuery_Filter {
  display: block;
}
.kshf .recordDisplay .recordMap_Base[drawingHighlight] .spatialQuery_Highlight {
  display: block;
}
.kshf .recordDisplay .leaflet-control > a:hover {
  color: #3c5060;
}
.kshf .recordDisplay .recordMap_SVG {
  display: block;
  position: relative;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.kshf .recordDisplay .recordGroup_List {
  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[displayType="map"] {
  overflow: visible !important;
}
.kshf .recordDisplay[displayType="map"] .scrollToTop {
  display: none;
}
.kshf .recordDisplay[displayType="map"] .sortButton {
  display: none;
}
.kshf .recordDisplay[displayType="map"] .mapMouseControl {
  display: inline-block;
  padding: 1px;
  cursor: pointer;
  text-align: center;
}
.kshf .recordDisplay[displayType="map"] .mapMouseControl:hover {
  color: #3c5060;
}
.kshf .recordDisplay[displayType="map"][mapMouseControl="pan"] .mapMouseControl:after {
  content: "\f255";
}
.kshf .recordDisplay[displayType="map"][mapMouseControl="pan"] .mapMouseControl:hover:after {
  content: "\f096";
}
.kshf .recordDisplay[displayType="map"][mapMouseControl="draw"] .mapMouseControl:after {
  content: "\f096";
}
.kshf .recordDisplay[displayType="map"][mapMouseControl="draw"] .mapMouseControl:hover:after {
  content: "\f255";
}
.kshf .recordDisplay[displayType="map"][mapMouseControl="draw"] .recordMap_Base {
  cursor: default;
}
.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_List {
  display: none;
}
.kshf .recordDisplay[displayType="map"] .recordGroup {
  overflow: visible !important;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord {
  stroke-width: 0.5px;
  stroke-opacity: 0.2;
  cursor: pointer;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[selection="onRecord"] {
  stroke: #463b23 !important;
  stroke-width: 2px;
  stroke-opacity: 1;
}
.kshf .recordDisplay[displayType="map"] .kshfRecord[selection="highlighted"] {
  stroke: #3c5060 !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: #2fd71b;
}
.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"] .sortButton {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"] > .recordDisplayHeader > .recordColorScale {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .recordDisplay[displayType="nodelink"] .recordGroup_List {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"] .NodeLinkAttrib {
  display: block;
}
.kshf .recordDisplay[displayType="nodelink"] .NodeLinkAttrib > .NodeLinkAttribIcon {
  padding: 1px 3px;
  color: black;
  cursor: pointer;
  text-shadow: 0px 0px 5px white;
}
.kshf .recordDisplay[displayType="nodelink"] .NodeLinkAttrib > .NodeLinkAttribIcon:hover {
  color: #3c5060 !important;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord > circle {
  stroke: gray;
  stroke-width: 1;
  fill: white;
  cursor: pointer;
  -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;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord > text.kshfRecord_label {
  display: none;
  font-size: 0.8em;
  pointer-events: none;
  text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 2px white;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[selection="onRecord"] > circle {
  stroke: #463b23;
  stroke-width: 2;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[selection="onRecord"] > text.kshfRecord_label {
  display: block;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[selection="related"] > circle {
  stroke: green;
  stroke-width: 2;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[selection="related"] > text.kshfRecord_label {
  display: block;
  fill: green;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[selection="highlighted"] > circle {
  stroke: #3c5060;
  stroke-width: 2;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[rec_compared] > circle {
  stroke-width: 2;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[rec_compared^="A"] > circle {
  stroke: #2f4f4f;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[rec_compared^="B"] > circle {
  stroke: #2fd71b;
}
.kshf .recordDisplay[displayType="nodelink"] g.kshfRecord[rec_compared^="C"] > circle {
  stroke: #fffedc;
}
.kshf .recordDisplay[displayType="nodelink"] .recordLink {
  stroke: #999;
  stroke-opacity: .3;
}
.kshf .recordDisplay[displayType="nodelink"][hideLinks] .recordLink {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"][hideLinks] .NodeLinkAttribIcon {
  color: #BABABA;
}
.kshf .recordDisplay[displayType="nodelink"][NodeLinkState="started"] .NodeLinkAnim_Play {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"][NodeLinkState="stopped"] .NodeLinkAnim_Pause {
  display: none;
}
.kshf .recordDisplay[displayType="nodelink"] .NodeLinkAnim_Refresh {
  display: none;
}
.kshf .recordDisplay[displayType="grid"][hasrecordview="true"] .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[displayType="grid"][hasrecordview="true"] .recordGroup > .kshfRecord {
  display: block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.kshf .recordDisplay[displayType="grid"][hasrecordview="true"] .recordGroup > .kshfRecord > .recordRank {
  vertical-align: top;
  margin-right: 2px;
}
.kshf .recordDisplay[displayType="grid"][hasrecordview="true"] .recordGroup > .kshfRecord > .content {
  display: block;
}
.kshf .recordDisplay[displayType="grid"][hasrecordview="true"] .recordGroup > .kshfRecord > .recordToggleDetail {
  position: absolute;
  left: 0px;
  z-index: 2;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .recordMap_Base {
  display: none;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .recordNodeLink_SVG {
  display: none;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .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[displayType="list"][hasrecordview="true"] .kshfRecord > .recordSortCol {
  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;
  display:none;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .kshfRecord > .recordSortCol > .unitName {
  margin-right: 1px;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .kshfRecord > .recordRank {
  float: left;
  margin-top: 4px;
  width: 15px;
  padding-right: 2px;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .kshfRecord > .recordToggleDetail {
  width: 18px;
  text-align: center;
}
.kshf .recordDisplay[displayType="list"][hasrecordview="true"] .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: none;
}
.kshf .recordDisplay[detailsToggle="zoom"] .recordGroup > .kshfRecord > .recordToggleDetail > .item_details_toggle:before {
  content: "\f140";
}
.kshf .recordDisplay[detailsToggle="one"] .recordGroup > .kshfRecord > .recordToggleDetail {
  display: inline-block;
}
.kshf .recordDisplay[detailsToggle="one"] .recordGroup > .kshfRecord > .recordToggleDetail > .item_details_toggle:before {
  content: "\f078";
}
.kshf .recordDisplay[hasRecordView="false"] > .recordDisplayHeader {
  display: none;
}
.kshf .recordDisplay[hasRecordView="false"] > .dropZone_recordView {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
}
.kshf .recordDisplay[hasRecordView="false"] .recordGroup {
  display: none;
}
.kshf .recordDisplay[hasRecordView="true"] {
  box-shadow: 0px 0px 2px #3C5060;
  margin: 0px 2px 2px 2px;
}
.kshf .recordDisplay[hasRecordView="true"] > .recordDisplayHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.kshf .recordDisplay[hasRecordView="true"] > .dropZone_recordView {
  position: absolute;
}
.kshf .recordDisplay:hover > .recordDisplayHeader > .sortColumn {
  opacity: 1;
  pointer-events: all;
}
.kshf .recordDisplay > .recordMap .viewMap {
  font-size: 0.9em;
}
.kshf .recordDisplay > .recordMap .viewFit {
  font-size: 1em;
}
.kshf .NodeLinkControl {
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 5px;
}
.kshf .NodeLinkControl .fa {
  font-size: 0.9em;
  padding: 0px 2px;
  cursor: pointer;
}
.kshf .NodeLinkControl .fa:hover {
  color: #3c5060;
}
.kshf .recordNodeLink_SVG {
  display: block;
  width: 100%;
  height: 100%;
}
.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: dotted 1px lightgray;
  margin-bottom: -1px;
}
.kshf .Summary_Set > .summaryControls > .strengthControl {
  font-size: 0.7em;
  display: inline-block;
  background-color: #eaeaea;
  border-width: 1px 2px 1px 1px;
  border-style: solid;
  border-color: #DFDFDF;
  /*border-radius: 15px;*/
  cursor: default;
  padding: 1px 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 > .configOpt {
  display: inline-block;
  position: absolute;
  top: 0px;
  font-size: 0.8em;
  background-color: #eaeaea;
  cursor: pointer;
  border: 0px solid #eaeaea;
  /*border-radius: 15px;*/
  cursor: default;
}
.kshf .Summary_Set > .summaryControls > .configOpt .sdsdssds {
  color: gray;
  font-size: 0.9em;
  margin-right: 2px;
}
.kshf .Summary_Set > .summaryControls > .configOpt > .configOpt_icon {
  font-size: 1em;
  vertical-align: middle;
  background-color: white;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  border-style: solid;
  /*border-radius: 20px;*/
  border-color: white;
  border-width: 0px;
  margin: 1px;
}
.kshf .Summary_Set > .summaryControls > .configOpt > .configOpt_label {
  color: #474747;
  display: none;
  font-size: 0.9em;
  padding-left: 3px;
  height: 15px;
}
.kshf .Summary_Set > .summaryControls > .configOpt > .configOpt_label > .fa {
  margin-right: 3px;
}
.kshf .Summary_Set > .summaryControls > .configOpt.configRowHeight .fa:hover {
  color: #3c5060;
  cursor: pointer;
}
.kshf .Summary_Set > .summaryControls > .configOpt:hover > .configOpt_label {
  display: inline;
}
.kshf .Summary_Set > .summaryControls svg.sizeLegend {
  position: absolute;
  margin-top: 4px;
  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 2px 0px 0px;
  border-style: dotted;
  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;
  border-right: dotted 1px lightgray;
}
.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: #3c5060;
}
.kshf .Summary_Set .rows > .row[selection="selected"] > .line {
  stroke: #3c5060;
}
.kshf .Summary_Set .rows > .row[selection="onRecord"] > .label {
  fill: #685834;
}
.kshf .Summary_Set .rows > .row[selection="onRecord"] > .line {
  stroke: #8a7445;
}
.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 {
  position: relative;
  height: 18px;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo {
  font-size: 0.7em;
  color: #919191;
  margin: 0px 3px;
  display: inline-block;
  cursor: default;
  font-style: italic;
}
.kshf .Summary_Set > .belowMatrix > .matrixInfo > .circleeee {
  width: 10px;
  height: 10px;
  /*border-radius: 10px;*/
  display: inline-block;
  margin-right: 2px;
  background-color: #B4C0C5;
}
.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: #E5E7EA;
  -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: #3c5060;
}
.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 > .removeSortOption_wrapper {
  display: none;
}
.kshf .recordDisplayHeader .removeSortOption {
  cursor: pointer;
  width: 14px;
  height: 14px;
  display: inline-block;
  color: gray;
}
.kshf .recordDisplayHeader .removeSortOption:before {
  content: "\f00d";
}
.kshf .recordDisplayHeader .removeSortOption:hover {
  color: black;
}
.kshf .recordDisplayHeader > .header_listSortColumn {
  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 > .header_listSortColumn > .sortColumnName {
  font-weight: 300;
  font-size: 0.9em;
  margin: 0px 0px 1px 3px;
  display: inline-block;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.kshf .recordDisplayHeader > .header_listSortColumn > .listSortOptionSelect {
  width: 100%;
  bottom: 0px;
}
.kshf .recordDisplayHeader > .sortColumn {
  opacity: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 17px;
  font-size: 0.8em;
  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 > .buttonRecordViewRemove {
  display: none;
  cursor: pointer;
}
.kshf .recordDisplayHeader > .buttonRecordViewRemove:hover {
  color: #3c5060;
}
.kshf .recordDisplayHeader > .scrollToTop {
  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;
}
.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 > .mainTextSearch_input {
  display: none;
  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;
  width: calc(100% - 17px);
  -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 > .mainTextSearch_input:focus {
  outline-color: #cb5454;
  outline-width: 2px;
}
.kshf .recordDisplayHeader > .recordTextSearch > .mainTextSearch_input:hover {
  border-width: 1px;
  background-color: white;
  margin: 0px;
}
.kshf .recordDisplayHeader > .recordTextSearch > .mainTextSearch_input::-webkit-input-placeholder {
  color: #cb5454;
  font-weight: 300;
}
.kshf .recordDisplayHeader > .recordTextSearch > .mainTextSearch_input:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .recordDisplayHeader > .recordTextSearch > .searchIcon {
  display: none;
  font-size: 0.8em;
  padding-left: 1px;
  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"] > .mainTextSearch_input {
  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 [class^="recordView_Set"] {
  color: gray;
  padding: 1px;
  cursor: pointer;
  display: none;
}
.kshf [class^="recordView_Set"]:hover {
  color: #3c5060;
}
.kshf .recordView_HeaderSet {
  font-weight: 300;
  font-size: 0.8em;
  cursor: default;
  padding: 1px;
  display: none;
  margin-right: 2px;
  vertical-align: top;
}
.kshf .boxinbox {
  margin-top: 10px;
}
.kshf .boxinbox:hover {
  background-color: #EFEFEF;
}
.kshf .boxinbox ul {
  margin: 5px 0px 5px 0px;
}
.kshf .boxinbox.features {
  width: 500px;
  text-align: left;
  border: solid 0px lightgray;
  box-shadow: 0px 0px 0px gray;
}
.kshf .boxinbox.features .credits_features {
  margin-top: 4px;
  padding-left: 20px;
}
.kshf .boxinbox.project_credits {
  font-size: 0.9em;
  cursor: default;
}
.kshf .boxinbox.project_credits a.myName {
  display: inline-block;
  font-size: 1.1em;
  margin: 5px 10px;
  color: black;
  font-weight: 600;
  font-style: normal;
}
.kshf .boxinbox.project_credits a.advName {
  color: black;
}
.kshf .leaflet-container {
  font: inherit;
}
@-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 mapPreviewAnimation {
  0% {
    opacity: 0;
  }
  90%,
  100% {
    opacity: 1;
  }
}
@-moz-keyframes mapPreviewAnimation {
  0% {
    opacity: 0;
  }
  90%,
  100% {
    opacity: 1;
  }
}
@-ms-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;
  }
}
.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
  pointer-events: none;
}
.tipsy .tipsy-inner {
  font-family: Helvetica, Arial, sans-serif;
  padding: 3px;
  font-size: 1.2em;
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  text-align: center;
  font-weight: 300;
  /*!*border-radius: 3px;*!*/
}
.tipsy .tipsy-inner span.big {
  font-size: 1.4em;
}
.tipsy .tipsy-inner span.action {
  font-weight: 700;
}
.tipsy .unitName {
  margin-left: 1px;
  margin-right: 1px;
  color: lightgray;
}
.tipsy .mapItemName {
  display: block;
  border-bottom: solid 1px white;
  font-weight: 600;
}
.tipsy .mapTooltipValue {
  font-size: 0.9em;
  font-weight: 500;
}
.tipsy .mapTooltipLabel {
  font-size: 0.9em;
  font-weight: 300;
}
.tipsy.tipsyFilterAnd .tipsy-inner {
  background-color: #1d4870;
}
.tipsy.tipsyFilterAnd .tipsy-arrow {
  border-color: #1d4870;
}
.tipsy.tipsyFilterOr .tipsy-inner {
  background-color: #1c737a;
}
.tipsy.tipsyFilterOr .tipsy-arrow {
  border-color: #1c737a;
}
.tipsy.tipsyFilterNot .tipsy-inner {
  background-color: #808080;
}
.tipsy.tipsyFilterNot .tipsy-arrow {
  border-color: #808080;
}
.tipsy.tipsyFilterLock .tipsy-inner {
  background-color: #2f4f4f;
}
.tipsy.tipsyFilterLock .tipsy-arrow {
  border-color: #2f4f4f;
}
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}