#kr-host {
  /* hidden elements */
  /*sub-chart - with filter options*/
  /*chart body - with filter options*/
  /* Filter Options */
  /*div#date-range-drop-down > .k-widget.k-slider {
      width:100%;
      height:100%;
  }*/
  /*.k-grid-content {
      height: 90% ;
      height: calc(100% - 68px) ;
  }*/
  /* minimise the width of the detail expander column */
  /*Fixes placeholder nine-height issue in safari*/
  /* grid chart */
  /*Keep at end - used to determine when stlyesheet has loaded*/
}
#kr-host a {
  text-decoration: none;
}
#kr-host #splitter > div,
#kr-host #brand-bar,
#kr-host #user-drop-down > *,
#kr-host #settings-drop-down > *,
#kr-host li.entity,
#kr-host #entity-context li,
#kr-host #tool-tip,
#kr-host .webpart-header > * {
  overflow: hidden;
}
#kr-host #swipe-message,
#kr-host #webpart-menu-button,
#kr-host #mobile-dashboard-menu,
#kr-host #mobile-swipe-menu,
#kr-host #dummy-webpart,
#kr-host #overview-triangle {
  visibility: hidden;
}
#kr-host .webpart-header,
#kr-host span.k-widget.k-dropdown.webpart-list {
  height: 30px;
}
#kr-host span.k-widget.k-dropdown.webpart-list {
  visibility: hidden;
  /*position:fixed;*/
  position: absolute;
  top: 30px;
  left: -15px;
}
#kr-host .matter-analysis-filters {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 60px;
}
#kr-host .matter-analysis-filters .k-widget {
  width: 210px;
  float: left;
  height: 30px;
}
#kr-host #mobile-dashboard-button,
#kr-host #mobile-date-button,
#kr-host #webpart-canvas:not(.designer-enabled) .titlewebpart .webpart-header {
  display: none;
}
#kr-host .designer-notification {
  height: 50px;
  min-width: 200px;
  text-align: center;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
