/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
@import url("bootstrap-select.min.css");
.margin {
  margin: 5px;
}

.margin-medium {
  margin: 10px;
}

.margin-large {
  margin: 12px;
}

.margin-xlarge {
  margin: 24px;
}

.margin-top {
  margin-top: 5px;
}

.margin-top-medium {
  margin-top: 10px;
}

.margin-top-large {
  margin-top: 12px;
}

.margin-top-xlarge {
  margin-top: 24px;
}

.margin-bottom {
  margin-bottom: 5px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-large {
  margin-bottom: 12px;
}

.margin-bottom-xlarge {
  margin-bottom: 24px;
}

.margin-left {
  margin-left: 5px;
}

.margin-left-medium {
  margin-left: 10px;
}

.margin-left-large {
  margin-left: 12px;
}

.margin-left-xlarge {
  margin-left: 24px;
}

.margin-left {
  margin-left: 5px;
}

.margin-right {
  margin-right: 5px;
}

.margin-right-medium {
  margin-right: 10px;
}

.margin-right-large {
  margin-right: 12px;
}

.margin-right-xlarge {
  margin-right: 24px;
}

.margin-top-bottom {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-top-bottom-medium {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-top-bottom-large {
  margin-top: 12px;
  margin-bottom: 12px;
}

.margin-top-bottom-xlarge {
  margin-top: 24px;
  margin-bottom: 24px;
}

.margin-vertical {
  margin: 5px 0;
}

.margin-vertical-medium {
  margin: 10px 0;
}

.margin-vertical-large {
  margin: 12px 0;
}

.margin-vertical-xlarge {
  margin: 24px 0;
}

.margin-horizontal {
  margin: 5px 0;
}

.margin-horizontal-medium {
  margin: 10px 0;
}

.margin-horizontal-large {
  margin: 12px 0;
}

.margin-horizontal-xlarge {
  margin: 24px 0;
}

.remove-margin {
  margin: 0 !important;
}

.remove-margin-horizontal {
  margin-left: 0;
  margin-right: 0;
}

.remove-margin-vertical {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-small {
  padding: 5px;
}

.padding-medium {
  padding: 10px;
}

.padding-large {
  padding: 12px;
}

.padding-xlarge {
  padding: 24px;
}

.padding-vertical-small {
  padding: 5px 0;
}

.padding-vertical-medium {
  padding: 10px 0;
}

.padding-vertical-large {
  padding: 12px 0;
}

.padding-vertical-xlarge {
  padding: 24px 0;
}

.padding-horizontal-small {
  padding: 0 5px;
}

.padding-horizontal-medium {
  padding: 0 10px;
}

.padding-horizontal-large {
  padding: 0 12px;
}

.padding-horizontal-xlarge {
  padding: 0 24px;
}

.padding-top-small {
  padding-top: 5px;
}

.padding-top-medium {
  padding-top: 10px;
}

.padding-top-large {
  padding-top: 12px;
}

.padding-top-xlarge {
  padding-top: 24px;
}

.padding-bottom-small {
  padding-bottom: 5px;
}

.padding-bottom-medium {
  padding-bottom: 10px;
}

.padding-bottom-large {
  padding-bottom: 12px;
}

.padding-bottom-xlarge {
  padding-bottom: 24px;
}

.padding-left {
  padding-left: 5px;
}

.padding-left-medium {
  padding-left: 10px;
}

.padding-left-large {
  padding-left: 12px;
}

.padding-left-xlarge {
  padding-left: 24px;
}

.padding-right {
  padding-right: 5px;
}

.padding-right-medium {
  padding-right: 10px;
}

.padding-right-large {
  padding-right: 12px;
}

.padding-right-xlarge {
  padding-right: 24px;
}

.remove-padding {
  padding: 0;
}

.remove-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.remove-padding-horizontal {
  padding-left: 0;
  padding-right: 0;
}

.remove-padding-force {
  padding: 0 !important;
}

.default-size-for-stretch-view {
  height: 300px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.absolute-center-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.absolute-center-horizontal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.display-inline {
  display: inline;
}

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

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-top-vertical {
  display: flex;
  align-items: flex-start;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-bottom-vertical {
  display: flex;
  align-items: flex-end;
}

.flex-pull-left {
  display: flex;
  justify-content: flex-start;
}

.flex-pull-right {
  display: flex;
  justify-content: flex-end;
}

.flex-fill-vertical {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.flex-distribute-horizontal {
  justify-content: space-between;
}

.flex-stretch-self {
  flex: 1;
}

.overflow-vertical {
  overflow-y: auto !important;
}

.overflow-auto {
  overflow: auto;
}

.overflow-auto-vertical {
  overflow-y: auto;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid-row .col-1 {
  grid-column: span 1;
}
.grid-row .col-2 {
  grid-column: span 2;
}
.grid-row .col-3 {
  grid-column: span 3;
}
.grid-row .col-4 {
  grid-column: span 4;
}
.grid-row .col-5 {
  grid-column: span 5;
}
.grid-row .col-6 {
  grid-column: span 6;
}
.grid-row .col-7 {
  grid-column: span 7;
}
.grid-row .col-8 {
  grid-column: span 8;
}
.grid-row .col-9 {
  grid-column: span 9;
}
.grid-row .col-10 {
  grid-column: span 10;
}
.grid-row .col-11 {
  grid-column: span 11;
}
.grid-row .col-12 {
  grid-column: span 12;
}
.grid-row.grid-gap-small {
  grid-gap: 10px;
}
.grid-row.grid-gap-medium {
  grid-gap: 20px;
}
.grid-row.grid-gap-large {
  grid-gap: 32px;
}

.full-width {
  width: 100%;
}

h1 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-size: 1.8rem;
  color: var(--heading1);
}

h2 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-family: "Core Sans A Medium";
  font-size: 1.4rem;
  color: var(--heading2);
}

h3 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-family: "Core Sans A Medium";
  font-size: 1.2rem;
  color: var(--heading3);
}

h4 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-family: "Core Sans A Medium";
  font-size: 1.2rem;
  color: var(--heading4);
}

.Card {
  background: var(--normalBackground);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.Card.Card--border {
  border: 1px solid var(--border);
}
.Card.Card--link {
  cursor: pointer;
}
.Card.Card--padding {
  padding: 16px;
}
.Card.Card--padding.Card--padding-small {
  padding: 10px;
}
.Card.Card--scrollable {
  max-height: 100%;
  overflow-y: auto;
}
.Card.Card--background {
  background-color: var(--mediumWidgetBackground);
}
.Card.Card--background-dark {
  background-color: var(--widgetBackground);
}
.Card.Card--transparent {
  background-color: transparent;
}
.Card.Card--shadow {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  border: none;
}

.background {
  background-color: var(--widgetBackground);
}
.background.background--medium {
  background-color: var(--mediumWidgetBackground);
}
.background.background--light {
  background-color: var(--lightWidgetBackground);
}
.background.background--dark {
  background-color: var(--darkWidgetBackground);
}

.min-height-auto {
  min-height: auto !important;
}

.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-initial {
  flex-direction: initial !important;
}

.max-width-fit-content {
  max-width: fit-content !important;
}

.flex-none {
  flex: none !important;
}

.flex-auto {
  flex: auto !important;
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
.button-styled {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
}
.button-styled:hover {
  text-decoration: none;
}
.button-styled.small {
  padding: 4px 8px;
  min-height: 22px;
}
.button-styled.full-width {
  width: 100%;
}
.button-styled.primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.button-styled.primary, .button-styled.primary [class^=icon-], .button-styled.primary [class*=" icon-"] {
  color: #ffffff;
}
.button-styled.primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.button-styled.primary:disabled, .button-styled.primary.disabled, .button-styled.primary[disabled] {
  opacity: 0.72;
}
.button-styled.secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.button-styled.secondary:focus {
  border-color: var(--disabled);
}
.button-styled.secondary:hover {
  border-color: var(--widgetBase);
}
.button-styled.secondary:disabled, .button-styled.secondary.disabled, .button-styled.secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.button-styled.disabled, .button-styled:disabled, .button-styled[disabled] {
  cursor: default;
  pointer-events: none;
}
.button-styled.block {
  width: 100%;
}
.button-styled.with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.button-styled.with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.button-styled.with-icon .k-icon {
  margin-right: 5px;
}
.button-styled.with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-styled.with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.button-styled.with-icon .icon-wrapper svg, .button-styled.with-icon .icon-wrapper img {
  height: 14px;
}
.button-styled.just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.button-styled.just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.button-styled.just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.button-styled.just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-styled.just-icon .icon-wrapper {
  display: flex;
}
.button-styled.just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.button-styled.just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.button-styled.rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.button-styled.big {
  min-width: 60px;
  min-height: 60px;
}
.button-styled.big.rounded {
  height: 60px;
  width: 60px;
}
.button-styled.big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.button-styled.big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.button-styled.icon-shadow .icon-wrapper, .button-styled.icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.button-styled.icon-shadow .icon-wrapper svg, .button-styled.icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.button-styled.icon-shadow .icon-wrapper img, .button-styled.icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.button-styled.icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.button-styled.icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.button-styled.dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button-styled.dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.button-styled.dashed.just-icon {
  padding: 0;
}
.button-styled.dashed.active, .button-styled.dashed.active:hover {
  border: 1px dashed var(--accent);
}
.button-styled.dashed.active.icon-rounded .icon-wrapper, .button-styled.dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
.k-popup.k-list-container {
  padding: 0;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-popup.k-list-container .k-state-selected {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-popup.k-list-container .k-list-optionlabel {
  padding: 4px;
}
.k-popup.k-list-container .k-list-filter {
  padding: 0;
  margin: 0;
  min-height: 40px;
  border-bottom: 1px solid var(--border);
}
.k-popup.k-list-container .k-list-filter .k-textbox {
  display: block;
  height: 38px;
  border: none;
}
.k-popup.k-list-container .k-list-filter .k-textbox:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
.Checkbox-outer-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  user-select: none;
  outline: none;
}
.Checkbox-outer-wrapper * {
  outline: none;
  box-sizing: border-box;
}
.Checkbox-outer-wrapper.disabled .Checkbox-wrapper {
  pointer-events: none;
}
.Checkbox-outer-wrapper.disabled .Checkbox-wrapper .checkbox {
  opacity: 0.8;
}
.Checkbox-outer-wrapper.disabled .Checkbox-wrapper .checkbox::before {
  content: url("data:image/svg+xml; utf-8, <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.276382 14.3676L14.4185 0.225433L15.1256 0.93254L0.983489 15.0747L0.276382 14.3676Z'/></svg>");
  position: absolute;
  left: -2px;
  width: 21px;
  height: 1px;
  transform: rotate(-45deg);
  background-color: var(--disabled);
}
.Checkbox-outer-wrapper.disabled .Checkbox-wrapper label {
  color: var(--disabled);
}
.Checkbox-outer-wrapper.disabled + label {
  color: var(--disabled);
}
.Checkbox-outer-wrapper .Checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Checkbox-outer-wrapper .Checkbox-in-wrapper {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
}
.Checkbox-outer-wrapper .Checkbox-in-wrapper .k-invalid + .checkbox {
  border-color: var(--error);
}
.Checkbox-outer-wrapper.toggle .Checkbox-in-wrapper {
  position: relative;
  width: 56px;
  height: 24px;
}
.Checkbox-outer-wrapper input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
}
.Checkbox-outer-wrapper input:checked ~ .checkbox {
  background-color: #ffffff;
  border-color: var(--accent);
}
.Checkbox-outer-wrapper input:checked ~ .checkbox svg {
  opacity: 1;
}
.Checkbox-outer-wrapper input:checked ~ .checkbox-toggle {
  background-color: var(--accent);
}
.Checkbox-outer-wrapper input:checked ~ .checkbox-toggle span:first-child {
  opacity: 1;
}
.Checkbox-outer-wrapper input:checked ~ .checkbox-toggle span:nth-child(2) {
  opacity: 0;
}
.Checkbox-outer-wrapper .checkbox {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid var(--border);
  width: 18px;
  height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
}
.Checkbox-outer-wrapper .checkbox svg {
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
  opacity: 0;
  fill: var(--accent);
}
.Checkbox-outer-wrapper .checkbox-toggle {
  position: relative;
  width: 56px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  background: var(--lightText);
  border-radius: 12px;
  padding: 0 10px;
}
.Checkbox-outer-wrapper .checkbox-toggle span {
  font-size: 10px;
  color: #ffffff;
  font-family: "Core Sans A Medium";
  text-transform: uppercase;
}
.Checkbox-outer-wrapper .checkbox-toggle span:first-child {
  opacity: 0;
}
.Checkbox-outer-wrapper .checkbox-toggle:after {
  content: "";
  display: block;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 3px;
  top: 50%;
  width: 18px;
  height: 18px;
}
.Checkbox-outer-wrapper label {
  display: inline-block;
  padding-left: 8px;
  cursor: pointer;
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
.RadioWrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  user-select: none;
}
.RadioWrapper .Radio-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.RadioWrapper .Radio-in-wrapper {
  position: relative;
  width: 18px;
  height: 18px;
}
.RadioWrapper.disabled .Radio-wrapper {
  pointer-events: none;
}
.RadioWrapper.disabled .Radio-wrapper .radio {
  opacity: 0.8;
}
.RadioWrapper.disabled .Radio-wrapper .radio::before {
  content: url("data:image/svg+xml; utf-8, <svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.276382 14.3676L14.4185 0.225433L15.1256 0.93254L0.983489 15.0747L0.276382 14.3676Z'/></svg>");
  position: absolute;
  left: -1px;
  width: 18px;
  height: 1px;
  transform: rotate(-45deg);
  background-color: var(--disabled);
}
.RadioWrapper.disabled .Radio-wrapper label {
  color: var(--disabled);
}
.RadioWrapper.disabled + label {
  color: var(--disabled);
}
.RadioWrapper input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
}
.RadioWrapper input:checked ~ .radio {
  background-color: var(--accent);
  border-color: var(--accent);
}
.RadioWrapper input:checked ~ .radio:after {
  transform: translate3d(0, 0, 0);
}
.RadioWrapper .radio {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid var(--border);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  transition: background 250ms, border-color 250ms;
  background-color: #ffffff;
}
.RadioWrapper .radio:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  transform: scale(0.1);
  transition: transform 250ms 100ms;
}
.RadioWrapper label {
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  cursor: pointer;
  margin: 0;
}
.RadioWrapper .RadioListWrapper ul {
  width: 320px;
  max-width: 100%;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 16px 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.RadioWrapper .RadioListWrapper ul li {
  width: 33.33%;
  flex: 0 0 33%;
  margin: 0 0 14px;
}
.RadioWrapper .RadioListWrapper ul li > div {
  padding-right: 10px;
}
@media (max-width: 480px) {
  .RadioWrapper .RadioListWrapper ul li {
    width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 380px) {
  .RadioWrapper .RadioListWrapper ul li {
    width: 100%;
    flex: 0 0 100%;
  }
}
.RadioWrapper .RadioListWrapper > label {
  display: block;
  color: var(--normalText);
  font-family: "Core Sans A Medium";
  font-size: 12px;
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/
.button-styled {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
}
.button-styled:hover {
  text-decoration: none;
}
.button-styled.small {
  padding: 4px 8px;
  min-height: 22px;
}
.button-styled.full-width {
  width: 100%;
}
.button-styled.primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.button-styled.primary, .button-styled.primary [class^=icon-], .button-styled.primary [class*=" icon-"] {
  color: #ffffff;
}
.button-styled.primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.button-styled.primary:disabled, .button-styled.primary.disabled, .button-styled.primary[disabled] {
  opacity: 0.72;
}
.button-styled.secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.button-styled.secondary:focus {
  border-color: var(--disabled);
}
.button-styled.secondary:hover {
  border-color: var(--widgetBase);
}
.button-styled.secondary:disabled, .button-styled.secondary.disabled, .button-styled.secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.button-styled.disabled, .button-styled:disabled, .button-styled[disabled] {
  cursor: default;
  pointer-events: none;
}
.button-styled.block {
  width: 100%;
}
.button-styled.with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.button-styled.with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.button-styled.with-icon .k-icon {
  margin-right: 5px;
}
.button-styled.with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-styled.with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.button-styled.with-icon .icon-wrapper svg, .button-styled.with-icon .icon-wrapper img {
  height: 14px;
}
.button-styled.just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.button-styled.just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.button-styled.just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.button-styled.just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-styled.just-icon .icon-wrapper {
  display: flex;
}
.button-styled.just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.button-styled.just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.button-styled.rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.button-styled.big {
  min-width: 60px;
  min-height: 60px;
}
.button-styled.big.rounded {
  height: 60px;
  width: 60px;
}
.button-styled.big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.button-styled.big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.button-styled.icon-shadow .icon-wrapper, .button-styled.icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.button-styled.icon-shadow .icon-wrapper svg, .button-styled.icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.button-styled.icon-shadow .icon-wrapper img, .button-styled.icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.button-styled.icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.button-styled.icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.button-styled.dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button-styled.dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.button-styled.dashed.just-icon {
  padding: 0;
}
.button-styled.dashed.active, .button-styled.dashed.active:hover {
  border: 1px dashed var(--accent);
}
.button-styled.dashed.active.icon-rounded .icon-wrapper, .button-styled.dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}

/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Kendo UI colors */
/* Kendo UI: $accent, $selected-bg */
/* Kendo UI: $error */
/* Kendo UI: $selected-text */
/* Kendo UI: $hovered-bg */
/* Only for panels and widgets*/ /* Not currently used */
/* Set width to 100% by default */
.k-autocomplete,
.k-combobox,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-dropdowntree,
.k-multiselect,
.k-numerictextbox,
.k-maskedtextbox,
.k-timepicker,
.k-dropdowntree {
  width: 100%;
}

.k-i-warning.k-i-deleted {
  color: #ff3030 !important;
  margin-left: 3px;
}

input.k-textbox, textarea.k-textbox {
  height: 40px;
  width: 100%;
  font-family: "Core Sans A Light";
  font-size: 12px;
  color: var(--normalText);
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
}
input.k-textbox ::placeholder, textarea.k-textbox ::placeholder {
  color: var(--placeholder);
}
input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
  background-color: #ffffff;
  background-image: none;
}
input.k-textbox:hover, input.k-textbox:focus, input.k-textbox.k-state-hover, input.k-textbox.k-state-focused, textarea.k-textbox:hover, textarea.k-textbox:focus, textarea.k-textbox.k-state-hover, textarea.k-textbox.k-state-focused {
  box-shadow: none !important;
}
input.k-textbox:hover:not(.k-invalid), input.k-textbox:focus:not(.k-invalid), input.k-textbox.k-state-hover:not(.k-invalid), input.k-textbox.k-state-focused:not(.k-invalid), textarea.k-textbox:hover:not(.k-invalid), textarea.k-textbox:focus:not(.k-invalid), textarea.k-textbox.k-state-hover:not(.k-invalid), textarea.k-textbox.k-state-focused:not(.k-invalid) {
  border-color: var(--accent);
}
input.k-textbox.disabled, input.k-textbox.disabled .k-icon, input.k-textbox.k-state-disabled, input.k-textbox.k-state-disabled .k-icon, textarea.k-textbox.disabled, textarea.k-textbox.disabled .k-icon, textarea.k-textbox.k-state-disabled, textarea.k-textbox.k-state-disabled .k-icon {
  filter: unset;
  opacity: 1;
  color: var(--disabled);
}
input.k-textbox.k-invalid, textarea.k-textbox.k-invalid {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--error) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea.k-textbox {
  height: auto;
}

/* VI */
.vi-init-textbox,
.vi-init-multilinetextbox,
.vi-init-mappinglist,
.vi-init-mappinglistradio,
.vi-init-placeholder,
.vi-init-mappingbox,
.vi-init-mappingtree,
.vi-init-download {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.vi-init-textbox.k-invalid,
.vi-init-multilinetextbox.k-invalid,
.vi-init-mappinglist.k-invalid,
.vi-init-mappinglistradio.k-invalid,
.vi-init-placeholder.k-invalid,
.vi-init-mappingbox.k-invalid,
.vi-init-mappingtree.k-invalid,
.vi-init-download.k-invalid {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--error) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.k-autocomplete,
.k-dateinput-wrap,
.k-dropdown-wrap,
.k-picker-wrap,
.k-multiselect-wrap,
.k-numeric-wrap {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.k-numerictextbox,
.k-dropdown,
.k-multiselect {
  width: 100%;
}
.k-numerictextbox, .k-numerictextbox:hover,
.k-dropdown,
.k-dropdown:hover,
.k-multiselect,
.k-multiselect:hover {
  background-color: transparent;
}
.k-numerictextbox .k-numeric-wrap,
.k-numerictextbox .k-dropdown-wrap,
.k-numerictextbox .k-multiselect-wrap,
.k-dropdown .k-numeric-wrap,
.k-dropdown .k-dropdown-wrap,
.k-dropdown .k-multiselect-wrap,
.k-multiselect .k-numeric-wrap,
.k-multiselect .k-dropdown-wrap,
.k-multiselect .k-multiselect-wrap {
  height: 40px;
  width: 100%;
  font-family: "Core Sans A Light";
  font-size: 12px;
  color: var(--normalText);
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
}
.k-numerictextbox .k-numeric-wrap ::placeholder,
.k-numerictextbox .k-dropdown-wrap ::placeholder,
.k-numerictextbox .k-multiselect-wrap ::placeholder,
.k-dropdown .k-numeric-wrap ::placeholder,
.k-dropdown .k-dropdown-wrap ::placeholder,
.k-dropdown .k-multiselect-wrap ::placeholder,
.k-multiselect .k-numeric-wrap ::placeholder,
.k-multiselect .k-dropdown-wrap ::placeholder,
.k-multiselect .k-multiselect-wrap ::placeholder {
  color: var(--placeholder);
}
.k-numerictextbox .k-numeric-wrap .k-input,
.k-numerictextbox .k-dropdown-wrap .k-input,
.k-numerictextbox .k-multiselect-wrap .k-input,
.k-dropdown .k-numeric-wrap .k-input,
.k-dropdown .k-dropdown-wrap .k-input,
.k-dropdown .k-multiselect-wrap .k-input,
.k-multiselect .k-numeric-wrap .k-input,
.k-multiselect .k-dropdown-wrap .k-input,
.k-multiselect .k-multiselect-wrap .k-input {
  height: 100%;
}
.k-numerictextbox .k-numeric-wrap .k-link-increase,
.k-numerictextbox .k-numeric-wrap .k-link-decrease,
.k-numerictextbox .k-dropdown-wrap .k-link-increase,
.k-numerictextbox .k-dropdown-wrap .k-link-decrease,
.k-numerictextbox .k-multiselect-wrap .k-link-increase,
.k-numerictextbox .k-multiselect-wrap .k-link-decrease,
.k-dropdown .k-numeric-wrap .k-link-increase,
.k-dropdown .k-numeric-wrap .k-link-decrease,
.k-dropdown .k-dropdown-wrap .k-link-increase,
.k-dropdown .k-dropdown-wrap .k-link-decrease,
.k-dropdown .k-multiselect-wrap .k-link-increase,
.k-dropdown .k-multiselect-wrap .k-link-decrease,
.k-multiselect .k-numeric-wrap .k-link-increase,
.k-multiselect .k-numeric-wrap .k-link-decrease,
.k-multiselect .k-dropdown-wrap .k-link-increase,
.k-multiselect .k-dropdown-wrap .k-link-decrease,
.k-multiselect .k-multiselect-wrap .k-link-increase,
.k-multiselect .k-multiselect-wrap .k-link-decrease {
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-numerictextbox .k-numeric-wrap .k-link-increase .k-icon,
.k-numerictextbox .k-numeric-wrap .k-link-decrease .k-icon,
.k-numerictextbox .k-dropdown-wrap .k-link-increase .k-icon,
.k-numerictextbox .k-dropdown-wrap .k-link-decrease .k-icon,
.k-numerictextbox .k-multiselect-wrap .k-link-increase .k-icon,
.k-numerictextbox .k-multiselect-wrap .k-link-decrease .k-icon,
.k-dropdown .k-numeric-wrap .k-link-increase .k-icon,
.k-dropdown .k-numeric-wrap .k-link-decrease .k-icon,
.k-dropdown .k-dropdown-wrap .k-link-increase .k-icon,
.k-dropdown .k-dropdown-wrap .k-link-decrease .k-icon,
.k-dropdown .k-multiselect-wrap .k-link-increase .k-icon,
.k-dropdown .k-multiselect-wrap .k-link-decrease .k-icon,
.k-multiselect .k-numeric-wrap .k-link-increase .k-icon,
.k-multiselect .k-numeric-wrap .k-link-decrease .k-icon,
.k-multiselect .k-dropdown-wrap .k-link-increase .k-icon,
.k-multiselect .k-dropdown-wrap .k-link-decrease .k-icon,
.k-multiselect .k-multiselect-wrap .k-link-increase .k-icon,
.k-multiselect .k-multiselect-wrap .k-link-decrease .k-icon {
  position: static;
  transform: none;
}
.k-numerictextbox .k-numeric-wrap .k-link-increase,
.k-numerictextbox .k-dropdown-wrap .k-link-increase,
.k-numerictextbox .k-multiselect-wrap .k-link-increase,
.k-dropdown .k-numeric-wrap .k-link-increase,
.k-dropdown .k-dropdown-wrap .k-link-increase,
.k-dropdown .k-multiselect-wrap .k-link-increase,
.k-multiselect .k-numeric-wrap .k-link-increase,
.k-multiselect .k-dropdown-wrap .k-link-increase,
.k-multiselect .k-multiselect-wrap .k-link-increase {
  border-bottom: 1px solid var(--border);
}
.k-numerictextbox .k-numeric-wrap .k-link-decrease,
.k-numerictextbox .k-dropdown-wrap .k-link-decrease,
.k-numerictextbox .k-multiselect-wrap .k-link-decrease,
.k-dropdown .k-numeric-wrap .k-link-decrease,
.k-dropdown .k-dropdown-wrap .k-link-decrease,
.k-dropdown .k-multiselect-wrap .k-link-decrease,
.k-multiselect .k-numeric-wrap .k-link-decrease,
.k-multiselect .k-dropdown-wrap .k-link-decrease,
.k-multiselect .k-multiselect-wrap .k-link-decrease {
  border-top: 1px solid var(--border);
}
.k-numerictextbox .k-numeric-wrap.k-numeric-wrap .k-select,
.k-numerictextbox .k-dropdown-wrap.k-numeric-wrap .k-select,
.k-numerictextbox .k-multiselect-wrap.k-numeric-wrap .k-select,
.k-dropdown .k-numeric-wrap.k-numeric-wrap .k-select,
.k-dropdown .k-dropdown-wrap.k-numeric-wrap .k-select,
.k-dropdown .k-multiselect-wrap.k-numeric-wrap .k-select,
.k-multiselect .k-numeric-wrap.k-numeric-wrap .k-select,
.k-multiselect .k-dropdown-wrap.k-numeric-wrap .k-select,
.k-multiselect .k-multiselect-wrap.k-numeric-wrap .k-select {
  border-left: 1px solid var(--border);
}
.k-numerictextbox .k-numeric-wrap .k-icon,
.k-numerictextbox .k-dropdown-wrap .k-icon,
.k-numerictextbox .k-multiselect-wrap .k-icon,
.k-dropdown .k-numeric-wrap .k-icon,
.k-dropdown .k-dropdown-wrap .k-icon,
.k-dropdown .k-multiselect-wrap .k-icon,
.k-multiselect .k-numeric-wrap .k-icon,
.k-multiselect .k-dropdown-wrap .k-icon,
.k-multiselect .k-multiselect-wrap .k-icon {
  color: var(--icon);
}
.k-numerictextbox .k-numeric-wrap .k-select,
.k-numerictextbox .k-dropdown-wrap .k-select,
.k-numerictextbox .k-multiselect-wrap .k-select,
.k-dropdown .k-numeric-wrap .k-select,
.k-dropdown .k-dropdown-wrap .k-select,
.k-dropdown .k-multiselect-wrap .k-select,
.k-multiselect .k-numeric-wrap .k-select,
.k-multiselect .k-dropdown-wrap .k-select,
.k-multiselect .k-multiselect-wrap .k-select {
  background-image: none;
  background-color: transparent;
}
.k-numerictextbox .k-numeric-wrap, .k-numerictextbox .k-numeric-wrap:hover,
.k-numerictextbox .k-dropdown-wrap,
.k-numerictextbox .k-dropdown-wrap:hover,
.k-numerictextbox .k-multiselect-wrap,
.k-numerictextbox .k-multiselect-wrap:hover,
.k-dropdown .k-numeric-wrap,
.k-dropdown .k-numeric-wrap:hover,
.k-dropdown .k-dropdown-wrap,
.k-dropdown .k-dropdown-wrap:hover,
.k-dropdown .k-multiselect-wrap,
.k-dropdown .k-multiselect-wrap:hover,
.k-multiselect .k-numeric-wrap,
.k-multiselect .k-numeric-wrap:hover,
.k-multiselect .k-dropdown-wrap,
.k-multiselect .k-dropdown-wrap:hover,
.k-multiselect .k-multiselect-wrap,
.k-multiselect .k-multiselect-wrap:hover {
  background-color: #ffffff;
  background-image: none;
}
.k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap:focus, .k-numerictextbox .k-numeric-wrap.k-state-hover, .k-numerictextbox .k-numeric-wrap.k-state-focused,
.k-numerictextbox .k-dropdown-wrap:hover,
.k-numerictextbox .k-dropdown-wrap:focus,
.k-numerictextbox .k-dropdown-wrap.k-state-hover,
.k-numerictextbox .k-dropdown-wrap.k-state-focused,
.k-numerictextbox .k-multiselect-wrap:hover,
.k-numerictextbox .k-multiselect-wrap:focus,
.k-numerictextbox .k-multiselect-wrap.k-state-hover,
.k-numerictextbox .k-multiselect-wrap.k-state-focused,
.k-dropdown .k-numeric-wrap:hover,
.k-dropdown .k-numeric-wrap:focus,
.k-dropdown .k-numeric-wrap.k-state-hover,
.k-dropdown .k-numeric-wrap.k-state-focused,
.k-dropdown .k-dropdown-wrap:hover,
.k-dropdown .k-dropdown-wrap:focus,
.k-dropdown .k-dropdown-wrap.k-state-hover,
.k-dropdown .k-dropdown-wrap.k-state-focused,
.k-dropdown .k-multiselect-wrap:hover,
.k-dropdown .k-multiselect-wrap:focus,
.k-dropdown .k-multiselect-wrap.k-state-hover,
.k-dropdown .k-multiselect-wrap.k-state-focused,
.k-multiselect .k-numeric-wrap:hover,
.k-multiselect .k-numeric-wrap:focus,
.k-multiselect .k-numeric-wrap.k-state-hover,
.k-multiselect .k-numeric-wrap.k-state-focused,
.k-multiselect .k-dropdown-wrap:hover,
.k-multiselect .k-dropdown-wrap:focus,
.k-multiselect .k-dropdown-wrap.k-state-hover,
.k-multiselect .k-dropdown-wrap.k-state-focused,
.k-multiselect .k-multiselect-wrap:hover,
.k-multiselect .k-multiselect-wrap:focus,
.k-multiselect .k-multiselect-wrap.k-state-hover,
.k-multiselect .k-multiselect-wrap.k-state-focused {
  box-shadow: none !important;
}
.k-numerictextbox .k-numeric-wrap:hover:not(.k-invalid), .k-numerictextbox .k-numeric-wrap:focus:not(.k-invalid), .k-numerictextbox .k-numeric-wrap.k-state-hover:not(.k-invalid), .k-numerictextbox .k-numeric-wrap.k-state-focused:not(.k-invalid),
.k-numerictextbox .k-dropdown-wrap:hover:not(.k-invalid),
.k-numerictextbox .k-dropdown-wrap:focus:not(.k-invalid),
.k-numerictextbox .k-dropdown-wrap.k-state-hover:not(.k-invalid),
.k-numerictextbox .k-dropdown-wrap.k-state-focused:not(.k-invalid),
.k-numerictextbox .k-multiselect-wrap:hover:not(.k-invalid),
.k-numerictextbox .k-multiselect-wrap:focus:not(.k-invalid),
.k-numerictextbox .k-multiselect-wrap.k-state-hover:not(.k-invalid),
.k-numerictextbox .k-multiselect-wrap.k-state-focused:not(.k-invalid),
.k-dropdown .k-numeric-wrap:hover:not(.k-invalid),
.k-dropdown .k-numeric-wrap:focus:not(.k-invalid),
.k-dropdown .k-numeric-wrap.k-state-hover:not(.k-invalid),
.k-dropdown .k-numeric-wrap.k-state-focused:not(.k-invalid),
.k-dropdown .k-dropdown-wrap:hover:not(.k-invalid),
.k-dropdown .k-dropdown-wrap:focus:not(.k-invalid),
.k-dropdown .k-dropdown-wrap.k-state-hover:not(.k-invalid),
.k-dropdown .k-dropdown-wrap.k-state-focused:not(.k-invalid),
.k-dropdown .k-multiselect-wrap:hover:not(.k-invalid),
.k-dropdown .k-multiselect-wrap:focus:not(.k-invalid),
.k-dropdown .k-multiselect-wrap.k-state-hover:not(.k-invalid),
.k-dropdown .k-multiselect-wrap.k-state-focused:not(.k-invalid),
.k-multiselect .k-numeric-wrap:hover:not(.k-invalid),
.k-multiselect .k-numeric-wrap:focus:not(.k-invalid),
.k-multiselect .k-numeric-wrap.k-state-hover:not(.k-invalid),
.k-multiselect .k-numeric-wrap.k-state-focused:not(.k-invalid),
.k-multiselect .k-dropdown-wrap:hover:not(.k-invalid),
.k-multiselect .k-dropdown-wrap:focus:not(.k-invalid),
.k-multiselect .k-dropdown-wrap.k-state-hover:not(.k-invalid),
.k-multiselect .k-dropdown-wrap.k-state-focused:not(.k-invalid),
.k-multiselect .k-multiselect-wrap:hover:not(.k-invalid),
.k-multiselect .k-multiselect-wrap:focus:not(.k-invalid),
.k-multiselect .k-multiselect-wrap.k-state-hover:not(.k-invalid),
.k-multiselect .k-multiselect-wrap.k-state-focused:not(.k-invalid) {
  border-color: var(--accent);
}
.k-numerictextbox .k-numeric-wrap.disabled, .k-numerictextbox .k-numeric-wrap.disabled .k-icon, .k-numerictextbox .k-numeric-wrap.k-state-disabled, .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-icon,
.k-numerictextbox .k-dropdown-wrap.disabled,
.k-numerictextbox .k-dropdown-wrap.disabled .k-icon,
.k-numerictextbox .k-dropdown-wrap.k-state-disabled,
.k-numerictextbox .k-dropdown-wrap.k-state-disabled .k-icon,
.k-numerictextbox .k-multiselect-wrap.disabled,
.k-numerictextbox .k-multiselect-wrap.disabled .k-icon,
.k-numerictextbox .k-multiselect-wrap.k-state-disabled,
.k-numerictextbox .k-multiselect-wrap.k-state-disabled .k-icon,
.k-dropdown .k-numeric-wrap.disabled,
.k-dropdown .k-numeric-wrap.disabled .k-icon,
.k-dropdown .k-numeric-wrap.k-state-disabled,
.k-dropdown .k-numeric-wrap.k-state-disabled .k-icon,
.k-dropdown .k-dropdown-wrap.disabled,
.k-dropdown .k-dropdown-wrap.disabled .k-icon,
.k-dropdown .k-dropdown-wrap.k-state-disabled,
.k-dropdown .k-dropdown-wrap.k-state-disabled .k-icon,
.k-dropdown .k-multiselect-wrap.disabled,
.k-dropdown .k-multiselect-wrap.disabled .k-icon,
.k-dropdown .k-multiselect-wrap.k-state-disabled,
.k-dropdown .k-multiselect-wrap.k-state-disabled .k-icon,
.k-multiselect .k-numeric-wrap.disabled,
.k-multiselect .k-numeric-wrap.disabled .k-icon,
.k-multiselect .k-numeric-wrap.k-state-disabled,
.k-multiselect .k-numeric-wrap.k-state-disabled .k-icon,
.k-multiselect .k-dropdown-wrap.disabled,
.k-multiselect .k-dropdown-wrap.disabled .k-icon,
.k-multiselect .k-dropdown-wrap.k-state-disabled,
.k-multiselect .k-dropdown-wrap.k-state-disabled .k-icon,
.k-multiselect .k-multiselect-wrap.disabled,
.k-multiselect .k-multiselect-wrap.disabled .k-icon,
.k-multiselect .k-multiselect-wrap.k-state-disabled,
.k-multiselect .k-multiselect-wrap.k-state-disabled .k-icon {
  filter: unset;
  opacity: 1;
  color: var(--disabled);
}
.k-numerictextbox .k-numeric-wrap.k-invalid,
.k-numerictextbox .k-dropdown-wrap.k-invalid,
.k-numerictextbox .k-multiselect-wrap.k-invalid,
.k-dropdown .k-numeric-wrap.k-invalid,
.k-dropdown .k-dropdown-wrap.k-invalid,
.k-dropdown .k-multiselect-wrap.k-invalid,
.k-multiselect .k-numeric-wrap.k-invalid,
.k-multiselect .k-dropdown-wrap.k-invalid,
.k-multiselect .k-multiselect-wrap.k-invalid {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--error) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-numerictextbox .k-numeric-wrap.k-invalid .k-input,
.k-numerictextbox .k-dropdown-wrap.k-invalid .k-input,
.k-numerictextbox .k-multiselect-wrap.k-invalid .k-input,
.k-dropdown .k-numeric-wrap.k-invalid .k-input,
.k-dropdown .k-dropdown-wrap.k-invalid .k-input,
.k-dropdown .k-multiselect-wrap.k-invalid .k-input,
.k-multiselect .k-numeric-wrap.k-invalid .k-input,
.k-multiselect .k-dropdown-wrap.k-invalid .k-input,
.k-multiselect .k-multiselect-wrap.k-invalid .k-input {
  border-color: transparent !important;
}

.k-multiselect .k-multiselect-wrap {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 2px;
}
.k-multiselect .k-multiselect-wrap, .k-multiselect .k-multiselect-wrap:hover {
  background-color: transparent;
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button {
  font-size: 10px;
  display: flex;
  align-items: center;
  margin: 2px;
  border: none;
  color: #ffffff;
  background-color: var(--widgetBase);
  background-image: none;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button span {
  font-family: "Core Sans A Medium";
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button .k-icon {
  width: 10px;
  height: 10px;
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button .k-icon, .k-multiselect .k-multiselect-wrap .k-reset .k-button .k-icon:hover {
  color: #ffffff;
  opacity: 1;
}
.k-multiselect .k-multiselect-wrap .k-clear-value {
  top: 50%;
  transform: translateY(-50%);
}

.k-datepicker,
.k-timepicker,
.k-datetimepicker {
  width: 100%;
}
.k-datepicker, .k-datepicker:hover,
.k-timepicker,
.k-timepicker:hover,
.k-datetimepicker,
.k-datetimepicker:hover {
  background-color: transparent;
}
.k-datepicker .k-picker-wrap, .k-datepicker .k-picker-wrap:hover, .k-datepicker .k-picker-wrap.k-state-hover,
.k-timepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap:hover,
.k-timepicker .k-picker-wrap.k-state-hover,
.k-datetimepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap:hover,
.k-datetimepicker .k-picker-wrap.k-state-hover {
  border-color: transparent;
}
.k-datepicker .k-picker-wrap:focus, .k-datepicker .k-picker-wrap.k-state-focused,
.k-timepicker .k-picker-wrap:focus,
.k-timepicker .k-picker-wrap.k-state-focused,
.k-datetimepicker .k-picker-wrap:focus,
.k-datetimepicker .k-picker-wrap.k-state-focused {
  box-shadow: none !important;
}
.k-datepicker .k-picker-wrap.disabled .k-input, .k-datepicker .k-picker-wrap.disabled .k-icon, .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .k-datepicker .k-picker-wrap.k-state-disabled .k-icon,
.k-timepicker .k-picker-wrap.disabled .k-input,
.k-timepicker .k-picker-wrap.disabled .k-icon,
.k-timepicker .k-picker-wrap.k-state-disabled .k-input,
.k-timepicker .k-picker-wrap.k-state-disabled .k-icon,
.k-datetimepicker .k-picker-wrap.disabled .k-input,
.k-datetimepicker .k-picker-wrap.disabled .k-icon,
.k-datetimepicker .k-picker-wrap.k-state-disabled .k-input,
.k-datetimepicker .k-picker-wrap.k-state-disabled .k-icon {
  filter: unset;
  opacity: 1;
  color: var(--disabled);
}
.k-datepicker .k-picker-wrap .k-input,
.k-timepicker .k-picker-wrap .k-input,
.k-datetimepicker .k-picker-wrap .k-input {
  height: 40px;
  width: 100%;
  font-family: "Core Sans A Light";
  font-size: 12px;
  color: var(--normalText);
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
  background-color: #ffffff;
  background-image: none;
}
.k-datepicker .k-picker-wrap .k-input ::placeholder,
.k-timepicker .k-picker-wrap .k-input ::placeholder,
.k-datetimepicker .k-picker-wrap .k-input ::placeholder {
  color: var(--placeholder);
}
.k-datepicker .k-picker-wrap .k-input:hover, .k-datepicker .k-picker-wrap .k-input:focus, .k-datepicker .k-picker-wrap .k-input.k-state-hover, .k-datepicker .k-picker-wrap .k-input.k-state-focused,
.k-timepicker .k-picker-wrap .k-input:hover,
.k-timepicker .k-picker-wrap .k-input:focus,
.k-timepicker .k-picker-wrap .k-input.k-state-hover,
.k-timepicker .k-picker-wrap .k-input.k-state-focused,
.k-datetimepicker .k-picker-wrap .k-input:hover,
.k-datetimepicker .k-picker-wrap .k-input:focus,
.k-datetimepicker .k-picker-wrap .k-input.k-state-hover,
.k-datetimepicker .k-picker-wrap .k-input.k-state-focused {
  box-shadow: none !important;
}
.k-datepicker .k-picker-wrap .k-input:hover:not(.k-invalid), .k-datepicker .k-picker-wrap .k-input:focus:not(.k-invalid), .k-datepicker .k-picker-wrap .k-input.k-state-hover:not(.k-invalid), .k-datepicker .k-picker-wrap .k-input.k-state-focused:not(.k-invalid),
.k-timepicker .k-picker-wrap .k-input:hover:not(.k-invalid),
.k-timepicker .k-picker-wrap .k-input:focus:not(.k-invalid),
.k-timepicker .k-picker-wrap .k-input.k-state-hover:not(.k-invalid),
.k-timepicker .k-picker-wrap .k-input.k-state-focused:not(.k-invalid),
.k-datetimepicker .k-picker-wrap .k-input:hover:not(.k-invalid),
.k-datetimepicker .k-picker-wrap .k-input:focus:not(.k-invalid),
.k-datetimepicker .k-picker-wrap .k-input.k-state-hover:not(.k-invalid),
.k-datetimepicker .k-picker-wrap .k-input.k-state-focused:not(.k-invalid) {
  border-color: var(--accent);
}
.k-datepicker .k-picker-wrap .k-input, .k-datepicker .k-picker-wrap .k-input:hover,
.k-timepicker .k-picker-wrap .k-input,
.k-timepicker .k-picker-wrap .k-input:hover,
.k-datetimepicker .k-picker-wrap .k-input,
.k-datetimepicker .k-picker-wrap .k-input:hover {
  background-color: #ffffff;
  background-image: none;
}
.k-datepicker .k-picker-wrap .k-input.k-invalid,
.k-timepicker .k-picker-wrap .k-input.k-invalid,
.k-datetimepicker .k-picker-wrap .k-input.k-invalid {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--error) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-datepicker .k-picker-wrap .k-select,
.k-timepicker .k-picker-wrap .k-select,
.k-datetimepicker .k-picker-wrap .k-select {
  background-image: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.sql-input {
  height: 40px;
  width: 100%;
  font-family: "Core Sans A Light";
  font-size: 12px;
  color: var(--normalText);
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
  height: auto;
}
.sql-input ::placeholder {
  color: var(--placeholder);
}
.sql-input, .sql-input .CodeMirror {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sql-input:hover, .sql-input:focus, .sql-input.k-state-hover, .sql-input.k-state-focused {
  box-shadow: none !important;
}
.sql-input:hover:not(.k-invalid), .sql-input:focus:not(.k-invalid), .sql-input.k-state-hover:not(.k-invalid), .sql-input.k-state-focused:not(.k-invalid) {
  border-color: var(--accent);
}
.sql-input.k-invalid {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--error) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Grid */
.k-grid {
  border: 1px solid var(--border) !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Decrease row height for better overview */
}
.k-grid .k-grid-edit-row .k-widget, .k-grid .k-grid-edit-row .k-button, .k-grid .k-grid-edit-row .k-textbox, .k-grid .k-grid-edit-row .k-input.k-textbox {
  height: 40px;
}
.k-grid tr {
  line-height: 24px;
}
.k-grid tr, .k-grid td {
  padding: 8px 12px;
}
.k-grid > :first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.k-grid > :last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.k-grid table[role=grid] {
  border-collapse: collapse;
}
.k-grid table[role=grid] .k-grid-header, .k-grid table[role=grid] thead {
  background: var(--normalBackground);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.k-grid table[role=grid] .k-grid-header .k-i-sort-asc-sm,
.k-grid table[role=grid] .k-grid-header .k-i-sort-desc-sm,
.k-grid table[role=grid] .k-grid-header .k-sort-order, .k-grid table[role=grid] thead .k-i-sort-asc-sm,
.k-grid table[role=grid] thead .k-i-sort-desc-sm,
.k-grid table[role=grid] thead .k-sort-order {
  color: var(--accent);
}
.k-grid table[role=grid] .k-grid-header tr:nth-child(even),
.k-grid table[role=grid] .k-grid-header tr:nth-child(odd), .k-grid table[role=grid] thead tr:nth-child(even),
.k-grid table[role=grid] thead tr:nth-child(odd) {
  background: var(--normalBackground);
}
.k-grid table[role=grid] .k-grid-header th.k-header, .k-grid table[role=grid] thead th.k-header {
  height: 60px;
  padding: 17px 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.k-grid tbody tr:hover td,
.k-grid tbody tr.k-alt:hover:not(.k-state-selected) td,
.k-grid tbody tr.k-state-hover,
.k-grid tbody td.k-state-selected,
.k-grid tbody tr.k-state-selected > td {
  color: var(--normalText);
  background-color: var(--darkWidgetBackground);
}
.k-grid tbody tr:hover td .k-button, .k-grid tbody tr:hover td button-styled,
.k-grid tbody tr.k-alt:hover:not(.k-state-selected) td .k-button,
.k-grid tbody tr.k-alt:hover:not(.k-state-selected) td button-styled,
.k-grid tbody tr.k-state-hover .k-button,
.k-grid tbody tr.k-state-hover button-styled,
.k-grid tbody td.k-state-selected .k-button,
.k-grid tbody td.k-state-selected button-styled,
.k-grid tbody tr.k-state-selected > td .k-button,
.k-grid tbody tr.k-state-selected > td button-styled {
  color: initial;
}
.k-grid tbody tr td {
  background: var(--mediumWidgetBackground);
}
.k-grid tbody tr.k-alt td {
  background: var(--widgetBackground);
}
.k-grid tbody tr.k-state-selected td {
  color: #ffffff;
  background-color: var(--accent);
}
.k-grid tbody tr:hover th {
  color: var(--normalText);
  background-color: #ffffff;
}
.k-grid tbody tr.k-state-selected .explorer-picture {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}
.k-grid tbody td[role=gridcell] > .k-link, .k-grid tbody td[role=gridcell] > span > .k-link {
  text-decoration: underline;
}
.k-grid .k-grid-content {
  overflow-y: auto;
}
.k-grid .k-filter-row .k-dropdown-operator, .k-grid .k-filter-row .k-filtercell > span > .k-button {
  position: absolute;
  top: 0;
  right: 0;
}
.k-grid .k-filter-row .k-filtercell {
  display: block;
}
.k-grid .k-filter-row .k-filtercell .k-operator-hidden {
  position: relative;
  padding-right: 34px;
}
.k-grid .k-filter-row .k-button {
  -webkit-transition: background 275ms, color 275ms;
  -moz-transition: background 275ms, color 275ms;
  -o-transition: background 275ms, color 275ms;
  transition: background 275ms, color 275ms;
  height: 40px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.k-grid .k-filter-row .k-button:hover {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: #ffffff;
}
.k-grid .k-filter-row .k-input {
  display: inline-block;
}
.k-grid .k-dirty {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 3px;
  border-color: var(--error) transparent transparent var(--error);
  padding: 0;
  overflow: hidden;
  vertical-align: top;
}

#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid {
  border: 0 !important;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid > :first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid > :last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid th.last-column,
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid td.last-column {
  border-right-width: 0;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid th.first-column,
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid td.first-column {
  border-left-width: 0;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid th {
  padding: 16px 12px;
  border-width: 0;
  white-space: nowrap;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid td {
  border-width: 0;
  vertical-align: middle;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tr {
  background-color: var(--widgetBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tr.k-alt {
  background-color: var(--mediumWidgetBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-header-locked > table, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-header-wrap > table {
  background-color: var(--normalBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-header, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-header-wrap, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grouping-header, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grouping-header .k-group-indicator, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid td, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-footer, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-footer-wrap, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-content-locked, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-footer-locked, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-grid-header-locked, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-filter-row > td, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid .k-filter-row > th {
  border: 0;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid thead tr {
  background-color: var(--normalBackground);
  height: 60px;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid thead th {
  border-width: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  font-family: "Core Sans A Medium";
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid thead th a, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid thead th b {
  font-family: "Core Sans A Medium";
  font-weight: normal;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr td {
  background-color: var(--widgetBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody td {
  border-width: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr.k-state-selected td, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr.k-alt.k-state-selected td,
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover.k-state-selected td, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover.k-alt.k-state-selected td {
  color: var(--normalText);
  background-color: var(--accent);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr.k-state-selected td .explorer-picture, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr.k-alt.k-state-selected td .explorer-picture,
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover.k-state-selected td .explorer-picture, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover.k-alt.k-state-selected td .explorer-picture {
  filter: unset;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr.k-alt td {
  background-color: var(--mediumWidgetBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover td, #dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid tbody tr:hover.k-alt td {
  background-color: var(--darkWidgetBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-pager-wrap {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: var(--normalBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-content {
  border-radius: 10px;
  padding: 12px;
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-grid-footer {
  background-color: var(--normalBackground);
}
#dashboardPlaceHolder:not(.isEditorPage) .dashboardWidget .k-filter-row > th {
  border-color: rgba(0, 0, 0, 0);
}

.explorer.k-grid tr.k-state-selected .explorer-picture, .recently-used.k-grid tr.k-state-selected .explorer-picture, .favorites.k-grid tr.k-state-selected .explorer-picture {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

/* Listview */
.k-listview {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.k-pager-wrap {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

/* Block, panel */
.k-block, .k-panel {
  border: none;
  background: var(--widgetBackground);
}

/* ContextMenu */
.k-widget {
  font-size: 12px;
}
.k-widget.k-context-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-widget.k-context-menu .k-popup {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-widget.k-context-menu .k-item > .k-state-active, .k-widget.k-context-menu .k-item > .k-state-active {
  color: #ffffff;
  background-color: var(--accent);
}
.k-widget.k-context-menu .k-item.k-first, .k-widget.k-context-menu .k-item.k-first .k-link {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.k-widget.k-context-menu .k-item.k-last, .k-widget.k-context-menu .k-item.k-last .k-link {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.k-widget.k-context-menu .k-item.k-first.k-last, .k-widget.k-context-menu .k-item.k-first.k-last .k-link {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-widget.k-context-menu .k-animation-container-shown,
.k-widget.k-context-menu .k-animation-container > .k-popup {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
}

/* Window */
.k-window {
  /* TODO: Same class and styling for dashboard-widget and window headers */
}
.k-window.k-widget .k-window-titlebar.k-header {
  height: 40px;
}
.k-window.k-widget .k-window-titlebar.k-header .k-window-title {
  font-size: inherit;
}
.k-window.k-widget .k-window-titlebar.k-header .k-window-actions {
  margin: 0;
  padding: 0;
}
.k-window #dashboardChooseLayoutWindow .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-window #dashboardChooseLayoutWindow .panel-body {
  background-color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Widget */
.k-widget {
  border: none;
}
.k-widget.k-toolbar .k-button-group {
  margin-left: 0;
}
.k-widget:not(.k-progressbar, .k-animation-container) {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.k-widget.k-window {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.k-widget.k-window #layoutChooseTemplateContainer {
  margin-bottom: 5px;
}
.k-widget .k-window-titlebar.k-header {
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: var(--widgetBase);
  color: var(--contrastText);
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  margin-bottom: -1px;
}
.k-widget .k-window-titlebar.k-header .k-window-actions {
  position: static;
  padding: 0.44em;
}
.k-widget .k-window-content, .k-widget .k-prompt-container {
  background-color: #ffffff;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  overflow: auto;
}

/* TreeView */
.k-treeview {
  border: 1px solid var(--border);
  background-color: #ffffff;
}
.k-treeview .k-in {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-treeview .k-in.k-state-focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-treeview .k-in.k-state-selected {
  background-color: var(--accent);
}
.k-treeview .k-in, .k-treeview .button-styled {
  margin-bottom: 5px;
}
.k-treeview .k-treeview-lines {
  padding: 15px;
}
.k-treeview .button-styled.small {
  height: 27px;
}

.explorerDialogContent .k-treeview {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.k-calendar-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.k-calendar {
  max-width: 210px;
}
.k-calendar .k-header {
  background-color: inherit;
  box-shadow: none;
  border: none;
}
.k-calendar .k-content .k-link {
  box-shadow: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-decoration: none;
}
.k-calendar .k-content .k-today {
  color: var(--normalText);
  font-family: "Core Sans A Medium";
}
.k-calendar .k-content .k-state-focused .k-link {
  color: #ffffff;
  background: var(--accent);
  border: none;
  box-shadow: none;
}
.k-calendar .k-content .k-state-focused .k-link:hover {
  color: #ffffff;
  box-shadow: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-decoration: none;
  background: var(--accent);
}
.k-calendar .k-footer .k-link {
  color: inherit;
}
.k-calendar .k-footer .k-link:hover {
  color: inherit;
}

/* Fix dialog window (messages) */
.k-widget.k-window.k-dialog .k-dialog-buttongroup {
  border: none;
  margin: 0 15px 15px 15px;
}
.k-widget.k-window.k-dialog .k-dialog-buttongroup .k-button.k-primary {
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
  background: var(--accent);
  color: #ffffff;
}
.k-widget.k-window.k-dialog .k-dialog-buttongroup .k-button.k-primary:hover {
  background: var(--lightAccent);
}

/* Override dialog button styles (not customizable in KendoUI dialog) */
.k-dialog-buttongroup .k-button,
.k-upload-button {
  outline: 0;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 13px 14px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
}
.k-dialog-buttongroup .k-button.k-primary,
.k-upload-button.k-primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 5px;
}
.k-dialog-buttongroup .k-button.k-primary, .k-dialog-buttongroup .k-button.k-primary [class^=icon-], .k-dialog-buttongroup .k-button.k-primary [class*=" icon-"],
.k-upload-button.k-primary,
.k-upload-button.k-primary [class^=icon-],
.k-upload-button.k-primary [class*=" icon-"] {
  color: #ffffff;
}
.k-dialog-buttongroup .k-button.k-primary:hover,
.k-upload-button.k-primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-dialog-buttongroup .k-button.k-primary:disabled, .k-dialog-buttongroup .k-button.k-primary.disabled, .k-dialog-buttongroup .k-button.k-primary[disabled],
.k-upload-button.k-primary:disabled,
.k-upload-button.k-primary.disabled,
.k-upload-button.k-primary[disabled] {
  opacity: 0.72;
}
.k-dialog-buttongroup .k-button:not(.k-primary),
.k-upload-button:not(.k-primary) {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-dialog-buttongroup .k-button:not(.k-primary):focus,
.k-upload-button:not(.k-primary):focus {
  border-color: var(--disabled);
}
.k-dialog-buttongroup .k-button:not(.k-primary):hover,
.k-upload-button:not(.k-primary):hover {
  border-color: var(--widgetBase);
}
.k-dialog-buttongroup .k-button:not(.k-primary):disabled, .k-dialog-buttongroup .k-button:not(.k-primary).disabled, .k-dialog-buttongroup .k-button:not(.k-primary)[disabled],
.k-upload-button:not(.k-primary):disabled,
.k-upload-button:not(.k-primary).disabled,
.k-upload-button:not(.k-primary)[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}

/* Pager */
.k-pager-numbers .k-state-selected {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

/* Tabs */
.k-tabstrip .k-tabstrip-items {
  border: none;
}
.k-tabstrip > .k-content {
  padding: 15px;
  border: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 0px;
}
.k-tabstrip > .k-content.k-state-active {
  border: 1px solid transparent;
}
.k-tabstrip .k-item {
  border: none;
}
.k-tabstrip .k-item .k-link {
  color: var(--placeholder);
}
.k-tabstrip .k-item.k-state-active {
  border-bottom: none;
}
.k-tabstrip .k-item.k-state-active .k-link {
  color: var(--normalText);
}
.k-tabstrip.tabstrip-bordered > .k-content {
  border: 1px solid var(--border);
}
.k-tabstrip.tabstrip-bordered .k-item {
  border: 1px solid transparent;
}
.k-tabstrip.tabstrip-bordered .k-item.k-state-active {
  border-color: var(--border);
  border-bottom: 1px solid transparent;
}

/* Notification */
.k-notification {
  margin-bottom: 5px;
}
.k-notification a, .k-notification a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.k-notification.k-notification-info {
  background-color: var(--mediumInfo);
}
.k-notification.k-notification-error {
  background-color: var(--mediumError);
}
.k-notification.k-notification-warning {
  background-color: var(--mediumWarning);
}
.k-notification.k-notification-success {
  background-color: var(--mediumSuccess);
}

/* Tooltip */
.k-widget.k-tooltip {
  margin-top: 7px;
  opacity: 0.5;
}

.k-tooltip {
  background-color: var(--widgetBase);
  color: var(--contrastText);
}
.k-tooltip .k-callout {
  color: var(--widgetBase);
}

/* Theme fixes */
.k-pager-numbers .k-state-selected {
  background-color: var(--accent);
}

.k-list .k-item.k-state-selected, .k-list .k-item.k-state-selected:hover, .k-list-optionlabel.k-state-selected, .k-list-optionlabel.k-state-selected:hover, .k-list-container .k-button:active, .k-list-container .k-button:active:hover, .k-list-container .k-button.k-state-active, .k-list-container .k-button.k-state-active:hover, .k-spreadsheet-popup .k-button:active, .k-spreadsheet-popup .k-button:active:hover, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-active:hover, .k-spreadsheet-popup .k-button.k-state-selected, .k-spreadsheet-popup .k-button.k-state-selected:hover, .k-menu-group .k-item.k-state-selected, .k-menu-group .k-item.k-state-selected:hover, .k-menu.k-context-menu .k-item.k-state-selected, .k-menu.k-context-menu .k-item.k-state-selected:hover {
  background-color: var(--accent);
}

/**
Column Menu
*/
.k-column-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.k-column-menu .k-item {
  color: inherit !important;
}

.k-filter-menu .k-textbox {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 40px;
  -webkit-transition: border-color 275ms;
  -moz-transition: border-color 275ms;
  -o-transition: border-color 275ms;
  transition: border-color 275ms;
}
.k-filter-menu .k-textbox:hover, .k-filter-menu .k-textbox:focus {
  border-color: var(--accent);
}
.k-filter-menu .k-button:not(.k-primary) {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.k-filter-menu .k-button:not(.k-primary):hover {
  text-decoration: none;
}
.k-filter-menu .k-button:not(.k-primary).small {
  padding: 4px 8px;
  min-height: 22px;
}
.k-filter-menu .k-button:not(.k-primary).full-width {
  width: 100%;
}
.k-filter-menu .k-button:not(.k-primary).primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.k-filter-menu .k-button:not(.k-primary).primary, .k-filter-menu .k-button:not(.k-primary).primary [class^=icon-], .k-filter-menu .k-button:not(.k-primary).primary [class*=" icon-"] {
  color: #ffffff;
}
.k-filter-menu .k-button:not(.k-primary).primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-filter-menu .k-button:not(.k-primary).primary:disabled, .k-filter-menu .k-button:not(.k-primary).primary.disabled, .k-filter-menu .k-button:not(.k-primary).primary[disabled] {
  opacity: 0.72;
}
.k-filter-menu .k-button:not(.k-primary).secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.k-filter-menu .k-button:not(.k-primary).secondary:focus {
  border-color: var(--disabled);
}
.k-filter-menu .k-button:not(.k-primary).secondary:hover {
  border-color: var(--widgetBase);
}
.k-filter-menu .k-button:not(.k-primary).secondary:disabled, .k-filter-menu .k-button:not(.k-primary).secondary.disabled, .k-filter-menu .k-button:not(.k-primary).secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.k-filter-menu .k-button:not(.k-primary).disabled, .k-filter-menu .k-button:not(.k-primary):disabled, .k-filter-menu .k-button:not(.k-primary)[disabled] {
  cursor: default;
  pointer-events: none;
}
.k-filter-menu .k-button:not(.k-primary).block {
  width: 100%;
}
.k-filter-menu .k-button:not(.k-primary).with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.k-filter-menu .k-button:not(.k-primary).with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.k-filter-menu .k-button:not(.k-primary).with-icon .k-icon {
  margin-right: 5px;
}
.k-filter-menu .k-button:not(.k-primary).with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-filter-menu .k-button:not(.k-primary).with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.k-filter-menu .k-button:not(.k-primary).with-icon .icon-wrapper svg, .k-filter-menu .k-button:not(.k-primary).with-icon .icon-wrapper img {
  height: 14px;
}
.k-filter-menu .k-button:not(.k-primary).just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.k-filter-menu .k-button:not(.k-primary).just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.k-filter-menu .k-button:not(.k-primary).just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.k-filter-menu .k-button:not(.k-primary).just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-filter-menu .k-button:not(.k-primary).just-icon .icon-wrapper {
  display: flex;
}
.k-filter-menu .k-button:not(.k-primary).just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.k-filter-menu .k-button:not(.k-primary).just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.k-filter-menu .k-button:not(.k-primary).rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-filter-menu .k-button:not(.k-primary).big {
  min-width: 60px;
  min-height: 60px;
}
.k-filter-menu .k-button:not(.k-primary).big.rounded {
  height: 60px;
  width: 60px;
}
.k-filter-menu .k-button:not(.k-primary).big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.k-filter-menu .k-button:not(.k-primary).big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.k-filter-menu .k-button:not(.k-primary).icon-shadow .icon-wrapper, .k-filter-menu .k-button:not(.k-primary).icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.k-filter-menu .k-button:not(.k-primary).icon-shadow .icon-wrapper svg, .k-filter-menu .k-button:not(.k-primary).icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.k-filter-menu .k-button:not(.k-primary).icon-shadow .icon-wrapper img, .k-filter-menu .k-button:not(.k-primary).icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.k-filter-menu .k-button:not(.k-primary).icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.k-filter-menu .k-button:not(.k-primary).icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-filter-menu .k-button:not(.k-primary).dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-filter-menu .k-button:not(.k-primary).dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.k-filter-menu .k-button:not(.k-primary).dashed.just-icon {
  padding: 0;
}
.k-filter-menu .k-button:not(.k-primary).dashed.active, .k-filter-menu .k-button:not(.k-primary).dashed.active:hover {
  border: 1px dashed var(--accent);
}
.k-filter-menu .k-button:not(.k-primary).dashed.active.icon-rounded .icon-wrapper, .k-filter-menu .k-button:not(.k-primary).dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}
.k-filter-menu .k-button:not(.k-primary):focus {
  border-color: var(--disabled);
}
.k-filter-menu .k-button:not(.k-primary):hover {
  border-color: var(--widgetBase);
}
.k-filter-menu .k-button:not(.k-primary):disabled, .k-filter-menu .k-button:not(.k-primary).disabled, .k-filter-menu .k-button:not(.k-primary)[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.k-filter-menu .k-button.k-primary {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.k-filter-menu .k-button.k-primary:hover {
  text-decoration: none;
}
.k-filter-menu .k-button.k-primary.small {
  padding: 4px 8px;
  min-height: 22px;
}
.k-filter-menu .k-button.k-primary.full-width {
  width: 100%;
}
.k-filter-menu .k-button.k-primary.primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.k-filter-menu .k-button.k-primary.primary, .k-filter-menu .k-button.k-primary.primary [class^=icon-], .k-filter-menu .k-button.k-primary.primary [class*=" icon-"] {
  color: #ffffff;
}
.k-filter-menu .k-button.k-primary.primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-filter-menu .k-button.k-primary.primary:disabled, .k-filter-menu .k-button.k-primary.primary.disabled, .k-filter-menu .k-button.k-primary.primary[disabled] {
  opacity: 0.72;
}
.k-filter-menu .k-button.k-primary.secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.k-filter-menu .k-button.k-primary.secondary:focus {
  border-color: var(--disabled);
}
.k-filter-menu .k-button.k-primary.secondary:hover {
  border-color: var(--widgetBase);
}
.k-filter-menu .k-button.k-primary.secondary:disabled, .k-filter-menu .k-button.k-primary.secondary.disabled, .k-filter-menu .k-button.k-primary.secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.k-filter-menu .k-button.k-primary.disabled, .k-filter-menu .k-button.k-primary:disabled, .k-filter-menu .k-button.k-primary[disabled] {
  cursor: default;
  pointer-events: none;
}
.k-filter-menu .k-button.k-primary.block {
  width: 100%;
}
.k-filter-menu .k-button.k-primary.with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.k-filter-menu .k-button.k-primary.with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.k-filter-menu .k-button.k-primary.with-icon .k-icon {
  margin-right: 5px;
}
.k-filter-menu .k-button.k-primary.with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-filter-menu .k-button.k-primary.with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.k-filter-menu .k-button.k-primary.with-icon .icon-wrapper svg, .k-filter-menu .k-button.k-primary.with-icon .icon-wrapper img {
  height: 14px;
}
.k-filter-menu .k-button.k-primary.just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.k-filter-menu .k-button.k-primary.just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.k-filter-menu .k-button.k-primary.just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.k-filter-menu .k-button.k-primary.just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-filter-menu .k-button.k-primary.just-icon .icon-wrapper {
  display: flex;
}
.k-filter-menu .k-button.k-primary.just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.k-filter-menu .k-button.k-primary.just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.k-filter-menu .k-button.k-primary.rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-filter-menu .k-button.k-primary.big {
  min-width: 60px;
  min-height: 60px;
}
.k-filter-menu .k-button.k-primary.big.rounded {
  height: 60px;
  width: 60px;
}
.k-filter-menu .k-button.k-primary.big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.k-filter-menu .k-button.k-primary.big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.k-filter-menu .k-button.k-primary.icon-shadow .icon-wrapper, .k-filter-menu .k-button.k-primary.icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.k-filter-menu .k-button.k-primary.icon-shadow .icon-wrapper svg, .k-filter-menu .k-button.k-primary.icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.k-filter-menu .k-button.k-primary.icon-shadow .icon-wrapper img, .k-filter-menu .k-button.k-primary.icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.k-filter-menu .k-button.k-primary.icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.k-filter-menu .k-button.k-primary.icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-filter-menu .k-button.k-primary.dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-filter-menu .k-button.k-primary.dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.k-filter-menu .k-button.k-primary.dashed.just-icon {
  padding: 0;
}
.k-filter-menu .k-button.k-primary.dashed.active, .k-filter-menu .k-button.k-primary.dashed.active:hover {
  border: 1px dashed var(--accent);
}
.k-filter-menu .k-button.k-primary.dashed.active.icon-rounded .icon-wrapper, .k-filter-menu .k-button.k-primary.dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}
.k-filter-menu .k-button.k-primary, .k-filter-menu .k-button.k-primary [class^=icon-], .k-filter-menu .k-button.k-primary [class*=" icon-"] {
  color: #ffffff;
}
.k-filter-menu .k-button.k-primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-filter-menu .k-button.k-primary:disabled, .k-filter-menu .k-button.k-primary.disabled, .k-filter-menu .k-button.k-primary[disabled] {
  opacity: 0.72;
}

.k-listbox .k-list-scroller {
  border-radius: 4px;
  border-color: var(--border);
}

.criterion-listobx-section .k-listbox {
  flex: 1;
}
.criterion-listobx-section .k-listbox:last-child {
  margin-left: 8px;
}
.criterion-listobx-section .k-listbox .k-button {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
  width: 40px;
}
.criterion-listobx-section .k-listbox .k-button:hover {
  text-decoration: none;
}
.criterion-listobx-section .k-listbox .k-button.small {
  padding: 4px 8px;
  min-height: 22px;
}
.criterion-listobx-section .k-listbox .k-button.full-width {
  width: 100%;
}
.criterion-listobx-section .k-listbox .k-button.primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.criterion-listobx-section .k-listbox .k-button.primary, .criterion-listobx-section .k-listbox .k-button.primary [class^=icon-], .criterion-listobx-section .k-listbox .k-button.primary [class*=" icon-"] {
  color: #ffffff;
}
.criterion-listobx-section .k-listbox .k-button.primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.criterion-listobx-section .k-listbox .k-button.primary:disabled, .criterion-listobx-section .k-listbox .k-button.primary.disabled, .criterion-listobx-section .k-listbox .k-button.primary[disabled] {
  opacity: 0.72;
}
.criterion-listobx-section .k-listbox .k-button.secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.criterion-listobx-section .k-listbox .k-button.secondary:focus {
  border-color: var(--disabled);
}
.criterion-listobx-section .k-listbox .k-button.secondary:hover {
  border-color: var(--widgetBase);
}
.criterion-listobx-section .k-listbox .k-button.secondary:disabled, .criterion-listobx-section .k-listbox .k-button.secondary.disabled, .criterion-listobx-section .k-listbox .k-button.secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.criterion-listobx-section .k-listbox .k-button.disabled, .criterion-listobx-section .k-listbox .k-button:disabled, .criterion-listobx-section .k-listbox .k-button[disabled] {
  cursor: default;
  pointer-events: none;
}
.criterion-listobx-section .k-listbox .k-button.block {
  width: 100%;
}
.criterion-listobx-section .k-listbox .k-button.with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.criterion-listobx-section .k-listbox .k-button.with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.criterion-listobx-section .k-listbox .k-button.with-icon .k-icon {
  margin-right: 5px;
}
.criterion-listobx-section .k-listbox .k-button.with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.criterion-listobx-section .k-listbox .k-button.with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.criterion-listobx-section .k-listbox .k-button.with-icon .icon-wrapper svg, .criterion-listobx-section .k-listbox .k-button.with-icon .icon-wrapper img {
  height: 14px;
}
.criterion-listobx-section .k-listbox .k-button.just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.criterion-listobx-section .k-listbox .k-button.just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.criterion-listobx-section .k-listbox .k-button.just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.criterion-listobx-section .k-listbox .k-button.just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.criterion-listobx-section .k-listbox .k-button.just-icon .icon-wrapper {
  display: flex;
}
.criterion-listobx-section .k-listbox .k-button.just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.criterion-listobx-section .k-listbox .k-button.just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.criterion-listobx-section .k-listbox .k-button.rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.criterion-listobx-section .k-listbox .k-button.big {
  min-width: 60px;
  min-height: 60px;
}
.criterion-listobx-section .k-listbox .k-button.big.rounded {
  height: 60px;
  width: 60px;
}
.criterion-listobx-section .k-listbox .k-button.big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.criterion-listobx-section .k-listbox .k-button.big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.criterion-listobx-section .k-listbox .k-button.icon-shadow .icon-wrapper, .criterion-listobx-section .k-listbox .k-button.icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.criterion-listobx-section .k-listbox .k-button.icon-shadow .icon-wrapper svg, .criterion-listobx-section .k-listbox .k-button.icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.criterion-listobx-section .k-listbox .k-button.icon-shadow .icon-wrapper img, .criterion-listobx-section .k-listbox .k-button.icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.criterion-listobx-section .k-listbox .k-button.icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.criterion-listobx-section .k-listbox .k-button.icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.criterion-listobx-section .k-listbox .k-button.dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.criterion-listobx-section .k-listbox .k-button.dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.criterion-listobx-section .k-listbox .k-button.dashed.just-icon {
  padding: 0;
}
.criterion-listobx-section .k-listbox .k-button.dashed.active, .criterion-listobx-section .k-listbox .k-button.dashed.active:hover {
  border: 1px dashed var(--accent);
}
.criterion-listobx-section .k-listbox .k-button.dashed.active.icon-rounded .icon-wrapper, .criterion-listobx-section .k-listbox .k-button.dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}
.criterion-listobx-section .k-listbox .k-button:focus {
  border-color: var(--disabled);
}
.criterion-listobx-section .k-listbox .k-button:hover {
  border-color: var(--widgetBase);
}
.criterion-listobx-section .k-listbox .k-button:disabled, .criterion-listobx-section .k-listbox .k-button.disabled, .criterion-listobx-section .k-listbox .k-button[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.criterion-listobx-section .k-listbox .k-listbox-toolbar .k-reset {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.k-listview > .k-state-selected {
  background-color: var(--accent);
  color: #ffffff;
}

/* Icons */
.k-icon {
  font-family: "DynaIcons" !important;
  font-size: 12px;
}

.k-i-insert-bottom:before {
  content: "\e946";
}

.k-i-insert-middle:before {
  content: "\e947";
}

.k-i-insert-top:before {
  content: "\e948";
}

.k-i-arrow-60-down:before {
  content: "\e90e";
}

.k-i-align-center:before {
  content: "\e900";
}

.k-i-align-justify:before {
  content: "\e901";
}

.k-i-align-left:before {
  content: "\e902";
}

.k-i-align-right:before {
  content: "\e903";
}

.k-i-arrow-60-left:before {
  content: "\e906";
}

.k-i-arrow-60-right:before {
  content: "\e90c";
}

.k-i-arrow-60-up:before {
  content: "\e90d";
}

.k-i-calendar:before {
  content: "\e907";
}

.k-i-cancel:before {
  content: "\e908";
}

.k-i-check-circle:before {
  content: "\e90a";
}

.k-i-check-outline:before {
  content: "\e90b";
}

.k-i-chevron-down:before {
  content: "\e91a";
}

.k-i-chevron-left:before {
  content: "\e90f";
}

.k-i-chevron-right:before {
  content: "\e914";
}

.k-i-chevron-up:before {
  content: "\e945";
}

.k-i-clock:before {
  content: "\e910";
}

.k-i-close:before {
  content: "\e911";
}

.k-i-close-circle:before {
  content: "\e912";
}

.k-i-close-outline:before {
  content: "\e913";
}

.k-i-cog:before {
  content: "\e915";
}

.k-i-collapse:before {
  content: "\e904";
}

.k-i-columns:before {
  content: "\e916";
}

.k-i-connector:before {
  content: "\e917";
}

.k-i-controls-rewind:before {
  content: "\e919";
}

.k-i-copy:before {
  content: "\e91b";
}

.k-i-delete:before {
  content: "\e91c";
}

.k-i-expand:before {
  content: "\e905";
}

.k-i-file-pdf:before {
  content: "\e91d";
}

.k-i-filter:before {
  content: "\e91e";
}

.k-i-folder:before {
  content: "\e920";
}

.k-i-full-screen:before {
  content: "\e921";
}

.k-i-group:before {
  content: "\e922";
}

.k-i-hyperlink:before {
  content: "\e950";
}

.k-i-hyperlink-remove:before {
  content: "\e923";
}

.k-i-information:before {
  content: "\e924";
}

.k-i-line:before {
  content: "\e925";
}

.k-i-list-ordered:before {
  content: "\e926";
}

.k-i-marker:before {
  content: "\e927";
}

.k-i-more-vertical:before {
  content: "\e928";
}

.k-i-non-recurrence:before {
  content: "\e929";
}

.k-i-pencil:before {
  content: "\e92a";
}

.k-i-play:before {
  content: "\e92b";
}

.k-i-plus:before {
  content: "\e92c";
}

.k-i-preview:before {
  content: "\e92d";
}

.k-i-question:before {
  content: "\e92e";
}

.k-i-redo:before {
  content: "\e92f";
}

.k-i-refresh:before {
  content: "\e930";
}

.k-i-reorder:before {
  content: "\e931";
}

.k-i-reset-color:before {
  content: "\e932";
}

.k-i-seek-e:before {
  content: "\e933";
}

.k-i-seek-n:before {
  content: "\e934";
}

.k-i-seek-s:before {
  content: "\e935";
}

.k-i-seek-w:before {
  content: "\e936";
}

.k-i-sort-asc:before {
  content: "\e937";
}

.k-i-sort-asc-sm {
  margin-top: 1px;
}
.k-i-sort-asc-sm:before {
  color: var(--lightIcon);
  content: "\e90d";
  font-size: 10px;
}

.k-i-sort-desc:before {
  content: "\e939";
}

.k-i-sort-desc-sm {
  margin-top: 1px;
}
.k-i-sort-desc-sm:before {
  color: var(--lightIcon);
  content: "\e90e";
  font-size: 10px;
}

.k-i-sup-script:before {
  content: "\e93b";
}

.k-i-table-align-bottom-center:before {
  content: "\e93c";
}

.k-i-table-align-bottom-left:before {
  content: "\e93d";
}

.k-i-table-align-bottom-right:before {
  content: "\e93e";
}

.k-i-table-align-middle-center:before {
  content: "\e93f";
}

.k-i-table-align-middle-left:before {
  content: "\e940";
}

.k-i-table-align-middle-right:before {
  content: "\e941";
}

.k-i-table-align-top-left:before {
  content: "\e942";
}

.k-i-table-align-top-right:before {
  content: "\e943";
}

.k-i-undo:before {
  content: "\e944";
}

.k-i-warning:before {
  content: "\e949";
}

.k-i-x:before {
  content: "\e94a";
}

.k-i-zoom:before {
  content: "\e94b";
}

.k-i-filter-clear:before {
  content: "\e91f";
}

/* Icons: Replace "Arrow" with "Chevron" */
.k-i-arrow-60-up::before,
.k-i-arrow-n::before,
.k-i-sarrow-n::before,
.k-i-expand-n::before {
  content: "\e945";
}

.k-i-arrow-60-right::before,
.k-i-arrow-e::before,
.k-i-sarrow-e::before,
.k-i-expand::before,
.k-i-expand-e::before {
  content: "\e914";
}

.k-i-arrow-60-down::before,
.k-i-arrow-s::before,
.k-i-sarrow-s::before,
.k-i-collapse::before,
.k-i-expand-s::before {
  content: "\e91a";
}

.k-i-arrow-60-left::before,
.k-i-arrow-w::before,
.k-i-sarrow-w::before,
.k-i-expand-w::before {
  content: "\e90f";
}

.k-i-arrow-double-60-right:before {
  content: "\e94f";
}

.k-i-arrow-double-60-left:before {
  content: "\e94e";
}

.k-i-arrow-double-60-up:before {
  content: "\e94d";
}

.k-i-arrow-double-60-down:before {
  content: "\e94c";
}

.k-pager-wrap .k-i-arrow-60-left::before {
  content: "\e906";
}
.k-pager-wrap .k-i-arrow-60-right::before {
  content: "\e90c";
}
.k-pager-wrap .k-i-arrow-end-left::before {
  content: "\e936";
}
.k-pager-wrap .k-i-arrow-end-right::before {
  content: "\e933";
}

/* File upload */
#file-uploader .k-upload .k-clear-selected,
#file-uploader .k-upload .k-upload-selected {
  display: none;
}

.k-upload .k-clear-selected,
.k-upload .k-upload-selected {
  margin: 8px 0 8px 8px !important;
  font-size: 12px;
  padding: 4px 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: whitesmoke !important;
  border-radius: 4px !important;
  background-image: none !important;
}
.k-upload .k-clear-selected:hover,
.k-upload .k-upload-selected:hover {
  border-color: black !important;
}

.k-progressbar, .k-upload {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.k-progressbar {
  border: 1px solid var(--border);
}

.k-upload .k-upload-files,
.k-upload .k-upload-selected,
.k-upload .k-upload-files .k-file {
  border: none;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* List rendering */
.k-list-container .k-list-scroller {
  overflow-x: hidden;
}

.k-list-container .k-list .k-item {
  white-space: nowrap;
}

/* Progress bar */
.k-progressbar .k-state-selected {
  border-color: transparent;
  background-color: var(--accent);
  background-image: none;
}

.k-widget ::selection, .k-block ::selection, .k-panel ::selection {
  background-color: var(--accent);
}

.k-upload {
  background-color: var(--widgetBackground);
}

.k-button.k-primary, .k-slider .k-draghandle, .k-switch-on .k-switch-handle {
  border-color: var(--accent);
  color: var(--contrastText);
  background-color: var(--accent);
}

/* Chart fonts */
.k-chart text {
  font: 12px "Core Sans A Regular" !important;
}

.k-gantt-views li.k-state-selected {
  border-color: var(--accent);
  color: var(--contrastText);
  background-color: var(--accent);
}

.k-gantt .k-grid-content {
  overflow-y: scroll;
}
.k-gantt .k-grid-content tr {
  height: 40px;
  padding: 0;
  line-height: unset;
}
.k-gantt .k-grid-content tr td {
  padding: 0px 12px;
}

.k-gantt .k-gantt-layout.k-gantt-treelist .k-grid-header {
  width: calc(100% - 17px);
}
.k-gantt .k-gantt-layout.k-gantt-treelist .k-grid-header .k-grid-header-wrap:first-child {
  padding-bottom: 8px;
}

.k-gantt .k-widget .k-textbox {
  width: 100%;
}

.k-grid th {
  padding: 8px 12px;
  border-width: 0;
  border-width: 0;
  white-space: nowrap;
}
.k-grid th > a {
  font-family: "Core Sans A Medium";
}
.k-grid th.k-sorted {
  background-color: unset;
}

.k-grid td {
  border-width: 0;
  border-width: 0;
  vertical-align: middle;
}

.k-grouping-row a.k-icon {
  text-decoration: none !important;
}
.k-grouping-row a.k-icon:focus {
  outline: none;
  outline-offset: none;
}

.k-list-container.k-list-scroller.k-popup.k-group.k-reset {
  max-height: 200px;
  overflow-y: scroll;
}

.k-resize-handle {
  /*
      Overlay has 99 so it has to be less otherwise there is a black stroke
  */
  z-index: 98;
}

.k-hidden {
  display: none;
}

.k-state-disabled:not(.button-styled), .k-state-disabled:not(.button-styled) .k-link {
  opacity: 1;
  color: var(--disabled) !important;
}

.k-grid-header-wrap.k-auto-scrollable {
  margin-right: 0px;
}

/* Grid: Column menu */
.k-header-column-menu {
  top: 50%;
  transform: translateY(-50%);
}

.k-column-menu .k-link > .k-icon:not(.k-menu-expand-arrow) {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
  color: var(--icon);
}
.k-column-menu [role=menuitemcheckbox] .k-link input {
  margin-right: 5px;
}
.k-column-menu .k-filterable form .k-button:first-child {
  /* 7px to align the second button with the inputs above */
  margin-right: 7px;
}

.k-grid-footer td, .k-grid-footer td span, .k-group-footer td, .k-group-footer td span, .k-grouping-row td, .k-grouping-row td span {
  font-weight: normal;
  font-family: "Core Sans A Medium";
}

.k-dropdown-wrap.k-state-disabled {
  pointer-events: auto !important;
  cursor: auto;
}

.k-tabstrip > .k-content.k-state-active {
  display: flex !important;
  flex-direction: column;
}

@font-face {
  font-family: "DynaIcons";
  src: url("../fonts/DynaIcons.eot?ev9e52");
  src: url("../fonts/DynaIcons.eot?ev9e52#iefix") format("embedded-opentype"), url("../fonts/DynaIcons.ttf?ev9e52") format("truetype"), url("../fonts/DynaIcons.woff?ev9e52") format("woff"), url("../fonts/DynaIcons.svg?ev9e52#DynaIcons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "DynaIcons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hyperlink-remove:before {
  content: "\e923";
}

.icon-hyperlink:before {
  content: "\e950";
}

.icon-collapse:before {
  content: "\e904";
}

.icon-expand:before {
  content: "\e905";
}

.icon-arrow-60-left:before {
  content: "\e906";
}

.icon-arrow-60-right:before {
  content: "\e90c";
}

.icon-arrow-60-up:before {
  content: "\e90d";
}

.icon-arrow-60-down:before {
  content: "\e90e";
}

.icon-chevron-left:before {
  content: "\e90f";
}

.icon-chevron-right:before {
  content: "\e914";
}

.icon-chevron-down:before {
  content: "\e91a";
}

.icon-chevron-up:before {
  content: "\e945";
}

.icon-chevron-double-down:before {
  content: "\e94c";
}

.icon-chevron-double-up:before {
  content: "\e94d";
}

.icon-chevron-double-left:before {
  content: "\e94e";
}

.icon-chevron-double-right:before {
  content: "\e94f";
}

.icon-align-center:before {
  content: "\e900";
}

.icon-align-justify:before {
  content: "\e901";
}

.icon-align-left:before {
  content: "\e902";
}

.icon-align-right:before {
  content: "\e903";
}

.icon-calendar:before {
  content: "\e907";
}

.icon-cancel:before {
  content: "\e908";
}

.icon-check:before {
  content: "\e909";
}

.icon-check-circle:before {
  content: "\e90a";
}

.icon-check-outline:before {
  content: "\e90b";
}

.icon-clock:before {
  content: "\e910";
}

.icon-close:before {
  content: "\e911";
}

.icon-close-circle:before {
  content: "\e912";
}

.icon-close-outline:before {
  content: "\e913";
}

.icon-cog:before {
  content: "\e915";
}

.icon-columns:before {
  content: "\e916";
}

.icon-connector:before {
  content: "\e917";
}

.icon-controls-forward:before {
  content: "\e918";
}

.icon-controls-rewind:before {
  content: "\e919";
}

.icon-copy:before {
  content: "\e91b";
}

.icon-delete:before {
  content: "\e91c";
}

.icon-file-pdf:before {
  content: "\e91d";
}

.icon-filter:before {
  content: "\e91e";
}

.icon-filter-clear:before {
  content: "\e91f";
}

.icon-folder:before {
  content: "\e920";
}

.icon-full-screen:before {
  content: "\e921";
}

.icon-group:before {
  content: "\e922";
}

.icon-information:before {
  content: "\e924";
}

.icon-insert-bottom:before {
  content: "\e946";
}

.icon-insert-middle:before {
  content: "\e947";
}

.icon-insert-top:before {
  content: "\e948";
}

.icon-line:before {
  content: "\e925";
}

.icon-list-ordered:before {
  content: "\e926";
}

.icon-marker:before {
  content: "\e927";
}

.icon-more-vertical:before {
  content: "\e928";
}

.icon-non-recurrence:before {
  content: "\e929";
}

.icon-pencil:before {
  content: "\e92a";
}

.icon-play:before {
  content: "\e92b";
}

.icon-plus:before {
  content: "\e92c";
}

.icon-preview:before {
  content: "\e92d";
}

.icon-question:before {
  content: "\e92e";
}

.icon-redo:before {
  content: "\e92f";
}

.icon-refresh:before {
  content: "\e930";
}

.icon-reorder:before {
  content: "\e931";
}

.icon-reset-color:before {
  content: "\e932";
}

.icon-seek-e:before {
  content: "\e933";
}

.icon-seek-n:before {
  content: "\e934";
}

.icon-seek-s:before {
  content: "\e935";
}

.icon-seek-w:before {
  content: "\e936";
}

.icon-sort-asc:before {
  content: "\e937";
}

.icon-sort-asc-sm:before {
  content: "\e938";
}

.icon-sort-desc:before {
  content: "\e939";
}

.icon-sort-desc-sm:before {
  content: "\e93a";
}

.icon-sup-script:before {
  content: "\e93b";
}

.icon-table-align-bottom-center:before {
  content: "\e93c";
}

.icon-table-align-bottom-left:before {
  content: "\e93d";
}

.icon-table-align-bottom-right:before {
  content: "\e93e";
}

.icon-table-align-middle-center:before {
  content: "\e93f";
}

.icon-table-align-middle-left:before {
  content: "\e940";
}

.icon-table-align-middle-right:before {
  content: "\e941";
}

.icon-table-align-top-left:before {
  content: "\e942";
}

.icon-table-align-top-right:before {
  content: "\e943";
}

.icon-undo:before {
  content: "\e944";
}

.icon-warning:before {
  content: "\e949";
}

.icon-x:before {
  content: "\e94a";
}

.icon-zoom:before {
  content: "\e94b";
}

/********************/
/* SMACSS - 1: Base */
/********************/
@font-face {
  font-family: "Core Sans A Light";
  src: url("../fonts/CoreSansA/CoreSansA35.ttf") format("truetype");
}
@font-face {
  font-family: "Core Sans A Regular";
  src: url("../fonts/CoreSansA/CoreSansA45.ttf") format("truetype");
}
@font-face {
  font-family: "Core Sans A Medium";
  src: url("../fonts/CoreSansA/CoreSansA55.ttf") format("truetype");
}
@font-face {
  font-family: "Core Sans A Bold";
  src: url("../fonts/CoreSansA/CoreSansA65.ttf") format("truetype");
}
* {
  margin: 0;
  padding: 0;
  /*font-family: 'Ubuntu Regular';*/
  font-family: "Core Sans A Regular";
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-size: 1.8rem;
  color: var(--heading1);
}

h2 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-size: 1.4rem;
  color: var(--heading2);
}

h3 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-size: 1.2rem;
  color: var(--heading3);
}

h4 {
  font-family: "Core Sans A Regular";
  color: var(--heading2);
  font-size: 1.2rem;
  color: var(--heading4);
}

body {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: var(--icon);
  line-height: 1.2;
}
body.dragging .bg-text::after {
  background: #ffffff;
}

.listview-drag-placeholder {
  background-color: transparent !important;
  border: 1px dashed #B1BFC6;
}

.invalid {
  border: 1px solid var(--error) !important;
}

body,
html {
  min-height: 100%;
}

a {
  text-decoration: none;
}
a img {
  border: none;
  vertical-align: middle;
}

a:not([href]) {
  cursor: pointer;
}

ul {
  list-style-type: none;
}
ul.dashed {
  list-style-position: inside;
}
ul.dashed > li {
  text-indent: 0px;
  padding-left: 10px;
}
ul.dashed > li::before {
  content: "-";
  text-indent: -10px;
  float: left;
}
ul li {
  list-style-position: inside;
}

td > a {
  text-decoration: underline;
}

textarea {
  line-height: 1.5em;
  resize: none;
}

label {
  margin-top: 15px;
  margin-bottom: 5px;
  display: inline;
  font-family: "Core Sans A Regular";
  vertical-align: text-top;
}

.required-header::after,
label.required::after {
  content: "*";
  font-family: "Core Sans A Bold";
  color: var(--error);
  margin-left: 1px;
  transform: translateY(-3px);
  display: inline-block;
}

.headline {
  font-size: 18px;
  color: var(--normalText);
}

fieldset {
  margin: 0;
  padding: 10px;
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

::selection {
  background-color: var(--accent);
  color: #FFFFFF;
}

.noback {
  background: transparent !important;
}

.alert {
  font-size: 12px;
  margin-bottom: 5px;
}

.alert-danger {
  color: var(--error);
}

.k-widget.k-tooltip-validation {
  display: none !important;
}

.height-viewport {
  height: 100vh;
}

/**********************/
/* SMACSS - 2: Layout */
/**********************/
.grid {
  display: grid;
  grid-gap: 12px;
}
.grid.grid--spacing-large {
  grid-gap: 32px;
}
.grid.grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

#mainframecontent {
  position: relative;
  flex: 1;
  overflow-y: auto;
}

.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/***********************/
/* SMACSS - 3: Modules */
/***********************/
.has-z-index-1 {
  z-index: 1 !important;
}

.main-loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  padding-top: 100px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.container-fluid {
  padding-left: 12px;
  padding-right: 12px;
}

.panel {
  margin-bottom: 15px;
  background-color: var(--widgetBackground);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.panel .panel-heading {
  border: none;
  position: relative;
}
.panel .panel-heading:empty {
  display: none;
}
.panel .panel-heading::after {
  content: " ";
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 1px;
  width: calc(100% - 24px);
  margin-left: 15px;
  background-color: var(--disabled);
}
.panel.panel-blank {
  margin-bottom: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel.panel-blank .panel-heading {
  padding: 0 0 10px 0;
}
.panel.panel-blank .panel-heading:after {
  width: 100%;
  margin-left: 0;
}
.panel.panel-blank .panel-body {
  padding: 15px 0 0 0;
}
.panel.panel-background {
  background-color: var(--widgetBackground);
}
.panel.panel-border {
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.panel.panel-white {
  background-color: #ffffff;
}

.panel-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
}

#contentPlaceholder {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100vh;
  background-color: var(--widgetBackground) !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
#contentPlaceholder.new-flow #menuPlaceholder, #contentPlaceholder.new-flow #reactCampaignToolbar {
  display: none !important;
}

.sb-fullheight {
  height: 100%;
}

#menuPlaceholder {
  height: auto !important;
  position: sticky !important;
  top: 0;
  z-index: 4;
  padding: 15px;
  background-color: var(--widgetBackground);
}

.sidebar-content-wrapper {
  display: flex;
}
.sidebar-content-wrapper #ReactSidebarMenu {
  z-index: 1;
}
.sidebar-content-wrapper #ReactSidebarMenu .SideBarApp-icon img {
  width: 26px;
  height: 26px;
}

.mandant-selection {
  width: 400px;
  margin-top: 50px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
}
.mandant-selection .default-mandant-warning {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: var(--warning);
  color: #ffffff;
}

#buttonbar .row div {
  padding-left: 0;
}
#buttonbar.k-block {
  padding: 10px 24px;
  border-width: 0;
  background: none;
}
#buttonbar .k-dropdown {
  width: 100%;
}
#buttonbar .actionButtons {
  flex-wrap: wrap;
  justify-content: flex-end;
}
#buttonbar .actionButtons .button-styled {
  margin: 0 0 5px 5px;
}

#dashboardPlaceHolder {
  padding-top: 24px;
}
#dashboardPlaceHolder.isEditorPage:not(.editMode) {
  padding-top: 0px;
}
#dashboardPlaceHolder.isEditorPage:not(.editMode) .container-fluid, #dashboardPlaceHolder.isEditorPage:not(.editMode) div[class*=col-] {
  padding: 0px;
  margin: 0;
}
#dashboardPlaceHolder.isEditorPage:not(.editMode) .container-fluid .dashboardWidget, #dashboardPlaceHolder.isEditorPage:not(.editMode) div[class*=col-] .dashboardWidget {
  padding: 0px;
  margin: 0;
}
#dashboardPlaceHolder.isEditorPage > #layoutPlaceholder > .framecontent {
  height: 100%;
}
#dashboardPlaceHolder.isEditorPage > #layoutPlaceholder > .framecontent > div > #widgetContainer1 > .dashboardWidget {
  height: 100%;
}
#dashboardPlaceHolder.isEditorPage > #layoutPlaceholder > .framecontent > div > #widgetContainer1 > .dashboardWidget > .k-content {
  height: 100%;
}
#dashboardPlaceHolder.isEditorPage > #layoutPlaceholder > .framecontent > div > #widgetContainer1 > .dashboardWidget > .k-content > .k-state-active {
  height: 100%;
}
#dashboardPlaceHolder.isEditorPage > #layoutPlaceholder > .framecontent > div > #widgetContainer1 > .dashboardWidget > .k-content > .k-state-active > span > .widgetContent {
  height: 100%;
}

#DashboardWidgetConfigurationWindow .k-dropdown {
  width: 100%;
}
#DashboardWidgetConfigurationWindow .button-styled {
  width: auto;
}

.dashboardWidget {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
  margin: 0 0 10px 0;
}
.dashboardWidget .text-widget-padding {
  padding: 0 2px;
}
.dashboardWidget label {
  display: block;
}
.dashboardWidget .k-dropdown {
  width: 100%;
}
.dashboardWidget .k-grid {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.dashboardWidget:hover {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}
.dashboardWidget .widgetHeader {
  color: var(--normalText);
  font-size: 12pt;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dashboardWidget .widgetHeader .widgetHeaderButtons {
  color: var(--icon);
}
.dashboardWidget .widgetHeader > span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Core Sans A Medium";
}
.dashboardWidget .widgetHeader.editMode > span {
  /*
  Define the widgetHeaderButton size with 90px;
  right now with 3 icons the max is 72px
  the difference between 90 and 72 is used as space between
  */
  width: calc(100% - 90px);
}
.dashboardWidget .widgetHeader .widgetHeaderButtons span {
  cursor: pointer;
}
.dashboardWidget .widgetHeader .widgetHeaderButtons span.k-icon {
  font-size: 14px;
  margin: 0 5px;
}
.dashboardWidget .widgetHeader .widgetHeaderButtons span.k-icon:first-child {
  margin-right: 0px;
}
.dashboardWidget .widgetHeader .widgetHeaderButtons span.k-icon:last-child {
  margin-left: 0px;
}
.dashboardWidget .widgetContent {
  min-height: 40px;
  position: relative;
}
.dashboardWidget .widgetContent .vi-container {
  padding-bottom: 15px;
}
.dashboardWidget .k-content .kpi-image-block {
  margin-top: 2px;
}
.dashboardWidget .k-content img {
  max-width: 95%;
}
.dashboardWidget .kpi-block {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.dashboardWidget .kpi-block .kpi-data-block {
  flex: 1;
}
.dashboardWidget .kpi-block .kpi-data-block h3 {
  font-size: 25px;
  font-family: "Core Sans A Medium";
}
.dashboardWidget .kpi-block .kpi-data-block .kpi-text {
  color: var(--darkDisabled);
  font-size: 10pt;
}
.dashboardWidget .kpi-block .kpi-image-block {
  margin-right: 10px;
  margin-top: 7px;
}
.dashboardWidget .vi-layout-wrapper {
  background-color: transparent;
}

.explorer-picture {
  width: 20px;
}

.explorerDialogContent {
  height: calc(100% - 110px);
}

#contextMenuBtn,
#contextMenuBtnGrid,
[id$=_contextMenuDialogBtn],
[id$=_contextMenuTreeButton],
[id$=_contextMenuGridButton] {
  margin-left: 10px;
}

[data-role=contextmenu] hr {
  margin: 0;
}

#explorerGridRowContextMenu hr,
#explorerTreeContextMenu hr,
[id$=_dialogContextMenuNewElement] hr,
[id$=_explorerGridRowContextMenu] hr,
[id$=_explorerTreeContextMenu] hr,
#explorerGridContextMenu hr {
  border-color: var(--border);
  border-style: dashed;
  margin: 0;
}

.k-window-content {
  background-color: #ffffff;
}
.k-window-content .overflow-vertical {
  overflow-y: scroll;
  max-height: calc(75vh - 124px);
}

#divShowHistory {
  height: 100%;
}

#historyPopup {
  overflow-y: hidden;
}
#historyPopup .overflow-vertical {
  max-height: calc(60vh - 70px);
}

.bg-text {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-transition: background 275ms;
  -moz-transition: background 275ms;
  -o-transition: background 275ms;
  transition: background 275ms;
}
.bg-text::after {
  content: " ";
  height: 100%;
  width: 100%;
  min-height: 100px;
  margin-bottom: 15px;
  display: block;
  font-size: 20px;
  line-height: 1;
  background-color: var(--widgetBackground);
  border: 1px dashed #B1BFC6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .dashboardWidgetPanel {
  padding: 0px;
}
#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .button-styled {
  display: block;
  width: 100%;
  min-height: 120px;
  background-image: none;
  background-color: var(--normalBackground);
}
#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .button-styled .row {
  margin: 0px;
}
#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .button-styled .row .dashboardWidgetPanel {
  min-height: 24px;
}
#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .bg-text {
  position: relative;
  overflow: hidden;
  border: 1px solid #ffffff;
}
#dashboardChooseLayoutWindow #layoutChooseTemplateContainer .bg-text::after {
  content: " ";
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  border: none;
  color: var(--icon);
  background-color: var(--icon);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#overlayImageWrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  display: none;
  top: 0;
  left: 0;
}
#overlayImageWrapper #overlayImage {
  z-index: 10;
  position: absolute;
  right: -908px;
  top: -2px;
}

#errorView .row {
  padding-top: 100px;
}

#taskListGrid tr:not(.tasksReadOnly) {
  height: 64px;
}
#taskListGrid .k-grid-edit-row td > .k-textbox,
#taskListGrid .k-grid-edit-row td > .k-widget,
#taskListGrid .k-edit-cell > .k-textbox,
#taskListGrid .k-edit-cell > .k-widget {
  width: 100%;
}

.k-pager-wrap .k-state-selected,
.k-pager-wrap .k-link,
.k-pager-wrap .k-pager-nav {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.k-pager-wrap .k-state-selected:focus,
.k-pager-wrap .k-link:focus,
.k-pager-wrap .k-pager-nav:focus {
  box-shadow: none;
}
.k-pager-wrap .k-link:hover,
.k-pager-wrap .k-pager-nav:hover {
  color: #ffffff;
  background-color: var(--accent);
}

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

label[for=taskmanagerStatus] {
  vertical-align: baseline;
}

#taskManagerGridDetails .k-filter-row th {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

#taskManagerGridDetails tbody tr:nth-child(even), #taskManagerGridDetails tbody tr:nth-child(even) td,
#taskManagerGridErrors tbody tr:nth-child(even),
#taskManagerGridErrors tbody tr:nth-child(even) td,
#taskManagerOverviewProgress tbody .row:nth-child(even),
#taskManagerOverviewProgress tbody .row:nth-child(even) td {
  background: var(--mediumWidgetBackground);
}
#taskManagerGridDetails tbody tr:nth-child(odd), #taskManagerGridDetails tbody tr:nth-child(odd) td,
#taskManagerGridErrors tbody tr:nth-child(odd),
#taskManagerGridErrors tbody tr:nth-child(odd) td,
#taskManagerOverviewProgress tbody .row:nth-child(odd),
#taskManagerOverviewProgress tbody .row:nth-child(odd) td {
  background: var(--widgetBackground);
}
#taskManagerGridDetails tbody tr:hover, #taskManagerGridDetails tbody tr:hover td,
#taskManagerGridErrors tbody tr:hover,
#taskManagerGridErrors tbody tr:hover td,
#taskManagerOverviewProgress tbody .row:hover,
#taskManagerOverviewProgress tbody .row:hover td {
  background: var(--darkWidgetBackground);
}
#taskManagerGridDetails tbody tr .overViewLink, #taskManagerGridDetails tbody tr .overViewContactResults,
#taskManagerGridErrors tbody tr .overViewLink,
#taskManagerGridErrors tbody tr .overViewContactResults,
#taskManagerOverviewProgress tbody .row .overViewLink,
#taskManagerOverviewProgress tbody .row .overViewContactResults {
  line-height: 24px;
}
#taskManagerGridDetails tbody tr td a, #taskManagerGridDetails tbody tr .overViewLink a,
#taskManagerGridErrors tbody tr td a,
#taskManagerGridErrors tbody tr .overViewLink a,
#taskManagerOverviewProgress tbody .row td a,
#taskManagerOverviewProgress tbody .row .overViewLink a {
  text-decoration: underline;
}

#taskManagerOverview #taskManagerOverviewProgress {
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#taskManagerOverview #taskManagerOverviewProgress .k-progressbar {
  height: 24px;
}
#taskManagerOverview #taskManagerOverviewProgress .k-progressbar .k-progress-status {
  line-height: 24px;
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress {
  display: flex;
  align-items: center;
  padding: 5px;
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress .k-progress-status-wrap .k-state-selected .k-complete {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress:nth-child(even) {
  background: var(--mediumWidgetBackground);
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress:nth-child(odd) {
  background: var(--widgetBackground);
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress:nth-child(even):hover, #taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress:nth-child(odd):hover {
  background: var(--darkWidgetBackground);
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress.row:not(.errorRow) .k-progressbar .k-state-selected {
  border-color: var(--success);
  color: #ffffff;
  background-color: var(--success);
  background-image: none;
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress.errorRow .k-progressbar .k-state-selected {
  border-color: var(--error);
  color: #ffffff;
  background-color: var(--error);
  background-image: none;
}
#taskManagerOverview #taskManagerOverviewProgress .taskManagerOverviewProgress.errorRow .overViewLinkError a {
  color: var(--error);
  text-decoration: underline;
}
#taskManagerOverview #filterDetails .Card {
  padding: 8px;
}

#taskManagerDetails #taskManagerGridDetails .k-filter-row .k-input {
  display: flex;
}
#taskManagerDetails #taskManagerGridDetails .k-grouping-row p {
  font-weight: normal;
  font-family: "Core Sans A Medium";
}
#taskManagerDetails #taskManagerFilterDetails .k-dropdown {
  width: 100%;
}
#taskManagerDetails #taskManagerFilterDetails .Card {
  padding: 8px;
}
#taskManagerDetails #taskManagerGridDetails tr:not(.k-grouping-row) td,
#taskManagerDetails #taskManagerGridErrors tr:not(.k-grouping-row) td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 38px);
}
#taskManagerDetails #taskManagerGridDetails tr:not(.k-grouping-row) td a:last-child,
#taskManagerDetails #taskManagerGridErrors tr:not(.k-grouping-row) td a:last-child {
  width: 100%;
}
#taskManagerDetails #taskManagerGridDetails tr.k-state-selected .k-link,
#taskManagerDetails #taskManagerGridErrors tr.k-state-selected .k-link {
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 38px);
}
#taskManagerDetails .taskManagerDetail1, #taskManagerDetails .success-row {
  color: var(--success);
}
#taskManagerDetails .taskManagerDetail1 td > a, #taskManagerDetails .success-row td > a {
  color: var(--success);
}
#taskManagerDetails .taskManagerDetail1:hover, #taskManagerDetails .success-row:hover {
  background-color: var(--darkWidgetBackground) !important;
}
#taskManagerDetails .taskManagerDetail1.k-state-selected > td, #taskManagerDetails .success-row.k-state-selected > td {
  background-color: var(--accent) !important;
}
#taskManagerDetails .taskManagerDetail1:hover, #taskManagerDetails .success-row:hover {
  color: var(--success);
}
#taskManagerDetails .taskManagerDetail1:hover td, #taskManagerDetails .taskManagerDetail1:hover a, #taskManagerDetails .success-row:hover td, #taskManagerDetails .success-row:hover a {
  color: var(--success);
}
#taskManagerDetails .taskManagerDetail1.k-state-selected, #taskManagerDetails .success-row.k-state-selected {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail1.k-state-selected td, #taskManagerDetails .taskManagerDetail1.k-state-selected a, #taskManagerDetails .success-row.k-state-selected td, #taskManagerDetails .success-row.k-state-selected a {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail2 {
  color: var(--normalText);
}
#taskManagerDetails .taskManagerDetail2 td > a {
  color: var(--normalText);
}
#taskManagerDetails .taskManagerDetail2:hover {
  background-color: var(--darkWidgetBackground) !important;
}
#taskManagerDetails .taskManagerDetail2.k-state-selected > td {
  background-color: var(--accent) !important;
}
#taskManagerDetails .taskManagerDetail2:hover {
  color: var(--normalText);
}
#taskManagerDetails .taskManagerDetail2:hover td, #taskManagerDetails .taskManagerDetail2:hover a {
  color: var(--normalText);
}
#taskManagerDetails .taskManagerDetail2.k-state-selected {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail2.k-state-selected td, #taskManagerDetails .taskManagerDetail2.k-state-selected a {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail0, #taskManagerDetails .taskManagerDetail0 td, #taskManagerDetails .TaskManagerPlannedEntry, #taskManagerDetails .TaskManagerPlannedEntry td, #taskManagerDetails .info-row, #taskManagerDetails .info-row td {
  color: var(--info);
}
#taskManagerDetails .taskManagerDetail0 td > a, #taskManagerDetails .taskManagerDetail0 td td > a, #taskManagerDetails .TaskManagerPlannedEntry td > a, #taskManagerDetails .TaskManagerPlannedEntry td td > a, #taskManagerDetails .info-row td > a, #taskManagerDetails .info-row td td > a {
  color: var(--info);
}
#taskManagerDetails .taskManagerDetail0:hover, #taskManagerDetails .taskManagerDetail0 td:hover, #taskManagerDetails .TaskManagerPlannedEntry:hover, #taskManagerDetails .TaskManagerPlannedEntry td:hover, #taskManagerDetails .info-row:hover, #taskManagerDetails .info-row td:hover {
  background-color: var(--darkWidgetBackground) !important;
}
#taskManagerDetails .taskManagerDetail0.k-state-selected > td, #taskManagerDetails .taskManagerDetail0 td.k-state-selected > td, #taskManagerDetails .TaskManagerPlannedEntry.k-state-selected > td, #taskManagerDetails .TaskManagerPlannedEntry td.k-state-selected > td, #taskManagerDetails .info-row.k-state-selected > td, #taskManagerDetails .info-row td.k-state-selected > td {
  background-color: var(--accent) !important;
}
#taskManagerDetails .taskManagerDetail0:hover, #taskManagerDetails .taskManagerDetail0 td:hover, #taskManagerDetails .TaskManagerPlannedEntry:hover, #taskManagerDetails .TaskManagerPlannedEntry td:hover, #taskManagerDetails .info-row:hover, #taskManagerDetails .info-row td:hover {
  color: var(--info);
}
#taskManagerDetails .taskManagerDetail0:hover td, #taskManagerDetails .taskManagerDetail0:hover a, #taskManagerDetails .taskManagerDetail0 td:hover td, #taskManagerDetails .taskManagerDetail0 td:hover a, #taskManagerDetails .TaskManagerPlannedEntry:hover td, #taskManagerDetails .TaskManagerPlannedEntry:hover a, #taskManagerDetails .TaskManagerPlannedEntry td:hover td, #taskManagerDetails .TaskManagerPlannedEntry td:hover a, #taskManagerDetails .info-row:hover td, #taskManagerDetails .info-row:hover a, #taskManagerDetails .info-row td:hover td, #taskManagerDetails .info-row td:hover a {
  color: var(--info);
}
#taskManagerDetails .taskManagerDetail0.k-state-selected, #taskManagerDetails .taskManagerDetail0 td.k-state-selected, #taskManagerDetails .TaskManagerPlannedEntry.k-state-selected, #taskManagerDetails .TaskManagerPlannedEntry td.k-state-selected, #taskManagerDetails .info-row.k-state-selected, #taskManagerDetails .info-row td.k-state-selected {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail0.k-state-selected td, #taskManagerDetails .taskManagerDetail0.k-state-selected a, #taskManagerDetails .taskManagerDetail0 td.k-state-selected td, #taskManagerDetails .taskManagerDetail0 td.k-state-selected a, #taskManagerDetails .TaskManagerPlannedEntry.k-state-selected td, #taskManagerDetails .TaskManagerPlannedEntry.k-state-selected a, #taskManagerDetails .TaskManagerPlannedEntry td.k-state-selected td, #taskManagerDetails .TaskManagerPlannedEntry td.k-state-selected a, #taskManagerDetails .info-row.k-state-selected td, #taskManagerDetails .info-row.k-state-selected a, #taskManagerDetails .info-row td.k-state-selected td, #taskManagerDetails .info-row td.k-state-selected a {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail4, #taskManagerDetails .taskManagerError4, #taskManagerDetails .warning-row {
  color: var(--warning);
}
#taskManagerDetails .taskManagerDetail4 td > a, #taskManagerDetails .taskManagerError4 td > a, #taskManagerDetails .warning-row td > a {
  color: var(--warning);
}
#taskManagerDetails .taskManagerDetail4:hover, #taskManagerDetails .taskManagerError4:hover, #taskManagerDetails .warning-row:hover {
  background-color: var(--darkWidgetBackground) !important;
}
#taskManagerDetails .taskManagerDetail4.k-state-selected > td, #taskManagerDetails .taskManagerError4.k-state-selected > td, #taskManagerDetails .warning-row.k-state-selected > td {
  background-color: var(--accent) !important;
}
#taskManagerDetails .taskManagerDetail4:hover, #taskManagerDetails .taskManagerError4:hover, #taskManagerDetails .warning-row:hover {
  color: var(--warning);
}
#taskManagerDetails .taskManagerDetail4:hover td, #taskManagerDetails .taskManagerDetail4:hover a, #taskManagerDetails .taskManagerError4:hover td, #taskManagerDetails .taskManagerError4:hover a, #taskManagerDetails .warning-row:hover td, #taskManagerDetails .warning-row:hover a {
  color: var(--warning);
}
#taskManagerDetails .taskManagerDetail4.k-state-selected, #taskManagerDetails .taskManagerError4.k-state-selected, #taskManagerDetails .warning-row.k-state-selected {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail4.k-state-selected td, #taskManagerDetails .taskManagerDetail4.k-state-selected a, #taskManagerDetails .taskManagerError4.k-state-selected td, #taskManagerDetails .taskManagerError4.k-state-selected a, #taskManagerDetails .warning-row.k-state-selected td, #taskManagerDetails .warning-row.k-state-selected a {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail3, #taskManagerDetails .taskManagerError3, #taskManagerDetails .error-row {
  color: var(--error);
}
#taskManagerDetails .taskManagerDetail3 td > a, #taskManagerDetails .taskManagerError3 td > a, #taskManagerDetails .error-row td > a {
  color: var(--error);
}
#taskManagerDetails .taskManagerDetail3:hover, #taskManagerDetails .taskManagerError3:hover, #taskManagerDetails .error-row:hover {
  background-color: var(--darkWidgetBackground) !important;
}
#taskManagerDetails .taskManagerDetail3.k-state-selected > td, #taskManagerDetails .taskManagerError3.k-state-selected > td, #taskManagerDetails .error-row.k-state-selected > td {
  background-color: var(--accent) !important;
}
#taskManagerDetails .taskManagerDetail3:hover, #taskManagerDetails .taskManagerError3:hover, #taskManagerDetails .error-row:hover {
  color: var(--error);
}
#taskManagerDetails .taskManagerDetail3:hover td, #taskManagerDetails .taskManagerDetail3:hover a, #taskManagerDetails .taskManagerError3:hover td, #taskManagerDetails .taskManagerError3:hover a, #taskManagerDetails .error-row:hover td, #taskManagerDetails .error-row:hover a {
  color: var(--error);
}
#taskManagerDetails .taskManagerDetail3.k-state-selected, #taskManagerDetails .taskManagerError3.k-state-selected, #taskManagerDetails .error-row.k-state-selected {
  color: #ffffff;
}
#taskManagerDetails .taskManagerDetail3.k-state-selected td, #taskManagerDetails .taskManagerDetail3.k-state-selected a, #taskManagerDetails .taskManagerError3.k-state-selected td, #taskManagerDetails .taskManagerError3.k-state-selected a, #taskManagerDetails .error-row.k-state-selected td, #taskManagerDetails .error-row.k-state-selected a {
  color: #ffffff;
}
#taskManagerDetails table[role=grid] tr {
  line-height: 15px;
}
#taskManagerDetails table[role=grid] .k-grid-header th, #taskManagerDetails table[role=grid] thead th {
  height: auto;
  padding: 8px;
}
#taskManagerDetails table[role=grid] .k-grid-header th .k-dropdown-wrap, #taskManagerDetails table[role=grid] .k-grid-header th .k-button, #taskManagerDetails table[role=grid] thead th .k-dropdown-wrap, #taskManagerDetails table[role=grid] thead th .k-button {
  height: 30px;
}
#taskManagerDetails table[role=grid] .k-grid-header .k-header > .k-link, #taskManagerDetails table[role=grid] thead .k-header > .k-link {
  margin: 0;
  padding: 0;
}

