<commit_before>/*
 * Copyright 2014-2017 Hewlett Packard Enterprise Development Company, L.P.
 * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
 */

// Colour variables
@color47: #3a3a3a;
@color22: #5e5e5e;
@color25: #8e8e8e;
@color28: #8d9092;
@color36: #949494;
@color19: #aaaaaa;
@color11: #aeaeae;
@color24: #bbbbbb;
@color9: #c0c0c0;
@color7: #c9c9c9;
@color35: #dadada;
@color30: #dfdfdf;
@color26: #dbdbdb;
@color23: #dddddd;
@color42: rgba(239, 239, 239, 0.46);
@color37: #e7e7e7;
@color31: #eaeaea;
@color38: #ececec;
@color5: #efefef;

@color15: #44555F;
@color1: #425563;
@color43: rgba(86, 96, 117, 0.7);
@color32: #035b44;
@color2: #00b388;
@color29: #49b59b;
@color40: rgba(1, 169, 130, 0.50);
@color13: #70ad25;
@color39: #d70b50;
@color14: #d33d2a;
@color34: #ff8c6d;
@color16: #f0932f;
@color44: rgba(255, 192, 35, 0.6);
@color45: rgba(132, 197, 55, 0.6);
@color46: rgba(225, 97, 85, 0.6);
@hpeNavBarColour: #333333;

// Colours for side panel labels (eg concepts and selected filters)
@sidePanelLabelColour: #435663;
@sidePanelLabelBorderColour: #676a6d;

// Find concepts input colours
@findConceptInputBorder: #e5e6e7;
@findConceptInputButtonBorder: #60798d;

// Timebar colors
@timebarSelectionColor: rgba(97, 71, 103, 0.35);

// Trending visualiser colours
@trendingColour0: #1f77b4;
@trendingColour1: #6baed6;
@trendingColour2: #ff7f0e;
@trendingColour3: #e377c2;
@trendingColour4: #2ca02c;
@trendingColour5: #98df8a;
@trendingColour6: #d62728;
@trendingColour7: #ff9896;
@trendingColour8: #9467bd;
@trendingColour9: #e7ba52;

// Width variables
@pageContainerMinWidth: 640px;
@shortUsernameMaxWidth: 250px;
@popoverWidth: 250px;
@navbarUsernameMaxWidth: 150px;
@searchTabTitleMaxWidth: 150px;
@hpeBoxContentWidth: 100px;
@smWidthScreenNavbarUsernameMaxWidth: 100px;
@selectedConceptsMaxWidth: 100px;
@settingsIndexesWidth: 100px;
@filterDisplayLabelWidth: 120px;

// Height variables
@locationTabMaxHeight: 750px;
@locationTabMinHeight: 400px;
@sunburstHeight: 600px;
@locationMapMinHeight: 600px;
@middleBoxWrapperHeight: 400px;
@thumbnailHeight: 55px;
@findInputHeight: 45px;
@navBarHeight: 50px;
@searchTabsHeight: 44px;

// Font size variables
@errorMessageFontSize: 28px;
@loadingIndicatorFontSize: 28px;

// Font weight variables
@fontWeightLight: 100;
@fontWeightBold: 900;

// Custom numeric variables
@nil: 0;
@100percent: 100%;
@100vh: 100vh;
@custom3: 50px;
@custom4: 300px;
@custom5: 10px;
@custom6: 8px;
@custom7: 32px;
@custom8: 70px;
@custom9: 30px;
@errorBodyMarginTop: 250px;
@custom11: 12px;
@selectedConceptsLineHeight: 14px;

// Transitions variables
@transitAll: all 1s ease;
@transitAllFast: all 0.5s ease;

// Z-index variables
@dateSelectZIndex: 1000;
@findInputZIndex: 1020;
@tooltipZIndex: 10000;

// Speed slider variables
@hpeThumbBackground: @hpegreen;
@hpeThumbBorder: 1px solid shade(@hpeThumbBackground, 5%);
@hpeThumbBackgroundFocus: tint(@hpeThumbBackground, 1%);
@hpeThumbBorderFocus: 1px solid tint(@hpeThumbBackground, 4%);
@hpeTrackBackground: tint(@hpegreen, 80%);
@hpeTrackBorder: 1px solid @hpegreen;
@hpeTrackBackgroundFocus: tint(@hpegreen, 90%);
@hpeThumbShadow: none;
@hpeTrackShadow: none;
@hpeThumbBorderRadius: 10px;
@hpeTrackBorderRadius: 4px;
@hpeThumbSize: 20px;
@hpeTrackWidth: 210px;
@hpeTrackHeight: 10px;

// Mixins
.text-clamp(@maxNumberOfLines, @maxHeight) {
  .no-overflow;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: @maxNumberOfLines;
  display: -webkit-box;
  max-height: @maxHeight;
  text-overflow: clip;
}

//  Utility classes
.absolute {
  position: absolute;
}

.bold {
  font-family: Metric-Bold;
  font-weight: 900;
}

.break-all {
  word-break: break-all;
}

.centre {
  .text-center;
}