#kr-host .sub-pie-chart,
#kr-host .sub-chart {
  height: 100%;
  position: absolute;
}
#kr-host #date-range-select-menu.show {
  display: block;
}
#kr-host .tile-view-grid,
#kr-host .tile-view-pie,
#kr-host .tile-view-chart {
  width: 100%;
  position: absolute;
  top: 80px;
  z-index: 1;
  bottom: 40px;
  left: 0px;
}
#kr-host .k-button:focus {
  box-shadow: none;
}
#kr-host .k-grid-toolbar .k-button {
  padding: 2px 7px 2px 7px;
  margin: 1px;
}
#kr-host .chart-area .filter-name {
  height: 30px;
  line-height: 30px;
}
#kr-host #webpart-canvas:not(.designer-enabled) .titlewebpart .chart-area {
  margin: 0;
  height: 100%;
  width: 100%;
}
#kr-host .chart-area,
#kr-host .webpart-help-text {
  position: absolute;
  margin: calc(10px - 0%);
  margin: -webkit-calc(10px - 0%);
  margin: -moz-calc(10px - 0%);
  height: 90%;
  height: calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  width: 100%;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  overflow-y: hidden;
}
#kr-host .chart-body.k-chart.chart-with-filter {
  height: 90%;
  height: calc(100% - 30px);
}
#kr-host .sub-chart-body {
  width: 0;
  top: 0;
  height: 100%;
}
#kr-host .sub-chart-body.show-filter-options.bottom {
  height: 80%;
  height: calc(100% - 50px);
  bottom: 50px;
}
#kr-host .sub-chart-body.show-filter-options.top {
  height: 80%;
  height: calc(100% - 50px);
  top: 50px;
}
#kr-host .sub-chart-body.show-filter-options.right {
  height: 100%;
  right: 20%;
}
#kr-host .sub-chart-body.show-filter-options.left {
  height: 100%;
  left: 50%;
}
#kr-host .sub-chart-body:not(.show-filter-options) {
  right: 0;
}
#kr-host .sub-chart-body.show-filter-options.right {
  right: 20%;
}
#kr-host .sub-chart-body.show-filter-options.left,
#kr-host .sub-chart-body.show-filter-options.bottom,
#kr-host .sub-chart-body.show-filter-options.top {
  right: 0;
}
#kr-host .chart-body.show-filter-options.right,
#kr-host div.data-grid.show-filter-options.right {
  width: 80%;
  right: 20%;
}
#kr-host .chart-body.show-filter-options.left,
#kr-host div.data-grid.show-filter-options.left {
  width: 80%;
  left: 20%;
}
#kr-host .chart-body.show-filter-options.top,
#kr-host div.data-grid.show-filter-options.top {
  height: 80%;
  height: calc(100% - 50px);
  top: 50px;
}
#kr-host .chart-body.show-filter-options.bottom,
#kr-host div.data-grid.show-filter-options.bottom {
  height: 80%;
  height: calc(100% - 50px);
  bottom: 50px;
}
#kr-host .filter-options.show-filter-options.top {
  height: 50px;
  width: 100%;
}
#kr-host .filter-options.show-filter-options.bottom {
  height: 50px;
  width: 100%;
}
#kr-host .filter-options.show-filter-options.right {
  height: 100%;
  width: 20%;
}
#kr-host .filter-options.show-filter-options.left {
  height: 100%;
  width: 20%;
}
#kr-host .bullet-chart-periods {
  height: 100%;
}
#kr-host .bullet-chart-periods > div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  overflow-y: auto;
  bottom: 30px;
}
#kr-host div.single-measure-display {
  font-size: 150pt;
  font-size: 11vmin;
}
#kr-host .single-measure-display span.value {
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#kr-host .webpart-container.maximised {
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: 32px;
  width: 90%;
  height: 90%;
  width: calc(100% - 64px);
  width: -webkit-calc(100% - 64px);
  width: -moz-calc(100% - 64px);
  height: calc(100% - 64px);
  height: -webkit-calc(100% - 64px);
  height: -moz-calc(100% - 64px);
  z-index: 5;
  margin: auto;
  visibility: hidden;
  position: absolute;
}
#kr-host .webpart-container.maximised div.single-measure-display {
  font-size: 300pt;
  font-size: 28vmin;
}
#kr-host .webpart-container.maximised span.display-mode {
  font-size: 300pt;
  font-size: 28vmin;
}
#kr-host .webpart-container.maximised span.top-align {
  font-size: 300pt;
  font-size: 6vmin;
}
#kr-host .webpart-container.maximised span.left-align {
  font-size: 300pt;
  font-size: 6vmin;
}
#kr-host .webpart-container.activeWebpart {
  visibility: visible;
}
#kr-host .display-mode {
  font-size: 300pt;
  font-size: 60vmin;
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: opensanslight;
}
#kr-host .left-align {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 4.5vmin;
}
#kr-host .top-align {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 4.5vmin;
}
#kr-host .tile-view-value {
  position: absolute;
  height: 30px;
  width: 100%;
  width: calc(100% - 20px);
  top: 40px;
  font-family: opensansregular;
}
#kr-host .tile-view-value span {
  font-weight: bold;
}
#kr-host .tile-view-grid {
  z-index: 2;
}
#kr-host .matter-analysis-pie,
#kr-host .matter-analysis-column {
  position: absolute;
  width: 100%;
  top: 60px;
  bottom: 30px;
  left: 0px;
  z-index: 1;
}
#kr-host .matter-analysis-pie {
  z-index: 2;
}
#kr-host .matter-analysis-pie > div.k-chart,
#kr-host .matter-analysis-column > div.k-chart {
  height: 100%;
}
#kr-host .darkDropDown {
  border-radius: 0px;
  box-shadow: none;
  border: none;
  width: 300px;
}
#kr-host .report-header {
  height: 30px;
  padding: 2px;
}
#kr-host .report-header h1 {
  font-size: 10pt;
  margin: 0px;
  text-indent: 9px;
  padding: 0px;
  font-family: opensansregular;
  line-height: 30px;
}
#kr-host .report-triangle,
#kr-host .dataset-export-triangle {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 24px;
  position: absolute;
  z-index: 999;
  top: -23px;
}
#kr-host .icon-tooltip {
  display: block;
  padding: 5px 20px;
  font-size: 10pt;
}
#kr-host .k-tooltip-content {
  box-shadow: 0 0 5px black;
}
#kr-host .k-callout.k-callout-n {
  position: absolute;
  top: -6px;
}
#kr-host div.timeAnalysisContent.mtd,
#kr-host div.timeAnalysisContent.ytd,
#kr-host div.timeAnalysisContent.lytd {
  top: 0px;
  left: 10px;
  right: 10px;
  bottom: 40px;
  position: absolute;
  z-index: 1;
}
#kr-host div.timeAnalysisContent.mtd {
  z-index: 2;
}
#kr-host .sub-chart-filters {
  text-align: center;
  font-family: opensansregular;
  height: 50px;
}
#kr-host .sub-chart-select {
  width: auto;
}
#kr-host .sub-chart-select .k-i-arrow-s {
  vertical-align: bottom;
}
#kr-host .subchart-filter-item {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 15px;
  line-height: 30px;
}
#kr-host .subchart-filter-selection {
  padding-right: 30px;
  line-height: 2em;
}
#kr-host .time-analysis-table td,
#kr-host .time-analysis-table th {
  font-size: 1.5vmin;
}
#kr-host .measure-overview-grid .rowheader {
  width: 10%;
}
#kr-host .maximised .time-analysis-table td,
#kr-host .maximised .time-analysis-table th {
  font-size: 2vmin;
}
#kr-host div#date-range-drop-down {
  position: absolute;
  top: 50px;
  width: 100%;
  background-color: white;
  height: 50px;
  z-index: 50;
  border-top: 1px solid #2d122e;
  visibility: hidden;
}
#kr-host div#date-range-drop-down * {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}
#kr-host div#date-range-drop-down .k-widget.k-slider {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-top: 4px;
}
#kr-host div#date-range-container {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0px;
}
#kr-host #date-range-scroller {
  position: absolute;
  height: 100%;
  left: 50px;
  right: 50px;
}
#kr-host #date-range-container a.k-draghandle {
  color: transparent;
}
#kr-host div#date-range-left-button,
#kr-host div#date-range-right-button {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0px;
  z-index: 100;
}
#kr-host div#date-range-left-button {
  left: 0px;
}
#kr-host div#date-range-right-button {
  right: 0px;
}
#kr-host .k-slider-wrap .k-label {
  font-size: 8pt;
}
#kr-host .km-widget .k-slider .k-tick {
  display: list-item;
}
#kr-host .km-widget .k-slider .k-label {
  display: block;
}
#kr-host ul.k-reset.k-slider-items {
  margin-top: 12px;
}
#kr-host div.drop-down {
  position: fixed;
  width: 270px;
  top: 30px;
  right: 0;
  z-index: 1000;
  visibility: hidden;
}
#kr-host div.drop-down > div,
#kr-host div.drop-down > a {
  width: 100%;
  border-top: 1px solid white;
  display: block;
}
#kr-host div.drop-down > div:not(.multi-select),
#kr-host div.drop-down > a:not(.multi-select) {
  height: 46px;
}
#kr-host div.drop-down > div.multi-select,
#kr-host div.drop-down > a.multi-select {
  height: 77px;
}
#kr-host div.multi-select > span.k-widget.k-dropdown.k-header {
  height: 28px;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  width: 200px;
  margin: 0 35px 0px 35px;
}
#kr-host #dashboard-list-drop-down-list {
  width: 200px;
}
#kr-host div.multi-select span.k-input {
  line-height: 28px;
  padding: 0;
  margin: 0;
  font-size: 9pt;
  line-height: 28px;
  text-align: center;
}
#kr-host div.drop-down .title {
  font-family: opensansregular;
  font-size: 9pt;
  margin-left: 10px;
  line-height: 50px;
  display: inline-block;
}
#kr-host div.drop-down > div.multi-select .title,
#kr-host div.drop-down > a.multi-select .title {
  height: 35px;
}
#kr-host div.drop-down .value {
  margin-left: 15px;
  font-family: opensansregular;
  font-size: 11pt;
  line-height: 48px;
  display: inline-block;
  height: 50px;
  cursor: pointer;
}
#kr-host div.drop-down .value.selected {
  font-weight: bold;
}
#kr-host div.drop-down > div > .k-icon,
#kr-host div.drop-down > a > .k-icon {
  float: left;
  height: 50px;
  margin-left: 15px;
}
#kr-host .multi-select-buttons {
  height: 28px;
  border-style: solid;
  border-width: 1px;
  margin: 8px;
  width: 200px;
  margin: 0 35px 0px 35px;
}
#kr-host .multi-select-buttons.two-options > .value {
  height: 29px;
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 29px;
  font-size: 8pt;
}
#kr-host .multi-select-buttons.two-options .k-icon {
  height: 29px;
}
#kr-host .multi-select-buttons.two-options > .value > span {
  float: left;
  width: 50%;
  text-align: right;
}
#kr-host .multi-select-buttons.two-options > .value > label {
  float: right;
  width: 50%;
  text-align: left;
  text-indent: 3px;
}
#kr-host .multi-select-buttons.two-options > .value:first-child {
  border-right-style: solid;
  border-right-width: 1px;
}
#kr-host .webpart-help-text {
  visibility: hidden;
  font-family: opensansregular;
  font-size: 10pt;
  position: absolute;
  top: 30px;
}
#kr-host .k-window-content h1 {
  font-size: 10pt;
  margin: 2px 0px 2px 0px;
}
#kr-host .extra-data {
  position: absolute;
  z-index: 5;
  top: 30px;
  left: 0px;
  width: 100%;
  height: 90%;
  height: calc(100% - 30px);
}
#kr-host .extra-data-report {
  height: 100%;
}
#kr-host .extra-data-report .k-grid-content:last-child {
  height: calc(100% - 95px);
}
#kr-host .extra-data-report .k-grid-content:not(:last-child) {
  height: calc(100% - 128px);
}
#kr-host .webpart-filters {
  position: absolute;
  top: 0;
  height: 50px;
  width: 100%;
}
#kr-host .webpart-filters-label {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: right;
  line-height: 30px;
  font-family: opensanssemibold;
  height: 30px;
  font-size: 10pt;
}
#kr-host .webpart-filter-template {
  line-height: 30px;
  font-family: opensanssemibold;
  font-size: 10pt;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 180px;
  display: inline-block;
}
#kr-host .sub-charts {
  height: 100%;
}
#kr-host .sub-charts > div:not(:first-child) {
  position: absolute;
  top: 50px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 0;
}
#kr-host .sub-charts > div.active {
  z-index: 5;
}
#kr-host .sub-charts div.sub-chart {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#kr-host #splitter {
  width: 100%;
  left: 0px;
  bottom: 0px;
  height: auto;
  top: 30px;
}
#kr-host #loading-screen {
  top: 30px;
}
#kr-host #notification-dimmer {
  top: 30px;
}
#kr-host #brand-bar {
  z-index: 200;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 30px;
}
#kr-host #brand-logo {
  font-family: opensansbold;
  height: 100%;
  margin: auto;
  width: 25%;
  text-align: center;
  font-size: 16pt;
  line-height: 28px;
}
#kr-host #brand-settings {
  height: 100%;
  top: 0px;
  position: absolute;
  right: 32px;
}
#kr-host #brand-settings a {
  float: left;
  display: inline-block;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  font-family: opensansregular;
  line-height: 30px;
  font-size: 10pt;
}
#kr-host .navigation-seperator {
  position: absolute;
  top: 10%;
  height: 80%;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