/* Fix column misalignment problem (DS-7915) */
#taskManagerAgentStatusGrid .k-grid-header {
  padding-right: 0 !important;
}

/* Stretch exception textarea to container */
#exceptionDialog #exceptionMessageText {
  width: 100%;
  height: 100%;
}
#exceptionDialog .container-fluid {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#exceptionDialog .container-fluid > div:first-of-type {
  flex: 1;
}
#exceptionDialog .container-fluid > div:first-of-type > div {
  height: 100%;
}

#outputformat_details_description {
  height: 235px;
}

#outputFormatTabSeedlist .k-dropdown {
  width: 12.4em;
}

#outputformatDeferredProcessingListView .k-i-checkmark-circle {
  color: var(--success);
}
#outputformatDeferredProcessingListView .k-i-x-circle {
  color: var(--error);
}

.currentVersionApproved {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
}
.currentVersionApproved.error {
  background-color: var(--error);
}
.currentVersionApproved.success {
  background-color: var(--success);
}

/* VI */
@media (min-width: 992px) {
  .vi-container ul + ul {
    margin-top: 20px;
  }
}
/**
    Notification
*/
#notificationMessagesContainer {
  width: 302px;
  overflow: visible;
  display: block;
  position: fixed;
  bottom: 24px;
  z-index: 30000;
  right: 24px;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  /* Warning template, Info Tempalte, Error Template, Success template  */
}
#notificationMessagesContainer .k-notification span.k-icon {
  font-size: 35px;
}
#notificationMessagesContainer .k-notification {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#notificationMessagesContainer .k-notification .success span.k-icon {
  font-size: 40px;
}
#notificationMessagesContainer .k-widget.k-notification {
  color: #ffffff;
}
#notificationMessagesContainer .k-widget.k-notification h3 {
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
}
#notificationMessagesContainer .info,
#notificationMessagesContainer .error,
#notificationMessagesContainer .warning,
#notificationMessagesContainer .success {
  position: relative;
  width: 300px;
  min-height: 100px;
  display: flex;
  align-items: center;
}
#notificationMessagesContainer .info div:last-of-type,
#notificationMessagesContainer .error div:last-of-type,
#notificationMessagesContainer .warning div:last-of-type,
#notificationMessagesContainer .success div:last-of-type {
  width: calc(100% - 70px);
}
#notificationMessagesContainer .info h3,
#notificationMessagesContainer .error h3,
#notificationMessagesContainer .warning h3,
#notificationMessagesContainer .success h3 {
  font-size: 1em;
  padding: 32px 10px 5px;
}
#notificationMessagesContainer .info h3:only-child,
#notificationMessagesContainer .error h3:only-child,
#notificationMessagesContainer .warning h3:only-child,
#notificationMessagesContainer .success h3:only-child {
  padding: 32px 20px 32px 10px;
}
#notificationMessagesContainer .info p,
#notificationMessagesContainer .error p,
#notificationMessagesContainer .warning p,
#notificationMessagesContainer .success p {
  padding-bottom: 32px;
  padding-left: 10px;
}
#notificationMessagesContainer .info .k-icon.img,
#notificationMessagesContainer .error .k-icon.img,
#notificationMessagesContainer .warning .k-icon.img,
#notificationMessagesContainer .success .k-icon.img {
  width: 40px;
  height: 40px;
  float: left;
  margin: 24px 0 24px 24px;
}
#notificationMessagesContainer .info .k-icon.close,
#notificationMessagesContainer .error .k-icon.close,
#notificationMessagesContainer .warning .k-icon.close,
#notificationMessagesContainer .success .k-icon.close {
  font-size: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
}
#notificationMessagesContainer .info .k-icon.close:hover,
#notificationMessagesContainer .error .k-icon.close:hover,
#notificationMessagesContainer .warning .k-icon.close:hover,
#notificationMessagesContainer .success .k-icon.close:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/**
    FlowEditor
