/*********************************hg

kshf library

Copyright (c) 2013, Mehmet Adil Yalcin
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.

************************************ */
.kshfHost {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*    &[preview-not] .kshf .kshfChart .bar.preview{
        background-color: lightgray !important;
    }*/
}
.kshfHost * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kshfHost[hidebars=true] .kshf .attrib .barGroup {
  display: none;
}
.kshfHost[hidebaraxis=true] .barChartPreviewAxis {
  display: none;
}
.kshfHost[hidebaraxis=true] .barChartMainInfo {
  display: none;
}
.kshfHost[noanim=false] .bar {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshfHost[noanim=false] .histogram .barGroup_Active {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshfHost[noanim=false] .barChartPreviewAxis span.tick {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshfHost[noanim=false] .facetInterval .histogram .bin {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshfHost[noanim=false] .attrib {
  -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 {
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  display: block;
}
.kshf.layout_left > .kshfChart {
  display: block;
}
.kshf.layout_top {
  display: block;
}
.kshf.layout_bottom {
  display: inline-block;
}
.kshf.layout_leftttt {
  float: left;
}
.kshf.layout_leftttt .hasLabelWidth {
  text-align: left;
}
.kshf.layout_leftttt .headerGroup .header_label_arrow {
  right: 0px;
}
.kshf.layout_leftttt .headerGroup .chartFirstLineBackground {
  direction: rtl;
}
.kshf.layout_leftttt .attribGroup {
  direction: rtl;
  margin-left: 2px;
}
.kshf.layout_leftttt .attrib > .attribLabel .filterButtons {
  float: right;
  margin-right: 2px;
}
.kshf.layout_leftttt .attrib > .barGroup .bar {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  right: 0px;
}
.kshf.layout_leftttt .attrib > .item_count_wrapper {
  padding-right: 3px;
  text-align: right;
}
.kshf.layout_leftttt .attrib:not([selected="0"]) .attribLabel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDAsMjAwLDIwMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIwMCwyMDAsMjAwKSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(right, rgba(200,200,200,0) 0%, rgba(200,200,200,1) 100%);
  background-image: -moz-linear-gradient(right, rgba(200,200,200,0) 0%, rgba(200,200,200,1) 100%);
  background-image: -o-linear-gradient(right, rgba(200,200,200,0) 0%, rgba(200,200,200,1) 100%);
  background-image: linear-gradient(to left, rgba(200,200,200,0) 0%, rgba(200,200,200,1) 100%);
}
.kshf.layout_leftttt .attrib:not([selected="0"]) .item_count_wrapper {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDAsMjAwLDIwMCkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIwMCwyMDAsMjAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(right, rgba(200,200,200,1) 0%, rgba(200,200,200,0) 100%);
  background-image: -moz-linear-gradient(right, rgba(200,200,200,1) 0%, rgba(200,200,200,0) 100%);
  background-image: -o-linear-gradient(right, rgba(200,200,200,1) 0%, rgba(200,200,200,0) 100%);
  background-image: linear-gradient(to left, rgba(200,200,200,1) 0%, rgba(200,200,200,0) 100%);
}
.kshf.layout_leftttt .facetControls {
  direction: rtl;
}
.kshf.layout_leftttt .facetControls .attribTextSearch input {
  direction: ltr;
  text-align: left;
}
.kshf.layout_leftttt .facetControls .attribTextSearch input::-webkit-input-placeholder {
  text-align: left;
}
.kshf.layout_leftttt .kshfChart[collapsed=true] > .headerGroup span.header_label_arrow {
  opacity: 1;
}
.kshf.layout_leftttt .kshfChart[collapsed=true] > .headerGroup span.header_label_arrow span {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.kshf.layout_leftttt .belowAttribs {
  direction: rtl;
}
.kshf.layout_leftttt .belowAttribs .scroll_display_more {
  direction: ltr;
}
.kshf.layout_leftttt .subFacets .wigdhdyt {
  right: 0px;
}
.kshf.layout_leftttt .subFacets .kshfChart {
  margin-right: 17px;
}
.kshf.layout_leftttt .barChartPreviewAxis {
  direction: ltr;
}
.kshf.layout_leftttt .facetCategorical .scrollToTop {
  left: 3px;
}
.kshf.layout_right {
  float: right;
  vertical-align: top;
  position: relative;
}
.kshf.layout_left {
  float: left;
  vertical-align: top;
  position: relative;
}
.kshf:not(.layout_leftttt) .hasLabelWidth {
  text-align: right;
}
.kshf:not(.layout_leftttt) .headerGroup span.header_label_arrow {
  left: 0px;
}
.kshf:not(.layout_leftttt) .headerGroup .chartFirstLineBackground {
  direction: ltr;
}
.kshf:not(.layout_leftttt) .attribGroup {
  direction: ltr;
  margin-right: 2px;
}
.kshf:not(.layout_leftttt) .attrib > span.attribLabel span.filterButtons {
  margin-left: 2px;
}
.kshf:not(.layout_leftttt) .attrib > span.barGroup .bar {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  left: 0px;
}
.kshf:not(.layout_leftttt) .attrib > .item_count_wrapper {
  padding-left: 3px;
  text-align: left;
}
.kshf:not(.layout_leftttt) .attrib:not([selected="0"]) .attribLabel {
  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:not(.layout_leftttt) .attrib: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:not(.layout_leftttt) .facetControls {
  direction: ltr;
}
.kshf:not(.layout_leftttt) .facetControls .attribTextSearch input {
  text-align: right;
}
.kshf:not(.layout_leftttt) .facetControls .attribTextSearch input::-webkit-input-placeholder {
  text-align: right;
}
.kshf:not(.layout_leftttt) .kshfChart[collapsed=true] > .headerGroup span.header_label_arrow {
  opacity: 1;
}
.kshf:not(.layout_leftttt) .kshfChart[collapsed=true] > .headerGroup span.header_label_arrow span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.kshf:not(.layout_leftttt) .belowAttribs {
  direction: ltr;
}
.kshf:not(.layout_leftttt) .subFacets .wigdhdyt {
  left: 0px;
}
.kshf:not(.layout_leftttt) .subFacets .kshfChart {
  margin-left: 17px;
}
.kshf:not(.layout_leftttt) .facetCategorical .scrollToTop {
  right: 3px;
}
.kshf .chartFilterButtonParent {
  position: absolute;
  left: -18px;
}
.kshf .chartClearFilterButton {
  width: 14px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  pointer-events: all;
  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: #635d46;
  color: #eeebe0;
  border: solid 1px #635d46;
}
.kshf .chartClearFilterButton:hover {
  background-color: #B6AF96;
  color: #635d46;
}
.kshf .chartClearFilterButton.alone {
  opacity: 0;
  vertical-align: top;
  pointer-events: none;
  box-shadow: 1px 1px 1px #474940;
}
.kshf .chartClearFilterButton.summary {
  display: inline-block;
  position: absolute;
  right: 0px;
  margin-left: 2px;
  line-height: 0.9em;
}
.kshf .chartClearFilterButton.allFilter {
  display: inline-block;
  float: right;
  margin-left: 2px;
  height: 16px;
}
.kshf .selection_bar rect {
  fill: #788890;
  fill-opacity: 0;
  cursor: col-resize;
  stroke-width: 1.5;
  pointer-events: none;
}
.kshf .selection_bar rect:hover {
  stroke: orangered;
}
.kshf .barChartPreviewAxis {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  -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 .barChartPreviewAxis > .tick {
  opacity: 0;
  position: absolute;
}
.kshf .barChartPreviewAxis > .tick > .text {
  display: block;
  position: relative;
  text-align: center;
  font-size: 0.7em;
  font-weight: 300;
  cursor: default;
  color: gray;
}
.kshf .barChartPreviewAxis > .tick > .line {
  display: block;
  position: absolute;
}
.kshf .border_line {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxOTAsIDE5MCwgMTkwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9InJnYigxOTAsIDE5MCwgMTkwKSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9InJnYigxOTAsIDE5MCwgMTkwKSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMTkwLCAxOTAsIDE5MCkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 1) 10%, rgba(190, 190, 190, 1) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: -moz-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 1) 10%, rgba(190, 190, 190, 1) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: -o-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 1) 10%, rgba(190, 190, 190, 1) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: linear-gradient(to left, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 1) 10%, rgba(190, 190, 190, 1) 90%, rgba(190, 190, 190, 0) 100%);;
  height: 1px;
  margin-bottom: -2px;
  pointer-events: all;
  top: -1px;
}
.kshf .headerGroup {
  position: relative;
  text-align: center;
  padding-top: 1px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigxOTAsIDE5MCwgMTkwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9InJnYigxOTAsIDE5MCwgMTkwKSIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0icmdiKDE5MCwgMTkwLCAxOTApIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDE5MCwgMTkwLCAxOTApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 0.3) 10%, rgba(190, 190, 190, 0.3) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: -moz-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 0.3) 10%, rgba(190, 190, 190, 0.3) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: -o-linear-gradient(right, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 0.3) 10%, rgba(190, 190, 190, 0.3) 90%, rgba(190, 190, 190, 0) 100%);;
  background-image: linear-gradient(to left, rgba(190, 190, 190, 0) 0%, rgba(190, 190, 190, 0.3) 10%, rgba(190, 190, 190, 0.3) 90%, rgba(190, 190, 190, 0) 100%);;
}
.kshf .headerGroup .header_label {
  font-size: 1.0em;
  font-weight: 700;
  cursor: default;
  font-variant: small-caps;
  pointer-events: all;
  padding-top: 1px;
  height: 16px;
  margin-left: 2px;
}
.kshf .headerGroup .header_label > .title_of {
  font-weight: 300;
}
.kshf .headerGroup .header_label > .fa-level-up {
  font-size: 0.9em;
}
.kshf .headerGroup .chartClearFilterButton.rowFilter {
  pointer-events: none;
  height: 16px;
  width: 16px;
  padding-left: 1px;
  margin-right: 3px;
}
.kshf .headerGroup span.facetIcons {
  font-size: 0.8em;
  color: gray;
  position: absolute;
  right: 20px;
  top: 1px;
}
.kshf .headerGroup span.facetIcons .fa {
  cursor: pointer;
  margin-left: 2px;
}
.kshf .headerGroup span.facetIcons .fa:hover {
  color: black;
}
.kshf .headerGroup span.facetIcons .hasMultiMappings {
  display: none;
}
.kshf .headerGroup span.header_label_arrow {
  display: inline;
  position: absolute;
  top: 0px;
  width: 1em;
  font-size: 1em;
  cursor: pointer;
  opacity: 0;
  z-index: 10;
  -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;
}
.kshf .headerGroup span.header_label_arrow:hover {
  color: #cb5454;
}
.kshf .headerGroup span.header_label_arrow span {
  position: absolute;
  left: 0px;
  -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;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.kshf .headerGroup span.showFilterText {
  display: inline-block;
  float: left;
  pointer-events: all;
}
.kshf .hasLabelWidth {
  text-align: right;
}
.kshf .kshfChart {
  display: block;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  /*        &:before{
            content:''; width:100%; height:100%;
            position:absolute; top:0; left:0;
            pointer-events:none;
        }*/
}
.kshf .kshfChart .kshfChart span.header_label_arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDQsMTk1LDE5NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIwNCwxOTUsMTk1KSIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(right, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -moz-linear-gradient(right, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -o-linear-gradient(right, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: linear-gradient(to left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
}
.kshf .kshfChart > .wrapper {
  position: relative;
}
.kshf .kshfChart > .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 .kshfChart > .wrapper > .facetCategorical {
  overflow: hidden;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls {
  border-bottom: dotted 1px lightgray;
  margin-bottom: -1px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput {
  width: 100%;
  font-size: 0.7em;
  font-weight: 700;
  border-width: 0px;
  color: #cb5454;
  background-color: rgba(244, 244, 244, 0);
  pointer-events: all;
  margin: 0px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput:focus {
  outline-color: gray;
  outline-width: 4px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput:hover {
  border: solid 1px #cb5454;
  padding: 0px 0px 0px 0px;
  background-color: white;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput::-webkit-input-placeholder {
  font-weight: 500;
  color: #cb5454;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .attribTextSearchInput:hover::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .clearText {
  position: absolute;
  left: 1px;
  top: 3px;
  cursor: pointer;
  font-size: 0.8em;
  color: gray;
  display: none;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .clearText:hover {
  color: #cb5454;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .attribTextSearch > .searchIcon {
  position: relative;
  top: -1px;
  left: 2px;
  color: #cb5454;
  font-size: 0.7em;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .sortOptionSelectGroup {
  vertical-align: top;
  display: inline-block;
  font-size: 0.7em;
  font-weight: 300;
  position: relative;
  right: -15px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .sortOptionSelectGroup > .optionSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  appearance: none;
  font-weight: 300;
  border-width: 0px;
  cursor: pointer;
  padding-right: 12px;
  margin: 0px;
  vertical-align: middle;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10px' height='15px'><polyline points='0,2 10,2, 5,11'/></svg>") no-repeat top right;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .sortOptionSelectGroup > .optionSelect:hover {
  color: orangered;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .sortOptionSelectGroup > .optionSelect_Label {
  margin-right: 2px;
  vertical-align: bottom;
  cursor: default;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .facetControls > .sortOptionSelectGroup > .optionSelect_Label:after {
  content: ':';
  vertical-align: bottom;
}
.kshf .kshfChart > .wrapper > .facetCategorical .scrollToTop {
  margin-top: -16px;
  font-size: 0.8em;
  pointer-events: all;
  position: absolute;
}
.kshf .kshfChart > .wrapper > .facetCategorical .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 .kshfChart > .wrapper > .facetCategorical .selectAllAttribsButton:hover {
  box-shadow: 0px 0px 1px black;
}
.kshf .kshfChart > .wrapper > .facetCategorical .selectAllAttribsButton::before {
  content: '+ Add Filter with All';
}
.kshf .kshfChart > .wrapper > .facetCategorical .scroll_display_more {
  font-size: 0.7em;
  line-height: 1.4em;
  vertical-align: top;
  font-style: italic;
  cursor: pointer;
  color: gray;
  opacity: 1;
  pointer-events: all;
  display: inline-block;
}
.kshf .kshfChart > .wrapper > .facetCategorical .scroll_display_more:hover {
  color: #cb5454;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  pointer-events: all;
  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 .kshfChart > .wrapper > .facetCategorical > .attribGroup > .filler {
  opacity: 0;
  width: 1px;
  display: inline-block;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib {
  position: absolute;
  white-space: nowrap;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .clickArea {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  pointer-events: all;
  margin-top: 4px;
  margin-bottom: 4px;
  height: 10px !important;
  position: absolute;
  font-size: 0.8em;
  font-weight: 300;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .attribLabel {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  pointer-events: none;
  font-size: 0.8em;
  font-weight: 300;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .attribLabel > .theLabel:before {
  color: white;
  font-weight: 300;
  font-size: 0.7em;
  vertical-align: top;
  border-radius: 3px;
  padding: 0px 2px 0px 2px;
  margin-right: 2px;
  opacity: 0.4;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .attribLabel > .filterButtons {
  opacity: 0;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .item_count_wrapper {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 0.7em;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .barGroup {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  position: relative;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib > .barGroup > .bar {
  top: 4px;
  width: 1px;
  height: 10px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib .filterButtons {
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  float: left;
  margin-left: 2px;
  margin-top: -2px;
  margin-bottom: -2px;
  font-size: 1.1em;
  height: 10px;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib .filterButtons > .orButton {
  display: none;
  margin-right: 1px;
  vertical-align: top;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib .filterButtons > .orButton:hover {
  color: #1C737A;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib .filterButtons > .notButton {
  display: none;
  vertical-align: top;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib .filterButtons > .notButton:hover {
  color: gray;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[activeItems='0'] .item_count {
  visibility: hidden;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib:not([selected="0"]) > .attribLabel > .theLabel {
  font-weight: 700;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib:not([selected="0"]) .clickArea {
  cursor: pointer;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="1"] > .attribLabel > .theLabel {
  color: #1D4870;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="1"][show-box=true] > .attribLabel > .theLabel:before {
  content: "And";
  background-color: #1D4870;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="2"] > span.attribLabel > .theLabel {
  color: #1C737A;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="2"][show-box=true] > .attribLabel > .theLabel:before {
  content: "Or";
  background-color: #1C737A;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="-1"] .clickArea {
  cursor: pointer;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="-1"] > .attribLabel > .theLabel {
  color: gray;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="-1"] > .attribLabel > .theLabel:before {
  content: "Not";
  background-color: black;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=selected] > .attribLabel > .theLabel {
  font-weight: 700 !important;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=selected][selected="0"] .clickArea {
  cursor: cell;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=selected][selected="0"][selecttype="and"] > .attribLabel > .theLabel {
  color: #1D4870;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=selected][selected="0"][selecttype="or"] > .attribLabel > .theLabel {
  color: #1C737A;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=selected][selected="0"][selecttype="not"] > .attribLabel > .theLabel {
  color: gray;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=false][highlight=true] > .attribLabel > .theLabel {
  color: #ff6a33;
  font-weight: 700;
}
.kshf .kshfChart > .wrapper > .facetCategorical > .attribGroup > .attrib[noitems=true] {
  color: gray;
}
.kshf .kshfChart > .wrapper > .facetInterval {
  padding: 5px 12px 0px 12px;
  overflow: hidden;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram {
  position: relative;
  pointer-events: all;
  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 .kshfChart > .wrapper > .facetInterval > .histogram > .bins {
  position: absolute;
  top: 9px;
  z-index: 3;
  -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 .kshfChart > .wrapper > .facetInterval > .histogram > .bins > .bin {
  position: absolute;
  display: block;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram > .bins > .bin > .bar {
  width: 1px;
  height: 1px;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram > .bins > .bin > .item_count {
  top: -1em;
  text-shadow: white 0px 0px 2px;
  display: block;
  position: relative;
  width: 26px;
  margin-left: -14px;
  font-size: 0.7em;
  text-align: center;
  cursor: pointer;
  -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 .kshfChart > .wrapper > .facetInterval > .histogram > .bins > .bin[noitems=true] > .item_count {
  display: none;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram > .bins > .bin[highlight=true] > .item_count {
  color: orangered;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram > .barChartPreviewAxis {
  top: 9px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .histogram > .barChartPreviewAxis > .tick > .line {
  border-bottom: dashed 1px #b6b3b3;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup {
  height: 14px;
  position: relative;
  border-style: solid;
  border-color: lightgray;
  border-width: 1px 0px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .percentileTitle {
  font-size: 0.6em;
  position: absolute;
  display: inline-block;
  font-weight: 300;
  bottom: 0px;
  left: -9px;
  text-shadow: 0px 0px 2px white;
  z-index: 120;
  color: gray;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile {
  display: inline-block;
  position: absolute;
  height: 12px;
  width: 1px;
  -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%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_pos {
  background-color: #1b6f61;
  margin-left: -0.5px;
  z-index: 101;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_pos.q_50 {
  width: 4px;
  background-color: #1b6f61;
  margin-left: -2px;
  pointer-events: all;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_range:hover {
  border-color: #1b6f61;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  z-index: 100;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_40_60 {
  background-color: #2aad97;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_30_70 {
  background-color: #78decd;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_20_80 {
  background-color: #caf2eb;
}
.kshf .kshfChart > .wrapper > .facetInterval > .percentileGroup > .quantile.q_10_90 {
  background-color: #f3fcfb;
}
.kshf .kshfChart > .wrapper > .facetInterval > .labelGroup {
  cursor: default;
  position: relative;
  height: 15px;
  margin-top: -1px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .labelGroup > .tick {
  position: absolute;
}
.kshf .kshfChart > .wrapper > .facetInterval > .labelGroup > .tick > .text {
  font-size: 0.7em;
  font-weight: 300;
  width: 100px;
  text-align: center;
  position: relative;
  margin-left: -50px;
  display: block;
}
.kshf .kshfChart > .wrapper > .facetInterval > .labelGroup > .tick > .line {
  position: absolute;
  top: -9px;
  height: 10px;
  border-left: solid 1px gray;
  display: block;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider {
  position: relative;
  height: 10px;
  pointer-events: all;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .selectedItemValue {
  position: absolute;
  z-index: 20;
  top: 1px;
  display: none;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .selectedItemValue > .circlee {
  border-radius: 20px;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 69, 0, 0.29);
  border: solid 2px orangered;
  left: -4px;
  position: relative;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .base {
  display: block;
  position: absolute;
  box-shadow: inset 0px 0px 2px gray;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .base.total {
  height: 3px;
  top: 3px;
  cursor: pointer;
  background-color: lightgray;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .base.active {
  height: 8px;
  top: 1px;
  width: 1px;
  display: none;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .base.active[filtered=true] {
  display: block;
  cursor: col-resize;
  background-color: #30b8c4;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .base.active:hover {
  background-color: orangered !important;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle {
  display: block;
  position: absolute;
  width: 6px;
  height: 8px;
  background-color: white;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  cursor: ew-resize;
  z-index: 10;
  top: 1px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle:hover {
  background-color: orangered !important;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle.min {
  left: -5px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle.max {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle > .invalidArea {
  position: relative;
  display: block;
  background-color: lightgray;
  opacity: 0.3;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle.min > .invalidArea {
  border-right: double 3px black;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider > .handle.max > .invalidArea {
  border-left: double 3px black;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider[filtered=false] span.invalidArea {
  display: none;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider[anim=true] > .base {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshf .kshfChart > .wrapper > .facetInterval > .rangeSlider[anim=true] > .handle {
  -webkit-transition: -webkit-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -moz-transition: -moz-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
  -o-transition: -o-transform 700ms ease-in-out, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 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, background-color 100ms linear, opacity 200ms linear 500ms, width 700ms ease-in-out, height 700ms ease-in-out;
}
.kshf .kshfChart > .wrapper .bar {
  display: block;
  position: absolute;
  background-color: #98abb9;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.kshf .kshfChart > .wrapper .bar.active {
  cursor: pointer;
}
.kshf .kshfChart > .wrapper .bar.total {
  background-color: #DEE2E6;
  pointer-events: none;
}
.kshf .kshfChart > .wrapper .bar.preview {
  background-color: #ff6a33;
  pointer-events: none;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.kshf .kshfChart > .wrapper .bar.preview[fast] {
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  -moz-transition: -moz-transform 200ms ease-in-out;
  -o-transition: -o-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out,-moz-transform 200ms ease-in-out,-o-transform 200ms ease-in-out,transform 200ms ease-in-out;
}
.kshf .kshfChart .subFacets {
  position: relative;
  height: 100%;
}
.kshf .kshfChart .facetGroupBar {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 17px;
  border-right: solid 2px #ccc3c3;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDQsMTk1LDE5NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIwNCwxOTUsMTk1KSIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -moz-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: linear-gradient(to right, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
}
.kshf .kshfChart .facetGroupBar span {
  height: 100%;
  width: 1px;
  margin: auto;
  background-color: black;
}
.kshf .kshfChart[collapsed=true] > .headerGroup {
  color: gray;
}
.kshf .kshfChart[collapsed=true] > .headerGroup span.header_label {
  cursor: pointer;
}
.kshf .kshfChart[collapsed=true] > .headerGroup .facetControls {
  display: none;
}
.kshf .kshfChart[collapsed=true] > .wrapper .facetCategorical > div {
  display: none !important;
}
.kshf .kshfChart[collapsed=true] > .facetInterval > div {
  display: none !important;
}
.kshf .kshfChart[collapsed=true] > .subFacets .wigdhdyt span {
  display: none;
}
.kshf .kshfChart[filtered=true] > .headerGroup .chartClearFilterButton.rowFilter {
  pointer-events: all;
  opacity: 1;
}
.kshf .kshfChart[hasmultivalueitem=false][filtered_or="0"] > .wrapper > .facetCategorical > .attribGroup > .attrib:hover[selected="0"] .notButton {
  display: inline-block;
}
.kshf .kshfChart[hasmultivalueitem=false][filtered_or="0"] > .wrapper > .facetCategorical > .attribGroup > .attrib:hover[selected="-1"] {
  cursor: pointer;
}
.kshf .kshfChart[hasmultivalueitem=false]:not([filtered_or="0"]) > .wrapper > .facetCategorical > .attribGroup > .attrib:hover[selected="0"] .orButton {
  display: inline-block;
}
.kshf .kshfChart[hasmultivalueitem=true] > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="0"][highlight="selected"] .notButton {
  display: inline-block;
}
.kshf .kshfChart[hasmultivalueitem=true] > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="0"][highlight="selected"] .orButton {
  display: inline-block;
}
.kshf .kshfChart[hasmultivalueitem=true] > .wrapper > .facetCategorical > .attribGroup > .attrib[selected="0"] .clickArea:hover .orButton {
  display: inline-block;
}
.kshf .kshfChart[filtered_range=true] .chartClearFilterButton.rangeFilter {
  display: inline-block;
}
.kshf .kshfChart[removeinactiveattrib=true] .kshf .kshfChart[noitems=true] {
  display: none;
}
.kshf .kshfChart:hover {
  box-shadow: inset 0px 0px 3px gray;
}
.kshf .kshfChart:hover > .headerGroup span.header_label_arrow {
  opacity: 1;
}
.kshf .kshfChart:hover[hasmultivalueitem=true] > .headerGroup .hasMultiMappings {
  display: inline-block;
}
.kshf .kshfChart[hasFacets=true] {
  margin-bottom: 2px;
}
.kshf .kshfChart[hasFacets=true] > .headerGroup .header_label {
  font-size: 1.3em;
}
.kshf .kshfChart[hasFacets=true] > .headerGroup .header_label_arrow {
  border-right: solid 2px #ccc3c3;
  width: 17px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMDQsMTk1LDE5NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDIwNCwxOTUsMTk1KSIgc3RvcC1vcGFjaXR5PSIwLjUiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -moz-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
  background-image: linear-gradient(to right, rgba(204,195,195,0) 0%, rgba(204,195,195,0.5) 100%);
}
.kshf .kshfChart[hasFacets=true] > .wigdhdyt {
  padding-top: 2px;
}
.kshf .belowAttribs {
  position: relative;
}
.kshf .belowAttribs .border_line {
  opacity: 0.6;
}
.kshf .belowAttribs > .barChartPreviewAxis > .tick > .text {
  width: 20px;
  left: -10px;
}
.kshf .belowAttribs > .barChartPreviewAxis > .tick > .line {
  width: 0px;
  border-left: dashed 1px #b6b3b3;
}
.kshf .item_count {
  color: gray;
}
.kshf .item_count::before {
  content: "(";
}
.kshf .item_count::after {
  content: ")";
}
.kshf .selectVertLine {
  display: inline-block;
  background-color: #EEDDDE;
  width: 2px;
  display: none;
  position: absolute;
}
.kshf .loading_dots {
  width: 10px;
  height: 10px;
  background: gray;
  border-radius: 50px;
  margin: 4px;
  display: inline-block;
}
.kshf .loading_dots[anim] {
  -webkit-animation: fade 900ms forwards;
  -moz-animation: fade 900ms forwards;
  -o-animation: fade 900ms forwards;
  animation: fade 900ms forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.kshf .loading_dots[anim].loading_dots_2 {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
.kshf .loading_dots[anim].loading_dots_3 {
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  -o-animation-delay: 600ms;
  animation-delay: 600ms;
}
.kshf.listDiv {
  position: relative;
  top: 0px;
  overflow: hidden;
  float: left;
  z-index: 100;
  -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.listDiv > .leftBlockAdjustSize {
  position: absolute;
  left: 0px;
  pointer-events: all;
  height: 100%;
  width: 0px;
  border-width: 0px 2px 0px 0px;
  border-style: dotted;
  border-color: lightgray;
  cursor: col-resize;
  opacity: 0.5;
  z-index: 10;
}
.kshf.listDiv > .leftBlockAdjustSize:hover {
  border-width: 0px 2px 0px 0px;
  border-style: dotted;
  border-color: gray;
}
.kshf.listDiv > .listItemGroup {
  overflow-y: scroll;
  overflow-x: hidden;
  border-style: solid;
  border-color: #dfd2a9;
  border-width: 0px 2px 2px 2px;
  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.listDiv > .showMore {
  cursor: pointer;
  border: solid 1px lightgray;
  border-radius: 9px;
  padding: 0px;
  box-shadow: 2px 2px 2px #D8D8D8;
  font-weight: 300;
  font-size: 0.8em;
  background-color: #eee;
  height: 20px;
  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.listDiv > .showMore lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0%{opacity:1;} 50%{opacity:0;} 100% {opacity:1;}}
@-moz-keyframes fade{ 0%{opacity:1;} 50%{opacity:0;} 100% {opacity:1;}}
@-o-keyframes fade{ 0%{opacity:1;} 50%{opacity:0;} 100% {opacity:1;}}
@keyframes fade{ 0%{opacity:1;} 50%{opacity:0;} 100% {opacity:1;};
}
.kshf.listDiv > .showMore > .MoreText {
  display: inline-block;
  vertical-align: top;
  top: 2px;
  position: relative;
}
.kshf.listDiv > .showMore > .Count {
  font-size: 0.9em;
  top: 3px;
  position: relative;
  color: gray;
}
.kshf.listDiv > .showMore > .Count.CountAbove {
  float: left;
  margin-left: 3px;
}
.kshf.listDiv > .showMore > .Count.CountBelow {
  float: right;
  margin-right: 3px;
}
.kshf.listDiv > .showMore:hover {
  box-shadow: 2px 2px 2px gray;
}
.kshf.listDiv > .showMore:hover span.MoreText {
  text-decoration: underline;
}
.kshf.listDiv .listsortcolumn {
  padding-right: 5px;
  font-weight: 300;
  text-align: right;
  display: inline-block;
  font-size: 0.8em;
  margin: auto;
  cursor: default;
}
.kshf.listDiv .listsortcolumn .sortBy {
  margin-left: 2px;
  margin-right: 2px;
  font-weight: 700;
  display: inline-block;
}
.kshf.listDiv select.listSortOptionSelect {
  bottom: 0px;
}
.kshf.listDiv[displaytype="grid"] .listItem > .itemToggleDetails {
  position: absolute;
  z-index: 10;
}
.kshf.listDiv[displaytype="list"] .listItem {
  width: 100%;
}
.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 div.listHeader {
  font-weight: bold;
  color: black;
  font: 500 100% Arial, sans-serif;
  font-size: 0.9em;
  position: relative;
  border-style: solid;
  border-color: #dfd2a9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 0px 2px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMjMsIDIxMCwgMTY5KSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9InJnYigyNTUsMjU1LDI1NSkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(bottom, rgb(223, 210, 169) 0%, rgba(255,255,255,1) 80%);
  background-image: -moz-linear-gradient(bottom, rgb(223, 210, 169) 0%, rgba(255,255,255,1) 80%);
  background-image: -o-linear-gradient(bottom, rgb(223, 210, 169) 0%, rgba(255,255,255,1) 80%);
  background-image: linear-gradient(to top, rgb(223, 210, 169) 0%, rgba(255,255,255,1) 80%);
}
.kshf div.listHeader > .bottomRow {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow {
  display: table-row;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .scrollToTop {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  width: 15px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .listsortcolumn {
  display: table-cell;
  vertical-align: bottom;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .headerLinkStateColumn {
  display: table-cell;
  font-size: 1.1em;
  text-align: right;
  width: 85px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .headerLinkStateColumn > .linkAll > .fa-link {
  cursor: pointer;
  font-size: 0.9em;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .headerLinkStateColumn > .linkAll > .headerLinkColumnAllResults {
  cursor: pointer;
  margin-right: 2px;
  font-size: 0.8em;
  font-weight: 300;
  font-family: sans-serif;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .headerLinkStateColumn > .linkAll:hover {
  color: orangered;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .headerLinkStateColumn > .linkTitleText {
  /*                        font-size: 0.8em;
                        font-variant: small-caps;
                        font-weight: 300;
                        cursor: default;*/
  display: block;
  font-size: 1.0em;
  font-weight: 700;
  cursor: default;
  font-variant: small-caps;
  pointer-events: all;
  height: 16px;
  margin-left: 2px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs {
  display: table-cell;
  font-size: 0.9em;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 2px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block {
  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 div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block > .sdsdsds {
  pointer-events: none;
  /*
                            max-width: 300px;
                            max-width: 300px;
                            -o-text-overflow: ellipsis;
                            text-overflow: ellipsis;*/
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block > .sdsdsds > .summary_header {
  padding: 1px 0px 1px 0px;
  font-size: 0.9em;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block > .sdsdsds > .summary_header:after {
  content: ': ';
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block > .sdsdsds > .summary_details {
  padding: 1px 0px 1px 0px;
  display: inline;
  margin-right: 15px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block > .chartClearFilterButton.summary {
  pointer-events: none;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block[ready=true] {
  max-width: 1000px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block[ready=false] {
  max-width: 0px;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block[ready=false] .chartClearFilterButton {
  display: none;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block:hover {
  background-color: #ffffff;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block:hover .sdsdsds {
  text-decoration: line-through;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block:hover .chartClearFilterButton {
  background-color: #B6AF96;
  color: #635d46;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block b {
  font-weight: 700;
}
.kshf div.listHeader > .bottomRow > .bottomRowRow > .filtercrumbs > .filter-block[filtered=false] {
  display: none;
}
.kshf div.listHeader span.mainTextSearch {
  white-space: nowrap;
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.kshf div.listHeader span.mainTextSearch input {
  font-size: 0.8em;
  font-weight: 700;
  color: #cb5454;
  padding: 0px 2px;
  background-color: rgba(255, 255, 255, 0.2);
  pointer-events: all;
  border-width: 0px;
  border-bottom: dashed 1px #cb5454;
  margin: 0px;
}
.kshf div.listHeader span.mainTextSearch input:focus {
  outline-color: gray;
  outline-width: 4px;
}
.kshf div.listHeader span.mainTextSearch input:hover {
  border: solid 1px #cb5454;
  background-color: white;
  padding: 0px 1px;
}
.kshf div.listHeader span.mainTextSearch input::-webkit-input-placeholder {
  color: #cb5454;
  font-weight: 300;
}
.kshf div.listHeader span.mainTextSearch input:focus::-webkit-input-placeholder {
  color: #F3CDCD;
}
.kshf div.listHeader span.mainTextSearch .searchIcon {
  color: #cb5454;
}
.kshf div.listHeader span.mainTextSearch i.fa.clearText {
  position: absolute;
  display: none;
  right: 2px;
  top: 1px;
  cursor: pointer;
  color: gray;
}
.kshf div.listHeader span.mainTextSearch i.fa.clearText:hover {
  color: #cb5454;
}
.kshf div.listHeader span.rightBoxes {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 1.3em;
  color: #635d46;
}
.kshf div.listHeader span.rightBoxes i.credits {
  cursor: pointer;
  margin: 0px;
}
.kshf div.listHeader span.rightBoxes i.credits:hover {
  color: #cb5454;
}
.kshf div.listHeader span.rightBoxes .datasource {
  cursor: pointer;
  text-decoration: none;
  margin: 0px 3px;
  color: #635d46;
}
.kshf div.listHeader span.rightBoxes .datasource:hover {
  color: #cb5454;
}
.kshf div.listHeader span.filterClearAll {
  display: none;
  position: absolute;
  right: 41px;
  top: 0px;
  cursor: pointer;
  color: #252112;
  font-weight: 300;
  border: 1px #685b2b solid;
  background-color: #E9E2CE;
  padding-left: 1px;
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.kshf div.listHeader span.filterClearAll:hover {
  background-color: white;
  box-shadow: none;
}
.kshf div.listHeader span.filterClearAll .title {
  font-size: 0.8em;
  vertical-align: middle;
}
.kshf div.listHeader span.resultInfo {
  vertical-align: top;
  display: inline-block;
  white-space: nowrap;
  pointer-events: none;
  font-size: 1.5em;
  font-weight: 700;
  text-shadow: 1px 1px lightgray;
  margin-bottom: -3px;
}
.kshf div.listHeader span.resultInfo span.listheader_count {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  padding-right: 3px;
}
.kshf div.listHeader span.resultInfo span.listheader_itemName {
  display: inline;
  letter-spacing: 0.1em;
  font-variant: small-caps;
  vertical-align: top;
}
.kshf .listItem {
  display: none;
  table-layout: fixed;
  opacity: 1;
  clear: left;
  cursor: default;
  overflow: hidden;
  float: none;
  height: auto;
  max-height: 200px;
  border-top: double 0px gray;
  padding-top: 2px;
  padding-bottom: 0px;
  position: relative;
  -webkit-transition: max-height 500ms ease, padding 500ms ease, background-color 100ms ease, opacity 500ms ease;
  -moz-transition: max-height 500ms ease, padding 500ms ease, background-color 100ms ease, opacity 500ms ease;
  -o-transition: max-height 500ms ease, padding 500ms ease, background-color 100ms ease, opacity 500ms ease;
  transition: max-height 500ms ease, padding 500ms ease, background-color 100ms ease, opacity 500ms ease;
}
.kshf .listItem > .itemRow {
  display: table-row;
  width: 100%;
}
.kshf .listItem > .itemRow > .listsortcolumn {
  display: table-cell;
  vertical-align: top;
  cursor: cell;
}
.kshf .listItem > .itemRow > .listsortcolumn > .columnLabel {
  float: right;
}
.kshf .listItem > .itemRow > .listsortcolumn > .itemRank {
  margin-left: 2px;
  margin-top: 2px;
  color: gray;
  font-size: 0.8em;
  font-weight: 300;
  float: left;
}
.kshf .listItem > .itemRow > .listsortcolumn:hover {
  color: red;
}
.kshf .listItem > .itemRow > .content {
  display: table-cell;
  vertical-align: top;
  border: solid 0px lightgray;
  position: relative;
}
.kshf .listItem > .itemRow > .content > .iteminfo {
  float: none;
  clear: left;
  font-weight: normal;
  margin-bottom: 2px;
}
.kshf .listItem > .itemRow > .content > .iteminfo_0 {
  font-size: 1.0em;
  color: black;
}
.kshf .listItem > .itemRow > .content > .iteminfo_1 {
  font-size: 0.9em;
  color: #555555;
}
.kshf .listItem > .itemRow > .content > .iteminfo_2 {
  font-size: 0.8em;
  color: #555555;
  font-style: italic;
  font-weight: 300;
}
.kshf .listItem > .itemRow > .content > .iteminfo_3 {
  font-size: 0.8em;
  color: #a71f1f;
  font-style: italic;
  font-weight: 300;
}
.kshf .listItem > .itemRow > .itemToggleDetails {
  display: table-cell;
  vertical-align: top;
  width: 18px;
  cursor: pointer;
  font-weight: 700;
  position: relative;
}
.kshf .listItem > .itemRow > .itemToggleDetails > .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;
  top: 2px;
  left: 1px;
  position: relative;
}
.kshf .listItem > .itemRow > .itemToggleDetails > .item_details_toggle:hover {
  color: black;
}
.kshf .listItem > .itemRow > .itemLinkStateColumn {
  display: table-cell;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 2px;
}
.kshf .listItem > .itemRow > .itemLinkStateColumn > .itemLinkIcon {
  font-size: 0.9em;
  display: none;
  cursor: pointer;
  margin-right: 2px;
}
.kshf .listItem > .itemRow > .itemLinkStateColumn > .item_count {
  font-size: 0.6em;
  vertical-align: middle;
}
.kshf .listItem > .itemRow > .itemLinkStateColumn > .itemSelectCheckbox {
  cursor: pointer;
  width: 14px;
  text-align: left;
  display: inline-block;
  font-size: 0.8em;
  padding-left: 2px;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: gray;
}
.kshf .listItem > .itemRow > .itemLinkStateColumn > .itemSelectCheckbox:hover {
  color: orangered;
}
.kshf .listItem[animst=open] {
  opacity: 0;
}
.kshf .listItem[animst=closed] {
  max-height: 0px !important;
  padding: 0px !important;
  opacity: 0;
}
.kshf .listItem[animst=visible] {
  display: table;
}
.kshf .listItem[details=true] {
  max-height: none;
}
.kshf .listItem[details=true] .item_details_toggle {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.kshf .listItem[details=true] .item_details {
  display: block;
}
.kshf .listItem[details=false] .item_details_toggle {
  display: block;
}
.kshf .listItem[details=false] .item_details {
  display: none;
}
.kshf .listItem[highlight=selected] {
  box-shadow: inset 0px 0px 2px black;
}
.kshf .listItem[highlight=selected][selectedForLink=true] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNTUsMTkzLDE1NykiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LDE5MywxNTcpIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsMTkzLDE1NykiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(right, rgba(255,193,157,1), rgba(255,193,157,0) 30px, rgba(255,193,157,0) 100%);
  background-image: -moz-linear-gradient(right, rgba(255,193,157,1), rgba(255,193,157,0) 30px, rgba(255,193,157,0) 100%);
  background-image: -o-linear-gradient(right, rgba(255,193,157,1), rgba(255,193,157,0) 30px, rgba(255,193,157,0) 100%);
  background-image: linear-gradient(to left, rgba(255,193,157,1), rgba(255,193,157,0) 30px, rgba(255,193,157,0) 100%);
}
.kshf .listItem[highlight=selected][selectedForLink=true] > .itemRow > .itemLinkStateColumn > .itemLinkIcon {
  display: inline;
  color: #cc3700;
}
.kshf .listItem[highlight=selected][selectedForLink=true] > .itemRow > .itemLinkStateColumn > .itemLinkIcon:hover {
  color: orangered;
}
.kshf .listItem[highlight=true] {
  box-shadow: inset 0px 0px 5px #BBBBBB;
  background-color: #F8F8F8;
}
.kshf .listItem[highlight=true] > .itemRow > .itemLinkStateColumn > .itemLinkIcon {
  display: inline;
  color: gray;
}
.kshf .listItem[selectedForLink=true] .itemLinkStateColumn > .itemSelectCheckbox:before {
  content: "\f046";
}
.kshf .listItem[selectedForLink=false] .itemLinkStateColumn > .itemSelectCheckbox:before {
  content: "\f096";
}
.kshf.layout_infobox {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2000;
  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.layout_infobox lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes itemZoom{ 0%{-webkit-transform: scale(0); opacity:1;} 100% {-webkit-transform: scale(1); opacity:1;}}
@-moz-keyframes itemZoom{ 0%{-moz-transform: scale(0); opacity:1;} 100% {-moz-transform: scale(1); opacity:1;}}
@-o-keyframes itemZoom{ 0%{-o-transform: scale(0); opacity:1;} 100% {-o-transform: scale(1); opacity:1;}}
@keyframes itemZoom{ 0%{-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0); opacity:1;} 100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity:1;};
}
.kshf.layout_infobox div.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.layout_infobox div.infobox_close_button:hover {
  background-color: #6f6f6f;
}
.kshf.layout_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: 20px;
}
.kshf.layout_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.layout_infobox > .infobox_loading {
  width: 300px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf.layout_infobox > .infobox_loading .loadinggg {
  position: absolute;
  top: 8px;
  left: 10px;
}
.kshf.layout_infobox > .infobox_loading .loadinggg i.fa-warning {
  margin-left: 20px;
  font-size: 1.5em;
}
.kshf.layout_infobox > .infobox_loading div.status_text {
  margin: auto;
  position: absolute;
  top: 10px;
  left: 70px;
  height: 20px;
}
.kshf.layout_infobox > .infobox_loading div.status_text span {
  margin-left: 5px;
}
.kshf.layout_infobox > .infobox_credit {
  display: none;
  width: 390px;
  height: 260px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.kshf.layout_infobox > .infobox_credit div.all-the-credits {
  margin: auto;
}
.kshf.layout_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.layout_infobox > .infobox_credit span.libName {
  font-size: 1.4em;
  font-weight: 700;
}
.kshf.layout_infobox > .infobox_credit div.project_fund {
  font-size: 0.8em;
  font-weight: 300;
}
.kshf.layout_infobox > .infobox_itemZoom {
  position: relative;
  margin: 20px;
  padding: 10px;
}
.kshf.layout_infobox[show=loading] > .infobox_loading {
  display: inline-block;
}
.kshf.layout_infobox[show=credit] > .infobox_credit {
  display: inline-block;
}
.kshf.layout_infobox[show=none] {
  pointer-events: none;
}
.kshf.layout_infobox[show=none] > .background {
  opacity: 0;
}
.kshf.layout_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 div.boxinbox {
  margin-top: 10px;
}
.kshf div.boxinbox:hover {
  background-color: #EFEFEF;
}
.kshf div.boxinbox ul {
  margin: 5px 0px 5px 0px;
}
.kshf div.boxinbox.features {
  width: 500px;
  text-align: left;
  border: solid 0px lightgray;
  box-shadow: 0px 0px 0px gray;
}
.kshf div.boxinbox.features .credits_features {
  margin-top: 4px;
  padding-left: 20px;
}
.kshf div.boxinbox.project_credits {
  font-size: 0.9em;
  font-style: italic;
}
.kshf div.boxinbox.project_credits a.myName {
  display: inline-block;
  margin: 17px 10px;
  vertical-align: top;
  color: black;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
.kshf div.boxinbox.project_3rdparty img {
  position: relative;
}
.kshf.layout_resize {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: nwse-resize;
  width: 0;
  height: 0;
  z-index: 10;
  border-left: 16px solid transparent;
  border-right: 16px solid lightgray;
  border-top: 16px solid transparent;
}
.kshf.layout_resize :hover {
  border-right: 16px solid gray;
}
.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: 300px;
  border-radius: 3px;
}
.tipsy .tipsy-inner span.big {
  font-size: 1.4em;
}
.tipsy .tipsy-inner span.action {
  font-weight: 700;
}
/* 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;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #000;
}
.tipsy-arrow-s {
  border-top-color: #000;
}
.tipsy-arrow-e {
  border-left-color: #000;
}
.tipsy-arrow-w {
  border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}