#kr-host #user-image {
  position: absolute;
  display: block;
  border-radius: 100%;
  border: none;
  height: 26px;
  top: 2px;
}
#kr-host .icon {
  height: 24px;
  width: 24px;
}
#kr-host #dashboard-toolbar {
  position: absolute;
  z-index: 100;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0px;
  height: 50px;
  left: 0px;
  width: 100%;
}
#kr-host #dashboard-toolbar.stacked {
  height: 100px;
}
#kr-host #dashboard-toolbar .icon {
  float: left;
  margin: 14px;
}
#kr-host #dashboard-toolbar.stacked #dashboard-filters {
  height: 50px;
  width: 100%;
}
#kr-host #dashboard-toolbar.stacked #dashboard-controls {
  height: 50px;
  width: 100%;
  top: 50px;
}
#kr-host #user-name {
  margin-left: 30px;
  font-family: opensansbold;
  font-size: 12pt;
}
#kr-host #webpart-canvas.stacked {
  top: 130px;
}
#kr-host .filter-button .selectValueText {
  margin-top: 13px;
}
#kr-host .selectValueText {
  height: 100%;
  display: inline-block;
  line-height: 50px;
  text-indent: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: right;
}
#kr-host #overview-panel,
#kr-host #designer-panel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#kr-host #dashboard-filters {
  width: 100%;
  height: 100%;
  float: left;
}
#kr-host #dashboard-filters .filter {
  float: left;
}
#kr-host #toggle-overview-panel-button {
  height: 100%;
  display: inline-block;
  font-family: opensansbold;
  float: left;
  text-align: center;
  font-size: 18pt;
  line-height: 48px;
  width: 32px;
}
#kr-host #filter-firm-name {
  font-family: opensansbold;
  height: 100%;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  float: left;
  line-height: 50px;
  font-size: 13pt;
}
#kr-host .filter-button {
  display: inline-block;
  height: 100%;
  font-family: opensansregular;
  float: left;
  font-size: 11pt;
  line-height: 50px;
}
#kr-host .drop-down-icon {
  margin: 5px;
}
#kr-host #dashboard-controls {
  height: 100%;
  right: 0px;
  position: absolute;
  z-index: 1;
  margin-right: 32px;
}
#kr-host #dashboard-toolbar.maximised {
  left: 0%;
}
#kr-host .dashboard-control-button {
  display: inline-block;
  height: 100%;
  font-family: opensansregular;
  font-size: 11pt;
  width: auto;
  /*width: 135px;*/
}
#kr-host #webpart-canvas,
#kr-host #dashboard-notification {
  position: absolute;
  top: 50px;
  left: 0px;
  height: auto;
  bottom: 0px;
  width: 100%;
}
#kr-host #dashboard-notification-title {
  font-size: 16pt;
}
#kr-host #dashboard-notification-description {
  font-family: opensanslight;
}
#kr-host #webpart-canvas.maximised {
  left: 0%;
}
#kr-host #webpart-canvas .km-scroll-container {
  min-height: 100%;
  width: 100%;
}
#kr-host .webpart-header {
  top: 0px;
  width: 100%;
  left: 0px;
}
#kr-host .webpart-title {
  font-family: opensanssemibold;
  position: absolute;
  width: 100%;
  text-align: center;
}
#kr-host .webpart-title,
#kr-host .detail-data-window-period,
#kr-host .detail-data-window-entity {
  line-height: 30px;
  font-size: 10pt;
}
#kr-host #overview-title,
#kr-host #designer-title {
  display: block;
  font-family: opensanssemibold;
  text-indent: 15px;
  font-size: 14pt;
  height: 50px;
  line-height: 50px;
}
#kr-host #entity-selection,
#kr-host #entity-context,
#kr-host .tile-view-kendogrid tr,
#kr-host .tile-view-ext2-kendogrid tr,
#kr-host .km-switch,
#kr-host .indicatorButton,
#kr-host .labelDrilldown,
#kr-host .gridchart-footer div,
#kr-host .indicator,
#kr-host .report-list-item,
#kr-host .webpart-container > .webpart-header,
#kr-host .reportSelectTemplate,
#kr-host .selectTemplate,
#kr-host .webpart-options .km-list,
#kr-host .drill-down-cell,
#kr-host #brand-logo > .brand-logo-text,
#kr-host .multi-select-buttons span.value,
#kr-host .multi-select-buttons span.value label,
#kr-host span#entity-filter-type span,
#kr-host #filter-entity-selection li.entity,
#kr-host .detail-data,
#kr-host span.selectValueText,
#kr-host div#date-range-left-button,
#kr-host div#date-range-right-button,
#kr-host ul.touchButtonGroup,
#kr-host .designer-menu-group li,
#kr-host #designer-webpart-settings li,
#kr-host .config-back-button,
#kr-host span.designer-option-slider-button,
#kr-host span.designer-option-button {
  cursor: pointer;
}
#kr-host ul.touchButtonGroup {
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0px;
  list-style-type: none;
  padding: 0;
}
#kr-host ul.touchButtonGroup li {
  font-family: opensanssemibold;
  text-align: center;
  line-height: 30px;
  font-size: 10pt;
  border-width: 1px 0 1px 0px;
  padding: 0px;
  /*width:33%;*/
  float: left;
}
#kr-host ul.touchButtonGroup.three-buttons li {
  width: 33%;
}
#kr-host ul.touchButtonGroup.three-buttons li:nth-child(2) {
  border-right-width: 1px;
  border-right-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