*/
.dyna-icon {
  font-size: 16px;
  line-height: 16px;
}

#deleteConnection {
  margin: 0;
}

.flowEditorContainer {
  z-index: 2;
  overflow: auto;
  height: 100%;
}

#addElementPopup {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 16px rgba(27, 44, 59, 0.18);
}

/**
    Profile
*/
.profile-header {
  padding: 15px 0;
  justify-content: space-between;
}

#tooltipContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 999;
}

/**
    Filter
*/
.filter-segment .dashed {
  height: 40px;
}

/**
    Open OutputFormat
*/
.explorer-dialog-input:hover #expdgTestExportSelectOutputFormat_Name, .explorer-dialog-input:hover #selectOutputFormat_Name {
  border: 1px solid var(--accent);
}
.explorer-dialog-input, .explorer-dialog-input > div, .explorer-dialog-input > div > input {
  border-radius: 4px !important;
  -webkit-transition: border-color 275ms;
  -moz-transition: border-color 275ms;
  -o-transition: border-color 275ms;
  transition: border-color 275ms;
}
.explorer-dialog-input .abSplitRequiredTreatmentField, .explorer-dialog-input .abSplitRequiredOutputformatField, .explorer-dialog-input > div .abSplitRequiredTreatmentField, .explorer-dialog-input > div .abSplitRequiredOutputformatField, .explorer-dialog-input > div > input .abSplitRequiredTreatmentField, .explorer-dialog-input > div > input .abSplitRequiredOutputformatField {
  -webkit-box-shadow: 0 0 0 1px var(--error);
  -moz-box-shadow: 0 0 0 1px var(--error);
  box-shadow: 0 0 0 1px var(--error);
  color: inherit;
  opacity: 1;
}
.explorer-dialog-input > div {
  position: relative;
}
.explorer-dialog-input > div > span {
  height: calc(100% - 2px) !important;
  top: 0 !important;
  right: 0 !important;
  margin: 1px !important;
  border-radius: 0 4px 4px 0;
  -webkit-transition: background-color 275ms;
  -moz-transition: background-color 275ms;
  -o-transition: background-color 275ms;
  transition: background-color 275ms;
}
.explorer-dialog-input > div > span, .explorer-dialog-input > div > span:hover {
  box-shadow: none;
}
.explorer-dialog-input > div > input {
  height: 40px !important;
  border: 1px solid var(--border);
}