.crisp-edges {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit */
  image-rendering: crisp-edges;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.flex {
  display: flex;
}

.flex-column {
  .flex;

  flex-direction: column;
}

.flex-row {
  .flex;

  flex-direction: row;
  flex-wrap: wrap;
}

.full-height-viewport {
  height: @100vh;
}

.full-width {
  width: @100percent;
}

.inline-flex {
  display: inline-flex;
}

.italic {
  font-style: italic;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-xxl {
  margin-bottom: 60px;
}

.no-box-shadow {
  box-shadow: none !important;
}

.not-clickable {
  cursor: default;
  pointer-events: none;
}

.position-right {
  right: @nil;
}

.relative {
  position: relative;
}

.shorten {
  .no-overflow;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-decoration-none {
  text-decoration: none !important;
}

.uppercase {
  text-transform: uppercase;
}

// Selectors and declarations
html,
body {
  min-width: @nil;
}

body {
  background-color: @white;
}

.body,
.header,
.find-pages-container {
  min-width: @pageContainerMinWidth;
}

.page {
  .header {
    min-height: @navbar-height;
  }

  .body {
    bottom: @nil;
    left: @nil;
    overflow: auto;
    padding-bottom: @custom7;
    padding-top: @custom7;
    position: fixed;
    right: @nil;
    top: @custom8;
  }
}

.chart {
  rect {
    fill: @hpegreen;

    &:hover {
      fill: @color40;
    }
  }

  rect.selection {
    fill: @timebarSelectionColor;
  }
}

.tooltip {
  z-index: @tooltipZIndex;
}

.numeric-parametric-inputs {
  min-height: 18px;
}

.numeric-parametric-chart-row,
.numeric-parametric-chart-row .chart {
  height: 110px;
}

.chart-selection-enabled {
  cursor: crosshair;
}

.date {
  .inline-block;
  .relative;
}

.input-append.date {
  .m-b-nil;

  .add-on {
    .clickable;

    i {
      .inline;
    }
  }
}

.search-dates-wrapper {
  .form-group {
    .inline-flex;
  }
}

.date > input {
  font-size: @font-size-base - 1;
  padding: @custom6 @nil @custom6 30px;
}

.date > .date-select {
  .text-center;
  .text-decoration-none;
  .clickable;
  .absolute;

  background: transparent;
  border: @nil;
  left: @nil;
  padding: @custom6;
  top: @nil;
  width: 33px;
  z-index: @dateSelectZIndex;
}

.disabled-clicks,
.disabled-clicks:hover {
  color: @color19 !important;
  pointer-events: none;
}

.check-cell {
  width: 29px;
}

dl.dl-inline > dt,
dl.dl-inline > dd {
  .inline-block;
}

dl.dl-inline > dt:not(:last-child),
dl.dl-inline > dd:not(:last-child) {
  .m-r-xs;
}

dt {
  .bold;
}

.label-secondary {
  background-color: @color28;
}

.active {
  .label-secondary {
    background-color: @purple;
  }
  .search-tab-title {
    color: @purple;
  }
}

.button-primary:focus.pressed-down, .pressed-down {
  background-color: @hpegreen-active;
  border-color: @hpegreen-active;
  box-shadow: inset @nil 3px 5px rgba(@nil, @nil, @nil, 0.125);
  color: @white;
  outline: @nil;
}

.btn-group {
  .dropdown-toggle {
    &:focus {
      outline-style: none;
    }
  }
}

.side-container {
  .p-t-sm;
  .p-b-sm;
  .p-l;
  .p-r;

  background-color: @color5;
  flex: @nil @nil auto;
  overflow-y: auto;
  width: 20%;

  td {
    .break-all;

    border-bottom: 1px solid @color7;
  }

  h3, h4 {
    .uppercase;
    .metric-regular;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    .rotating-chevron {
      font-weight: bold;
    }
  }

  .container-toggle {
    font-size: 18px;
  }

  .parametric-value-error {
    td {
      word-break: normal;
    }
  }
}

.bootstrap-datetimepicker-widget {
  font-size: @font-size-base - 1;

  .timepicker {
    td {
      border: none;
    }

    .btn {
      .no-box-shadow;
    }
  }

  a[data-action] {
    .p-nil;

    color: @text-color;
  }

  table {
    td {
      height: @nil;
      line-height: @custom5;
      width: @nil;

      span {
        height: @nil;
        line-height: @nil;
        width: @custom9;
      }
    }
  }

  .separator {
    .p-nil;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.datepicker-days {
  td {
    padding: @nil !important;
  }
}

.initial-loading-indicator-container {
  .full-height;
}

.initial-loading-indicator {
  .p-xs;
  .absolute;
  .text-center;

  border-radius: 5px;
  border: 1px solid @color2;
  height: @custom7;
  left: 50%;
  margin: -16px @nil @nil -150px;
  top: 50%;
  width: @custom4;
}

.input-append,
.input-prepend .date {
  font-size: @100percent;
}

fieldset.radio-fieldset > legend {
  .m-b-xs;

  border-bottom: none;
  font-size: @fontSize;
}

fieldset.radio-fieldset > label {
  .m-t-nil;
  .m-r-sm;
  .p-l-nil;
}

.middle-box-wrapper {
  height: @middleBoxWrapperHeight;
  width: @custom4;
}

.main-content {
  background-color: @white;
  height: @100percent;
  overflow-x: hidden;

  .container-fluid {
    height: calc(@100percent - @navBarHeight);
  }

  .container-fluid.reduced {
    height: auto;
  }
}

.find-main-subcontainer,
.main-content .content,
.content > div {
  height: @100percent;
}

.left-side-container {
  font-size: @font-size-base - 1;
}

.right-side-container {
  font-size: @fontSizeMedium;
}

.right-container-icon {
  .text-right;
}

.side-container.small-container {
  width: @custom3;
}

.side-container,
.middle-container {
  vertical-align: top;
}

.rotating-chevron {
  .inline-block;

  color: @text-color;
}

.middle-container {
  flex: 1 1 auto;
  width: 60%;

  h4 {
    .shorten;
    .break-all;

    color: @hpegreen-hover;
    font-size: @fontSizeLarge;
    font-weight: bold;
    width: @100percent;
  }
}

.middle-container-contents {
  .p-t-sm;
  .p-b-sm;
  .p-l;
  .p-r;

  height: @100percent;
  overflow-y: auto;
}

.middle-container.middle-container-with-time-bar {
  .middle-container-contents {
    height: calc(@100percent - 240px);
  }
}

.clickable-widget {
  .clickable;
  .p-xs;

  border: 2px solid @color5;
}

.highlighted-widget {
  .clickable-widget {
    background-color: @color38;
    border: 2px solid @color35;
  }
}

.middle-container-time-bar-content {
  .p-t-sm;
  .m-nil;

  height: 190px;
  background-color: @color42;
  border-top: 1px solid @color30;
}

.time-bar-container-toggle {
  height: @custom3;

  h4.time-bar-header {
    .inline-block;
    .m-t;
    .m-b-nil;
    .m-l-nil;
    .m-r;

    width: auto;
  }
}

.middle-container-time-bar {
  background-color: @color31;
}

.time-bar-container-icon {
  .inline-block;
  .pull-right;
  .m-t;
  .m-b-nil;
  .m-l;
  .m-r-nil;
}

.middle-container.shorten {
  h4 {
    width: @100percent;
  }
}

.search-tabs-container {
  background-color: @white;
  min-height: @nil;

  .nav-tabs {
    border-bottom: none;
  }

  .nav-tabs > li > a {
    border: 1px solid @color31;
    border-bottom: none;
  }

  .nav-tabs > li.active > a {
    background-color: @color5;
  }

  .nav-tabs > li.start-new-search > a {
    background-color: transparent;
    background-image: none;
    border-radius: @custom3;
    border: 2px solid;
    color: @accent;
    height: @custom9;
    line-height: @custom5;
    padding: 5px;
  }
}

.tab-dropdown {
  padding-right: 16px;
  padding-top: 12px;

  .dropdown-menu {
    margin-left: -115px;

    .search-tab-anchor {
      padding: 8px 20px;
    }

    .search-tab-title {
      .hp-new {
        top: 5px;
      }
    }

    .new-document-label {
      left: 5px;
      top: 5px;
    }

  }

  .tab-drop > i {
    font-size: 24px;
  }
}

.search-tabs-list {
  .no-overflow;

  height: @searchTabsHeight;
  padding-top: 5px;
}

.search-tab-title {
  i {
    font-size: 12px;
  }
  .hp-new {
    .absolute;

    top: @nil;
    right: 3px;
  }
}

.new-document-label {
  .absolute;

  background-color: @color39;
  display: block;
  font-size: @custom5;
  left: @nil;
  top: @nil;
  border-radius: 3px;
  padding: 1px 3px !important;
}

.compare-modal-error-spinner {
  .loading-spinner {
    .m-b-nil;
  }
}

.comparison-create-error-message {
  .text-left;
}

.comparison-list-title.shorten {
  max-width: 500px;
}

.search-tab-title.shorten {
  .no-overflow;

  max-width: @searchTabTitleMaxWidth;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.start-new-search {
  i {
    vertical-align: bottom;
  }
}

.search-type {
  font-size: @custom5;
}

.find {
  .text-center;

  z-index: @findInputZIndex;
}

.find-logo {
  font-size: 25px;
  font-weight: bolder;
}

.find-logo-large {
  .inline-block;

  background: url('../img/Find_Logo_lge.png') no-repeat;
  color: @color1;
  font-size: 90px;
  height: 45px;
  vertical-align: middle;
  width: 240px;
}

.find-logo-small {
  background: url('../img/Find_Logo_sml.png') no-repeat 0 50%/100px 20px;
  height: 20px;
  width: 100px;
  &.side-nav {
    float: none;
    padding-right: 165px;
    margin-top: 0;
  }
}

.nav-menu-btn-container a.nav-menu-toggle-btn {
  color: @white;
}

.hp-logo-footer {
  background: url('../img/HPE_logo.png') no-repeat center/140px 55px;
  bottom: 20px;
  height: 55px;
  left: calc(50% - @custom8);
  position: fixed;
  width: 140px;
}

a.unstyled {
  .text-decoration-none;

  color: @white;

  &:hover {
    .text-decoration-none;

    color: @white !important;
  }
}

input.find-input {
  line-height: initial;
  padding-right: 26px;
  text-indent: 3px;
  width: @100percent;
}

::-webkit-input-placeholder {
  color: @dark-gray;
}

:-moz-placeholder {
  color: @dark-gray;
  opacity: 1;
}

::-moz-placeholder {
  color: @dark-gray;
  opacity: 1;
}

:-ms-input-placeholder {
  color: @dark-gray;
}

.sort-container {
  a {
    .clickable;

    &:hover {
      .text-decoration-none;
    }
  }
}

.selector-list {
  .m-b-sm;
}

.main-results-container {
  .p-t-nil;
  .p-b-nil;
  .p-l-sm;
  .p-r-sm;

  border-bottom: 1px solid @secondary-hover;
  width: @100percent;
}

.document-thumbnail {
  height: @thumbnailHeight;
  width: 97px;
}

.preview-mode {
  .main-results-container:not(.answered-question) {
    .clickable;
  }

  .main-results-container.direct-access {
    cursor: auto;
  }

  .popover {
    cursor: default;
  }
}

.results-small-links {
  .pull-right;
}

.preview-link {
  .m-l-sm;
}

.direct-access-title {
  &:hover {
    color: @color32;
  }
}

.document-detail-mode {
  .main-results-container {
    .clickable;
  }
}

.document-reference {
  .inline-block;

  color: @color11;
  font-size: (@font-size-base - 1px);
}

.document-reference.shorten {
  width: @100percent;
}

.selected-document {
  background-color: @secondary-hover;
}

.preview-mode-metadata-container {
  overflow: auto;
  flex: 0 1 auto;
  max-height: 40%;
}

.preview-mode-document-container {
  flex: 1;
}

.preview-media-player-audio {
  .flex;

  flex: 1;
  justify-content: center;

  i.hp-sound {
    color: @white;
    font-size: 7em;
    margin: auto;
  }
}

audio.preview-media-player {
  flex: 1;
  max-height: 30px;
}

.image-container {
  .preview-mode-document {
    .block;
  }
}

.audio-container {
  background-color: @color47;

  .preview-mode-document {
    flex-direction: column;
  }
}

.content-type {
  .fa-stack {
    i.fa-question {
      font-size: @fontSize;
    }

    i.fa-comments-o {
      font-size: calc(@fontSize * 2);
    }
  }

  i {
    font-size: 23px;
  }
}

.saved-search-box {
  .hpebox-content {
    .text-center;

    border: 1px solid @border-color;
    width: @hpeBoxContentWidth;
  }
}

.selected-saved-search {
  .hpebox-content {
    background-color: @color2;
    color: @white;
  }
}

.numeric-parametric-field-control,
.result-container-control {
  .text-decoration-none;

  color: @color2;
  font-size: 14px;
}

.document-date {
  .italic;

  color: @color11;
  cursor: default;
  font-size: small;
  font-weight: bold;
}

.promoted-label {
  color: @color34;
  font-size: 12px;
}

.promoted-document {
  border: 3px solid @color9;

  h4 {
    width: 80%;
  }
}

.answered-question {
  border: 3px solid @color43;

  h4 {
    width: 80%;
  }

  .fa-question {
    top: -2px;
    left: -2px;
  }
}

.suggestions-content {
  li {
    list-style: none;
  }
}

.suggestion-item {
  .clickable;

  text-decoration: underline;
}

.find-form {
  .text-left;
  .relative;

  .twitter-typeahead {
    margin-bottom: 5px;
    width: @100percent;
  }

  .tt-menu {
    background: @white;
    border: 2px solid @grey;
    margin-top: 3px;
    padding: @custom6 @nil;
    width: @100percent;
  }

  .tt-suggestion {
    padding: @nil @custom6;
    cursor: pointer;
  }

  .tt-suggestion.tt-cursor {
    background: @color37;
  }
}

.username.shorten {
  max-width: @shortUsernameMaxWidth;
}

.navbar-username {
  right: @custom8 !important;
  top: @custom11 !important;
}

.navbar-username.shorten {
  max-width: @navbarUsernameMaxWidth;
}

.animated-container {
  .absolute;

  top: (10px - @navBarHeight);
  transition: @transitAll;

  .find-form {
    transition-property: width;
    transition: @transitAll;
  }

  .find-input {
    border-bottom: none;
    font-size: @fontSizeLarge;
    transition: @transitAll;
  }
}

.reverse-animated-container {
  margin-top: 15%;
  transition: @transitAll;

  .find-form {
    transition-property: width;
    transition: @transitAll;
  }

  .find-input {
    .italic;
    .p-l-sm;

    border: 2px solid @grey !important;
    font-family: inherit;
    font-size: 23px !important;
    height: @findInputHeight !important;
    transition: @transitAll;
  }

  .search-controls .find-input-button {
    height: @findInputHeight;
  }
}

.reverse-animated-container .find-form:focus,
.reverse-animated-container .find-input:focus,
.animated-container .find-form:focus,
.animated-container .find-input:focus {
  outline: @nil;
}

.main-content h5,
.error-body h1,
.error-body h3 {
  color: @color1;
}

.error-body {
  .text-center;
  margin-top: @errorBodyMarginTop;
}

.error.well {
  margin-left: 14px;
}

.error-message > span {
  font-weight: bold;
}

.suggestion-head-text {
  color: @color2;
}

.comparison-list-title,
.result-message {
  color: @color1;
}

.result-message {
  font-size: @errorMessageFontSize;
}

.results-contents {
  .no-overflow;

  display: block;
}

.entity-topic-map {
  width: @100percent;
  height: @100percent;
}

.entity-topic-map.fixed-height {
  height: calc(100vh - 265px);
}

input[type=range].speed-slider {
  -webkit-appearance: none;
  width: @hpeTrackWidth;
  margin: 5px;
  padding: 1px;
  cursor: pointer;

  &::-webkit-slider-runnable-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    box-shadow: @hpeTrackShadow;
    background: @hpeTrackBackground;
    border-radius: @hpeTrackBorderRadius;
    border: @hpeTrackBorder;
  }
  &::-moz-range-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    box-shadow: @hpeTrackShadow;
    background: @hpeTrackBackground;
    border-radius: @hpeTrackBorderRadius;
    border: @hpeTrackBorder;
  }
  &::-ms-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  &::-ms-fill-lower {
    background: @hpeTrackBackground;
    border: @hpeTrackBorder;
    border-radius: @hpeTrackBorderRadius;
    box-shadow: @hpeTrackShadow;
  }
  &::-ms-fill-upper {
    background: @hpeTrackBackground;
    border: @hpeTrackBorder;
    border-radius: @hpeTrackBorderRadius;
    box-shadow: @hpeTrackShadow;
  }

  &:focus {
    outline: none;
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-webkit-slider-runnable-track {
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-ms-fill-lower {
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-ms-fill-upper {
    background: @hpeTrackBackgroundFocus;
  }

  &::-webkit-slider-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
  }
  &::-moz-range-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
  }
  &::-ms-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
  }

  &:focus::-webkit-slider-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }
  &:focus::-moz-range-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }
  &:focus::-ms-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }

  // IE tries to be clever and add a value label of its own
  &::-ms-tooltip {
    .hidden;
  }
}

.parametric-swap {
  margin-left: 3px;
  margin-bottom: 4px;
}

.sunburst {
  height: @sunburstHeight;
  width: @100percent;
}

.sunburst-sector-name {
  font-size: @fontSizeMedium;
  width: @custom4;
  word-break: normal;
}

.chosen-container {
  .m-b-xs;
  .m-l-xs;

  .chosen-single-with-deselect {
    abbr {
      .clickable;
    }
  }
}

.loading-spinner {
  .text-center;
  .m-b-sm;

  font-size: @fontSizeLarge;
}

.loading-spinner,
.loading-spinner i {
  color: @color2;
}

.loading-spinner.loading-spinner-lg {
  font-size: @loadingIndicatorFontSize;
  line-height: @custom7;
}

.thin-btn {
  padding: @nil 7px;
}

.preview-mode-loading.loading-spinner {
  left: 225px;
  top: 165px;
}

.result-summary {
  .text-justify;
  .text-clamp(2, 43px);
}

.related-concepts-list {
  padding-left: @nil;
}

.search-page {
  .popover {
    width: @popoverWidth;
  }
}

.popover-content {
  padding: @spacing 14px 9px;

  a {
    .m-nil;
  }

  p {
    font-size: @fontSizeMedium;
    line-height: normal;
  }
}

.results-popover-title,
.search-text {
  .metric-semibold;

  font-weight: @fontWeightBold;
}

.also-searching-for {
  .pull-left;

  color: @white;
  font-weight: lighter;
  padding: @nil 3px;
  vertical-align: top;
}

.database-name {
  max-width: 110px;
}

.selected-concept-container {
  .inline-block;
  .m-b-xs;

  &:not(last-child) {
    .m-r-xs;
  }

  .selected-related-concept {
    .inline-flex;

    border-radius: @nil;
    border: solid 1px @sidePanelLabelBorderColour;
    color: @sidePanelLabelColour;
    font-size: @labelSize;
    font-weight: normal;
    height: 19px;
    line-height: @selectedConceptsLineHeight;
    padding: 1px 6px;
    background-color: @white;
    cursor: pointer;

    i:before {
      color: @sidePanelLabelColour;
    }

    .concept-remove-icon {
      line-height: inherit;
    }

    .selected-related-concept-text {
      .m-r-xs;

      max-width: @selectedConceptsMaxWidth;
    }
  }
}

.service-view-container {
  height: calc(@100vh - @navBarHeight);
  width: @100percent;

  .hp-check {
    color: @color2;
  }
}

.query-service-view {
  .flex;

  height: calc(@100vh - @navBarHeight);
}

.query-service-view.bi-query-service-view {
  height: calc(@100vh - @navBarHeight - @searchTabsHeight - 58px);
}

.top-options-container {
  min-height: @nil;
}

.search-options-container {
  background-color: @color5;
}

.search-title-form .radio-inline,
.search-title-form .checkbox-inline {
  .p-nil;
}

.drop-list {
  .absolute;

  font-size: @fontSizeLarge;
  right: 20px;
  z-index: @zindex-dropdown;

  .dropdown-toggle {
    padding: 5px 7px 5px 13px;
  }
}

.dropdown-menu {
  li > a {
    color: @text-color;
  }
}

.find-navbar .dropdown-toggle,
.find-navbar a {
  color: @white;
}

.find-navbar {
  .m-b-nil;

  -webkit-transition: @transitAllFast;
  background-color: @hpeNavBarColour;
  color: @white;
  height: @navBarHeight;
  transition: @transitAllFast;

  .navbar-right.drop-list {
    .m-nil;
  }

  .dropdown-toggle {
    .pull-right;
  }

  .settings-logout-icon {
    .m-r-sm;

    vertical-align: middle;
  }
}

.find-navbar .dropdown-toggle:hover,
.find-navbar .nav li.open a.dropdown-toggle,
.find-navbar .settings-logout a:focus,
.find-navbar .settings-logout a:hover {
  background-color: @color36;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
  background-color: @hpeNavBarColour;
  background-image: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: @hpeNavBarColour;
  background-image: none;
}

.list-indexes {
  right: -65px;
}

.disabled-index {
  .cursor-not-allowed;

  color: @color19;
}

.indexes-list-group {
  .controls {
    margin-left: 100px;
  }

  .control-label {
    .text-left;

    width: @settingsIndexesWidth;
  }
}

.search-controls {
  .find-input[type="text"],
  .find-input[type="text"]:focus {
    .no-box-shadow;

    border-color: transparent;
    border-radius: @nil;
    height: @custom9;
    padding-right: @custom3;
  }

  input::-webkit-input-placeholder,
  input::-moz-placeholder {
    color: @color1;
    opacity: 0.5;
  }

  .find-input-button {
    .absolute;

    height: @custom9;
    right: @nil;
    top: @nil;
  }

  .find-input-button,
  .find-input-button:hover {
    .no-box-shadow;

    border-left: 1px solid @grey;
    border: @nil;
  }
}

.concepts-controls {
  .find-input[type="text"] {
    .no-box-shadow;
    &:extend(.form-control);

    border-radius: @nil;
    color: inherit;
    transition: border-color 0s ease-in-out 0s;

    &:focus {
      &:extend(.form-control:focus);
    }
  }

  .find-input-button {
    .absolute;
    .no-box-shadow;

    &:hover {
      background-color: @white;
    }

    &:focus {
      outline: 0;
    }

    height: 34px;
    right: @nil;
    top: @nil;
    border-top: 1px solid @findConceptInputBorder;
    border-right: 1px solid @findConceptInputBorder;
    border-bottom: 1px solid @findConceptInputBorder;
    border-left: 0;
  }

  .find-input-button.in-focus {
    border-top: 1px solid @findConceptInputButtonBorder;
    border-right: 1px solid @findConceptInputButtonBorder;
    border-bottom: 1px solid @findConceptInputButtonBorder;
  }

  input::-webkit-input-placeholder,
  input::-moz-placeholder {
    color: @color1;
    opacity: 0.5;
  }
}

.reverse-animated-container .find-input-button,
.reverse-animated-container .find-input-button:hover {
  border: 2px solid @grey;
}

.find-banner-container {
  background: @color29 url('../img/Find_banner.png');
  height: 125px;
}

.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6,
.popover a {
  color: @color2;
}

.popover {
  border-radius: @nil;
}

.popover-title {
  .hidden;
}

.popover,
.leaflet-container {
  font-family: Metric;
}

.filter-checkbox {
  .m-r-sm;
}

.filter-display-text {
  line-height: 1.2em;
  max-width: @filterDisplayLabelWidth;
  vertical-align: middle;
  font-size: @labelSize;
}

.filters-margin {
  .m-r-xs;
  .m-t-nil;
}

.filters-remove-icon {
  .m-l-xs;
}

.left-side-applied-filters-view-title {
  display: inline-flex;
  flex-flow: row nowrap;
  max-width: @100percent;

  .shorten {
    .inline-block;
    flex: 1;
    white-space: pre;
  }
}

.section-title-counter {
  .m-l-xs;
}

.section-controls {
  .m-l-sm;
}

.remove-all-filters {
  font-size: @fontSizeMedium;
  text-transform: lowercase;
}

.filter-label {
  .p-xs;

  background-color: @white !important;
  border-radius: @nil;
  border: solid 1px @color23;
  color: @color22;
  font-size: @100percent;
  font-weight: normal;

  span {
    color: @color1;
  }
}

.label-white.border {
  border: 1px solid @border-color;
}

.field-label {
  .inline-block;

  list-style: none;
  margin: 2px @nil;
}

.fields-list {
  height: @100percent;
  overflow: auto;
}

.values-list {
  border-left: 1px solid @tableBorder;
  height: @100percent;

  .tab-pane {
    overflow-y: auto;
  }
}

.values-list,
.tab-content,
.tab-pane,
.full-height {
  height: @100percent;
}

.parametric-fields-table {
  table-layout: fixed;
}

.parametric-value-count-cell {
  width: @custom3;
}

.parametric-value-count {
  .text-right;
}

.parametric-value-name,
.parametric-value-count {
  white-space: nowrap;
}

.fixed-height-modal .modal-dialog,
.fixed-height-modal .modal-content {
  height: 80%;
}

.fixed-height-modal {
  .modal-body {
    height: calc(@100percent - 120px);
    overflow-y: auto;
  }
}

.tab-title.disabled,
.active .tab-title.disabled {
  color: @color24;
}

.selected .rotating-chevron,
.collapsed .rotating-chevron,
.collapsed.rotating-chevron {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}

.database-name,
.category-name {
  padding: @nil @custom6;
}

.show-all,
.show-all td {
  border-bottom: none !important;
}

.toggle-more-text {
  color: @color25;
  font-size: 11px;
}

.databases-list {
  .toggle-more {
    i {
      transform-origin: 20px;
    }
  }
}

.category-name,
.category-name-icon,
.child-categories li {
  line-height: 1.42857143;
  padding: @custom6;
  vertical-align: top;
}

.category-name,
.category-name-icon {
  font-weight: bold;
}

.database-input > span,
.category-input > span {
  .inline-block;
}

.category-input {
  border-bottom: none !important;
  border-top: 1px solid @tableBorder;
}

.child-categories {
  li {
    .break-all;

    border-bottom: 1px solid @color7;

    &:first-child {
      border-top: 1px solid @color7;
    }

    &:last-child {
      border-bottom: none;
    }
  }
}

.view-server-loading-indicator {
  .text-center;

  color: @color2;
  font-size: @custom7;
  width: @100percent;
}

.view-server-button,
.view-server-button:hover,
.view-server-button:focus,
.view-server-button:active {
  .no-box-shadow;

  background-color: @color1;
  background-image: none;
  border-color: @color1;
  border-radius: 3px;
  color: @white;
}

.preview-document-frame {
  .p-t-sm;
  .m-nil;

  border: @nil;
  display: block;
  width: @100percent;
  background-color: @white;
}

.preview-media-player {
  .full-width;
}

.preview-mode-document-title {
  .break-all;

  flex: 2;
  max-height: (@fontSizeLarge*2);
  color: @text-color !important;
  white-space: normal !important;
}

.preview-mode-document-database {
  flex: 1;
  font-family: Metric;
  color: @text-color !important;
}

.preview-mode-document-url {
  font-size: (@font-size-base - 1);
  color: @color11;
}

.preview-mode-document {
  .flex;

  flex-grow: 1;
}

.document-detail-view-container {
  .flex;

  height: 60vh;
}

.service-view-flex-container {
  .flex;

  min-height: @100percent;
}

.document-detail-tabs-content {
  .table > tbody > tr {
    &:first-child > td {
      border: none;
    }
  }
}

.metadata-table {
  th {
    .font-bold;

    width: 30%;
  }
  td {
    .break-all;
    .p-l-sm;
  }
}

.map-field-select {
  width: 45%;
}

.location-comparison-map {
  height: @100percent;
  min-height: @locationMapMinHeight;
  width: @100percent;
}

.location-comparison-label {
  padding-left: 3px;
}

.first-select-label {
  .fa-map-marker {
    color: @color13;
  }
}

.both-select-label {
  .fa-map-marker {
    color: @color16;
  }
}

.second-select-label {
  .fa-map-marker {
    color: @color14;
  }
}

.comparison-view.results-view-container {
  padding: @nil 25px;
}

.both-location-cluster {
  background-color: @color44;

  div {
    background-color: @color16;
    color: @white;
  }
}

.first-location-cluster {
  background-color: @color45;

  div {
    background-color: @color13;
    color: @white;
  }
}

.second-location-cluster {
  background-color: @color46;

  div {
    background-color: @color14;
    color: @white;
  }
}

.location-comparison-show-more {
  .m-b-sm;
  .m-l-sm;
}

.location-results-map {
  height: @100percent;
  min-height: @locationMapMinHeight;
  width: @100percent;
}

.map-show-more {
  .m-b-xxs;
  .m-l-xxs;
}

.map-loading-spinner {
  .m-l-sm;
}

.map-results-count,
.map-loading-spinner {
  .inline-block;
}

.location-tab-map {
  height: @100percent;
  max-height: @locationTabMaxHeight;
  min-height: @locationTabMinHeight;
  width: @100percent;
}

#cboxLoadedContent .table > tbody > tr > th,
#cboxLoadedContent .table > tbody > tr > td {
  border-top: @nil;
}