#kr-host .k-button-group .k-button + .k-button {
  margin: 0;
}
#kr-host ul.touchButtonGroup.two-buttons li {
  width: 50%;
  box-sizing: border-box;
  margin: 0;
}
#kr-host ul.touchButtonGroup.two-buttons li:nth-child(1) {
  border-right-width: 1px;
  border-right-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}
#kr-host #dashboard-order li,
#kr-host .katchr-draggable {
  cursor: move;
}
#kr-host .k-window-title {
  font-size: 11pt;
  font-family: opensanssemibold;
  width: 260px;
  height: 31px;
  line-height: 31px;
  text-indent: 12px;
}
#kr-host .detail-data:hover {
  font-family: opensanssemibold;
  font-size: 110%;
}
#kr-host .drill-down-cell:hover,
#kr-host .single-measure-display .value.indicator:hover,
#kr-host .gaugeValue span.detail-data:hover {
  text-decoration: underline;
}
#kr-host .drill-down-cell:active {
  font-size: 90%;
}
#kr-host .tile-view-ext2-splitter {
  height: 100%;
}
#kr-host .tile-view-ext2-splitter .k-splitbar {
  width: 6px;
  border-width: 1px;
  border-style: solid;
}
#kr-host .tile-view-ext2-pane1 > div,
#kr-host .tile-view-ext2-EntityList,
#kr-host .kr-map-webpart,
#kr-host .fr-data-grid,
#kr-host div.data-grid,
#kr-host div.entity-data-grid {
  width: 100%;
  height: 100%;
}
#kr-host .tile-view-ext2-splitter > div,
#kr-host .tile-view-ext2-splitter .sub-charts > div {
  overflow: hidden;
}
#kr-host .kr-analysis-data-grid .k-grid-header th.k-header,
#kr-host .tile-view-ext2-kendogrid .k-grid-header th.k-header {
  white-space: normal;
}
#kr-host .kr-analysis-data-grid .detail-data:hover,
#kr-host #kr-group-grid .detail-data:hover,
#kr-host .single-measure-display .value.detail-data:hover,
#kr-host .gaugeValue .detail-data:hover {
  font-family: opensansregular;
  font-size: 100%;
  cursor: pointer;
  text-decoration: underline;
}
#kr-host .kr-analysis-data-grid colgroup col {
  width: 16px;
}
#kr-host .kr-analysis-data-grid td.k-hierarchy-cell {
  padding: 0px;
}
#kr-host .k-dialog-titleless .k-dialog-content {
  padding: 10px;
}
#kr-host #kr-cross-selling-analysis .k-link {
  cursor: default;
}
#kr-host #entity-selection,
#kr-host #entity-context li:nth-child(1) {
  list-style: none;
}
#kr-host .webpart-options {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility: hidden;
  padding: 10px;
  font-size: 10pt;
  font-family: opensansregular;
  width: 300px;
  z-index: 50;
  max-height: 300px;
  overflow-y: auto;
}
#kr-host .webpart-options .km-group-title {
  text-align: center;
}
#kr-host .webpart-options-textbox {
  float: right;
  width: 94px;
  border: 0px;
  padding: 5px;
}
#kr-host .webpart-options-combobox {
  width: 140px;
  float: right;
  height: 30px;
}
#kr-host #entity-selection img.fe {
  height: 100%;
  height: calc(100% - 4px);
  -webkit-height: calc(100% - 4px);
  -moz-height: calc(100% - 4px);
  margin-top: 2px;
  -webkit-margin-top: 2px;
  -moz-margin-top: 2px;
  float: right;
  margin-right: 10px;
  border-radius: 100%;
}
#kr-host #entity-selection span.fe-select {
  height: 100%;
  height: calc(100% - 4px);
  -webkit-height: calc(100% - 4px);
  -moz-height: calc(100% - 4px);
  margin-top: 2px;
  -webkit-margin-top: 2px;
  -moz-margin-top: 2px;
  float: right;
  margin-right: 10px;
}
#kr-host .k-widget.k-autocomplete.k-header,
#kr-host .k-list li {
  border: none;
}
#kr-host .entity-menu {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-position: inside;
}
#kr-host .entity-menu i {
  font-size: 8pt;
}
#kr-host .entity-menu li,
#kr-host .entity-search,
#kr-host #entity-search,
#kr-host #filter-entity-search {
  font-family: opensansregular;
  height: 30px;
  text-indent: 15px;
  font-size: 10pt;
}
#kr-host .entity-menu li {
  line-height: 30px;
  position: relative;
}
#kr-host #entity-scroller {
  top: 309px;
}
#kr-host #filter-entity-scroller {
  top: 258px;
}
#kr-host #filter-entity-scroller.extended {
  top: 289px;
}
#kr-host #entity-search {
  line-height: 30px;
  height: 30px;
}
#kr-host #entity-button-group {
  height: 50px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