/**
    QReport
*/
#qreportChartRow {
  height: 400px;
}
#qreportChartRow > div {
  height: 100%;
}

.qreport-row {
  /* Match criteria-row*/
  height: 54px;
}

#qreportOptionSelection {
  margin-bottom: 10px;
}

#qreportExportGraphs div:last-child, #qreportOptionSelection div:last-child {
  justify-content: flex-end;
}

#qreportGraphsWindow .qreport-row {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-column-gap: 32px;
}
#qreportGraphsWindow .qreport-row div:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#qreportGraphsWindow .qreport-row div:last-child > * {
  flex: 1;
  height: 40px;
}

.participationFilter {
  padding: 16px;
}

.flow-node-content {
  width: 140px;
  height: 80px;
  font-size: 11px;
  position: absolute;
  pointer-events: none;
}
.flow-node-content span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: break-word;
  /* Feature currently not supported by Chrome on Windows, see https://caniuse.com/#feat=mdn-css_properties_hyphens */
  /*hyphens: auto;*/
  padding: 2px 2px 2px 57px;
  color: var(--normalText);
}
.flow-node-content::before {
  content: " ";
  width: 140px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 350ms;
  -moz-transition: box-shadow 350ms;
  -o-transition: box-shadow 350ms;
  transition: box-shadow 350ms;
}
.flow-node-content.state-hover::before {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}
.flow-node-content.state-active::before {
  -webkit-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2);
}