.slider-block {
  label {
    display: block;
  }

  .slider {
    .m-b-xs;
    .m-t-xxs;

    display: block;
  }
}

.slider-track-low,
.slider-track-high {
  background: rgba(1, 169, 130, 0.1);
}

.slider-selection {
  background: rgba(1, 169, 130, 0.2);
}

.slider-handle {
  background: @hpegreen;
}

h4.similar-dates-message {
  color: @text-color;
}

.similar-dates-summary {
  .inline-block;

  color: @text-color;
}

.date-slider-div {
  .m-b-sm;
  .p-l-sm;

  vertical-align: middle;

  .slider {
    width: 350px;

    .slider-track {
      .slider-handle.min-slider-handle.round {
        background: @white none;
        border: 2px solid @color15;
      }
    }
  }
}

.date-slider-div > label {
  color: @text-color;
  display: block;
  margin-left: -@spacing-sm;
}

.after-slider-div .slider.slider-horizontal .slider-track .slider-selection.tick-slider-selection,
.after-slider-div .slider.slider-horizontal .slider-track .in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-track-high,
.after-slider-div .slider.slider-horizontal .slider-track .slider-tick.round.in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-tick.round {
  background: @color15 none;
}

.after-slider-div {
  .slider.slider-horizontal {
    .slider-track {
      .slider-tick.round {
        opacity: 1;
      }
    }
  }
}