#kr-host #entity-button-group a {
  display: inline-block;
  /* fallback width */
  width: 24%;
  width: calc(25% - 1px);
  width: -webkit-calc(25% - 1px);
  width: -moz-calc(25% - 1px);
  height: 100%;
  color: #fff;
  font-family: opensansregular;
  font-size: 10pt;
  line-height: 50px;
  text-align: center;
  float: left;
}
#kr-host #entity-button-group a:not(:last-child) {
  border-right-width: 1px;
  border-right-style: solid;
}
#kr-host #entity-button-group div {
  display: inline-block;
  /* fallback width */
  width: 24%;
  width: calc(25% - 1px);
  border-right-width: 1px;
  border-right-style: solid;
  width: -webkit-calc(25% - 1px);
  width: -moz-calc(25% - 1px);
  height: 100%;
  color: #fff;
  font-family: opensansregular;
  font-size: 10pt;
  line-height: 50px;
  text-align: center;
  float: left;
}
#kr-host #overview-subtitle {
  display: block;
  font-family: opensansregular;
  font-size: 14pt;
  text-indent: 15px;
  height: 50px;
  line-height: 50px;
}
#kr-host .webpart-buttons-left {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#kr-host .webpart-buttons-right {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#kr-host .webpart-button {
  display: inline-block;
  height: 30px;
  width: 30px;
  padding-left: 5px;
  padding-right: 5px;
}
#kr-host .webpart-button .icon {
  margin: 2px;
}
#kr-host .webpart-button .k-icon {
  height: 30px;
  width: 30px;
  font-size: 14pt;
}
#kr-host .webpart-buttons-left .webpart-button {
  float: left;
}
#kr-host .webpart-buttons-right .webpart-button {
  float: right;
}
#kr-host .selectTemplate,
#kr-host .reportSelectTemplate {
  height: 35px;
  display: block;
  line-height: 35px;
  font-size: 10pt;
  white-space: nowrap;
  overflow: hidden;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-indent: 9px;
  font-family: opensansregular;
  /*    text-overflow: ellipsis;*/
}
#kr-host .selectValueTemplate {
  text-align: center;
  height: 100%;
  display: inline-block;
  /*    padding-left: 20px;
  padding-right: 20px;*/
}
#kr-host .selectTemplateFE {
  height: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 9pt;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#kr-host .selectTemplateFE span {
  height: 100%;
  display: inline-block;
}
#kr-host .selectTemplateFE img {
  width: 40px;
  height: 40px;
  float: left;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
}
#kr-host .selectValueTemplateFE {
  text-align: center;
  height: 100%;
  display: block;
}
#kr-host div#filter-group-button-list,
#kr-host div#filter-office-button-list,
#kr-host div#filter-team-button-list,
#kr-host div#filter-department-button-list,
#kr-host div#date-select-menu-list,
#kr-host div#dashboard-select-menu-list {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: none;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#kr-host div#dashboard-select-menu-list > div,
#kr-host div#date-select-menu-list > div,
#kr-host #navigation-shortcut-list-list > div,
#kr-host .k-list-container.k-popup.k-group.k-reset {
  max-height: 300px;
  overflow-y: auto;
}
#kr-host div#dashboard-select-menu-list > div > ul,
#kr-host div#date-select-menu-list > div > ul,
#kr-host #navigation-shortcut-list-list > div > ul {
  height: auto;
}
#kr-host #dashboard-select-menu {
  width: 300px;
}
#kr-host div.k-window {
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
}
#kr-host .k-window-titlebar .k-window-action {
  width: 30px;
}
#kr-host .k-window-titlebar .k-window-action,
#kr-host .k-window-titlebar,
#kr-host .k-window-actions,
#kr-host .k-window-action .k-icon {
  padding: 0;
  margin: 0;
  /*top: 0 ;*/
  line-height: 30px;
  vertical-align: initial;
  height: 30px;
}
#kr-host #designer-webpart-settings {
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  overflow: hidden;
  max-height: 500px;
}
#kr-host #designer-webpart-settings-slider {
  width: 600px;
  position: relative;
  max-height: 500px;
}
#kr-host #designer-webpart-settings-summary {
  width: 300px;
  float: left;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
}
#kr-host #designer-webpart-settings-editor {
  height: 500px;
}
#kr-host #designer-webpart-settings-editor-content {
  height: calc(100% - 40px);
  overflow-y: auto;
}
#kr-host .k-numeric-wrap:before {
  content: none;
  display: none;
}
#kr-host .designer-option-value.k-numerictextbox {
  width: 260px;
  margin-left: 20px;
}
#kr-host #designer-webpart-settings-summary ul {
  width: 100%;
}
#kr-host #designer-webpart-settings-summary ul,
#kr-host #designer-webpart-settings-summary li {
  list-style: none;
  margin: 0;
  text-indent: 0;
  padding: 0;
}
#kr-host #designer-webpart-settings-summary li {
  display: block;
  list-style: none;
  margin-left: 20px;
  width: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