.criterion-editor-add-row {
  display: flex;
}
.criterion-editor-add-row .inputform {
  flex: 2;
  display: flex;
}
.criterion-editor-add-row .inputform #addCriterionButton {
  margin-left: 10px;
}
.criterion-editor-add-row .selectedCounter {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  margin-left: 10px;
}
.criterion-editor-add-row .selectedCounter p {
  flex: 1;
  text-align: center;
}

.criterion-editor-inlist-txt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--normalBackground);
  border-radius: 4px;
  padding: 12px 14px;
}

.in-list-filter {
  background: none;
}

.filter-linked-indicator .subclass:before {
  content: "";
  border-left: 1px solid #dae0e3;
  border-right: none;
  width: 10px;
  top: -6px;
  left: -11px;
  display: block;
  z-index: 99;
  position: absolute;
  height: 28px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 9px;
}

.styled-label, .styled-label-heading {
  font-size: 12px;
  font-family: "Core Sans A Medium";
  color: var(--normalText);
  margin: 0 0 10px;
  padding: 0;
  display: inline-block;
  /* Not compatible with the required class as the "*" would be pushed to the right of the block label */
}
.styled-label.label-inline, .styled-label-heading.label-inline {
  margin: 0;
  vertical-align: inherit;
  display: inline;
}
.styled-label.label-block, .styled-label-heading.label-block {
  display: block;
}
.styled-label span, .styled-label-heading span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