.before-slider-div .slider.slider-horizontal .slider-track .slider-selection.tick-slider-selection,
.before-slider-div .slider.slider-horizontal.slider-track .in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-tick.round.in-selection,
.after-slider-div .slider.slider-horizontal .slider-track .slider-track-high,
.after-slider-div .slider.slider-horizontal .slider-track .slider-tick.round {
  background: @color26 none;
}

.before-slider-div {
  .slider.slider-horizontal {
    .slider-track {
      .slider-tick.round {
        opacity: 1;
      }
    }
  }
}

.numeric-parametric-slider-block,
.numeric-parametric-slider-block > .slider {
  width: @100percent;
}

.dataTables_paginate {
  ul.pagination {
    li.active {
      transition: none;
    }
  }
}

.dashboard {
  .no-overflow;
  .relative;

  height: calc(100vh - @navBarHeight);
  width: @100percent;
  overflow: hidden;

  .widgets {
    .relative;

    height: calc(@100percent - 30px);
    width: @100percent;
    overflow: hidden;

    &.fullscreen {
      background-color: #fafafa;
      height: @100percent;
      pointer-events: none;

      div {
        pointer-events: none;
      }
    }
  }

  .btn-group .btn.inline-dropdown.dropdown-toggle > span {
    border-bottom: none !important;
  }

  .btn.inline-dropdown.dropdown-toggle:focus {
    border: 1px solid transparent;
  }

  .widget.widget-name-always {
    .title {
      display: block;
    }
  }

  .widget.widget-name-onhover:hover {
    .widget-error,
    .widget-content {
      filter: blur(5px);
      opacity: 0.5;
    }

    .widget-hover-title-container {<commit_msg>[FIND-862, 990] Blur init spinner on widget hover<commit_after>/*
 * Copyright 2014-2017 Hewlett Packard Enterprise Development Company, L.P.
 * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
 */

// Colour variables
@color47: #3a3a3a;
@color22: #5e5e5e;
@color25: #8e8e8e;
@color28: #8d9092;
@color36: #949494;
@color19: #aaaaaa;
@color11: #aeaeae;
@color24: #bbbbbb;
@color9: #c0c0c0;
@color7: #c9c9c9;
@color35: #dadada;
@color30: #dfdfdf;
@color26: #dbdbdb;
@color23: #dddddd;
@color42: rgba(239, 239, 239, 0.46);
@color37: #e7e7e7;
@color31: #eaeaea;
@color38: #ececec;
@color5: #efefef;

@color15: #44555F;
@color1: #425563;
@color43: rgba(86, 96, 117, 0.7);
@color32: #035b44;
@color2: #00b388;
@color29: #49b59b;
@color40: rgba(1, 169, 130, 0.50);
@color13: #70ad25;
@color39: #d70b50;
@color14: #d33d2a;
@color34: #ff8c6d;
@color16: #f0932f;
@color44: rgba(255, 192, 35, 0.6);
@color45: rgba(132, 197, 55, 0.6);
@color46: rgba(225, 97, 85, 0.6);
@hpeNavBarColour: #333333;

// Colours for side panel labels (eg concepts and selected filters)
@sidePanelLabelColour: #435663;
@sidePanelLabelBorderColour: #676a6d;

// Find concepts input colours
@findConceptInputBorder: #e5e6e7;
@findConceptInputButtonBorder: #60798d;

// Timebar colors
@timebarSelectionColor: rgba(97, 71, 103, 0.35);

// Trending visualiser colours
@trendingColour0: #1f77b4;
@trendingColour1: #6baed6;
@trendingColour2: #ff7f0e;
@trendingColour3: #e377c2;
@trendingColour4: #2ca02c;
@trendingColour5: #98df8a;
@trendingColour6: #d62728;
@trendingColour7: #ff9896;
@trendingColour8: #9467bd;
@trendingColour9: #e7ba52;

// Width variables
@pageContainerMinWidth: 640px;
@shortUsernameMaxWidth: 250px;
@popoverWidth: 250px;
@navbarUsernameMaxWidth: 150px;
@searchTabTitleMaxWidth: 150px;
@hpeBoxContentWidth: 100px;
@smWidthScreenNavbarUsernameMaxWidth: 100px;
@selectedConceptsMaxWidth: 100px;
@settingsIndexesWidth: 100px;
@filterDisplayLabelWidth: 120px;

// Height variables
@locationTabMaxHeight: 750px;
@locationTabMinHeight: 400px;
@sunburstHeight: 600px;
@locationMapMinHeight: 600px;
@middleBoxWrapperHeight: 400px;
@thumbnailHeight: 55px;
@findInputHeight: 45px;
@navBarHeight: 50px;
@searchTabsHeight: 44px;

// Font size variables
@errorMessageFontSize: 28px;
@loadingIndicatorFontSize: 28px;

// Font weight variables
@fontWeightLight: 100;
@fontWeightBold: 900;

// Custom numeric variables
@nil: 0;
@100percent: 100%;
@100vh: 100vh;
@custom3: 50px;
@custom4: 300px;
@custom5: 10px;
@custom6: 8px;
@custom7: 32px;
@custom8: 70px;
@custom9: 30px;
@errorBodyMarginTop: 250px;
@custom11: 12px;
@selectedConceptsLineHeight: 14px;

// Transitions variables
@transitAll: all 1s ease;
@transitAllFast: all 0.5s ease;

// Z-index variables
@dateSelectZIndex: 1000;
@findInputZIndex: 1020;
@tooltipZIndex: 10000;

// Speed slider variables
@hpeThumbBackground: @hpegreen;
@hpeThumbBorder: 1px solid shade(@hpeThumbBackground, 5%);
@hpeThumbBackgroundFocus: tint(@hpeThumbBackground, 1%);
@hpeThumbBorderFocus: 1px solid tint(@hpeThumbBackground, 4%);
@hpeTrackBackground: tint(@hpegreen, 80%);
@hpeTrackBorder: 1px solid @hpegreen;
@hpeTrackBackgroundFocus: tint(@hpegreen, 90%);
@hpeThumbShadow: none;
@hpeTrackShadow: none;
@hpeThumbBorderRadius: 10px;
@hpeTrackBorderRadius: 4px;
@hpeThumbSize: 20px;
@hpeTrackWidth: 210px;
@hpeTrackHeight: 10px;

// Mixins
.text-clamp(@maxNumberOfLines, @maxHeight) {
  .no-overflow;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: @maxNumberOfLines;
  display: -webkit-box;
  max-height: @maxHeight;
  text-overflow: clip;
}

//  Utility classes
.absolute {
  position: absolute;
}

.bold {
  font-family: Metric-Bold;
  font-weight: 900;
}

.break-all {
  word-break: break-all;
}

.centre {
  .text-center;
}

.crisp-edges {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit */
  image-rendering: crisp-edges;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.flex {
  display: flex;
}

.flex-column {
  .flex;

  flex-direction: column;
}

.flex-row {
  .flex;

  flex-direction: row;
  flex-wrap: wrap;
}

.full-height-viewport {
  height: @100vh;
}

.full-width {
  width: @100percent;
}

.inline-flex {
  display: inline-flex;
}

.italic {
  font-style: italic;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-xxl {
  margin-bottom: 60px;
}

.no-box-shadow {
  box-shadow: none !important;
}

.not-clickable {
  cursor: default;
  pointer-events: none;
}

.position-right {
  right: @nil;
}

.relative {
  position: relative;
}

.shorten {
  .no-overflow;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-decoration-none {
  text-decoration: none !important;
}

.uppercase {
  text-transform: uppercase;
}

// Selectors and declarations
html,
body {
  min-width: @nil;
}

body {
  background-color: @white;
}

.body,
.header,
.find-pages-container {
  min-width: @pageContainerMinWidth;
}

.page {
  .header {
    min-height: @navbar-height;
  }

  .body {
    bottom: @nil;
    left: @nil;
    overflow: auto;
    padding-bottom: @custom7;
    padding-top: @custom7;
    position: fixed;
    right: @nil;
    top: @custom8;
  }
}

.chart {
  rect {
    fill: @hpegreen;

    &:hover {
      fill: @color40;
    }
  }

  rect.selection {
    fill: @timebarSelectionColor;
  }
}

.tooltip {
  z-index: @tooltipZIndex;
}

.numeric-parametric-inputs {
  min-height: 18px;
}

.numeric-parametric-chart-row,
.numeric-parametric-chart-row .chart {
  height: 110px;
}

.chart-selection-enabled {
  cursor: crosshair;
}

.date {
  .inline-block;
  .relative;
}

.input-append.date {
  .m-b-nil;

  .add-on {
    .clickable;

    i {
      .inline;
    }
  }
}

.search-dates-wrapper {
  .form-group {
    .inline-flex;
  }
}

.date > input {
  font-size: @font-size-base - 1;
  padding: @custom6 @nil @custom6 30px;
}

.date > .date-select {
  .text-center;
  .text-decoration-none;
  .clickable;
  .absolute;

  background: transparent;
  border: @nil;
  left: @nil;
  padding: @custom6;
  top: @nil;
  width: 33px;
  z-index: @dateSelectZIndex;
}

.disabled-clicks,
.disabled-clicks:hover {
  color: @color19 !important;
  pointer-events: none;
}

.check-cell {
  width: 29px;
}

dl.dl-inline > dt,
dl.dl-inline > dd {
  .inline-block;
}

dl.dl-inline > dt:not(:last-child),
dl.dl-inline > dd:not(:last-child) {
  .m-r-xs;
}

dt {
  .bold;
}

.label-secondary {
  background-color: @color28;
}

.active {
  .label-secondary {
    background-color: @purple;
  }
  .search-tab-title {
    color: @purple;
  }
}

.button-primary:focus.pressed-down, .pressed-down {
  background-color: @hpegreen-active;
  border-color: @hpegreen-active;
  box-shadow: inset @nil 3px 5px rgba(@nil, @nil, @nil, 0.125);
  color: @white;
  outline: @nil;
}

.btn-group {
  .dropdown-toggle {
    &:focus {
      outline-style: none;
    }
  }
}

.side-container {
  .p-t-sm;
  .p-b-sm;
  .p-l;
  .p-r;

  background-color: @color5;
  flex: @nil @nil auto;
  overflow-y: auto;
  width: 20%;

  td {
    .break-all;

    border-bottom: 1px solid @color7;
  }

  h3, h4 {
    .uppercase;
    .metric-regular;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    .rotating-chevron {
      font-weight: bold;
    }
  }

  .container-toggle {
    font-size: 18px;
  }

  .parametric-value-error {
    td {
      word-break: normal;
    }
  }
}

.bootstrap-datetimepicker-widget {
  font-size: @font-size-base - 1;

  .timepicker {
    td {
      border: none;
    }

    .btn {
      .no-box-shadow;
    }
  }

  a[data-action] {
    .p-nil;

    color: @text-color;
  }

  table {
    td {
      height: @nil;
      line-height: @custom5;
      width: @nil;

      span {
        height: @nil;
        line-height: @nil;
        width: @custom9;
      }
    }
  }

  .separator {
    .p-nil;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
}

.datepicker-days {
  td {
    padding: @nil !important;
  }
}

.initial-loading-indicator-container {
  .full-height;
}

.initial-loading-indicator {
  .p-xs;
  .absolute;
  .text-center;

  border-radius: 5px;
  border: 1px solid @color2;
  height: @custom7;
  left: 50%;
  margin: -16px @nil @nil -150px;
  top: 50%;
  width: @custom4;
}

.input-append,
.input-prepend .date {
  font-size: @100percent;
}

fieldset.radio-fieldset > legend {
  .m-b-xs;

  border-bottom: none;
  font-size: @fontSize;
}

fieldset.radio-fieldset > label {
  .m-t-nil;
  .m-r-sm;
  .p-l-nil;
}

.middle-box-wrapper {
  height: @middleBoxWrapperHeight;
  width: @custom4;
}

.main-content {
  background-color: @white;
  height: @100percent;
  overflow-x: hidden;

  .container-fluid {
    height: calc(@100percent - @navBarHeight);
  }

  .container-fluid.reduced {
    height: auto;
  }
}

.find-main-subcontainer,
.main-content .content,
.content > div {
  height: @100percent;
}

.left-side-container {
  font-size: @font-size-base - 1;
}

.right-side-container {
  font-size: @fontSizeMedium;
}

.right-container-icon {
  .text-right;
}

.side-container.small-container {
  width: @custom3;
}

.side-container,
.middle-container {
  vertical-align: top;
}

.rotating-chevron {
  .inline-block;

  color: @text-color;
}

.middle-container {
  flex: 1 1 auto;
  width: 60%;

  h4 {
    .shorten;
    .break-all;

    color: @hpegreen-hover;
    font-size: @fontSizeLarge;
    font-weight: bold;
    width: @100percent;
  }
}

.middle-container-contents {
  .p-t-sm;
  .p-b-sm;
  .p-l;
  .p-r;

  height: @100percent;
  overflow-y: auto;
}

.middle-container.middle-container-with-time-bar {
  .middle-container-contents {
    height: calc(@100percent - 240px);
  }
}

.clickable-widget {
  .clickable;
  .p-xs;

  border: 2px solid @color5;
}

.highlighted-widget {
  .clickable-widget {
    background-color: @color38;
    border: 2px solid @color35;
  }
}

.middle-container-time-bar-content {
  .p-t-sm;
  .m-nil;

  height: 190px;
  background-color: @color42;
  border-top: 1px solid @color30;
}

.time-bar-container-toggle {
  height: @custom3;

  h4.time-bar-header {
    .inline-block;
    .m-t;
    .m-b-nil;
    .m-l-nil;
    .m-r;

    width: auto;
  }
}

.middle-container-time-bar {
  background-color: @color31;
}

.time-bar-container-icon {
  .inline-block;
  .pull-right;
  .m-t;
  .m-b-nil;
  .m-l;
  .m-r-nil;
}

.middle-container.shorten {
  h4 {
    width: @100percent;
  }
}

.search-tabs-container {
  background-color: @white;
  min-height: @nil;

  .nav-tabs {
    border-bottom: none;
  }

  .nav-tabs > li > a {
    border: 1px solid @color31;
    border-bottom: none;
  }

  .nav-tabs > li.active > a {
    background-color: @color5;
  }

  .nav-tabs > li.start-new-search > a {
    background-color: transparent;
    background-image: none;
    border-radius: @custom3;
    border: 2px solid;
    color: @accent;
    height: @custom9;
    line-height: @custom5;
    padding: 5px;
  }
}

.tab-dropdown {
  padding-right: 16px;
  padding-top: 12px;

  .dropdown-menu {
    margin-left: -115px;

    .search-tab-anchor {
      padding: 8px 20px;
    }

    .search-tab-title {
      .hp-new {
        top: 5px;
      }
    }

    .new-document-label {
      left: 5px;
      top: 5px;
    }

  }

  .tab-drop > i {
    font-size: 24px;
  }
}

.search-tabs-list {
  .no-overflow;

  height: @searchTabsHeight;
  padding-top: 5px;
}

.search-tab-title {
  i {
    font-size: 12px;
  }
  .hp-new {
    .absolute;

    top: @nil;
    right: 3px;
  }
}

.new-document-label {
  .absolute;

  background-color: @color39;
  display: block;
  font-size: @custom5;
  left: @nil;
  top: @nil;
  border-radius: 3px;
  padding: 1px 3px !important;
}

.compare-modal-error-spinner {
  .loading-spinner {
    .m-b-nil;
  }
}

.comparison-create-error-message {
  .text-left;
}

.comparison-list-title.shorten {
  max-width: 500px;
}

.search-tab-title.shorten {
  .no-overflow;

  max-width: @searchTabTitleMaxWidth;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.start-new-search {
  i {
    vertical-align: bottom;
  }
}

.search-type {
  font-size: @custom5;
}

.find {
  .text-center;

  z-index: @findInputZIndex;
}

.find-logo {
  font-size: 25px;
  font-weight: bolder;
}

.find-logo-large {
  .inline-block;

  background: url('../img/Find_Logo_lge.png') no-repeat;
  color: @color1;
  font-size: 90px;
  height: 45px;
  vertical-align: middle;
  width: 240px;
}

.find-logo-small {
  background: url('../img/Find_Logo_sml.png') no-repeat 0 50%/100px 20px;
  height: 20px;
  width: 100px;
  &.side-nav {
    float: none;
    padding-right: 165px;
    margin-top: 0;
  }
}

.nav-menu-btn-container a.nav-menu-toggle-btn {
  color: @white;
}

.hp-logo-footer {
  background: url('../img/HPE_logo.png') no-repeat center/140px 55px;
  bottom: 20px;
  height: 55px;
  left: calc(50% - @custom8);
  position: fixed;
  width: 140px;
}

a.unstyled {
  .text-decoration-none;

  color: @white;

  &:hover {
    .text-decoration-none;

    color: @white !important;
  }
}

input.find-input {
  line-height: initial;
  padding-right: 26px;
  text-indent: 3px;
  width: @100percent;
}

::-webkit-input-placeholder {
  color: @dark-gray;
}

:-moz-placeholder {
  color: @dark-gray;
  opacity: 1;
}

::-moz-placeholder {
  color: @dark-gray;
  opacity: 1;
}

:-ms-input-placeholder {
  color: @dark-gray;
}

.sort-container {
  a {
    .clickable;

    &:hover {
      .text-decoration-none;
    }
  }
}

.selector-list {
  .m-b-sm;
}

.main-results-container {
  .p-t-nil;
  .p-b-nil;
  .p-l-sm;
  .p-r-sm;

  border-bottom: 1px solid @secondary-hover;
  width: @100percent;
}

.document-thumbnail {
  height: @thumbnailHeight;
  width: 97px;
}

.preview-mode {
  .main-results-container:not(.answered-question) {
    .clickable;
  }

  .main-results-container.direct-access {
    cursor: auto;
  }

  .popover {
    cursor: default;
  }
}

.results-small-links {
  .pull-right;
}

.preview-link {
  .m-l-sm;
}

.direct-access-title {
  &:hover {
    color: @color32;
  }
}

.document-detail-mode {
  .main-results-container {
    .clickable;
  }
}

.document-reference {
  .inline-block;

  color: @color11;
  font-size: (@font-size-base - 1px);
}

.document-reference.shorten {
  width: @100percent;
}

.selected-document {
  background-color: @secondary-hover;
}

.preview-mode-metadata-container {
  overflow: auto;
  flex: 0 1 auto;
  max-height: 40%;
}

.preview-mode-document-container {
  flex: 1;
}

.preview-media-player-audio {
  .flex;

  flex: 1;
  justify-content: center;

  i.hp-sound {
    color: @white;
    font-size: 7em;
    margin: auto;
  }
}

audio.preview-media-player {
  flex: 1;
  max-height: 30px;
}

.image-container {
  .preview-mode-document {
    .block;
  }
}

.audio-container {
  background-color: @color47;

  .preview-mode-document {
    flex-direction: column;
  }
}

.content-type {
  .fa-stack {
    i.fa-question {
      font-size: @fontSize;
    }

    i.fa-comments-o {
      font-size: calc(@fontSize * 2);
    }
  }

  i {
    font-size: 23px;
  }
}

.saved-search-box {
  .hpebox-content {
    .text-center;

    border: 1px solid @border-color;
    width: @hpeBoxContentWidth;
  }
}

.selected-saved-search {
  .hpebox-content {
    background-color: @color2;
    color: @white;
  }
}

.numeric-parametric-field-control,
.result-container-control {
  .text-decoration-none;

  color: @color2;
  font-size: 14px;
}

.document-date {
  .italic;

  color: @color11;
  cursor: default;
  font-size: small;
  font-weight: bold;
}

.promoted-label {
  color: @color34;
  font-size: 12px;
}

.promoted-document {
  border: 3px solid @color9;

  h4 {
    width: 80%;
  }
}

.answered-question {
  border: 3px solid @color43;

  h4 {
    width: 80%;
  }

  .fa-question {
    top: -2px;
    left: -2px;
  }
}

.suggestions-content {
  li {
    list-style: none;
  }
}

.suggestion-item {
  .clickable;

  text-decoration: underline;
}

.find-form {
  .text-left;
  .relative;

  .twitter-typeahead {
    margin-bottom: 5px;
    width: @100percent;
  }

  .tt-menu {
    background: @white;
    border: 2px solid @grey;
    margin-top: 3px;
    padding: @custom6 @nil;
    width: @100percent;
  }

  .tt-suggestion {
    padding: @nil @custom6;
    cursor: pointer;
  }

  .tt-suggestion.tt-cursor {
    background: @color37;
  }
}

.username.shorten {
  max-width: @shortUsernameMaxWidth;
}

.navbar-username {
  right: @custom8 !important;
  top: @custom11 !important;
}

.navbar-username.shorten {
  max-width: @navbarUsernameMaxWidth;
}

.animated-container {
  .absolute;

  top: (10px - @navBarHeight);
  transition: @transitAll;

  .find-form {
    transition-property: width;
    transition: @transitAll;
  }

  .find-input {
    border-bottom: none;
    font-size: @fontSizeLarge;
    transition: @transitAll;
  }
}

.reverse-animated-container {
  margin-top: 15%;
  transition: @transitAll;

  .find-form {
    transition-property: width;
    transition: @transitAll;
  }

  .find-input {
    .italic;
    .p-l-sm;

    border: 2px solid @grey !important;
    font-family: inherit;
    font-size: 23px !important;
    height: @findInputHeight !important;
    transition: @transitAll;
  }

  .search-controls .find-input-button {
    height: @findInputHeight;
  }
}

.reverse-animated-container .find-form:focus,
.reverse-animated-container .find-input:focus,
.animated-container .find-form:focus,
.animated-container .find-input:focus {
  outline: @nil;
}

.main-content h5,
.error-body h1,
.error-body h3 {
  color: @color1;
}

.error-body {
  .text-center;
  margin-top: @errorBodyMarginTop;
}

.error.well {
  margin-left: 14px;
}

.error-message > span {
  font-weight: bold;
}

.suggestion-head-text {
  color: @color2;
}

.comparison-list-title,
.result-message {
  color: @color1;
}

.result-message {
  font-size: @errorMessageFontSize;
}

.results-contents {
  .no-overflow;

  display: block;
}

.entity-topic-map {
  width: @100percent;
  height: @100percent;
}

.entity-topic-map.fixed-height {
  height: calc(100vh - 265px);
}

input[type=range].speed-slider {
  -webkit-appearance: none;
  width: @hpeTrackWidth;
  margin: 5px;
  padding: 1px;
  cursor: pointer;

  &::-webkit-slider-runnable-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    box-shadow: @hpeTrackShadow;
    background: @hpeTrackBackground;
    border-radius: @hpeTrackBorderRadius;
    border: @hpeTrackBorder;
  }
  &::-moz-range-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    box-shadow: @hpeTrackShadow;
    background: @hpeTrackBackground;
    border-radius: @hpeTrackBorderRadius;
    border: @hpeTrackBorder;
  }
  &::-ms-track {
    width: @hpeTrackWidth;
    height: @hpeTrackHeight;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  &::-ms-fill-lower {
    background: @hpeTrackBackground;
    border: @hpeTrackBorder;
    border-radius: @hpeTrackBorderRadius;
    box-shadow: @hpeTrackShadow;
  }
  &::-ms-fill-upper {
    background: @hpeTrackBackground;
    border: @hpeTrackBorder;
    border-radius: @hpeTrackBorderRadius;
    box-shadow: @hpeTrackShadow;
  }

  &:focus {
    outline: none;
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-webkit-slider-runnable-track {
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-ms-fill-lower {
    background: @hpeTrackBackgroundFocus;
  }
  &:focus::-ms-fill-upper {
    background: @hpeTrackBackgroundFocus;
  }

  &::-webkit-slider-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
  }
  &::-moz-range-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
  }
  &::-ms-thumb {
    box-shadow: @hpeThumbShadow;
    border: @hpeThumbBorder;
    height: @hpeThumbSize;
    width: @hpeThumbSize;
    border-radius: @hpeThumbBorderRadius;
    background: @hpeThumbBackground;
    cursor: pointer;
  }

  &:focus::-webkit-slider-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }
  &:focus::-moz-range-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }
  &:focus::-ms-thumb {
    background: @hpeThumbBackgroundFocus;
    border: @hpeThumbBorderFocus;
  }

  // IE tries to be clever and add a value label of its own
  &::-ms-tooltip {
    .hidden;
  }
}

.parametric-swap {
  margin-left: 3px;
  margin-bottom: 4px;
}

.sunburst {
  height: @sunburstHeight;
  width: @100percent;
}

.sunburst-sector-name {
  font-size: @fontSizeMedium;
  width: @custom4;
  word-break: normal;
}

.chosen-container {
  .m-b-xs;
  .m-l-xs;

  .chosen-single-with-deselect {
    abbr {
      .clickable;
    }
  }
}

.loading-spinner {
  .text-center;
  .m-b-sm;

  font-size: @fontSizeLarge;
}

.loading-spinner,
.loading-spinner i {
  color: @color2;
}

.loading-spinner.loading-spinner-lg {
  font-size: @loadingIndicatorFontSize;
  line-height: @custom7;
}

.thin-btn {
  padding: @nil 7px;
}

.preview-mode-loading.loading-spinner {
  left: 225px;
  top: 165px;
}

.result-summary {
  .text-justify;
  .text-clamp(2, 43px);
}

.related-concepts-list {
  padding-left: @nil;
}

.search-page {
  .popover {
    width: @popoverWidth;
  }
}

.popover-content {
  padding: @spacing 14px 9px;

  a {
    .m-nil;
  }

  p {
    font-size: @fontSizeMedium;
    line-height: normal;
  }
}

.results-popover-title,
.search-text {
  .metric-semibold;

  font-weight: @fontWeightBold;
}

.also-searching-for {
  .pull-left;

  color: @white;
  font-weight: lighter;
  padding: @nil 3px;
  vertical-align: top;
}

.database-name {
  max-width: 110px;
}

.selected-concept-container {
  .inline-block;
  .m-b-xs;

  &:not(last-child) {
    .m-r-xs;
  }

  .selected-related-concept {
    .inline-flex;

    border-radius: @nil;
    border: solid 1px @sidePanelLabelBorderColour;
    color: @sidePanelLabelColour;
    font-size: @labelSize;
    font-weight: normal;
    height: 19px;
    line-height: @selectedConceptsLineHeight;
    padding: 1px 6px;
    background-color: @white;
    cursor: pointer;

    i:before {
      color: @sidePanelLabelColour;
    }

    .concept-remove-icon {
      line-height: inherit;
    }

    .selected-related-concept-text {
      .m-r-xs;

      max-width: @selectedConceptsMaxWidth;
    }
  }
}

.service-view-container {
  height: calc(@100vh - @navBarHeight);
  width: @100percent;

  .hp-check {
    color: @color2;
  }
}

.query-service-view {
  .flex;

  height: calc(@100vh - @navBarHeight);
}

.query-service-view.bi-query-service-view {
  height: calc(@100vh - @navBarHeight - @searchTabsHeight - 58px);
}

.top-options-container {
  min-height: @nil;
}

.search-options-container {
  background-color: @color5;
}

.search-title-form .radio-inline,
.search-title-form .checkbox-inline {
  .p-nil;
}

.drop-list {
  .absolute;

  font-size: @fontSizeLarge;
  right: 20px;
  z-index: @zindex-dropdown;

  .dropdown-toggle {
    padding: 5px 7px 5px 13px;
  }
}

.dropdown-menu {
  li > a {
    color: @text-color;
  }
}

.find-navbar .dropdown-toggle,
.find-navbar a {
  color: @white;
}

.find-navbar {
  .m-b-nil;

  -webkit-transition: @transitAllFast;
  background-color: @hpeNavBarColour;
  color: @white;
  height: @navBarHeight;
  transition: @transitAllFast;

  .navbar-right.drop-list {
    .m-nil;
  }

  .dropdown-toggle {
    .pull-right;
  }

  .settings-logout-icon {
    .m-r-sm;

    vertical-align: middle;
  }
}

.find-navbar .dropdown-toggle:hover,
.find-navbar .nav li.open a.dropdown-toggle,
.find-navbar .settings-logout a:focus,
.find-navbar .settings-logout a:hover {
  background-color: @color36;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
  background-color: @hpeNavBarColour;
  background-image: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: @hpeNavBarColour;
  background-image: none;
}

.list-indexes {
  right: -65px;
}

.disabled-index {
  .cursor-not-allowed;

  color: @color19;
}

.indexes-list-group {
  .controls {
    margin-left: 100px;
  }

  .control-label {
    .text-left;

    width: @settingsIndexesWidth;
  }
}

.search-controls {
  .find-input[type="text"],
  .find-input[type="text"]:focus {
    .no-box-shadow;

    border-color: transparent;
    border-radius: @nil;
    height: @custom9;
    padding-right: @custom3;
  }

  input::-webkit-input-placeholder,
  input::-moz-placeholder {
    color: @color1;
    opacity: 0.5;
  }

  .find-input-button {
    .absolute;

    height: @custom9;
    right: @nil;
    top: @nil;
  }

  .find-input-button,
  .find-input-button:hover {
    .no-box-shadow;

    border-left: 1px solid @grey;
    border: @nil;
  }
}

.concepts-controls {
  .find-input[type="text"] {
    .no-box-shadow;
    &:extend(.form-control);

    border-radius: @nil;
    color: inherit;
    transition: border-color 0s ease-in-out 0s;

    &:focus {
      &:extend(.form-control:focus);
    }
  }

  .find-input-button {
    .absolute;
    .no-box-shadow;

    &:hover {
      background-color: @white;
    }

    &:focus {
      outline: 0;
    }

    height: 34px;
    right: @nil;
    top: @nil;
    border-top: 1px solid @findConceptInputBorder;
    border-right: 1px solid @findConceptInputBorder;
    border-bottom: 1px solid @findConceptInputBorder;
    border-left: 0;
  }

  .find-input-button.in-focus {
    border-top: 1px solid @findConceptInputButtonBorder;
    border-right: 1px solid @findConceptInputButtonBorder;
    border-bottom: 1px solid @findConceptInputButtonBorder;
  }

  input::-webkit-input-placeholder,
  input::-moz-placeholder {
    color: @color1;
    opacity: 0.5;
  }
}

.reverse-animated-container .find-input-button,
.reverse-animated-container .find-input-button:hover {
  border: 2px solid @grey;
}

.find-banner-container {
  background: @color29 url('../img/Find_banner.png');
  height: 125px;
}

.popover h1,
.popover h2,
.popover h3,
.popover h4,
.popover h5,
.popover h6,
.popover a {
  color: @color2;
}

.popover {
  border-radius: @nil;
}

.popover-title {
  .hidden;
}

.popover,
.leaflet-container {
  font-family: Metric;
}

.filter-checkbox {
  .m-r-sm;
}

.filter-display-text {
  line-height: 1.2em;
  max-width: @filterDisplayLabelWidth;
  vertical-align: middle;
  font-size: @labelSize;
}

.filters-margin {
  .m-r-xs;
  .m-t-nil;
}

.filters-remove-icon {
  .m-l-xs;
}

.left-side-applied-filters-view-title {
  display: inline-flex;
  flex-flow: row nowrap;
  max-width: @100percent;

  .shorten {
    .inline-block;
    flex: 1;
    white-space: pre;
  }
}

.section-title-counter {
  .m-l-xs;
}

.section-controls {
  .m-l-sm;
}

.remove-all-filters {
  font-size: @fontSizeMedium;
  text-transform: lowercase;
}

.filter-label {
  .p-xs;

  background-color: @white !important;
  border-radius: @nil;
  border: solid 1px @color23;
  color: @color22;
  font-size: @100percent;
  font-weight: normal;

  span {
    color: @color1;
  }
}

.label-white.border {
  border: 1px solid @border-color;
}

.field-label {
  .inline-block;

  list-style: none;
  margin: 2px @nil;
}

.fields-list {
  height: @100percent;
  overflow: auto;
}

.values-list {
  border-left: 1px solid @tableBorder;
  height: @100percent;

  .tab-pane {
    overflow-y: auto;
  }
}

.values-list,
.tab-content,
.tab-pane,
.full-height {
  height: @100percent;
}

.parametric-fields-table {
  table-layout: fixed;
}

.parametric-value-count-cell {
  width: @custom3;
}

.parametric-value-count {
  .text-right;
}

.parametric-value-name,
.parametric-value-count {
  white-space: nowrap;
}

.fixed-height-modal .modal-dialog,
.fixed-height-modal .modal-content {
  height: 80%;
}

.fixed-height-modal {
  .modal-body {
    height: calc(@100percent - 120px);
    overflow-y: auto;
  }
}

.tab-title.disabled,
.active .tab-title.disabled {
  color: @color24;
}

.selected .rotating-chevron,
.collapsed .rotating-chevron,
.collapsed.rotating-chevron {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}

.database-name,
.category-name {
  padding: @nil @custom6;
}

.show-all,
.show-all td {
  border-bottom: none !important;
}

.toggle-more-text {
  color: @color25;
  font-size: 11px;
}

.databases-list {
  .toggle-more {
    i {
      transform-origin: 20px;
    }
  }
}

.category-name,
.category-name-icon,
.child-categories li {
  line-height: 1.42857143;
  padding: @custom6;
  vertical-align: top;
}

.category-name,
.category-name-icon {
  font-weight: bold;
}

.database-input > span,
.category-input > span {
  .inline-block;
}

.category-input {
  border-bottom: none !important;
  border-top: 1px solid @tableBorder;
}

.child-categories {
  li {
    .break-all;

    border-bottom: 1px solid @color7;

    &:first-child {
      border-top: 1px solid @color7;
    }

    &:last-child {
      border-bottom: none;
    }
  }
}

.view-server-loading-indicator {
  .text-center;

  color: @color2;
  font-size: @custom7;
  width: @100percent;
}

.view-server-button,
.view-server-button:hover,
.view-server-button:focus,
.view-server-button:active {
  .no-box-shadow;

  background-color: @color1;
  background-image: none;
  border-color: @color1;
  border-radius: 3px;
  color: @white;
}

.preview-document-frame {
  .p-t-sm;
  .m-nil;

  border: @nil;
  display: block;
  width: @100percent;
  background-color: @white;
}

.preview-media-player {
  .full-width;
}

.preview-mode-document-title {
  .break-all;

  flex: 2;
  max-height: (@fontSizeLarge*2);
  color: @text-color !important;
  white-space: normal !important;
}

.preview-mode-document-database {
  flex: 1;
  font-family: Metric;
  color: @text-color !important;
}

.preview-mode-document-url {
  font-size: (@font-size-base - 1);
  color: @color11;
}

.preview-mode-document {
  .flex;

  flex-grow: 1;
}

.document-detail-view-container {
  .flex;

  height: 60vh;
}

.service-view-flex-container {
  .flex;

  min-height: @100percent;
}

.document-detail-tabs-content {
  .table > tbody > tr {
    &:first-child > td {
      border: none;
    }
  }
}

.metadata-table {
  th {
    .font-bold;

    width: 30%;
  }
  td {
    .break-all;
    .p-l-sm;
  }
}

.map-field-select {
  width: 45%;
}

.location-comparison-map {
  height: @100percent;
  min-height: @locationMapMinHeight;
  width: @100percent;
}

.location-comparison-label {
  padding-left: 3px;
}

.first-select-label {
  .fa-map-marker {
    color: @color13;
  }
}

.both-select-label {
  .fa-map-marker {
    color: @color16;
  }
}

.second-select-label {
  .fa-map-marker {
    color: @color14;
  }
}

.comparison-view.results-view-container {
  padding: @nil 25px;
}

.both-location-cluster {
  background-color: @color44;

  div {
    background-color: @color16;
    color: @white;
  }
}

.first-location-cluster {
  background-color: @color45;

  div {
    background-color: @color13;
    color: @white;
  }
}

.second-location-cluster {
  background-color: @color46;

  div {
    background-color: @color14;
    color: @white;
  }
}

.location-comparison-show-more {
  .m-b-sm;
  .m-l-sm;
}

.location-results-map {
  height: @100percent;
  min-height: @locationMapMinHeight;
  width: @100percent;
}

.map-show-more {
  .m-b-xxs;
  .m-l-xxs;
}

.map-loading-spinner {
  .m-l-sm;
}

.map-results-count,
.map-loading-spinner {
  .inline-block;
}

.location-tab-map {
  height: @100percent;
  max-height: @locationTabMaxHeight;
  min-height: @locationTabMinHeight;
  width: @100percent;
}

#cboxLoadedContent .table > tbody > tr > th,
#cboxLoadedContent .table > tbody > tr > td {
  border-top: @nil;
}

.slider-block {
  label {
    display: block;
  }

  .slider {
    .m-b-xs;
    .m-t-xxs;

    display: block;
  }
}

.slider-track-low,
.slider-track-high {
  background: rgba(1, 169, 130, 0.1);
}

.slider-selection {
  background: rgba(1, 169, 130, 0.2);
}

.slider-handle {
  background: @hpegreen;
}

h4.similar-dates-message {
  color: @text-color;
}

.similar-dates-summary {
  .inline-block;

  color: @text-color;
}

.date-slider-div {
  .m-b-sm;
  .p-l-sm;

  vertical-align: middle;

  .slider {
    width: 350px;

    .slider-track {
      .slider-handle.min-slider-handle.round {
        background: @white none;
        border: 2px solid @color15;
      }
    }
  }
}

.date-slider-div > label {
  color: @text-color;
  display: block;
  margin-left: -@spacing-sm;
}

.after-slider-div .slider.slider-horizontal .slider-track .slider-selection.tick-slider-selection,
.after-slider-div .slider.slider-horizontal .slider-track .in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-track-high,
.after-slider-div .slider.slider-horizontal .slider-track .slider-tick.round.in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-tick.round {
  background: @color15 none;
}

.after-slider-div {
  .slider.slider-horizontal {
    .slider-track {
      .slider-tick.round {
        opacity: 1;
      }
    }
  }
}

.before-slider-div .slider.slider-horizontal .slider-track .slider-selection.tick-slider-selection,
.before-slider-div .slider.slider-horizontal.slider-track .in-selection,
.before-slider-div .slider.slider-horizontal .slider-track .slider-tick.round.in-selection,
.after-slider-div .slider.slider-horizontal .slider-track .slider-track-high,
.after-slider-div .slider.slider-horizontal .slider-track .slider-tick.round {
  background: @color26 none;
}

.before-slider-div {
  .slider.slider-horizontal {
    .slider-track {
      .slider-tick.round {
        opacity: 1;
      }
    }
  }
}

.numeric-parametric-slider-block,
.numeric-parametric-slider-block > .slider {
  width: @100percent;
}

.dataTables_paginate {
  ul.pagination {
    li.active {
      transition: none;
    }
  }
}

.dashboard {
  .no-overflow;
  .relative;

  height: calc(100vh - @navBarHeight);
  width: @100percent;
  overflow: hidden;

  .widgets {
    .relative;

    height: calc(@100percent - 30px);
    width: @100percent;
    overflow: hidden;

    &.fullscreen {
      background-color: #fafafa;
      height: @100percent;
      pointer-events: none;

      div {
        pointer-events: none;
      }
    }
  }

  .btn-group .btn.inline-dropdown.dropdown-toggle > span {
    border-bottom: none !important;
  }

  .btn.inline-dropdown.dropdown-toggle:focus {
    border: 1px solid transparent;
  }

  .widget.widget-name-always {
    .title {
      display: block;
    }
  }

  .widget.widget-name-onhover:hover {
    .widget-error,
    .widget-init-spinner,
    .widget-content {
      filter: blur(5px);
      opacity: 0.5;
    }

    .widget-hover-title-container {
{'fraction_non_alphanumeric': 0.15681805231067297, 'fraction_numerical': 0.029289418200467262, 'mean_word_length': 2.86313356447086, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 87, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '121953', 'n_tokens_mistral': 29747, 'n_tokens_neox': 27705, 'n_words': 4984}