#kr-host #designer-webpart-settings-summary li:first-child {
  margin-top: 20px;
  margin-bottom: 10px;
}
#kr-host #designer-webpart-settings-summary li:last-child {
  margin-bottom: 20px;
}
#kr-host #designer-webpart-settings-summary li:not(:first-child):not(:last-child) {
  margin-bottom: 10px;
}
#kr-host #designer-webpart-settings-summary span {
  display: block;
  width: 200px;
  margin-left: 10px;
}
#kr-host #designer-webpart-settings-summary span.title {
  font-family: opensanssemibold;
}
#kr-host #designer-webpart-settings-summary span.summary {
  font-family: opensanslight;
}
#kr-host #designer-webpart-settings-editor span.designer-option-title {
  font-size: 14pt;
  font-family: opensanssemibold;
  display: block;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
}
#kr-host span.designer-option-group {
  display: inline-block;
  margin-left: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-top: 10px;
  margin-bottom: 3px;
  font-family: opensanssemibold;
}
#kr-host div.designer-new-measure-section {
  display: none;
}
#kr-host span.designer-option-dropdownlist {
  width: 260px;
  margin-left: 20px;
}
#kr-host span.designer-option-slider-button {
  display: block;
  margin-left: 20px;
  width: 260px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
}
#kr-host span.designer-option-slider-button > span.icon {
  vertical-align: middle;
}
#kr-host .designer-option-radiobuttons {
  text-align: center;
  padding-bottom: 5px;
}
#kr-host .designer-option-radiobuttons label {
  padding-left: 20px;
  padding-right: 12px;
}
#kr-host span.designer-option-label,
#kr-host input.designer-option-value:not(.k-numerictextbox .k-input),
#kr-host .designer-option-radiobuttons,
#kr-host p.designer-option-detail {
  display: block;
  width: 260px;
  margin-left: 20px;
}
#kr-host p.designer-option-detail {
  font-size: 9pt;
}
#kr-host span.designer-option-button {
  display: inline-block;
  margin-left: 20px;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
}
#kr-host input.designer-option-value:not(.k-numerictextbox .k-input),
#kr-host .designer-option-dropdownlist {
  margin-bottom: 5px;
  border-radius: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-indent: 5px;
  font-size: 10pt;
  font-family: opensansregular;
}
#kr-host .designer-option-dropdownlist {
  border-width: 1px;
  border-style: solid;
}
#kr-host #designer-webpart-settings-editor .k-switch {
  margin-left: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
}
#kr-host div.designer-option-listview {
  width: 260px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#kr-host #designer-webpart-settings-editor textarea {
  width: 260px;
  margin-left: 20px;
  padding: 0;
  font-family: opensansregular;
  overflow: scroll;
  height: 300px;
  font-size: 10pt;
  resize: none;
}
#kr-host #designer-webpart-settings-editor .k-editor-toolbar {
  text-align: left;
}
#kr-host #designer-webpart-settings-editor table.k-editor {
  height: 360px;
  width: calc(100% - 2px);
}
#kr-host #webpart-catalogue-search {
  display: inline-block;
}
#kr-host #webpart-catalogue-show-legacy {
  display: inline-block;
  width: unset;
}
#kr-host #dashboard-order,
#kr-host #dashboard-order div.k-listbox,
#kr-host .kr-designer-listbox.k-listbox {
  height: 100%;
  width: 100%;
}
#kr-host #dashboard-order li.k-item {
  padding-top: 3px;
  padding-bottom: 3px;
}
#kr-host #dashboard-order div.k-listbox-toolbar span.k-icon {
  margin-right: 5px;
}
#kr-host #dashboard-order .k-button-icon {
  width: 150px;
}
#kr-host .config-back-button {
  height: 40px;
  line-height: 40px;
}
#kr-host .config-back-button span {
  float: left;
  height: 40px;
  width: 40px;
}
#kr-host .config-back-button p {
  margin: 0;
  line-height: 40px;
  font-family: opensanssemibold;
}
#kr-host .webpart-config-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 30px;
  width: 30px;
}
#kr-host #filter-bread-crumb {
  /*position: absolute;*/
  /*left: 230px;*/
  float: left;
  height: 100%;
  font-family: opensansregular;
  line-height: 50px;
  cursor: pointer;
  font-size: 11pt;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 130px;
}
#kr-host #filter-bread-crumb span {
  margin-left: 5px;
  margin-right: 5px;
}
#kr-host #filter-bread-crumb .k-dropdown {
  position: absolute;
  width: 100%;
  left: 0px;
  visibility: hidden;
}
#kr-host #bc-feeearner::before,
#kr-host #bc-department::before,
#kr-host #bc-team::before {
  content: "/";
  margin-right: 10px;
}
#kr-host #bc-group {
  display: inline-block;
}
#kr-host #bc-department,
#kr-host #bc-team,
#kr-host #bc-feeearner,
#kr-host #bc-office {
  display: none;
}
#kr-host .detail-data-window-entity,
#kr-host .detail-data-window-period {
  max-width: 30%;
}
#kr-host .gridchart-content div.indicator {
  height: 20px;
  width: 20px;
}
#kr-host .gridchart-header {
  top: 0;
  height: 20px;
  overflow: visible;
}
#kr-host .bulletchart-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
}
#kr-host .bulletchart-content {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90%;
  height: calc(90% - 10px);
  overflow-y: auto;
}
#kr-host .gridchart-footer,
#kr-host .bullet-chart-footer {
  visibility: hidden;
}
#kr-host .designer-menu-group {
  width: calc(100% - 30px);
  margin-left: 15px;
  padding: 0;
}
#kr-host .designer-menu-group h1,
#kr-host .designer-menu-group span.k-icon,
#kr-host .designer-menu-group ul,
#kr-host .designer-menu-group li {
  margin: 0;
  padding: 0;
}
#kr-host .designer-menu-group h1 {
  font-family: opensanssemibold;
  font-size: 10pt;
  font-weight: normal;
}
#kr-host .designer-menu-group li {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  text-indent: 5px;
}
#kr-host .designer-menu-group .k-switch {
  float: right;
  height: 30px;
  margin: 5px;
}
#kr-host .designer-menu-group li:first-of-type {
  margin-top: 6px;
}
#kr-host .designer-menu-group li:last-of-type {
  margin-bottom: 6px;
}
#kr-host .designer-menu-group li:not(:first-of-type) {
  border-top-style: none;
}
#kr-host .designer-menu-group span.k-icon {
  margin-right: 6px;
  margin-left: 3px;
}
#kr-host #webpart-catalogue-list {
  height: 220px;
  overflow-y: auto;
  margin-left: 20px;
  width: 540px;
}
#kr-host .designer-list-box {
  height: 220px;
  overflow-y: auto;
  margin-left: 20px;
}
#kr-host div.webpart-catalogue-list-item {
  text-indent: 3px;
  font-size: 10pt;
  padding: 3px 0 3px 0;
}
#kr-host .draggable {
  position: absolute;
  background: red;
  width: 100px;
  height: 100px;
  vertical-align: middle;
}
#kr-host .ob-hide {
  display: none;
}
#kr-host .ob-clone {
  background: #cccccc;
}
#kr-host .dashboard-name-warning {
  color: red;
}
#kr-host #style-check {
  width: 100px;
  background: none;
}