#btnEditPage {
  position: absolute;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 24px;
  min-height: 24px;
}
#btnEditPage .k-icon {
  font-size: 24px;
  margin: 0;
}

#reactWidgetToolbar, #reactCampaignToolbar, #reactTreatmentToolbar, #reactOutputFormatToolbar {
  position: sticky;
  top: 90px;
  z-index: 3;
  padding: 0 15px 15px;
  background: var(--widgetBackground);
}

#reactWidgetToolbar.pageToolbar {
  height: 60px;
  transform: none;
  transition: height 350ms, transform 350ms;
}

/* Node menu */
[data-role=popup].k-popup:not(.k-tooltip) {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border);
  -webkit-transition: box-shadow 350ms;
  -moz-transition: box-shadow 350ms;
  -o-transition: box-shadow 350ms;
  transition: box-shadow 350ms;
}
[data-role=popup].k-popup:not(.k-tooltip), [data-role=popup].k-popup:not(.k-tooltip) > .k-toolbar {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
[data-role=popup].k-popup:not(.k-tooltip) > .k-toolbar > .k-button-group > .k-primary.k-button {
  color: var(--accent);
}
[data-role=popup].k-popup:not(.k-tooltip):hover {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}
[data-role=popup].k-popup:not(.k-tooltip) .k-button {
  margin: 0;
  padding: 0;
}
[data-role=popup].k-popup:not(.k-tooltip) .k-button::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/**
    Loading
*/
.loading-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* Fallback for login page */
}
.loading-wrapper.overlay {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 11;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.loading-wrapper.center {
  justify-content: center;
}
.loading-wrapper.no-theme .loader .path {
  stroke: #98c13c;
}
.loading-wrapper .loader {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  max-height: 100%;
}
.loading-wrapper .loader .circular {
  animation: rotate 1s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loading-wrapper .loader .path {
  fill: none;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: var(--accent);
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.loading-wrapper.small .loader {
  width: 20px;
  height: 20px;
}
.loading-wrapper.small span {
  color: var(--normalText);
}
.loading-wrapper.medium .loader {
  width: 80px;
  height: 80px;
}
.loading-wrapper.medium span {
  font-size: 16px;
  color: var(--normalText);
}
.loading-wrapper.big .loader {
  width: 200px;
  height: 200px;
}
.loading-wrapper.big span {
  font-size: 18px;
  color: var(--normalText);
}

.stretch, .k-tabstrip-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.stretch-important {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

.outputformat-criteria-grid,
.outputformat-sorting-grid,
.outputformat-deferred-grid,
.outputformat-filename-grid,
.filter-criterion-grid,
.taskmanager-filter-grid,
.qreport-grid {
  display: grid;
  grid-column-gap: 20px;
}
.outputformat-criteria-grid *,
.outputformat-sorting-grid *,
.outputformat-deferred-grid *,
.outputformat-filename-grid *,
.filter-criterion-grid *,
.taskmanager-filter-grid *,
.qreport-grid * {
  box-sizing: border-box;
}
.outputformat-criteria-grid::before, .outputformat-criteria-grid::after,
.outputformat-sorting-grid::before,
.outputformat-sorting-grid::after,
.outputformat-deferred-grid::before,
.outputformat-deferred-grid::after,
.outputformat-filename-grid::before,
.outputformat-filename-grid::after,
.filter-criterion-grid::before,
.filter-criterion-grid::after,
.taskmanager-filter-grid::before,
.taskmanager-filter-grid::after,
.qreport-grid::before,
.qreport-grid::after {
  display: none;
}
.outputformat-criteria-grid > *,
.outputformat-sorting-grid > *,
.outputformat-deferred-grid > *,
.outputformat-filename-grid > *,
.filter-criterion-grid > *,
.taskmanager-filter-grid > *,
.qreport-grid > * {
  display: flex;
  align-items: center;
  /* Make width fixed */
  min-width: 0;
}

.outputformat-criteria-grid {
  grid-template-columns: 1fr 6fr 6fr 6fr 4fr 2fr 2fr 2fr 2fr 2fr 2fr 1fr;
  /* Reduced grid gap to save space for the inputs */
  grid-column-gap: 15px;
}

.outputformat-sorting-grid {
  grid-template-columns: 1fr 8fr 8fr 6fr 2fr;
}

.outputformat-deferred-grid {
  grid-template-columns: 1fr 4fr 4fr 3fr;
}

.outputformat-filename-grid {
  grid-template-columns: 1fr 4fr 4fr 2fr 3fr 2fr 2fr 2fr 3fr 1fr;
}

.filter-criterion-grid {
  grid-template-columns: 4fr 4fr 3fr 3fr 3fr;
}

.qreport-grid {
  grid-template-columns: 4fr 4fr 3fr 1fr;
}

.taskmanager-filter-grid {
  grid-template-columns: 3fr 3fr 2fr 2fr 2fr 3fr;
}
.taskmanager-filter-grid > * {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.outputformat-row-item {
  background-color: #ffffff;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.styled-header {
  text-transform: uppercase;
  color: var(--icon);
  font-size: 10px;
  font-family: "Core Sans A Medium";
  display: block;
  position: relative;
}

#ShowSqlStatementTabContent .CodeMirror-cursor {
  display: none !important;
}

#explorerDialog {
  position: absolute;
}

.input-height {
  height: 40px;
}

#app.iFrameMode #contentPlaceholder {
  height: 100vh;
}
#app.iFrameMode .outputformat-widget-vi {
  overflow: auto;
  height: 100%;
}
#app.iFrameMode #btnEditPage {
  display: none;
}
#app.iFrameMode #reactWidgetToolbar.pageToolbar {
  display: none;
}

#reactExplorerPage > div {
  border-radius: 4px;
  background-color: var(--normalBackground);
}

#flowDiagram {
  height: 100%;
  background-color: var(--flowBackground);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.outputformat-widget-vi {
  overflow: auto;
  height: 100%;
}

.k-command-cell {
  /* Not possible to assign classes to the inner commands of the grid so a override is needed here */
}
.k-command-cell .k-i-edit, .k-command-cell .k-i-check, .k-command-cell .k-i-cancel {
  display: none;
}
.k-command-cell .k-button-icontext {
  display: flex;
  align-items: center;
  outline: 0;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 170px;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-family: "Core Sans A Medium";
  min-height: 40px;
  padding: 11px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -moz-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  -o-transition: background 275ms, border-color 275ms, box-shadow 350ms;
  transition: background 275ms, border-color 275ms, box-shadow 350ms;
}
.k-command-cell .k-button-icontext:hover {
  text-decoration: none;
}
.k-command-cell .k-button-icontext.small {
  padding: 4px 8px;
  min-height: 22px;
}
.k-command-cell .k-button-icontext.full-width {
  width: 100%;
}
.k-command-cell .k-button-icontext.primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.k-command-cell .k-button-icontext.primary, .k-command-cell .k-button-icontext.primary [class^=icon-], .k-command-cell .k-button-icontext.primary [class*=" icon-"] {
  color: #ffffff;
}
.k-command-cell .k-button-icontext.primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-command-cell .k-button-icontext.primary:disabled, .k-command-cell .k-button-icontext.primary.disabled, .k-command-cell .k-button-icontext.primary[disabled] {
  opacity: 0.72;
}
.k-command-cell .k-button-icontext.secondary {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--normalText);
}
.k-command-cell .k-button-icontext.secondary:focus {
  border-color: var(--disabled);
}
.k-command-cell .k-button-icontext.secondary:hover {
  border-color: var(--widgetBase);
}
.k-command-cell .k-button-icontext.secondary:disabled, .k-command-cell .k-button-icontext.secondary.disabled, .k-command-cell .k-button-icontext.secondary[disabled] {
  opacity: 1;
  border-color: var(--border);
  color: var(--disabled);
}
.k-command-cell .k-button-icontext.disabled, .k-command-cell .k-button-icontext:disabled, .k-command-cell .k-button-icontext[disabled] {
  cursor: default;
  pointer-events: none;
}
.k-command-cell .k-button-icontext.block {
  width: 100%;
}
.k-command-cell .k-button-icontext.with-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.k-command-cell .k-button-icontext.with-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.k-command-cell .k-button-icontext.with-icon .k-icon {
  margin-right: 5px;
}
.k-command-cell .k-button-icontext.with-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-command-cell .k-button-icontext.with-icon .icon-wrapper {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.k-command-cell .k-button-icontext.with-icon .icon-wrapper svg, .k-command-cell .k-button-icontext.with-icon .icon-wrapper img {
  height: 14px;
}
.k-command-cell .k-button-icontext.just-icon {
  background: #ffffff;
  border-color: transparent;
  max-width: 40px;
  height: 40px;
}
.k-command-cell .k-button-icontext.just-icon:hover {
  -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.14);
}
.k-command-cell .k-button-icontext.just-icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
}
.k-command-cell .k-button-icontext.just-icon .Button-in-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-command-cell .k-button-icontext.just-icon .icon-wrapper {
  display: flex;
}
.k-command-cell .k-button-icontext.just-icon .icon-wrapper svg {
  height: 14px;
  width: 14px;
}
.k-command-cell .k-button-icontext.just-icon .icon-wrapper img {
  max-height: 14px;
  max-width: 14px;
}
.k-command-cell .k-button-icontext.rounded {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-command-cell .k-button-icontext.big {
  min-width: 60px;
  min-height: 60px;
}
.k-command-cell .k-button-icontext.big.rounded {
  height: 60px;
  width: 60px;
}
.k-command-cell .k-button-icontext.big .icon-wrapper svg {
  height: 22px;
  width: 22px;
}
.k-command-cell .k-button-icontext.big .icon-wrapper img {
  max-height: 22px;
  max-width: 22px;
}
.k-command-cell .k-button-icontext.icon-shadow .icon-wrapper, .k-command-cell .k-button-icontext.icon-rounded .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.k-command-cell .k-button-icontext.icon-shadow .icon-wrapper svg, .k-command-cell .k-button-icontext.icon-rounded .icon-wrapper svg {
  height: 10px;
  width: 10px;
}
.k-command-cell .k-button-icontext.icon-shadow .icon-wrapper img, .k-command-cell .k-button-icontext.icon-rounded .icon-wrapper img {
  max-height: 10px;
  max-width: 10px;
}
.k-command-cell .k-button-icontext.icon-shadow .icon-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 24, 55, 0.2);
}
.k-command-cell .k-button-icontext.icon-rounded .icon-wrapper {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.k-command-cell .k-button-icontext.dashed {
  color: var(--normalText);
  background: transparent;
  border: 1px dashed var(--border);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-command-cell .k-button-icontext.dashed:hover {
  border: 1px dashed var(--widgetBase);
}
.k-command-cell .k-button-icontext.dashed.just-icon {
  padding: 0;
}
.k-command-cell .k-button-icontext.dashed.active, .k-command-cell .k-button-icontext.dashed.active:hover {
  border: 1px dashed var(--accent);
}
.k-command-cell .k-button-icontext.dashed.active.icon-rounded .icon-wrapper, .k-command-cell .k-button-icontext.dashed.active:hover.icon-rounded .icon-wrapper {
  background: var(--accent);
}
.k-command-cell .k-button-icontext.k-primary {
  border: 1px solid var(--accent);
  background: var(--accent);
  border-color: var(--accent);
}
.k-command-cell .k-button-icontext.k-primary, .k-command-cell .k-button-icontext.k-primary [class^=icon-], .k-command-cell .k-button-icontext.k-primary [class*=" icon-"] {
  color: #ffffff;
}
.k-command-cell .k-button-icontext.k-primary:hover {
  background: var(--lightAccent);
  border-color: var(--lightAccent);
}
.k-command-cell .k-button-icontext.k-primary:disabled, .k-command-cell .k-button-icontext.k-primary.disabled, .k-command-cell .k-button-icontext.k-primary[disabled] {
  opacity: 0.72;
}

#clearLocalStorageButton {
  color: var(--accent);
}

.form-field-radio-padding {
  padding: 3px 0;
}

#reactExplorerToolbar {
  background: var(--mediumNormalBackground);
  height: 60px;
  margin: 0 16px;
  border-radius: 4px;
}
#reactExplorerToolbar h3 {
  margin: 0;
  font-family: "Core Sans A Light";
  color: var(--normalText);
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 18px 24px;
}

#reactExplorerSplitter, #reactExplorerPage {
  margin-right: 16px;
  margin-left: 16px;
  margin-bottom: 16px;
  background: var(--mediumNormalBackground);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
}
#reactExplorerSplitter:hover, #reactExplorerPage:hover {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}

#reactExplorerSplitter {
  height: calc(100% - 108px);
}

#reactExplorerPageWrapper {
  height: calc(100% - 132px); /* last 24px are for pagination*/
}
#reactExplorerPageWrapper #reactExplorerPage .pagination-bottom {
  background: var(--mediumNormalBackground);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 24, 55, 0.1);
}
#reactExplorerPageWrapper #reactExplorerPage:hover .pagination-bottom {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}

.react-search-page-wrapper {
  height: 100%;
  width: 100%;
}

tr.tasksReadOnly > td {
  background: var(--disabled);
}

tr.tasksMilestone > td {
  background: var(--widgetBackground);
}
tr.tasksMilestone:hover > td {
  color: var(--normalText);
}

#absplitSplitgroups .k-grid-header, #absplitSplitgroups .k-grid-footer {
  padding: 0 !important;
}

.k-task-wrap .k-task-single,
.k-task-wrap .k-task-summary {
  background: var(--graphColor2);
}
.k-task-wrap .k-task-single:hover,
.k-task-wrap .k-task-summary:hover {
  background: var(--lightGraphColor2);
}

#buttonbar .row div.calendar-text {
  margin-top: 6px;
  padding-left: 10px;
}

#mainframecontent.container-fluid.framecontent-normal {
  height: calc(100% - 60px);
}

#calendarContentRow {
  height: calc(100% - 80px);
  position: relative;
}
#calendarContentRow .loading-wrapper {
  height: 100%;
  width: 100%;
}
#calendarContentRow .gantt-wrapper {
  height: 100%;
}

.listboxstyle {
  flex: 1;
  background-color: #ffffff;
  border: 1px solid var(--border);
}

.vi-init-mappinglist, .vi-init-mappinglistradio {
  -webkit-transition: border-color 350ms;
  -moz-transition: border-color 350ms;
  -o-transition: border-color 350ms;
  transition: border-color 350ms;
  min-height: 20px;
  grid-template-columns: repeat(auto-fit, minmax(0, 185px));
}
.vi-init-mappinglist label, .vi-init-mappinglistradio label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vi-init-mappinglist {
  border: 1px solid transparent;
}

.vi-init-mappinglistradio {
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 12px;
}

.vi-init-multilinetextbox {
  display: block;
}

.vi-init-download {
  border: 1px solid var(--border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.vi-init-download .k-state-disabled .k-button {
  color: var(--disabled);
}

.vi-init-mappingbox.disabled .k-listview {
  color: var(--disabled);
  cursor: default;
  user-select: none;
}

.recently-used img {
  width: 16px;
  height: 16px;
}
.recently-used td {
  padding: 8px;
}

.fullpagewidget {
  margin-top: -24px;
  padding-left: 0px;
  padding-right: 0px;
}
.fullpagewidget .k-content {
  border-radius: 0px;
  padding: 0px;
}
.fullpagewidget .col-sm-12 {
  padding: 0px;
}
.fullpagewidget .dashboardWidget {
  margin: 0px;
}

#DetailsTabContent .button-styled span {
  pointer-events: none;
}

.k-resize-handle {
  /*
      Overlay has 99 so it has to be less otherwise there is a black stroke
  */
  z-index: 98;
}

.radiobutton-list > div {
  padding-bottom: 2px;
}

.remaining-segments-label {
  margin-bottom: 2px;
}

#DetailsTabContent .export-relevant {
  padding-bottom: 10px;
}
#DetailsTabContent .export-relevant label.control-label {
  cursor: pointer;
}

#qreportFieldsListView {
  background-color: var(--widgetBackground);
}

.header-text {
  position: relative;
  margin: 20px 0;
}
.header-text, .header-text h2 {
  font-family: "Core Sans A Medium";
}
.header-text::before {
  content: " ";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--border);
}

.filter-segment-description {
  display: inline-block;
  min-width: 120px;
}

/**
    Action Tasklist
*/
.k-grid tbody tr.tasksReadOnly > td {
  background-color: var(--disabled);
}

.divider {
  margin: 20px 0;
  border-top: 2px solid var(--border);
}

#gridTestExportResults {
  overflow-x: auto;
}

.preview-link-text {
  display: block;
  color: var(--normalText);
}

#taskListGrid tr.tasksReadOnly > td {
  height: 12px;
  padding: 0;
  border: none;
}
#taskListGrid tr {
  height: auto !important;
}
#taskListGrid td, #taskListGrid th {
  height: auto;
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
#taskListGrid tr:first-child td, #taskListGrid tr:first-child th {
  border-top: none;
}
#taskListGrid tr:last-child td, #taskListGrid tr:last-child th {
  border-bottom: none;
}
#taskListGrid tr td:first-child, #taskListGrid tr th:first-child {
  border-left: none;
}
#taskListGrid tr td:last-child, #taskListGrid tr th:last-child {
  border-right: none;
}

#abSplitGrid .k-grid-content {
  /* Fixed height for 2 rows */
  height: 112px !important;
}

#criterion-editor-2-cbo-window-div .criterion-listobx-section .flex .k-listbox {
  height: auto;
}
#criterion-editor-2-cbo-window-div .criterion-listobx-section .flex .k-listbox .k-listbox-toolbar .k-reset {
  justify-content: center;
}

#taskManagerGridDetails.k-grid.k-display-block, #taskManagerGridErrors.k-grid.k-display-block {
  display: flex;
}

.wizardContainer {
  height: 100%;
  display: flex !important;
}

.templateEditor {
  background-color: var(--widgetBackground);
}
.templateEditor .externalContentBorder {
  background: white;
  display: flex;
  flex-direction: column;
  margin: 0 16px;
  padding: 32px 16px;
  max-height: 90vh;
}
.templateEditor .externalContentBorder .widgetContent {
  border: 2px solid var(--mediumBorder, #e9ecee);
  overflow: auto;
  padding: 16px;
}
.templateEditor .externalContentBorder .externalContentLabelWrapper {
  display: flex;
  flex-direction: row-reverse;
  height: 24px;
  align-items: center;
}
.templateEditor .externalContentBorder .externalContentLabelWrapper .externalContentLabel {
  background: var(--mediumBorder, #e9ecee);
  border-radius: 0 0 12px 12px;
  padding: 0 16px;
  font-family: "Core Sans A Medium";
  color: #828892;
  height: 100%;
  display: flex;
  align-items: center;
}