@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Regular-webfont.eot");
    src: url("../fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular") format("svg")
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Italic-webfont.eot");
    src: url("../fonts/roboto/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Italic-webfont.svg#RobotoItalic") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Bold-webfont.eot");
    src: url("../fonts/roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold-webfont.svg#RobotoBold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-BoldItalic-webfont.eot");
    src: url("../fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Thin-webfont.eot");
    src: url("../fonts/roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Thin-webfont.svg#RobotoThin") format("svg");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-ThinItalic-webfont.eot");
    src: url("../fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic") format("svg");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Light-webfont.eot");
    src: url("../fonts/roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Light-webfont.svg#RobotoLight") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-LightItalic-webfont.eot");
    src: url("../fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Medium-webfont.eot");
    src: url("../fonts/roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-Medium-webfont.svg#RobotoMedium") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-MediumItalic-webfont.eot");
    src: url("../fonts/roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic") format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "qbe-custom";
    src: url("../fonts/qbe-custom/qbe-custom.eot");
    src: url("../fonts/qbe-custom/qbe-custom.eot?#iefix") format("embedded-opentype"), url("../fonts/qbe-custom/qbe-custom.woff") format("woff"), url("../fonts/qbe-custom/qbe-custom.ttf") format("truetype"), url("../fonts/qbe-custom/qbe-custom.svg#qbe-custom") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "appliances";
    src: url("../fonts/appliances/appliances.eot");
    src: url("../fonts/appliances/appliances.eot?#iefix") format("embedded-opentype"), url("../fonts/appliances/appliances.woff") format("woff"), url("../fonts/appliances/appliances.ttf") format("truetype"), url("../fonts/appliances/appliances.svg#appliances") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "appliances" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="ai-"]:before,
[class*=" ai-"]:before {
    font-family: "appliances" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    font-size: 1.5rem;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ai-fridge:before {
    content: "\61"
}

.ai-iron:before {
    content: "\62"
}

.ai-microwave:before {
    content: "\63"
}

.ai-toaster:before {
    content: "\65"
}

.ai-tv:before {
    content: "\66"
}

.ai-washer:before {
    content: "\67"
}

.ai-lightbulb:before {
    content: "\69"
}

.ai-hairdyer:before {
    content: "\6a"
}

.ai-coffee:before {
    content: "\6b"
}

.ai-cappa:before {
    content: "\6c"
}

.ai-boiler:before {
    content: "\6d"
}

.ai-alwayson:before {
    content: "\6e"
}

.ai-home:before {
    content: "\6f"
}

.ai-washdrier:before {
    content: "\68"
}

.ai-oven:before {
    content: "\64"
}

.ai-fan:before {
    content: "\71"
}

.ai-vacuum:before {
    content: "\72"
}

.ai-dishwasher:before {
    content: "\73"
}

.ai-mixer:before {
    content: "\74"
}

.ai-conditioning:before {
    content: "\70"
}

.ai-mixedwasher:before {
    content: "\75"
}

.ai-magnet:before {
    content: "\76"
}

.ai-battery:before {
    content: "\77"
}

.ai-resistor:before {
    content: "\78"
}

@font-face {
    font-family: "knowage";
    src: url("../fonts/knowage/knowage.eot");
    src: url("../fonts/knowage/knowage.eot?#iefix") format("embedded-opentype"), url("../fonts/knowage/knowage.woff") format("woff"), url("../fonts/knowage/knowage.ttf") format("truetype"), url("../fonts/knowage/knowage.svg#knowage") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "knowage" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="kni-"]:before,
[class*=" kni-"]:before {
    font-family: "knowage" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.kni-sum:before {
    content: "\61"
}

.kn-svgIcon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3b678c
}

.kn-svgIcon.kn-svgIconTable {
    mask-image: url("../../commons/img/icons/table.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../../commons/img/icons/table.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-svgIcon.kn-svgIconPieChart {
    mask-image: url("../../commons/img/icons/chart-pie.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../../commons/img/icons/chart-pie.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-svgIcon.kn-svgIconLineChart {
    mask-image: url("../../commons/img/icons/chart-line.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../../commons/img/icons/chart-line.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-svgIcon.kn-svgIconBarChart {
    mask-image: url("../../commons/img/icons/chart-bar.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../../commons/img/icons/chart-bar.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

* {
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: 16px;
    font-family: "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif
}

#doc,
#iframeDoc {
    width: calc(100% - 58px);
    margin-left: 58px
}

#doc #iframeDoc {
    width: 100%;
    margin-left: 0
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important
}

.no-margin {
    margin: 0
}

.no-padding {
    padding: 0
}

.small-padding {
    padding: 8px
}

.margin-right10 {
    margin-right: 10px
}

.hidden {
    display: none !important
}

.capitalize {
    text-transform: capitalize
}

::-ms-clear {
    display: none !important;
    width: 0;
    height: 0
}

md-toolbar.md-knowage-theme {
    min-height: 2rem;
    outline: none;
    z-index: 10;
    height: 2rem;
    background-color: #3b678c;
    color: #fff !important
}

md-toolbar.md-knowage-theme .md-toolbar-tools {
    height: 2rem;
    font-size: .8rem;
    text-transform: none;
    font-weight: 600
}

md-toolbar.md-knowage-theme .md-toolbar-tools button:not(.md-fab) {
    min-height: 2rem;
    height: 2rem;
    line-height: 2rem
}

md-toolbar.md-knowage-theme .md-toolbar-tools button.md-icon-button:not(.md-fab) {
    height: 24px;
    min-height: 24px;
    line-height: 24px;
    width: 24px;
    padding: 0
}

md-toolbar.md-knowage-theme .md-toolbar-tools button.md-icon-button:not(.md-fab) .md-ripple-container {
    height: 24px
}

md-toolbar.md-knowage-theme._md-toolbar-transitions {
    transition: none
}

md-toolbar.md-knowage-theme:not(.md-menu-toolbar) {
    background-color: #3b678c
}

md-list-item ._md-list-item-inner ._md-secondary-container,
md-list-item ._md-secondary-container {
    height: 0
}

md-list-item._md-button-wrap>div.md-button:first-child ._md-list-item-inner {
    height: 0
}

md-toolbar.secondaryToolbar.md-knowage-theme {
    background-color: #a9c3db !important
}

md-toolbar.ternaryToolbar.md-knowage-theme {
    background-color: #ccc !important
}

md-input-container.md-knowage-theme .hint {
    position: absolute;
    left: 2px;
    bottom: -0.8rem;
    right: auto;
    font-size: .6rem;
    line-height: .8rem;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: gray
}

md-input-container.md-knowage-theme+label {
    padding: 0;
    line-height: 2rem
}

md-input-container.md-knowage-theme md-checkbox {
    margin-bottom: 0
}

md-input-container.md-knowage-theme md-checkbox.md-checked ._md-icon {
    background-color: #3b678c
}

md-checkbox.md-knowage-theme.md-checked ._md-icon {
    background-color: #3b678c
}

.md-button.md-knowage-theme .active {
    color: #3b678c
}

.md-button.md-knowage-theme.md-warn.md-raised:not([disabled]) {
    background-color: #c70751;
    color: #fff
}

.md-button.md-knowage-theme.md-warn.md-raised:not([disabled]):hover {
    background-color: #f60b65
}

.md-button.md-knowage-theme.md-warning.md-raised:not([disabled]) {
    background-color: #F44336;
    color: #fff
}

.md-button.md-knowage-theme.md-warning.md-raised:not([disabled]):hover {
    background-color: #f77066
}

.md-button.md-knowage-theme.md-raised.md-button-empty {
    background-color: white !important;
    color: #3b678c !important
}

.md-button.md-knowage-theme.md-fab {
    top: .6em
}

.md-button.md-knowage-theme.md-fab:not([disabled]) {
    background-color: #c70751 !important
}

.md-button.md-knowage-theme.md-fab:not(.md-mini) {
    width: 3rem;
    height: 3rem
}

.md-button.md-knowage-theme.md-fab:not(.md-mini) md-icon {
    font-size: 1.3rem
}

md-toolbar.md-knowage-theme .md-toolbar-tools .md-button:not[disabled] {
    color: #fff
}

md-toolbar.md-knowage-theme .md-toolbar-tools .md-button:not[disabled]:hover {
    background-color: #a9c3db;
    color: #3b678c
}

.md-button.md-knowage-theme:not([disabled]):hover {
    background-color: rgba(204, 204, 204, 0.2)
}

md-input-container.md-knowage-theme.noMarginBottom {
    margin-bottom: 0
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #3b678c
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-focused md-icon {
    color: #3b678c
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-has-value label {
    color: #a9c3db
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-focused label {
    color: #3b678c
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-invalid .md-input {
    border-color: #c70751
}

md-input-container.md-knowage-theme:not(.md-input-invalid).md-input-invalid.md-input-invalid.md-input-focused label {
    color: #c70751
}

md-input-container.md-knowage-theme ng-messages :not(.md-char-counter),
md-input-container.md-knowage-theme [ng-messages] :not(.md-char-counter),
md-input-container.md-knowage-theme ng-message :not(.md-char-counter),
md-input-container.md-knowage-theme data-ng-message :not(.md-char-counter),
md-input-container.md-knowage-theme x-ng-message :not(.md-char-counter),
md-input-container.md-knowage-theme [ng-message] :not(.md-char-counter),
md-input-container.md-knowage-theme [data-ng-message] :not(.md-char-counter),
md-input-container.md-knowage-theme [x-ng-message] :not(.md-char-counter),
md-input-container.md-knowage-theme [ng-message-exp] :not(.md-char-counter),
md-input-container.md-knowage-theme [data-ng-message-exp] :not(.md-char-counter),
md-input-container.md-knowage-theme [x-ng-message-exp] :not(.md-char-counter) {
    color: #c70751
}

md-checkbox.md-knowage-theme.md-checked .md-icon {
    background-color: #3b678c
}

md-checkbox.md-knowage-theme .md-icon {
    border-color: #3b678c
}

md-radio-group.md-knowage-theme .md-checked .md-ink-ripple {
    color: #ccc
}

md-radio-button.md-knowage-theme ._md-on {
    background-color: #3b678c
}

md-radio-button.md-knowage-theme ._md-off {
    border-color: #a9c3db
}

md-radio-button.md-knowage-theme.md-checked ._md-off {
    border-color: #a9c3db
}

md-select.md-knowage-theme .md-select-value {
    border-bottom-color: #3b678c
}

md-select.md-knowage-theme .md-select-value .md-select-icon {
    color: #3b678c
}

md-select.md-knowage-theme:not([disabled]):focus .md-select-value {
    border-bottom-color: #3b678c
}

md-select-menu.md-knowage-theme md-option[selected] {
    color: #3b678c
}

md-select-menu.md-knowage-theme md-option[selected]:focus {
    color: #3b678c
}

md-tabs.md-knowage-theme .md-tab.md-active,
md-tabs.md-knowage-theme .md-tab.md-active md-icon,
md-tabs.md-knowage-theme .md-tab.md-focused,
md-tabs.md-knowage-theme .md-tab.md-focused md-icon {
    color: #3b678c
}

md-tabs.md-knowage-theme md-ink-bar {
    color: #3b678c;
    background: #3b678c
}

md-card.md-knowage-theme {
    background-color: #fff;
    display: block
}

md-card.md-knowage-theme.flexCard {
    display: flex
}

md-card.md-knowage-theme.disabled {
    background-color: #ccc !important
}

md-tab-content md-content.md-knowage-theme {
    background-color: transparent
}

a.md-button.md-knowage-theme.md-primary,
.md-button.md-knowage-theme.md-primary {
    color: #fff;
    background-color: #3b678c
}

a.md-button.md-knowage-theme.md-primary.md-raised:not([disabled]),
.md-button.md-knowage-theme.md-primary.md-raised:not([disabled]) {
    color: #fff;
    background-color: #3b678c
}

a.md-button.md-knowage-theme.md-primary.md-raised:not([disabled]):focus,
.md-button.md-knowage-theme.md-primary.md-raised:not([disabled]):focus {
    color: #fff;
    background-color: #3b678c
}

.md-button.md-knowage-theme.md-primary.md-raised:not([disabled]):hover {
    background-color: #4a81b0
}

.md-button.md-knowage-theme:not([disabled]):hover {
    color: #3b678c;
    background-color: rgba(169, 195, 219, 0.5)
}

.md-button.md-knowage-theme.md-focused:not([disabled]) {
    color: #3b678c;
    background-color: rgba(169, 195, 219, 0.5)
}

.md-button.md-knowage-theme.md-raised:not(.md-fab):not([disabled]) {
    color: #3b678c;
    background-color: #a9c3db
}

.md-button.md-knowage-theme.md-raised:not([disabled]):hover {
    background-color: #3b678c;
    color: white
}

.md-knowage-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-knowage-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: #3b678c;
    color: #fff;
    border-color: transparent
}

.md-knowage-theme .md-calendar-date-selection-indicator:hover {
    background: #a9c3db
}

.md-knowage-theme .md-datepicker-input-container {
    border-bottom-color: #3b678c
}

.md-knowage-theme .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #3b678c
}

.md-knowage-theme .md-datepicker-input {
    color: #3b678c
}

.md-knowage-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: #3b678c
}

.md-knowage-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
    border-top-color: #3b678c
}

.md-knowage-theme .md-calendar-day-header {
    background: #3b678c;
    color: #fff
}

.md-knowage-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border: 1px solid #3b678c
}

.md-knowage-theme .md-calendar-date.md-focus .md-calendar-date-selection-indicator {
    background: #a9c3db
}

md-datepicker.kn-custom-datepicker {
    display: block
}

md-datepicker.kn-custom-datepicker button {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    width: 32px !important
}

md-datepicker.kn-custom-datepicker .md-datepicker-input-container {
    padding: 0
}

.kn-info,
.kn-warning,
.kn-infoerror {
    margin: 8px !important;
    padding: 8px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: .6rem
}

.kn-info p,
.kn-warning p,
.kn-infoerror p {
    margin: 0
}

.kn-info ul,
.kn-warning ul,
.kn-infoerror ul {
    padding: 0
}

.kn-info.no-uppercase,
.kn-warning.no-uppercase,
.kn-infoerror.no-uppercase {
    text-transform: none
}

.kn-info {
    border: 1px solid rgba(59, 103, 140, 0.1);
    background-color: #eaf0f6
}

.kn-warning {
    border: 1px solid rgba(251, 192, 45, 0.5);
    background-color: #fef5dc
}

.kn-infoerror {
    border: 1px solid rgba(244, 67, 54, 0.5);
    background-color: #fde1df
}

.kn-warningContainer {
    border: 2px dashed #3b678c
}

.kn-close-Info {
    position: absolute;
    right: 5px;
    top: 5px
}

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

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

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

.kn-noItems {
    margin: 8px !important;
    border: 1px solid rgba(204, 204, 204, 0.6);
    padding: 8px;
    background-color: #e6e6e6;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: .6rem
}

.kn-codeExample {
    margin: 8px !important;
    border: 1px solid rgba(59, 103, 140, 0.1);
    padding: 8px;
    background-color: #eaf0f6;
    text-align: left;
    position: relative;
    font-size: .6rem;
    font-family: 'courier'
}

.kn-codeExample textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    resize: none
}

.kn-mandatory:not(.validValue) {
    color: red !important;
    font-weight: bold
}

.kn-mandatory::after {
    content: " *"
}

md-icon {
    text-align: center
}

.kn-list md-icon.fa {
    padding-left: 0
}

.zindexback {
    z-index: 0 !important
}

.overflowVisible md-content {
    overflow: visible
}

.kn-checkInput md-input-container {
    margin: 8px 0
}

.kn-checkInput label {
    line-height: 28px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.noMargin {
    margin: 0 !important
}

.lowMarginSwitch {
    margin: 8px 0
}

.noPadding,
.noPadding>._md-subheader-inner,
.noPadding>.md-subheader-inner {
    padding: 0px
}

.noPadding>._md-subheader-inner ._md-subheader-content>div,
.noPadding>.md-subheader-inner ._md-subheader-content>div {
    height: 48px
}

.text-transform-none {
    text-transform: none
}

.switchSubheader.md-subheader ._md-subheader-inner {
    width: 100%;
    padding: 8px 16px
}

.switchSubheader.md-subheader ._md-subheader-inner ._md-subheader-content {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.switchSubheader.md-subheader ._md-subheader-inner ._md-subheader-content md-switch {
    margin: 0
}

.md-subheader.smallerSubheader {
    height: 32px
}

.md-subheader.smallerSubheader .md-subheader-inner {
    padding: 8px 16px
}

.noBorder {
    border: 0px
}

.removeTransition {
    transition: none !important
}

md-content.md-knowage-theme.mainContent {
    background-color: #fafafa
}

md-toast.md-knowage-theme {
    position: fixed;
    height: auto;
    max-height: 400px;
    max-width: 100%;
    min-width: 400px;
    overflow: hidden
}

md-toast.md-knowage-theme.kn-toast-success {
    background-color: green
}

md-toast.md-knowage-theme.md-knowage-theme.kn-toast-error {
    background-color: red
}

md-toast.md-knowage-theme span {
    white-space: nowrap
}

md-toast.md-knowage-theme.kn-toast-success {
    background-color: green
}

md-toast.md-knowage-theme.kn-toast-error {
    background-color: red
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .flex {
        -ms-flex: 1 auto;
        -webkit-box-flex: 1 auto;
        -webkit-flex: 1 auto;
        flex: 1;
        width: 100%
    }

    .flex2 {
        -ms-flex: 1 auto;
        -webkit-box-flex: 1 auto;
        -webkit-flex: 1 auto;
        flex: 1 auto;
        width: 100%;
        margin: 0px !important
    }

    #angularFullTableContentBox>table>thead>tr {
        width: 100%
    }

    md-tab-content>div {
        height: 100% !important
    }

    .rightHeight {
        height: 100%
    }

    #selectDivKPI {
        height: 80%
    }

    #selectDivKPI>angular_table {
        height: 80%
    }

    .mdDialogSize {
        height: 100% !important
    }

    .heightDivContent {
        height: 100%
    }

    .widthDivContent {
        width: 100%
    }

    .kn-scorecardKpiDefinition md-content {
        overflow-y: hidden
    }

    .hidden-overflow-orizontal {
        width: 100%;
        overflow-y: hidden
    }

    .hidden-overflow-vertical {
        width: 100%;
        overflow-x: hidden
    }

    #angularFullTableContentBox {
        width: 100%
    }

    #documentListTable {
        width: 100%
    }
}

@supports (-ms-accelerator: true) {
    .flex {
        -ms-flex: 1 auto;
        -webkit-box-flex: 1 auto;
        -webkit-flex: 1 auto;
        flex: 1;
        width: 100%;
        margin: 0px !important
    }

    .flex2 {
        -ms-flex: 1 auto;
        -webkit-box-flex: 1 auto;
        -webkit-flex: 1 auto;
        flex: 1 auto;
        width: 100%;
        margin: 0px !important
    }

    #angularFullTableContentBox>table>thead>tr {
        width: 100%
    }

    md-tab-content>div {
        height: 100%
    }

    .rightHeight {
        height: 100%
    }

    #selectDivKPI {
        height: 80%
    }

    #selectDivKPI>angular_table {
        height: 80%
    }

    .mdDialogSize {
        height: 100% !important
    }

    .heightDivContent {
        height: 100%
    }

    .widthDivContent {
        width: 100%
    }

    .kn-scorecardKpiDefinition md-content {
        overflow-y: hidden
    }

    .hidden-overflow-orizontal {
        width: 100%;
        overflow-y: hidden
    }

    .hidden-overflow-vertical {
        width: 100%;
        overflow-x: hidden
    }

    #angularFullTableContentBox {
        width: 100%
    }

    #documentListTable {
        width: 100%
    }
}

md-switch.md-knowage-theme.md-checked .md-thumb {
    background-color: #c70751
}

md-content.md-knowage-theme.config-content-detail {
    background-color: transparent !important
}

.buttonLabel {
    line-height: 4rem
}

form {
    margin-bottom: 0
}

.listSideNav {
    width: auto
}

.listOverlay {
    width: 80% !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
    bottom: 0 !important;
    height: 100% !important;
    -webkit-transition: all .5s;
    transition: all .5s
}

.listOverlay md-content {
    height: 85%
}

.blackOverlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 900
}

.lonelyIcon {
    top: -4px;
    position: relative
}

.internalContent {
    overflow: hidden
}

.layout-margin md-tabs {
    margin: 0
}

.layout-padding md-input-container {
    padding: 0
}

.searchInput.md-input-has-value label,
.searchInput.md-input-focused label {
    display: none
}

md-menu-content._md-menu-bar-menu .divider {
    padding-left: 1.5rem;
    margin-top: .5rem;
    color: #3b678c;
    font-size: .6rem
}

.md-indent .md-button {
    line-height: 30px
}

md-menu-content._md-menu-bar-menu.md-dense {
    padding: 8px 0
}

md-menu-content._md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
    line-height: 20px
}

.md-errors-spacer {
    min-height: 0 !important
}

.mdError .md-errors-spacer {
    min-height: 32px !important
}

.smallInputs md-input-container {
    margin: 10px 0 !important
}

.miniContentPadding {
    padding: 4px
}

.inputRename {
    cursor: pointer
}

expander-box md-toolbar {
    cursor: pointer;
    margin-bottom: 2px
}

expander-box md-toolbar span.md-toolbar-tools {
    overflow: hidden;
    white-space: nowrap
}

.fa-stack .fa.fa-positive {
    color: #4CAF50
}

.fa-stack .fa.fa-negative {
    color: #F44336
}

.noTable {
    min-width: 460px
}

.noTable span {
    text-transform: uppercase;
    font-size: .6rem;
    color: gray
}

.iconAlignFix {
    position: relative;
    left: -5px
}

.floatRight {
    float: right
}

md-tab-item.kn-success {
    color: #4CAF50
}

md-tab-item.kn-success span {
    color: #4CAF50
}

md-tab-item.kn-success.md-active {
    border-bottom: 2px solid #4CAF50;
    z-index: 9999;
    position: relative;
    padding-bottom: 10px
}

md-tab-item.kn-danger {
    color: #F44336
}

md-tab-item.kn-danger span {
    color: #F44336
}

md-tab-item.kn-danger.md-active {
    border-bottom: 2px solid #F44336;
    z-index: 9999;
    position: relative;
    padding-bottom: 10px
}

.kn-success {
    color: #4CAF50 !important
}

.kn-danger,
.kn-dangerous {
    color: #F44336 !important;
    border-color: red
}

.kn-error-popup {
    min-width: 300px;
    max-height: 400px;
    max-width: 600px;
    padding: 1px
}

.kn-inputError {
    color: #F44336 !important;
    border-bottom-color: #F44336 !important
}

.noSelect,
angular-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable>thead>tr>th>div,
cockpit-angular-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notAllowedCursor {
    cursor: not-allowed !important
}

.knowageStandardTable {
    width: 100%;
    border-collapse: collapse
}

.knowageStandardTable tr {
    height: 32px
}

.knowageStandardTable thead {
    background-color: #3b678c
}

.knowageStandardTable thead th {
    text-align: left;
    padding-left: 4px;
    color: #fff
}

.knowageStandardTable tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.knowageStandardTable tbody tr:hover {
    background-color: #fff
}

.knowageStandardTable tbody tr td {
    text-align: left;
    padding-left: 4px;
    color: #262626;
    font-size: .6rem
}

.knowageStandardTable tbody tr td button {
    padding: 0 !important;
    height: 32px !important
}

color-picker {
    width: 100%;
    min-height: 30px;
    display: block
}

color-picker .color-picker-wrapper {
    position: absolute;
    width: 100%;
    z-index: 9000
}

color-picker .color-picker-wrapper .input-group .input-group-addon {
    padding: 0
}

.text-line-through {
    text-decoration: line-through !important
}

.rotate-transition {
    transition: transform .3s ease-out, display 0s linear
}

.rotate-180 {
    transform: rotate(-180deg)
}

.md-input-focused color-picker .color-picker-wrapper {
    z-index: 9999
}

.md-icon-button.md-icon-button-32 {
    margin: 0;
    height: 32px;
    min-width: 0;
    line-height: 32px;
    min-height: 32px;
    padding: 0;
    width: 32px;
    border-radius: 50%
}

.clickable {
    cursor: pointer
}

.selectable {
    cursor: pointer
}

.selectable:hover {
    background-color: #e6e6e6
}

.selectable.selected {
    background-color: #d9d9d9
}

.truncated {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.warning>md-icon {
    color: #F44336
}

.md-icon-button.md-knowage-theme.md-secondary:not([disabled]):hover {
    background-color: #ccc
}

.kn-select {
    border-bottom: 1px solid #ccc;
    width: 100%;
    overflow: hidden
}

.kn-select .kn-select-arrow {
    width: 10px;
    height: 10px;
    background-position: 50% 108%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

.kn-select select {
    cursor: pointer;
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none
}

.kn-select select:focus {
    outline: none
}

md-list.kn-smallList md-list-item {
    height: 32px;
    min-height: 32px
}

.olapDialogContent {
    min-height: 400px;
    min-width: 600px
}

.toastify {
    font-family: 'Roboto', 'Arial', 'Sanf-serif';
    font-size: .8rem
}

.toastify.kn-infoToast {
    background: #a9c3db
}

.toastify.kn-successToast {
    background: #4CAF50
}

.toastify.kn-warningToast {
    background: #F44336
}

.kn-grid-container {
    height: 100%;
    display: flex;
    padding: 8px
}

.kn-grid-container .ag-theme-knowage {
    width: 100%;
    box-shadow: 0px 3px 3px #ccc
}

.kn-main-body ._md-open-menu-container {
    z-index: 9999
}

.kn-main-body ._md-menu-backdrop {
    z-index: 9998
}

.kn-buttonBar .kn-primaryButton {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0
}

.kn-buttonBar md-menu {
    overflow: hidden
}

.kn-buttonBar md-menu .kn-functionButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    min-width: 50px
}

.kn-buttonBar md-menu .kn-functionButton:not([disabled]):hover md-icon {
    color: #fff !important
}

.kn-buttonBar md-menu .kn-functionButton:not([disabled]) md-icon {
    color: #3b678c !important
}

.kn-buttonBar .kn-functionButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    min-width: 50px
}

.kn-buttonBar .kn-functionButton:not([disabled]):hover md-icon {
    color: #fff !important
}

.kn-buttonBar .kn-functionButton:not([disabled]) md-icon {
    color: #3b678c !important
}

.kn-treePath {
    padding: 8px
}

.kn-treePath span {
    margin-right: 4px;
    font-size: .8rem
}

span.functionDescription {
    font-size: .7rem
}

md-dialog {
    background: #fff
}

filter-by-tags .inverse-flex {
    flex-direction: row-reverse
}

filter-by-tags .kn-chip {
    padding: 4px 8px;
    background-color: #ccc;
    cursor: pointer;
    margin-right: 4px;
    line-height: 30px;
    border-radius: 50px;
    font-size: .7rem;
    outline: none
}

filter-by-tags .kn-chip:hover {
    background-color: #e6e6e6
}

filter-by-tags .kn-chip.tagSelected {
    background-color: #3b678c;
    color: #fff
}

.buttonSubheader.switchSubheader ._md-subheader-inner {
    padding: 0 16px
}

.buttonSubheader ._md-subheader-inner {
    width: 100%
}

.iconGallery md-grid-tile {
    transition: background .3s linear
}

.iconGallery md-grid-tile:hover {
    outline: 2px solid #3b678c;
    background: rgba(59, 103, 140, 0.2)
}

.iconGallery md-grid-tile.selected {
    outline: 4px solid #3b678c;
    background: rgba(59, 103, 140, 0.5)
}

.tab-badge {
    background-color: #c70751;
    padding: 4px;
    border-radius: 20px;
    min-width: 20px;
    display: inline-block;
    height: 20px;
    line-height: 11px;
    color: #fff;
    position: relative
}

.tab-spacer {
    width: 20px;
    height: 16px;
    display: inline-block
}

.color-picker-input-wrapper {
    width: 90%
}

iframe {
    border: 0
}

@supports (-ms-ime-align: auto) {
    .kn-list-detail {
        overflow-y: hidden
    }

    .kn-grid-container {
        height: calc(100% - 64px)
    }
}

.kn-loadingSpinner {
    position: absolute;
    z-index: 500;
    display: flex;
    flex-direction: row;
    background: rgba(0, 0, 0, 0.3)
}

.kn-loadingSpinner md-progress-circular {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    md-sidenav {
        width: 320px !important
    }

    .canvas-for-highcharts {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 9
    }

    .canvas-for-highcharts.show-for-canvas {
        display: block
    }

    html {
        overflow: hidden
    }

    .itemboxGU {
        min-height: 100px
    }

    md-checkbox.md-knowage-theme.md-checked ._md-icon:after,
    md-checkbox.md-knowage-theme.md-checked .md-icon::after {
        padding-top: 11px
    }

    md-select-menu[multiple] md-option[selected]._md-checkbox-enabled ._md-icon::after {
        padding-top: 11px
    }
}

@media print {
    @page {
        size: auto;
        margin: 0
    }

    .kn-cockpit .cockpitSheetTabsHook md-tabs-canvas md-tab-item.md-tab {
        display: none !important
    }
}

.fl-prefsEditor-separatedPanel {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%
}

.fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-buttons {
    float: left !important;
    position: absolute;
    left: 40%;
    z-index: 9999
}

.accessible-mode-on button:focus,
.accessible-mode-on .md-button:focus {
    outline: 2px !important
}

.accessibleTable {
    border-collapse: collapse;
    width: 100%;
    min-width: 700px
}

.accessibleTable thead tr {
    height: 2rem
}

.accessibleTable thead tr th {
    text-transform: uppercase;
    font-size: 1rem;
    color: #3b678c
}

.accessibleTable tbody tr {
    height: 2rem
}

.accessibleTable tbody tr:nth-child(odd) {
    background-color: #e6e6e6
}

.accessibleTable tbody tr td {
    text-align: center;
    font-size: .8rem;
    color: #262626
}

.kn-accessiblePdf {
    width: 60%
}

.kn-accessiblePdf .progressLinearAccessibleTables {
    margin-bottom: 8px
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block {
    position: relative;
    height: 3rem;
    width: 100%
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block strong {
    text-transform: capitalize
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block.success {
    background-color: #d9eeda
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block.active {
    background-color: #f1f5f9
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block.available {
    background-color: #e6e6e6
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block.error {
    background-color: #fccbc7
}

.kn-accessiblePdf .progressLinearAccessibleTables .bottom-block>span {
    line-height: 3rem;
    padding-left: 20px;
    font-size: .8rem
}

.kn-accessiblePdf .hint {
    text-align: center;
    background-color: #eceff1;
    margin-bottom: 30px;
    border-radius: 2px;
    font-size: .6rem;
    text-transform: uppercase;
    padding: 8px;
    width: 80%;
    -webkit-box-shadow: 0px 2px 3px 2px #ccc;
    -moz-box-shadow: 0px 2px 3px 2px #ccc;
    box-shadow: 0px 2px 3px 2px #ccc;
    margin: 0 auto 10px auto
}

.kn-accessiblePdf .hint p {
    margin: 0
}

.accessibleModeOn *:focus {
    outline-width: 5px;
    outline-offset: 10px;
    outline-style: solid
}

.kn-activation {
    height: auto;
    min-height: auto
}

.kn-activation .top,
.kn-activation .center,
.kn-activation .bottom {
    display: flex;
    justify-content: center;
    align-items: center
}

.kn-activation .top {
    margin: 20px auto;
    justify-content: space-between;
    max-width: 700px
}

.kn-activation .top .social {
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center
}

.kn-activation .top .social a {
    margin: 5px
}

.kn-activation .center {
    width: 100%;
    height: 336px;
    background: url("../img/defaultTheme/activationBackground.png") no-repeat top center;
    position: relative;
    z-index: 1
}

.kn-activation .center .activation,
.kn-activation .center .error {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kn-activation .center .activation p,
.kn-activation .center .error p {
    color: white;
    text-align: center;
    font-family: 'roboto';
    font-size: 20px;
    width: 100%;
    max-width: 500px;
    padding: 8px
}

.kn-activation .center .colorOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.kn-activation .center .colorOverlay.warning {
    background-color: rgba(244, 67, 54, 0.6)
}

.kn-activation .center .colorOverlay.success {
    background-color: rgba(59, 103, 140, 0.6)
}

.kn-activation .bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 700px
}

.kn-activation .bottom .third {
    align-items: center;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.kn-activation .bottom .third p {
    text-align: center
}

.kn-activation .bottom .third a {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .addKpiAction md-dialog-content {
        display: block !important;
        flex: none !important
    }
}

.animation.slide-down.ng-enter {
    transition: all 0.5s linear;
    opacity: .5;
    top: -70px
}

.animation.slide-down.ng-enter.ng-enter-active {
    opacity: 1;
    top: 0
}

.animation.slide-down.ng-leave {
    transition: 0.3s linear all;
    opacity: 1
}

.animation.slide-down.ng-leave.ng-leave-active {
    opacity: 0;
    top: -70px
}

.animation.shrink-down.ng-enter {
    transition: all 0.5s linear;
    transform: scale(0)
}

.animation.shrink-down.ng-enter.ng-enter-active {
    transform: scale(1)
}

.animation.shrink-down.ng-leave {
    transition: 0.3s linear all;
    transform: scale(1)
}

.animation.shrink-down.ng-leave.ng-leave-active {
    transform: scale(0)
}

.animation.fade-down.ng-enter {
    transition: 0.3s linear all;
    min-height: 0px;
    max-height: 0px;
    line-height: 0px;
    opacity: 0;
    top: -20px
}

.animation.fade-down.ng-enter.ng-enter-active {
    min-height: 25px;
    max-height: 25px;
    line-height: 25px;
    opacity: 1;
    top: 0
}

.animation.fade-down.ng-leave {
    transition: 0.3s linear all;
    min-height: 25px;
    max-height: 25px;
    line-height: 25px;
    opacity: 1
}

.animation.fade-down.ng-leave.ng-leave-active {
    min-height: 0px;
    max-height: 0px;
    line-height: 0px;
    opacity: 0;
    top: -20px
}

associator-directive {
    position: relative;
    display: block;
    padding: 0
}

.kn-associatorDirective .associator-parameter {
    background-color: #C4DCF3;
    color: rgba(255, 255, 255, 0.87);
    font-size: 15px;
    padding: 5px 16px 0 16px !important;
    font-weight: 400;
    min-height: 33px !important
}

.kn-associatorDirective .associator-parameter.highlight-selected-parameter {
    background-color: #a9c3db
}

.kn-associatorDirective .associator-parameter.link {
    color: black;
    background-color: #E6E6E6
}

.kn-associatorDirective .associator-parameter .fa-link {
    color: #3F51B5
}

.kn-associatorDirective .loadingSpinner {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.kn-associatorDirective .openDocIcon {
    margin-top: 6px;
    color: white
}

.kn-associatorDirective .parametersList:first-child {
    padding-right: 10px
}

.kn-associatorDirective .parametersList li {
    border: 0;
    padding: 2px;
    border: 0 !important
}

.kn-associatorDirective .parametersList>div {
    padding: 3px
}

.kn-associatorDirective .parametersList md-list {
    border: 1px solid #a9c3db
}

.kn-associatorDirective .parametersList md-list md-list-item {
    min-height: 36px
}

.kn-associatorDirective .parametersList md-list md-list-item ._md-list-item-inner {
    min-height: 36px
}

.kn-associatorDirective .parametersList md-list md-list-item.over {
    background-color: rgba(128, 128, 128, 0.32);
    border: 1px dashed
}

.kn-associatorDirective .parametersList md-list md-list-item.errorClass {
    background-color: rgba(255, 0, 0, 0.29);
    border: 1px dashed red
}

.kn-associatorDirective .parametersList md-list md-list-item.multyValue>.md-button>._md-list-item-inner {
    height: 100% !important
}

.kn-associatorDirective button.md-raised {
    margin-top: 22px
}

.kn-associatorDirective .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kn-exportersMenu .firstSelection {
    margin-top: 34px
}

.kn-exportersMenu md-select-menu md-select-header md-input-container {
    margin: 16px 8px
}

.cacheManager md-content.md-knowage-theme {
    background-color: #eceff1
}

.cacheManager md-tabs-content-wrapper {
    background-color: #eceff1
}

.cacheManager md-tabs-canvas {
    background-color: #fff
}

.cacheManager md-input-container label {
    white-space: pre-wrap !important
}

.kn-layerCatalogue .md-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 0
}

.kn-layerCatalogue md-icon.fa {
    display: block;
    padding-left: 0px
}

.kn-layerCatalogue md-icon.s32 span {
    padding-left: 8px
}

.kn-layerCatalogue .h100 {
    height: 100%;
    background: transparent
}

.kn-layerCatalogue .md-switch-thumb .md-container,
.kn-layerCatalogue md-radio-button .md-container {
    box-sizing: border-box;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.kn-layerCatalogue .closeIcon {
    font-size: 22px
}

.kn-layerCatalogue md-icon.buttonIcon {
    display: inline
}

.kn-layerCatalogue .md-button.dialogButton {
    margin-left: 55%
}

.kn-list {
    background: #eceff1;
    border-right: 2px solid #ccc
}

.kn-list md-icon.fa {
    padding-left: 2px;
    display: inline
}

.kn-list md-content.md-knowage-theme {
    background-color: transparent
}

.kn-detail {
    background: #f6f6f6
}

.kn-detail .kn-detail-content {
    background: transparent
}

.kn-detail .containerDiv {
    position: absolute
}

.kn-detail .layerFilter {
    padding: 10px
}

.kn-detail md-content .layerFilterContent {
    overflow: hidden
}

.kn-detail .angularListTemplate .searchBarList input {
    margin: 0px;
    padding-left: 18px;
    height: initial
}

.kn-detail .md-button.md-knowage-theme.md-fab {
    top: 0px
}

.kn-detail .md-button.md-knowage-theme.md-fab md-icon {
    font-size: inherit;
    padding-top: inherit
}

.kn-detail .angularListTemplate {
    font-family: Roboto, Verdana, Geneva, Arial, Helvetica, sans-serif
}

.kn-rolesManagement .rolesMetaModelCategories_idItemBox md-checkbox,
.kn-rolesManagement .rolesDatasetCategories_idItemBox md-checkbox {
    margin: 0 0 0 10px
}

.kn-rolesManagement .authorizationList md-input-container.md-knowage-theme {
    padding: 2px 2px 2px
}

.kn-rolesManagement .authorizationList label {
    font-size: .8em
}

.federatedDataset .mainContainer .federationDsContainer {
    max-height: 600px;
    overflow: auto
}

.federatedDataset .mainContainer .federationDsContainer md-list-item {
    min-height: 35px;
    height: 35px
}

.federatedDataset .mainContainer .federationDsContainer md-list-item .md-button {
    line-height: 35px;
    min-height: 35px
}

.federatedDataset .mainContainer .federationDsContainer md-list-item .md-button ._md-list-item-inner {
    min-height: 35px;
    font-size: .8rem
}

.federatedDataset .contentdemoBasicUsage {
    background: #eceff1
}

.federatedDataset .buttonR {
    position: fixed;
    right: 10px;
    bottom: 10px
}

.federatedDataset .buttonL {
    position: fixed;
    right: 170px;
    bottom: 10px
}

.federatedDataset .angularListTemplate .searchBarList input {
    margin: 0px;
    padding-left: 18px;
    height: initial
}

.federatedDataset .md-button.md-knowage-theme.md-fab {
    top: 0px
}

.federatedDataset .md-button.md-knowage-theme.md-fab md-icon {
    font-size: inherit;
    padding-top: inherit
}

.federatedDataset .angularListTemplate {
    font-family: Roboto, Verdana, Geneva, Arial, Helvetica, sans-serif
}

.federatedDataset .associationsBox {
    padding: 5px;
    height: 41%
}

.federatedDataset .datasetInAssociationBox {
    width: 250px;
    float: left;
    padding: 5px
}

.federatedDataset .listBox {
    height: 90%
}

.federatedDataset .listBox .layout-align-start-end {
    display: none
}

.federatedDataset .listBox .md-button {
    padding: 0 !important
}

.federatedDataset .listBox .md-button ._md-list-item-inner p {
    padding: 0 16px
}

.federatedDataset .listBox .md-button ._md-secondary-container {
    display: none
}

.federatedDataset .listBox .md-button .md-ripple-container {
    height: 27px !important;
    min-height: 27px !important
}

.federatedDataset .createRelationButton {
    top: 20 !important;
    right: 15;
    font-size: 18px !important;
    padding-top: 4px !important
}

.federatedDataset .md-button.deleteIcon {
    line-height: 25px;
    width: 25px;
    height: 25px;
    min-height: 0;
    z-index: 0
}

.federatedDataset .associationItem {
    min-height: 35px;
    border-style: dashed;
    border-width: 1px;
    margin-bottom: 3px;
    padding: 2px;
    border-color: #A9C3DB
}

.federatedDataset .trashcan-background {
    background-color: #3b678c !important
}

.federatedDataset .fedAssociationsBoxEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px
}

.federatedDataset .fedAssociationsBoxCard {
    height: 93%
}

.federatedDataset .floatRightFederationButton {
    float: right
}

.federatedDataset .destItem {
    background-color: #c70751;
    color: #fff
}

.federatedDataset .sourceItem {
    background-color: #3b678c;
    color: #fff
}

.federatedDataset .noMarginRightLeft {
    margin-right: 0px;
    margin-left: 0px
}

.federatedDataset .leftMarginAuto {
    margin-left: auto
}

.federatedDataset .openSaveFederationDialog {
    margin-right: 0px;
    margin-left: 0px
}

.federatedDataset .backToFirstStepFederationButton {
    margin-right: 20px
}

.federatedDataset .associationListBtn {
    margin-top: 10px;
    font-size: 20
}

.homePage .layer {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1 !important;
    background-image: url("../img/defaultTheme/homeBackground.jpg");
    background-size: cover
}

.homePage user {
    font-family: 'Roboto';
    padding: 5px;
    padding-bottom: 3px;
    flex-shrink: 0;
    position: fixed;
    font-weight: 400;
    right: 0;
    color: white;
    z-index: 99999
}

.homePage user>section {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.homePage user>section>section {
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

.homePage user img {
    height: 54px;
    width: 54px;
    border: 2px solid #c70751;
    border-radius: 50px;
    overflow: hidden;
    margin-left: 10px;
    min-height: 54px;
    min-width: 54px;
    align-items: flex-end
}

.homePage user name {
    font-weight: 400;
    font-size: 1.5rem;
    color: #262626
}

.homePage user actions {
    padding: .1em 0;
    font-size: 1rem;
    display: flex;
    justify-content: flex-end
}

.homePage user actions a {
    padding: 0 .5em;
    color: #262626;
    text-decoration: none;
    text-transform: uppercase
}

.homePage user actions a:hover {
    text-decoration: underline
}

.homePage user actions a:last-child {
    padding-right: 0
}

#kn-info {
    font-size: .8rem
}

#kn-info img {
    width: 150px
}

#kn-info p span {
    font-weight: bold
}

.kn-importExportDocument .documentsFilter {
    background-color: #f2f2f2
}

.kn-importExportDocument #filterDatepickerContainer.md-input-has-value label:not(.md-no-float),
.kn-importExportDocument #filterDatepickerContainer.md-input-focused label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 12px, 0) scale(0.75);
    transform: translate3d(0, 12px, 0) scale(0.75)
}

.kn-importExportDocument #filterDatepickerContainer #filterDatepicker {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    margin: 0
}

.kn-importExportDocument #filterDatepickerContainer #filterDatepicker>button {
    float: none
}

.kn-importExportDocument #filterDatepickerContainer #filterDatepicker .md-datepicker-input-container {
    width: calc(100% - 60px);
    border-bottom-color: #ccc;
    padding: 0
}

.kn-importExportDocument #filterDatepickerContainer #filterDatepicker .md-datepicker-input-container .md-datepicker-input {
    width: 100%;
    max-width: none
}

.kn-importExportDocument .exportOptions {
    background-color: #f2f2f2
}

.kn-importExportDocument .exportOptions .layout-column {
    padding: 16px
}

.kn-importExportDocument .exportOptions .layout-column md-checkbox ._md-label {
    font-size: .8rem
}

.kn-importExportDocument .absolute {
    position: absolute
}

.kn-importExportDocument md-tabs-canvas {
    background-color: #fff
}

.kn-importExportDocument div.importSteps>md-content {
    height: calc(100% - 25px)
}

.kn-importExportDocument .sourceTargetToolbar {
    text-align: center;
    z-index: 4;
    margin-bottom: 1px
}

.kn-importExportDocument .importSteps .md-subheader-wrapper,
.kn-importExportDocument .importSteps .md-subheader {
    text-align: center
}

.kn-importExportDocument .centerText {
    text-align: center
}

.kn-importExportDocument .miniheadimportexport h2 {
    padding-left: 14px
}

.kn-importExportDocument .mainContainer {
    background-color: #eceff1
}

.kn-importExportDocument md-radio-button {
    display: flex;
    align-items: center
}

.kn-importExportDocument .internalFab.md-knowage-theme {
    top: -10px !important
}

.kn-importExportDocument .line-container {
    max-width: 100rem !important
}

.kn-importExportDocument #AssociationFileUploadImport {
    padding: 0
}

.kn-importExportDocument #fileUploadImport {
    padding: 0
}

.kn-importExportDocument component-tree md-checkbox {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

json-tree .key {
    color: #3b678c;
    font-size: .8rem
}

json-tree ul {
    margin-top: 0;
    padding-left: 40px
}

json-tree li {
    margin-top: 0
}

json-tree md-input-container {
    padding: 0;
    margin: 0
}

json-tree md-input-container input {
    font-size: .8rem
}

json-tree md-checkbox {
    margin-bottom: 0
}

json-tree json-node {
    position: relative
}

json-tree json-node md-checkbox {
    top: 5px;
    position: absolute
}

.kn-license md-list-item-text .md-list-item-text h3 {
    line-height: 1rem
}

.kn-license .importButtonContainer {
    right: 20px;
    bottom: -10px;
    position: absolute;
    width: 40px
}

.kn-license .licenseTopButtons {
    position: relative
}

.kn-license .listItemLineHeight {
    line-height: 1rem
}

.kn-license .innerDialog {
    position: absolute;
    z-index: 89;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    min-height: 150px
}

.kn-license .innerDialogBackdrop {
    position: absolute;
    z-index: 88;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4)
}

.kn-custom-list md-list-item {
    height: 32px;
    min-height: 32px
}

.kn-custom-list md-list-item ._md-list-item-inner {
    height: 32px;
    min-height: 32px;
    font-size: .7rem
}

.kn-custom-list md-list-item .md-button {
    min-height: 32px;
    height: 32px;
    line-height: 32px
}

.kn-custom-list.h42 .kn-list-item {
    height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid #ccc
}

.kn-custom-list.h42 .kn-list-item .kn-list-preicon {
    margin: 0 10px
}

.kn-custom-list.h42 .kn-list-item .kn-list-action-button {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%
}

.kn-custom-list.h42 .kn-list-item .kn-list-text {
    box-sizing: border-box;
    height: 100%;
    flex: 1;
    justify-content: center
}

.kn-custom-list.h42 .kn-list-item .kn-list-text h3 {
    margin: 0;
    font-size: .8rem
}

.kn-custom-list.h42 .kn-list-item .kn-list-text p {
    margin: 0;
    font-size: .7rem
}

.angularListTemplate {
    max-height: 100%;
    font-size: .8rem;
    font-weight: normal;
    color: #262626;
    overflow-x: hidden;
    position: relative
}

.angularListTemplate *:focus {
    outline: none
}

.angularListTemplate .searchBarList input {
    padding-left: 0 !important
}

.angularListTemplate .dropdown_menu_list md-list-item,
.angularListTemplate .dropdown_menu_list md-list-item button,
.angularListTemplate .dropdown_menu_list md-list-item .md-list-item-inner {
    height: 36px !important
}

.angularListTemplate .dropdown_menu_list md-list-item p {
    line-height: 20px;
    margin: 3px
}

.angularListTemplate button {
    padding: 0px
}

.angularListTemplate button p {
    line-height: 25px;
    padding: 0px 16px 0 0;
    margin-left: 4px;
    border-bottom: 2px solid #b0bec5
}

.angularListTemplate md-list {
    padding: 0
}

.angularListTemplate md-list md-list-item .md-button {
    min-height: 27px;
    height: 27px
}

.angularListTemplate .md-list-item-inner {
    width: 100%;
    height: 100%
}

.angularListTemplate .angular-ui-tree-handle,
.angularListTemplate .angular-ui-tree-handle:hover {
    cursor: pointer !important
}

.angularListTemplate [layout-padding] .box_pagination_list {
    margin-left: -8px !important
}

.angularListTemplate .pagination {
    margin: 0px !important;
    padding: 0px !important
}

.angularListTemplate .pagination>li,
.angularListTemplate .pagination>li>span {
    position: relative;
    float: left;
    margin-left: -1px;
    text-decoration: none !important;
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 16px
}

.angularListTemplate .pagination>li>a {
    text-decoration: none !important;
    width: 100%;
    display: block
}

.angularListTemplate .pagination>.active>a,
.angularListTemplate .pagination>.active>a:focus,
.angularListTemplate .pagination>.active>a:hover,
.angularListTemplate .pagination>.active>span,
.angularListTemplate .pagination>.active>span:focus,
.angularListTemplate .pagination>.active>span:hover {
    z-index: 2;
    color: #000;
    cursor: default;
    background-color: #e8e8e8;
    border-color: #e8e8e8
}

.angularListTemplate .pagination>.disabled>a,
.angularListTemplate .pagination>.disabled>a:focus,
.angularListTemplate .pagination>.disabled>a:hover,
.angularListTemplate .pagination>.disabled>span,
.angularListTemplate .pagination>.disabled>span:focus,
.angularListTemplate .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

i.dragged-item-icon {
    font-size: 15px;
    float: left;
    color: #b0bec5;
    cursor: move;
    margin-top: 4px
}

.angularListTemplate .dropdown_menu_list {
    margin-top: -50px;
    position: fixed !important
}

.angularListTemplate md-fab-speed-dial md-fab-trigger button,
.angularListTemplate button.singleActionButton {
    height: 15px !important;
    width: 15px !important;
    min-height: 0
}

.angularListTemplate button.singleActionButton {
    position: absolute;
    right: -5px;
    top: 5px
}

.angularListTemplate md-fab-speed-dial md-fab-actions button {
    height: 20px;
    width: 20px;
    min-height: 0;
    top: 2px;
    background-color: #0094FF
}

.angularListTemplate md-fab-speed-dial md-fab-actions button md-icon {
    margin-top: 2px
}

.angularListTemplate md-fab-speed-dial {
    position: absolute;
    right: -5px;
    height: 100%;
    top: -3px
}

.angularListTemplate .dropdown_menu_list md-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.angularListTemplate .dropdown_menu_list.open md-list {
    display: block
}

.angularListTemplate .dropdown_menu_list md-list.bottomBorder md-list-item button {
    border-bottom: 1px solid #b0bec5;
    padding: 0;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 0
}

.angular-ui-tree-node p,
.angular-ui-tree-node md-list-item,
.angular-ui-tree-node md-list-item button,
.angular-ui-tree-node md-list-item button .md-list-item-inner,
.angular-ui-tree-node .md-ripple-container {
    height: 21px !important;
    min-height: 21px !important;
    cursor: pointer
}

ol.angular-ui-tree-nodes li {
    border-left: 1px dotted #D3C1C1
}

.angular-ui-tree-empty {
    background-color: white !important;
    min-height: 30px
}

.angular-ui-tree-handle {
    padding: 4px 0px;
    height: 27px !important;
    min-height: 27px !important;
    cursor: pointer
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box
}

.selectedRow {
    font-weight: bold
}

.kn-detail .extraButtonContainer .datasetSpecific {
    position: relative;
    top: 6px
}

.kn-login {
    height: 100%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/defaultTheme/background_720.jpg");
    background-size: cover
}

.kn-login .card-container.card {
    width: 350px;
    padding: 40px 40px
}

.kn-login .version {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: .6rem;
    text-transform: uppercase
}

.kn-login .btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.kn-login .card {
    background-color: rgba(238, 238, 238, 0.38);
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 15%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 2px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 2px 2px rgba(204, 204, 204, 0.3)
}

.kn-login .form-control {
    display: block;
    width: 100%;
    height: 3rem;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #262626;
    background-color: #eceff1;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204, 0.075);
    box-shadow: inset 0 1px 1px rgba(204, 204, 204, 0.075)
}

.kn-login .form-control::placeholder {
    color: #4d4d4d
}

.kn-login .form-control.smallerInput {
    height: 2rem
}

.kn-login .profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.kn-login .profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em
}

.kn-login .reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kn-login .form-signin .captcha {
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.kn-login .form-signin #inputEmail,
.kn-login .form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px
}

.kn-login .form-signin input[type=email],
.kn-login .form-signin input[type=password],
.kn-login .form-signin input[type=text],
.kn-login .form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kn-login .form-signin .form-control:focus {
    border-color: #5a8eb9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6891a2;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6891a2
}

.kn-login .btn-signin-azure {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    color: #333;
    background-color: #eee;
    border-color: #eee
}

.kn-login .btn-signin-azure:hover {
    color: #333;
    background-color: #d5d5d5;
    border-color: #cfcfcf
}

.kn-login .btn.btn-signin {
    background-color: #042d56ff;
    padding: 0px;
    font-weight: 700;
    font-size: 1rem;
    height: 3rem;
    border: none;
    border-radius: 10px;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.kn-login .btn.btn-signin:hover,
.kn-login .btn.btn-signin:active,
.kn-login .btn.btn-signin:focus {
    background-color: #8dc3e5ff
}

.kn-login .forgot-password {
    color: #6891a2
}

.kn-login .forgot-password:hover,
.kn-login .forgot-password:active,
.kn-login .forgot-password:focus {
    color: #0c6121
}

.kn-login .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #ccc
}

.kn-login .btn-default:hover {
    color: #333;
    background-color: rgba(255, 253, 253, 0.34);
    cursor: pointer
}

.kn-login a.lightLink {
    color: #fff;
    text-decoration: none
}

.kn-login .btn.btn-signup {
    background-color: #3b678c;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 3rem;
    border: none;
    border-radius: 0;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.kn-login .btn.btn-signup:hover,
.kn-login .btn.btn-signup:active,
.kn-login .btn.btn-signup:focus {
    background-color: #5a8eb9
}

.kn-login label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)
}

.kn-login .signUpContainer h3 {
    margin: 8px 0;
    text-transform: uppercase;
    font-size: 1rem
}

.kn-login .signUpContainer label {
    color: #002956 !important;
    text-shadow: none
}

.kn-login .signUpContainer md-card {
    background-color: rgba(238, 238, 238, 0.38)
}

.kn-login .signUpContainer md-card md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #002956
}

.kn-login .signUpContainer md-card md-input-container .md-input-has-value label {
    color: white !important
}

.kn-login .signUpContainer #sticky {
    height: 75px;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin: 0;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 2px #ccc
}

.kn-login .signUpContainer .goTologin {
    background-color: #c50754
}

.kn-login .signUpContainer .goTologin:hover {
    background-color: #f60969 !important
}

@media all and (max-width: 800px) {
    .kn-login .signUpContainer md-card {
        margin-top: 20px
    }

    .kn-login .card {
        margin-top: 10px
    }
}

.kn-changePassword {
    background-color: #fafafa
}

.kn-changePassword .form-signin .captcha {
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.kn-changePassword .form-signin #inputEmail,
.kn-changePassword .form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px
}

.kn-changePassword .form-signin input[type=email],
.kn-changePassword .form-signin input[type=password],
.kn-changePassword .form-signin input[type=text],
.kn-changePassword .form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kn-changePassword .form-signin .form-control {
    display: block;
    width: 100%;
    height: 3rem;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #262626;
    background-color: #eceff1;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(204, 204, 204, 0.075);
    box-shadow: inset 0 1px 1px rgba(204, 204, 204, 0.075)
}

.kn-changePassword .form-signin .form-control::placeholder {
    color: #4d4d4d
}

.kn-changePassword .form-signin .form-control::focus {
    border-color: #5a8eb9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6891a2;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #6891a2
}

.kn-changePassword .btn.btn-signin {
    background-color: #c70751;
    padding: 0px;
    font-weight: 700;
    font-size: 1rem;
    height: 3rem;
    border: none;
    border-radius: 0;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.kn-changePassword .btn.btn-signin:hover,
.kn-changePassword .btn.btn-signin:active,
.kn-changePassword .btn.btn-signin:focus {
    background-color: #f72375
}

.kn-changePassword .forgot-password {
    color: #6891a2
}

.kn-changePassword .forgot-password:hover,
.kn-changePassword .forgot-password:active,
.kn-changePassword .forgot-password:focus {
    color: #0c6121
}

.kn-changePassword .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: #ccc
}

.kn-changePassword .btn-default:hover {
    color: #333;
    background-color: rgba(255, 253, 253, 0.34);
    cursor: pointer
}

.kn-changePassword a.lightLink {
    color: #fff;
    text-decoration: none
}

.kn-changePassword .btn.btn-signup {
    background-color: #3b678c;
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 3rem;
    border: none;
    border-radius: 0;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer
}

.kn-changePassword .btn.btn-signup:hover,
.kn-changePassword .btn.btn-signup:active,
.kn-changePassword .btn.btn-signup:focus {
    background-color: #5a8eb9
}

.kn-lovPreview {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%
}

.kn-lovPreview md-content {
    overflow-y: hidden;
    height: 100%
}

.kn-newsDialog {
    width: 60%
}

.kn-newsDialog md-dialog-content {
    min-height: 300px;
    height: 60%
}

.kn-newsDialog md-tabs {
    height: calc(100% - 32px)
}

.kn-newsDialog md-list .newMessage {
    border-right: 6px solid #d70e59
}

.kn-newsDialog .newsContainer {
    border-bottom: 1px solid #ccc;
    background-color: #fbfbfb;
    padding: 8px
}

.kn-news-management .noNews,
.kn-newsDialog .noNews {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kn-news-management .noNews .emptyIconSvg,
.kn-newsDialog .noNews .emptyIconSvg {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url("../img/defaultTheme/newspaper.svg")
}

.kn-olap angular-table .fakeTable,
.kn-olap .kn-cockpit cockpit-static-pivot-table-widget .fakeTable,
.kn-cockpit .kn-olap cockpit-static-pivot-table-widget .fakeTable {
    display: none
}

.kn-olap .axisDropzone {
    border: 2px dashed #3b678c;
    text-transform: uppercase;
    font-size: .6rem;
    color: #3b678c;
    justify-content: center;
    align-items: center;
    display: none
}

.kn-olap #filterPanel {
    min-height: 45px
}

.kn-olap #filterPanel.drag-enter .axisDropzone {
    display: flex
}

.kn-olap #filterPanel.drag-enter+div .axisDropzone {
    border: 2px dashed #fff;
    margin: 0 2px
}

.kn-olap .md-toolbar-tools .md-icon-button md-icon {
    line-height: 24px
}

.kn-olap .showMdxVar {
    background-color: #eceff1;
    margin: 8px;
    border-radius: 4px;
    padding-bottom: 16px;
    font-size: .8rem
}

.kn-olap .pivot-table {
    position: absolute;
    text-align: left;
    table-layout: fixed;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    border-collapse: collapse
}

.kn-olap .pivot-table thead {
    border-bottom: 1px solid #ccc;
    overflow: auto
}

.kn-olap .pivot-table thead th {
    position: relative !important;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px;
    background: #f5f5f5;
    white-space: nowrap;
    text-align: left
}

.kn-olap .pivot-table thead td {
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    text-align: right;
    vertical-align: middle;
    border-bottom: 1px solid #3b678c;
    border-right: 1px solid #3b678c;
    max-height: 43px !important
}

.kn-olap .pivot-table tbody th {
    border-right: 1px solid #ccc;
    padding-right: 5px
}

.kn-olap .pivot-table tbody td[measurename] {
    text-align: right
}

.kn-olap .pivot-table tr:nth-child(even) {
    background-color: #eceff1
}

.kn-olap .pivot-table tr:nth-child(odd) {
    background-color: #fff
}

.kn-olap .pivot-table-selected {
    border: 2px solid #ff0080 !important;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    background: #f5f5f5;
    position: relative !important;
    -ms-user-select: none;
    user-select: none
}

.kn-olap .rotate span {
    height: auto !important;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.917);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.917)"
}

.kn-olap .x-pressed-drill.drill-btn-left,
.kn-olap .x-pressed-drill.drill-btn-center,
.kn-olap .x-pressed-drill.drill-btn-right {
    background-color: #d0d0d0 !important
}

.kn-olap .drill-btn-left {
    border: none !important;
    margin: 0px !important;
    margin-right: -2px !important;
    right: 2px !important;
    border-radius: 0px !important;
    background-color: #e3e4e6 !important
}

.kn-olap .drill-btn-center {
    border: none !important;
    margin: 0px !important;
    border-radius: 0px !important;
    border-left: 1px solid #d0d0d0 !important;
    border-right: 1px solid #d0d0d0 !important;
    background-color: #e3e4e6 !important
}

.kn-olap .drill-btn-right {
    border: none !important;
    margin: 0px !important;
    margin-left: -2px !important;
    left: 2px !important;
    border-radius: 0px !important;
    background-color: #e3e4e6 !important
}

.kn-olap .swap-column-panel {
    background-image: url("../img/olap/swap-column-panel2.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 2px
}

.kn-olap .swap-row-panel {
    background-image: url("../img/olap/swap-row-panel.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 2px
}

.kn-olap .expanded {
    vertical-align: middle;
    text-align: left;
    background-color: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6)
}

.kn-olap .collapsed {
    vertical-align: middle;
    text-align: left;
    background-color: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6)
}

.kn-olap .expanded img,
.kn-olap .collapsed img {
    position: relative;
    left: 0px;
    text-align: left;
    vertical-align: top;
    padding: 3px
}

.kn-olap td:focus {
    outline: none;
    border: 1px solid #ff0080 !important;
    cursor: text
}

.kn-olap .odd-row td {
    background-color: #F6F6F7 !important
}

.kn-olap .even-row td {
    background-color: white !important
}

.kn-olap .odd-column {
    background-color: transparent
}

.kn-olap .even-column {
    background-color: transparent
}

.kn-olap .x-pivot-table thead tr:first-child {
    background-color: #FFF
}

.kn-olap .dimension-title {
    border-top: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle
}

.kn-olap .dimension-title img {
    position: relative;
    left: 0px;
    text-align: left;
    vertical-align: middle;
    padding: 3px
}

.kn-olap .swapaxes {
    background-image: url("../img/olap/double-arrow.png");
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center center
}

.kn-olap .filter-title {
    background-color: transparent;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 4px;
    text-align: center
}

.kn-olap .filter-value {
    font-style: italic;
    background-color: transparent;
    padding: 4px;
    text-align: center
}

.kn-olap .filter-funnel-image {
    background-image: url("../img/olap/filter_3.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: "90%";
    height: "90%"
}

.kn-olap .filter-funnel-body {
    background-color: transparent;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    padding: 4px
}

.kn-olap .filter-column {
    background-image: url("../img/olap/filter_10.png");
    background-color: transparent;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    margin-left: 4px;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center
}

.kn-olap .filter-row {
    background-image: url("../img/olap/filter_10.png");
    background-color: transparent;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    margin-top: 4px;
    padding-top: 10px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat
}

.kn-olap .BUTTON_MDX {
    background-image: url("../img/olap/mdx.png")
}

.kn-olap .BUTTON_EDIT_MDX {
    background-image: url("../img/olap/edit_mdx.png")
}

.kn-olap .BUTTON_UNDO {
    background-image: url("../img/olap/undo.png")
}

.kn-olap .BUTTON_FATHER_MEMBERS {
    background-image: url("../img/olap/show_parent_members.png")
}

.kn-olap .BUTTON_HIDE_SPANS {
    background-image: url("../img/olap/hide_spans.png")
}

.kn-olap .BUTTON_SHOW_PROPERTIES {
    background-image: url("../img/olap/show_props.png")
}

.kn-olap .BUTTON_SHOW_COMPACT_PROPERTIES {
    background-image: url("../img/olap/show_compact_props.png")
}

.kn-olap .BUTTON_HIDE_EMPTY {
    background-image: url("../img/olap/empty_rows.png")
}

.kn-olap .BUTTON_SAVE {
    background-image: url("../img/olap/save16.png")
}

.kn-olap .BUTTON_SAVE_NEW {
    background-image: url("../img/olap/save-version16.png")
}

.kn-olap .BUTTON_FLUSH_CACHE {
    background-image: url("../img/olap/reload16.png")
}

.kn-olap .lock-icon {
    background-image: url("../img/olap/locked_green.png")
}

.kn-olap .unlock-icon {
    background-image: url("../img/olap/unlocked_green.png")
}

.kn-olap .lock-other-icon {
    background-image: url("../img/olap/locked_other_green.png")
}

.kn-olap .BUTTON_VERSION_MANAGER {
    background-image: url("../img/olap/delete-versions16.png")
}

.kn-olap .BUTTON_EXPORT_OUTPUT {
    background-image: url("../img/olap/toolbar-export.png")
}

.kn-olap .context-menu-icon {
    background-image: url("../img/olap/menu16.png")
}

.kn-olap .BUTTON_CALCULATED_MEMBERS {
    background-image: url("../img/olap/cubesmall.png")
}

.kn-olap .BUTTON_EXPORT_XLS {
    background-image: url("../img/olap/xls16.png")
}

.kn-olap .BUTTON_SAVE_SUBOBJECT {
    background-image: url("../img/olap/savesuboject.png")
}

.kn-olap .BUTTON_HIDE_SPANS_CLICKED {
    background-image: url("../img/olap/hide_spans_clicked.png")
}

.kn-olap .BUTTON_SHOW_PROPERTIES_CLICKED {
    background-image: url("../img/olap/show_props_clicked.png")
}

.kn-olap .BUTTON_SHOW_COMPACT_PROPERTIES_CLICKED {
    background-image: url("../img/olap/show_compact_props_clicked.png")
}

.kn-olap .BUTTON_FATHER_MEMBERS_CLICKED {
    background-image: url("../img/olap/show_parent_members_clicked.png")
}

.kn-olap .BUTTON_HIDE_EMPTY_CLICKED {
    background-image: url("../img/olap/empty_rows_clicked.png")
}

.kn-olap .BUTTON_EDITABLE_EXCEL_EXPORT {
    background-image: url("../img/olap/editable_excel.png")
}

.kn-olap .BUTTON_ALGORITHMS {
    background-image: url("../img/olap/alg_btn.png");
    background-size: 30px
}

.kn-olap .BUTTON_SORTING {
    background-image: url("../img/olap/sorting-enabled.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_SORTING_CLICKED {
    background-image: url("../img/olap/sorting-enabled_clicked.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_CC {
    background-image: url("../img/olap/cc.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_SORTING_SETTINGS {
    background-image: url("../img/olap/sorting-settings.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_SCENARIO_WIZARD {
    background-image: url("../img/olap/olapDesignerScenario.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_CROSSNAV_WIZARD {
    background-image: url("../img/olap/olapDesignerCross.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_PAGINATION_WIZARD {
    background-image: url("../img/olap/olapDesignerPagination.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_WIZARD {
    background-image: url("../img/olap/olapDesignerButtons.png");
    background-size: 23px 23px
}

.kn-olap .BUTTON_CROSS_NAVIGATION {
    background-image: url("../img/olap/cross-navigation.png");
    background-size: 10px 10px
}

.kn-olap .multihierarchy-font {
    font-size: 11 !important
}

.kn-olap .multi-hierarchy {
    background-image: url("../img/olap/multi_hierarchy_2.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 12px 12px
}

.kn-olap .internal-row-header {
    margin-top: 1px !important
}

.kn-olap .internal-column-header {
    margin-left: 1px !important
}

.kn-olap .loadingMask {
    position: fixed;
    z-index: 500;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5
}

.kn-olap .loadingNoMask {
    position: fixed;
    z-index: 500;
    height: 100%;
    width: 100%
}

.kn-olap .knowage-blue {
    background-color: #3b678c !important;
    min-height: 0px !important
}

.kn-olap .top-alignment {
    height: 100%
}

.kn-olap .table-alignment {
    position: absolute;
    top: 0px;
    max-width: calc(100% - 52px)
}

.kn-olap .groupX {
    font-size: 12px;
    margin: 10px 0px 10px 2px;
    color: #000000 !important;
    background-color: rgba(224, 224, 224, 0.96);
    text-transform: none;
    font-weight: 400;
    line-height: 1;
    min-width: 60px;
    height: 25px
}

.kn-olap .md-button .md-raised {
    height: 36px
}

.kn-olap .md-button.left {
    border-radius: 20px 0 0 20px
}

.kn-olap .md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96)
}

.kn-olap .md-button.right {
    border-radius: 0 25px 25px 0
}

.kn-olap .md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    transition: 0.3s
}

.kn-olap .md-button.dimension-top {
    background-color: rgba(59, 103, 140, 0.96);
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #ffffff !important;
    border: 2px solid #ffffff
}

.kn-olap .md-button.dimension-left {
    background-color: rgba(59, 103, 140, 0.96);
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #ffffff !important;
    transform: rotate(90deg);
    margin-top: 55px;
    margin-bottom: 20px;
    margin-left: -29px;
    border: 2px solid #ffffff;
    padding: 4px
}

.kn-olap .md-button {
    min-height: 0px
}

.kn-olap .main-toolbar-button {
    min-width: 32px;
    min-height: 0px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat
}

.kn-olap .dimension-top-toolbar {
    width: 95%
}

.kn-olap .dimension-top-toolbar .multi-hierarachy-btn {
    width: 20% !important;
    min-width: 0px;
    margin: 3% 0px 0px 0% !important;
    line-height: 1;
    padding: 0 10% 0 0
}

.kn-olap .dimension-left-toolbar {
    width: 32px
}

.kn-olap .dimension-left-toolbar .multi-hierarachy-btn {
    width: 90% !important;
    min-width: 0px;
    margin: 20% 0px 0px 0% !important;
    line-height: 1;
    padding: 0 15% 0 0
}

.kn-olap .dimension-left-toolbar .multi-hierarachy-btn:hover {
    background-color: none
}

.kn-olap .dialog-toolbar {
    padding: 0px 10px !important
}

.kn-olap .icon {
    height: 32px;
    min-width: 32px
}

.kn-olap .filter-toolbar {
    color: #ffffff !important;
    border-radius: 10px 10px 0px 0px;
    padding-left: 10px;
    line-height: 0
}

.kn-olap .filter-toolbar-element,
.kn-olap .filter-toolbar-element-left {
    background-color: #3b678c;
    border-radius: 2px;
    border: 1px solid #fff;
    color: #fff;
    cursor: grab;
    font-weight: normal;
    font-size: .7rem
}

.kn-olap .filter-toolbar-element.dragging,
.kn-olap .filter-toolbar-element-left.dragging {
    z-index: 9;
    position: relative
}

.kn-olap .filter-toolbar-element .button,
.kn-olap .filter-toolbar-element-left .button {
    margin: 0;
    padding: 0;
    width: 28px;
    height: 24px
}

.kn-olap .filter-toolbar-element .name,
.kn-olap .filter-toolbar-element-left .name {
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap
}

.kn-olap .filter-toolbar-element {
    margin-right: 10px;
    line-height: 1.5;
    max-height: 28px
}

.kn-olap .filter-toolbar-element .name {
    line-height: 24px;
    border-right: 2px solid white;
    min-width: 80px;
    max-width: 140px;
    text-overflow: ellipsis;
    padding-right: 5px
}

.kn-olap .filter-toolbar-element .md-button {
    width: 28px;
    min-width: 28px;
    margin: 0;
    height: 28px;
    padding: 0
}

.kn-olap .filter-toolbar-element-left {
    width: 80%;
    margin-left: 4%;
    margin-top: 2%;
    margin-bottom: 10px;
    min-height: 120px;
    max-height: 130px
}

.kn-olap .filter-toolbar-element-left .action {
    border-top: 2px solid white;
    max-height: 20px
}

.kn-olap .filter-toolbar-element-left .name {
    min-height: 95px;
    max-height: 100px
}

.kn-olap .filter-toolbar-element-left .name-multi {
    padding-left: 5px;
    overflow: hidden;
    min-height: 70px;
    max-height: 90px;
    white-space: nowrap
}

.kn-olap .filter-toolbar-element-left md-icon {
    color: white
}

.kn-olap .rotate-text {
    transform: rotate(90deg);
    padding: 5px
}

.kn-olap .rotate-text-nop {
    transform: rotate(90deg)
}

.kn-olap md-tabs .md-tab.md-active {
    color: #3b678c !important
}

.kn-olap .tree {
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
    position: relative
}

.kn-olap .tree md-checkbox {
    margin: 0
}

.kn-olap .tree ul {
    list-style: none
}

.kn-olap .tree ul li {
    margin: 0;
    line-height: 2.3em;
    position: relative;
    cursor: pointer
}

.kn-olap .tree ul li:last-child:before {
    background: white;
    height: auto;
    top: 1em;
    bottom: 0
}

.kn-olap .tree ul li md-icon {
    cursor: default
}

.kn-olap .highlight-filter-result {
    background-color: rgba(255, 89, 145, 0.7);
    border-radius: 5px;
    padding: 2px
}

.kn-olap md-dialog.fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.kn-olap .selected {
    color: white;
    -webkit-box-shadow: inset 0px 0px 0px 2px #3b678c;
    -moz-box-shadow: inset 0px 0px 0px 2px #3b678c;
    box-shadow: inset 0px 0px 0px 2px #3b678c
}

.kn-olap .filter-search-redbg {
    background-color: rgba(255, 0, 0, 0.3)
}

.kn-olap .right-panel-buttons {
    padding: 1%;
    margin: 10%;
    width: 80%;
    height: 4%;
    background-color: none;
    min-width: 0px
}

.kn-olap .selected-right-panel-buttons {
    padding: 1%;
    margin: 10%;
    width: 80%;
    height: 4%;
    background-color: none;
    min-width: 0px;
    border: 1px solid red
}

.kn-olap .customization-button {
    max-height: 32px;
    padding-top: 10%;
    min-width: 0px;
    margin: 0px 0px 0px 30% !important
}

.kn-olap .customization-button:hover {
    background: #4b85b4 !important
}

.kn-olap .right-toolbar {
    padding-top: 35%;
    padding-bottom: 36%
}

.kn-olap .right-menu {
    padding-top: 2%;
    padding-bottom: 1%
}

.kn-olap .md-sidenav-right {
    width: 12%;
    min-width: 180px
}

.kn-olap .right-toolbar-menu {
    height: 70%;
    width: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: lightgrey;
    min-width: 60% !important
}

.kn-olap .menu-text {
    padding: 5% 5% 0px;
    color: grey;
    font-size: 90%
}

.kn-olap .drill-buttons {
    background-color: lightgrey;
    height: 25px;
    line-height: 1;
    text-transform: none;
    min-width: 95%;
    font-size: 12px
}

.kn-olap .drill-buttons .left {
    border-radius: 20% 0px 0px 20% !important
}

.kn-olap .drill-buttons .right {
    border-radius: 0px 20% 20% 0px !important
}

.kn-olap .drill-buttons .middle {
    border-radius: 0% !important
}

.kn-olap .new-filter-card {
    min-width: 160px;
    max-width: 240px;
    border-radius: 2px;
    margin: 5px;
    height: 27px;
    line-height: 27px;
    cursor: grab;
    border: 1px solid #3b678c;
    background-color: #fff;
    color: #3b678c;
    font-size: .7rem;
    display: flex;
    align-items: center
}

.kn-olap .new-filter-card .md-button.activeFilters md-icon {
    color: #c70751
}

.kn-olap .new-filter-card span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.kn-olap .multi-hierarachy-btn:hover {
    background-color: inherit !important
}

.kn-olap #topaxis,
.kn-olap #leftaxis {
    padding: 0
}

.kn-olap #topaxis.drag-enter .axisDropzone,
.kn-olap #leftaxis.drag-enter .axisDropzone {
    border: 2px dashed #fff;
    color: #fff;
    margin: 0 2px;
    display: flex
}

.kn-olap #leftaxis.drag-enter .axisDropzone {
    writing-mode: vertical-lr
}

.kn-olap .top-axis {
    min-height: 32px
}

.kn-olap md-option[selected],
.kn-olap md-select-menu md-option[selected] {
    color: #3b678c !important
}

.kn-olap .top-axis-container {
    overflow: hidden
}

.kn-olap .tree-item-padding {
    padding-left: 10px !important
}

.kn-olap .tree-item-padding-leaf {
    padding-left: 35px !important
}

.kn-olap .multi-hier-combo {
    min-width: 50%
}

.kn-olap .swap-axis-area {
    color: white !important;
    width: 33px;
    cursor: pointer
}

.kn-olap .top-shift,
.kn-olap .left-axis-shift {
    width: 24px;
    height: 24px;
    margin: 0 4px
}

.kn-olap .top-shift .md-icon-button,
.kn-olap .left-axis-shift .md-icon-button {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0
}

.kn-olap .top-shift .md-icon-button md-icon,
.kn-olap .left-axis-shift .md-icon-button md-icon {
    font-size: 1.5rem
}

.kn-olap .filter-shift-arrow {
    margin-top: 1% !important;
    max-width: 40px !important
}

.kn-olap .save-subObject-dialog {
    padding: 100px
}

.kn-olap .dialog-button-padding {
    padding-left: 3%;
    padding-right: 3%
}

.kn-olap .filter-panel-empty {
    height: 80px;
    padding-left: 42px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

.kn-olap .dialog-msg {
    font-size: 10px;
    color: red
}

.kn-olap .no-wrap {
    white-space: nowrap
}

.kn-olap .left-axis-shift {
    min-width: 32px;
    min-height: 32px;
    margin-bottom: 2%
}

.kn-olap .icon-color-white {
    color: #fff !important
}

.kn-olap .icon-color-green {
    color: green !important
}

.kn-olap .menu-toolbar {
    cursor: pointer;
    width: 4%
}

.kn-olap .top-axis-switch {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 2px
}

.kn-olap .top-axis-element {
    margin-right: 10px;
    max-height: 27px
}

.kn-olap .left-axis {
    height: 100%;
    overflow: hidden
}

.kn-olap .export-dialog {
    height: 45% !important;
    width: 35% !important
}

.kn-olap .export-dialog-toolbar {
    min-height: 20px;
    height: 15%;
    padding: 3% 0 0 3%
}

.kn-olap .export-dialog-content {
    padding: 10px;
    font-size: 85%;
    height: 60%
}

.kn-olap .side-nav-x-btn-position {
    right: 0px;
    position: absolute;
    top: 0px
}

.kn-olap .side-nav-tabs {
    width: 33%
}

.kn-olap .filter-panel {
    overflow: hidden
}

.kn-olap .filter-panel .new-filter-card span {
    padding-left: 8px
}

.kn-olap .multi-hier-dialog {
    height: 25%;
    width: 40%;
    min-width: 600px;
    min-height: 300px
}

.kn-olap .max-height {
    height: 100% !important
}

.kn-olap .delete-version-info {
    width: 10%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 0.5px solid black
}

.kn-olap .delete-version-info {
    width: 40%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 0.5px solid black
}

.kn-olap .delete-version-id {
    width: 10%;
    text-align: center;
    border-left: 0.5px solid black
}

.kn-olap .delete-version {
    width: 40%;
    text-align: center;
    border-left: 0.5px solid black;
    font-size: 66%
}

.kn-olap .what-if-msg {
    font-size: 70%;
    padding-left: 10px
}

.kn-olap .filter-dialog-dimensions {
    min-width: 350px;
    width: 80%;
    height: 80%
}

.kn-olap .designer-buttons-dialog-angular-table-height {
    height: 60%
}

.kn-olap .scenario-secondary-toolbar {
    background-color: #A9C3DB !important;
    min-height: 40px;
    height: 40px;
    padding-left: 10px;
    padding-top: 6px
}

.kn-olap .designer-cube-dialog {
    min-height: 40px;
    height: 40px
}

.kn-olap .swith-position-arrow-vertical {
    min-width: inherit !important;
    width: inherit !important
}

@-moz-document url-prefix() {
    .kn-olap .customization-button {
        max-height: 32px;
        padding-top: 25%;
        min-width: 0px;
        margin: 0px 0px 0px 25% !important
    }

    .kn-olap .drill-buttons {
        font-size: 10px
    }

    .kn-olap .multi-hier-combo {
        min-width: 50%
    }

    .kn-olap .multi-hier-dialog {
        height: 35% !important;
        width: 30% !important;
        min-width: 450px;
        min-height: 250px
    }

    .kn-olap .dimension-top-toolbar .multi-hierarachy-btn {
        width: 20% !important;
        min-width: 0px;
        margin: 20% 0px 0px 0% !important;
        line-height: 1;
        padding: 0 15% 0 0
    }

    .kn-olap .md-sidenav-right {
        width: 13%;
        min-width: 180px
    }

    .kn-olap .right-menu {
        padding-top: 2%;
        padding-bottom: 2%
    }

    .kn-olap .right-toolbar {
        padding-top: 23%;
        padding-bottom: 23%
    }

    .kn-olap .right-panel-buttons {
        height: 70%
    }

    .kn-olap .selected-right-panel-buttons {
        height: 70%
    }
}

.kn-templatemanagement {
    background-color: #e6e6e6
}

.kn-templatemanagement .mainContainer {
    background-color: #e6e6e6
}

.kn-templatemanagement md-toolbar.md-knowage-theme:not(.secondaryToolbar) h2 {
    padding-left: 10px
}

.kn-templatemanagement .cardHeader {
    background-color: #a9c3db !important
}

.kn-documentBrowser .actionButton {
    padding-left: 3px
}

.kn-documentBrowser angular-table #angularFullTableContentBox:not(.relativeHeader) .angularTableHeader,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) .angularTableHeader,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) .angularTableHeader {
    background-color: #3b678c !important
}

.kn-documentBrowser angular-table #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner {
    color: #fff !important
}

.kn-documentBrowser angular-table #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner md-icon,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner md-icon,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner md-icon {
    color: #fff !important
}

.kn-documentBrowser angular-table md-icon,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget md-icon,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget md-icon {
    height: 14px;
    width: 14px
}

.kn-documentBrowser .md-fab.md-mini md-icon {
    height: 28px;
    width: 28px;
    line-height: 28px
}

.kn-documentBrowser .selectedDocumentSidenav md-toolbar {
    padding: 15px 0 5px 0;
    box-sizing: content-box
}

.kn-documentBrowser .selectedDocumentSidenav .selectedDocumentPreview {
    display: flex;
    justify-content: center;
    align-items: center
}

.kn-documentBrowser .selectedDocumentSidenav .selectedDocumentPreview img {
    max-width: 100%;
    max-height: 200px
}

.kn-documentBrowser md-toolbar.documentBrowserToolbar button.md-icon-button,
.kn-documentBrowser .selectedDocumentSidenav md-toolbar button.md-icon-button {
    height: 40px;
    width: 40px
}

.kn-documentBrowser md-toolbar.documentBrowserToolbar button.md-icon-button.selectedButton {
    background-color: #3b678c;
    color: #fff
}

.kn-documentBrowser md-toolbar.documentBrowserToolbar button.md-icon-button md-icon,
.kn-documentBrowser .selectedDocumentSidenav md-toolbar button.md-icon-button md-icon {
    line-height: 22px
}

.kn-documentBrowser md-toolbar.documentBrowserToolbar md-input-container.searchInput input {
    color: white;
    border-color: #f8fcff !important
}

.kn-documentBrowser md-toolbar.documentBrowserToolbar md-input-container.searchInput label {
    color: white
}

.kn-documentBrowser md-sidenav.selectedDocumentSidenav>md-content>md-list>md-list-item>div:not(._md-secondary-container) {
    width: 100%
}

.kn-documentBrowser md-sidenav.selectedDocumentSidenav button md-icon {
    color: #3b678c
}

.kn-documentBrowser md-sidenav.selectedDocumentSidenav>md-content>md-list>md-list-item>div>p {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.kn-documentBrowser .documentBrowserCardContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 8px
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard {
    width: 100%;
    max-width: 350px;
    margin-top: 0;
    background-color: #3b678c
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-card-title-text {
    width: 100%
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-icon {
    color: #fff
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard .preview-icon {
    height: 112px
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-card-title {
    color: #FAFAFA;
    padding: 12px;
    text-transform: uppercase
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-card-title p {
    margin: 0;
    padding: 0
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-card-actions {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard md-card-actions button {
    overflow: visible
}

.kn-documentBrowser .documentBrowserCardContainer .documentCard div.md-card-image {
    max-height: 100px;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 6px 0
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper md-tabs-canvas,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper md-tabs-canvas md-pagination-wrapper,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
    height: 30px !important
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar {
    color: #c70751;
    background: #c70751
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item {
    padding: 2px 20px;
    color: #3b678c
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-content-wrapper {
    top: 30px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper {
    background-color: #a9c3db;
    margin-left: 80px;
    margin-right: 35px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item>md-icon {
    font-size: 27px;
    color: #b7b7b7
}

.kn-documentBrowser md-tabs.documentNavigationToolbar .tabCloseButton {
    height: 20px;
    width: 20px;
    min-height: 20px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar .tabCloseButton md-icon {
    color: #fff !important;
    line-height: 20px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:first-child {
    width: 0px;
    padding: 0px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper .md-tab.md-active,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper .md-tab.md-active>md-icon,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper .md-tab.md-focused,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-tabs-wrapper .md-tab.md-focused>md-icon {
    color: white;
    font-weight: lighter
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>button.documentBrowserTabButton.selectedDocumentBrowserTabButton {
    border-bottom: 2px solid #c70751;
    height: 28px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>button.documentBrowserTabButton>md-icon,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-menu>button.documentBrowserClearButton>md-icon {
    color: #3b678c
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>button.documentBrowserTabButton.selectedDocumentBrowserTabButton>md-icon {
    color: white
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>button.documentBrowserTabButton,
.kn-documentBrowser md-tabs.documentNavigationToolbar>md-menu>button.documentBrowserClearButton {
    margin: 0;
    top: 0;
    height: 28px;
    border-bottom: 2px solid transparent;
    min-height: 30px;
    width: 80px;
    min-width: 30px;
    position: absolute;
    z-index: 2;
    font-size: 27px;
    transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    background-color: #a9c3db;
    border-radius: 0px
}

.kn-documentBrowser md-tabs.documentNavigationToolbar>md-menu>button.documentBrowserClearButton {
    right: 0px;
    width: 35px
}

.kn-documentBrowser .document_browser_image_,
.kn-documentBrowser .document_browser_image_EMPTY {
    background-image: url("../img/documentBrowser/document_generic.png") !important
}

.kn-documentBrowser .document_browser_image_REPORT {
    background-image: url("../img/documentBrowser/document_report.png") !important
}

.kn-documentBrowser .document_browser_image_OLAP {
    background-image: url("../img/documentBrowser/document_olap.png") !important
}

.kn-documentBrowser .document_browser_image_DATA_MINING {
    background-image: url("../img/documentBrowser/document_datamining.png") !important
}

.kn-documentBrowser .document_browser_image_DATAMART {
    background-image: url("../img/documentBrowser/document_registry.png") !important
}

.kn-documentBrowser .document_browser_image_DASH {
    background-image: url("../img/documentBrowser/document_dashboard.png") !important
}

.kn-documentBrowser .document_browser_image_MAP {
    background-image: url("../img/documentBrowser/document_locatiointelligence.png") !important
}

.kn-documentBrowser .document_browser_image_OFFICE_DOC {
    background-image: url("../img/documentBrowser/document_officedoc.png") !important
}

.kn-documentBrowser .document_browser_image_ETL {
    background-image: url("../img/documentBrowser/document_etl.png") !important
}

.kn-documentBrowser .document_browser_image_DOCUMENT_COMPOSITE {
    background-image: url("../img/documentBrowser/document_cockpits.png") !important
}

.kn-documentBrowser .document_browser_image_KPI {
    background-image: url("../img/documentBrowser/document_kpi.png") !important
}

.kn-documentBrowser .document_browser_image_SMART_FILTER {
    background-image: url("../img/documentBrowser/document_smart_filter.png") !important
}

.kn-documentBrowser .document_browser_image_CONSOLE {
    background-image: url("../img/documentBrowser/document_console.png") !important
}

.kn-documentBrowser .document_browser_image_WORKSHEET {
    background-image: url("../img/documentBrowser/document_worksheet.png") !important
}

.kn-documentBrowser .document_browser_image_CHART {
    background-image: url("../img/documentBrowser/document_chart.png") !important
}

.kn-documentBrowser .document_browser_image_MOBILE_CHART {
    background-image: url("../img/documentBrowser/browser/document_mobile_chart.png") !important
}

.kn-documentBrowser .document_browser_image_MOBILE_COCKPIT {
    background-image: url("../img/documentBrowser/document_mobile_cockpit.png") !important
}

.kn-documentBrowser .document_browser_image_MOBILE_REPORT {
    background-image: url("../img/documentBrowser/document_mobile_report.png") !important
}

.kn-documentBrowser .document_browser_image_NETWORK {
    background-image: url("../img/documentBrowser/document_network.png") !important
}

.kn-documentBrowser .document_browser_image_ACCESSIBLE_HTML {
    background-image: url("../img/documentBrowser/document_acc.png") !important
}

.kn-documentBrowser .document_browser_image_QBE {
    background-image: url("../img/documentBrowser/document_qbe.png") !important
}

.kn-documentBrowser .document_browser_image_SCHEDULATION {
    background-image: url("../img/documentBrowser/document_schedulation.png") !important
}

.kn-documentBrowser .preferiteDocumentIcon {
    color: #E4A400
}

.kn-documentBrowser angular-table,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget {
    padding: 0
}

.kn-documentBrowser angular-table th,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget th,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget th {
    background-color: #3b678c;
    color: #fff
}

.kn-documentBrowser angular-table th md-icon,
.kn-documentBrowser .kn-cockpit cockpit-static-pivot-table-widget th md-icon,
.kn-cockpit .kn-documentBrowser cockpit-static-pivot-table-widget th md-icon {
    color: #fff
}

.kn-documentBrowser .documentBrowserDropdown md-menu-item>.md-button md-icon {
    font-size: 1.3em;
    line-height: 1.2em
}

.kn-documentBrowser .documentGridViewInput {
    display: block;
    min-height: 50px
}

.kn-documentBrowser .documentGridViewInput md-input-container {
    margin-bottom: 0
}

.kn-documentBrowser .documentBrowserClearButton[disabled] md-icon {
    color: transparent !important
}

.kn-documentBrowser .mainContent .emptyContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kn-documentBrowser .mainContent .emptyContainer .outerIcon .emptyIconSvg {
    width: 170px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-color: #3b678c;
    mask-image: url("../img/documentBrowser/empty.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/documentBrowser/empty.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-documentBrowser .mainContent .emptyContainer .emptyIconText {
    font-size: 14px;
    text-transform: uppercase
}

.kn-documentBrowser .mainContent md-toolbar {
    width: 100%;
    margin: 0
}

.kn-documentBrowser .mainContent md-card {
    height: 100%;
    min-height: 0px
}

.kn-documentBrowser .mainContent md-card .documentBrowserGrid {
    height: 100%;
    width: 100%
}

.kn-documentBrowser .mainContent md-card .documentBrowserGrid .ag-header-row {
    color: #fff
}

.kn-documentBrowser .mainContent md-card .documentBrowserGrid .ag-body-viewport {
    overflow-x: hidden
}

.kn-documentBrowser .mainContent md-card md-card-content {
    height: 100%
}

.kn-documentBrowser .fa-stack {
    color: #757575
}

.metadataDialog md-list-item {
    min-height: 2em;
    font-size: .8em
}

@media all and (-ms-high-contrast: none) {
    .kn-documentBrowser .documentGridViewInput {
        margin-top: 30px
    }

    .kn-documentBrowser .selectedDocumentSidenav md-toolbar {
        padding: 0
    }

    .kn-documentBrowser .selectedDocumentSidenav md-toolbar div.layout-row {
        height: 100%
    }

    .kn-documentBrowser md-tabs-content-wrapper md-tab-content {
        overflow: hidden
    }

    .kn-documentBrowser .mainContent {
        height: 100%
    }

    .kn-documentBrowser .mainContent md-card {
        height: 100%;
        margin: 0
    }

    .kn-documentBrowser .mainContent .documentBrowserGrid {
        height: 100%
    }

    .kn-documentBrowser .mainContent .emptyContainer .outerIcon .emptyIconSvg {
        display: none
    }
}

@-moz-document url-prefix() {
    .kn-documentBrowser .documentGridViewInput {
        margin-top: 30px
    }

    .kn-documentBrowser .selectedDocumentSidenav md-toolbar div.layout-row {
        height: 100%;
        padding-top: 0
    }

    .kn-documentBrowser .mainContent md-card {
        height: 100%
    }
}

@supports (-ms-ime-align: auto) {
    .kn-documentBrowser .mainContent md-card {
        height: calc(-50px + 100%)
    }
}

.kn-documentExecution #documentFrameContainer {
    overflow-x: hidden !important
}

.kn-documentExecution .animate-switch-container {
    position: relative
}

.kn-documentExecution .animate-switch.ng-enter,
.kn-documentExecution .animate-switch.ng-leave {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
    position: absolute
}

.kn-documentExecution .switch-left.ng-enter {
    left: 100%
}

.kn-documentExecution .switch-left.ng-leave,
.kn-documentExecution .switch-left.ng-enter.ng-enter-active {
    left: 0
}

.kn-documentExecution .switch-left.ng-leave.ng-leave-active {
    left: -100%
}

.kn-documentExecution .switch-right.ng-enter {
    right: 100%
}

.kn-documentExecution .switch-right.ng-leave,
.kn-documentExecution .switch-right.ng-enter.ng-enter-active {
    right: 0
}

.kn-documentExecution .switch-right.ng-leave.ng-leave-active {
    right: -100%
}

.kn-documentExecution #menuButton:hover {
    color: white
}

.kn-documentExecution #menu md-menu-item span,
.kn-documentExecution #menu md-menu-item md-icon {
    color: rgba(0, 0, 0, 0.87) !important
}

.kn-documentExecution #menu md-menu-item md-icon {
    z-index: 1;
    padding-top: 4px
}

.kn-documentExecution #menu md-menu-content span.divider {
    padding-left: 10px;
    color: gray !important;
    font-weight: 100;
    font-style: italic;
    font-size: smaller
}

.kn-documentExecution .well,
.kn-documentExecution .lastScore,
.kn-documentExecution .ratingSaved {
    margin-left: 10px
}

.kn-documentExecution .rating span {
    font-size: 30px;
    color: #E4A400;
    margin-left: -3px
}

.kn-documentExecution .lastScore span {
    font-size: 30px;
    color: #E4A400;
    margin-left: -3px
}

.kn-documentExecution .ratingSaved span {
    font-size: 30px;
    margin-left: -3px
}

.kn-documentExecution #dialogRank {
    height: 350px;
    width: 250px
}

.kn-documentExecution #buttonRank {
    margin-left: 130px;
    bottom: -50px
}

.kn-documentExecution #metadataDlg md-dialog-content {
    margin: 0;
    padding-bottom: 10px
}

.kn-documentExecution #metadataDlg expander-box>md-content {
    border: 0 !important;
    padding: 0
}

.kn-documentExecution .animate-accordion.ng-hide-add,
.kn-documentExecution .animate-accordion.ng-hide-remove {
    transition: linear all 1s
}

.kn-documentExecution .animate-accordion.ng-hide {
    height: 0
}

.kn-documentExecution .headerNote {
    height: 40px
}

.kn-documentExecution .headerNote span {
    margin-top: -17px
}

.kn-documentExecution .tinyeditor-footer {
    display: none
}

.kn-documentExecution .listNotes {
    width: 100%;
    overflow: auto
}

.kn-documentExecution .contentListNote {
    background-color: rgba(148, 148, 148, 0.11)
}

.kn-documentExecution .md-whiteframe-4dp {
    background-color: white
}

.kn-documentExecution .overflow {
    overflow: auto
}

.kn-documentExecution md-toolbar.documentExecutionToolbar button.md-icon-button {
    height: 40px;
    width: 40px;
    margin-right: 20px
}

.kn-documentExecution md-toolbar.documentExecutionToolbar md-menu-bar {
    padding: 0px
}

.kn-documentExecution md-toolbar.documentExecutionToolbar button.md-icon-button md-icon {
    line-height: 22px
}

.kn-documentExecution .parameter-leaf {
    background-image: url(../img/behavioural/parameter-leaf.png) !important;
    background-repeat: no-repeat no-repeat
}

.kn-documentExecution document-paramenter-element {
    overflow: hidden;
    align-items: center
}

.kn-documentExecution document-paramenter-element:nth-child(even) {
    background-color: #fafafa
}

.kn-documentExecution document-paramenter-element .textInput div {
    margin: 0
}

.kn-documentExecution document-paramenter-element .textInput input {
    font-size: .7rem
}

.kn-documentExecution document-paramenter-element label {
    font-size: .8rem;
    color: #3b678c
}

.kn-documentExecution document-paramenter-element .datePicker {
    max-height: 70px
}

.kn-documentExecution document-paramenter-element button.md-icon-button.md-button {
    margin: 5px 0px
}

.kn-documentExecution document-paramenter-element md-select-value {
    font-size: .7rem
}

.kn-documentExecution document-paramenter-element .parametersSidenav .labelContainer {
    margin: 2px
}

.kn-documentExecution document-paramenter-element .parametersSidenav .labelContainer md-icon {
    color: #3b678c;
    cursor: pointer;
    text-align: center;
    margin: 0 2px
}

.kn-documentExecution document-paramenter-element .parametersSidenav .labelContainer label.mandatory::after {
    content: " *"
}

.kn-documentExecution document-paramenter-element .lookupParameter div {
    margin: 0
}

.kn-documentExecution document-paramenter-element .lookupParameter md-chips {
    font-size: .6rem
}

.kn-documentExecution document-paramenter-element .lookupParameter md-chips md-chips-wrap {
    padding: 0
}

.kn-documentExecution document-paramenter-element .lookupParameter md-chips md-chips-wrap md-chip {
    font-size: .6rem;
    line-height: 24px;
    margin-top: 0;
    height: 24px;
    margin-bottom: 4px
}

.kn-documentExecution document-paramenter-element .lookupParameter md-chips md-chips-wrap ._md-chip-input-container {
    display: none
}

.kn-documentExecution document-paramenter-element .checkBoxParameter>div {
    margin: 0
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox {
    margin-bottom: 0;
    line-height: 20px;
    margin-left: 12px
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox ._md-container {
    width: 14px;
    height: 14px
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox ._md-container ._md-icon {
    width: 14px;
    height: 14px
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox ._md-container ._md-icon:after {
    left: 3.5;
    top: 0
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox ._md-label {
    font-size: .7rem
}

.kn-documentExecution document-paramenter-element .checkBoxParameter md-checkbox.md-knowage-theme:not([disabled]).md-primary.md-checked ._md-icon {
    background-color: #3b678c
}

.kn-documentExecution document-paramenter-element .radioParameter md-radio-group {
    margin-left: 12px
}

.kn-documentExecution document-paramenter-element .radioParameter md-radio-group md-radio-button {
    margin-bottom: 4px;
    outline: none
}

.kn-documentExecution document-paramenter-element .radioParameter md-radio-group md-radio-button ._md-container {
    width: 14px;
    height: 14px
}

.kn-documentExecution document-paramenter-element .radioParameter md-radio-group md-radio-button ._md-container ._md-off,
.kn-documentExecution document-paramenter-element .radioParameter md-radio-group md-radio-button ._md-container ._md-on {
    width: 14px;
    height: 14px
}

.kn-documentExecution document-paramenter-element .radioParameter md-radio-group md-radio-button ._md-label {
    font-size: .7rem
}

.kn-documentExecution document-paramenter-element .selectParameter md-input-container {
    margin: 0
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker {
    margin: 0
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker .md-datepicker-input-container {
    width: 100%
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker .md-datepicker-input-container input {
    font-size: .7rem
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker .md-datepicker-triangle-button {
    margin: 0 6px !important
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker md-icon {
    font: normal normal normal 14px/1 'FontAwesome'
}

.kn-documentExecution document-paramenter-element .datePickerParameter md-datepicker md-icon:before {
    content: '\f133';
    display: none
}

.kn-documentExecution .cockpitDatasetGrid .ag-cell[col-id='label'] .ag-cell-value {
    position: relative;
    bottom: 4px
}

.customMetadata wysiwyg-edit .sizer {
    max-height: 200px
}

.customMetadata wysiwyg-edit .sizer .resizer {
    display: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-documentExecution document-paramenter-element {
        max-width: 97%
    }

    .kn-documentExecution .lateralsidenav {
        overflow-x: hidden
    }

    .kn-documentExecution .lateralsidenav md-toolbar {
        min-width: 350px
    }
}

.kn-documentExecutionMaster iframe.crossNavigationDialogIframe {
    height: 90vh;
    width: 100%
}

.kn-documentDetails {
    height: 100%
}

.kn-documentDetails .templateHistory .selected {
    background-color: #d9d9d9
}

.kn-documentDetails .tabContainer {
    height: calc(100% - 32px) !important
}

.kn-documentDetails md-menu {
    padding: 0
}

.kn-documentDetails .flexButton {
    display: flex
}

.kn-documentDetails .outputType {
    text-transform: uppercase;
    width: 40%;
    display: inline-block
}

.kn-documentDetails .outputName {
    width: 40%;
    display: inline-block
}

.kn-documentDetails md-menu>.md-button {
    text-align: left;
    display: inline-block;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.kn-documentDetails .kn-custom-tree {
    position: relative
}

.kn-documentDetails .kn-custom-tree:before {
    position: absolute;
    top: 0;
    bottom: 1rem;
    left: -.5em;
    display: block;
    width: 0;
    border-left: 1px dashed #777;
    content: ""
}

.kn-documentDetails .kn-custom-tree md-checkbox {
    margin-bottom: 0
}

.kn-documentDetails .kn-custom-tree .item {
    height: 32px;
    position: relative
}

.kn-documentDetails .kn-custom-tree .item:last-child::before {
    height: 50%
}

.kn-documentDetails .kn-custom-tree .item:after {
    border-top: 1px dashed #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    left: -.2rem;
    top: 1rem;
    width: 1rem;
    height: auto;
    content: "";
    position: absolute
}

.kn-documentDetails .kn-custom-tree .item .fa::before {
    position: relative;
    z-index: 2;
    background-color: white
}

.kn-documentDetails .kn-custom-tree .expandedItems {
    padding-left: 20px
}

.kn-documentDetails md-list md-list-item.md-2-line,
.kn-documentDetails md-list md-list-item.md-2-line .md-button {
    min-height: 42px;
    height: 42px
}

.kn-scorecardKpiDefinition .md-mini,
.kn-scorecard-visualization .md-mini {
    min-width: 40px
}

.kn-scorecardKpiDefinition .fa-rotate-45,
.kn-scorecard-visualization .fa-rotate-45 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.kn-scorecardKpiDefinition .scorecardSemaphoreBackIcon,
.kn-scorecard-visualization .scorecardSemaphoreBackIcon {
    font-size: 22px
}

.kn-scorecardKpiDefinition .scorecardSemaphoreFrontIcon,
.kn-scorecard-visualization .scorecardSemaphoreFrontIcon {
    font-size: 18px
}

.kn-scorecardKpiDefinition .scorecardPrespectiveCard,
.kn-scorecard-visualization .scorecardPrespectiveCard {
    width: 250px
}

.kn-scorecardKpiDefinition .scorecardPrespectiveCard>md-content>b,
.kn-scorecard-visualization .scorecardPrespectiveCard>md-content>b {
    line-height: 30px
}

.kn-scorecardKpiDefinition .scorecardPrespectiveCard>md-toolbar>.md-toolbar-tools>md-menu,
.kn-scorecard-visualization .scorecardPrespectiveCard>md-toolbar>.md-toolbar-tools>md-menu {
    padding: 0;
    height: 100%
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar,
.kn-scorecard-visualization .scorecardDialog md-toolbar {
    min-height: 20px;
    height: 30px
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar.greyKpi,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar.greyKpi,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar.greyKpi,
.kn-scorecard-visualization .scorecardDialog md-toolbar.greyKpi {
    background-color: #9E9E9E !important;
    border-bottom: 3px solid #858585
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar.redKpi,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar.redKpi,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar.redKpi,
.kn-scorecard-visualization .scorecardDialog md-toolbar.redKpi {
    background-color: #F44336 !important;
    border-bottom: 3px solid #ea1c0d
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar.greenKpi,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar.greenKpi,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar.greenKpi,
.kn-scorecard-visualization .scorecardDialog md-toolbar.greenKpi {
    background-color: #4CAF50 !important;
    border-bottom: 3px solid #3d8b40
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar.yellowKpi,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar.yellowKpi,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar.yellowKpi,
.kn-scorecard-visualization .scorecardDialog md-toolbar.yellowKpi {
    background-color: #FFEB3B !important;
    border-bottom: 3px solid #ffe608
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar i.fa,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar i.fa,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar i.fa,
.kn-scorecard-visualization .scorecardDialog md-toolbar i.fa {
    padding-right: 10px
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar span,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar span,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar span,
.kn-scorecard-visualization .scorecardDialog md-toolbar span {
    white-space: nowrap;
    font-size: .8rem
}

.kn-scorecardKpiDefinition .kpi-color-indicator md-toolbar .md-menu,
.kn-scorecardKpiDefinition .scorecardDialog md-toolbar .md-menu,
.kn-scorecard-visualization .kpi-color-indicator md-toolbar .md-menu,
.kn-scorecard-visualization .scorecardDialog md-toolbar .md-menu {
    height: 40px;
    margin: 0;
    margin-right: -8px
}

.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue {
    min-height: 30px;
    height: 30px;
    padding: 0 8px;
    border-bottom: 1px solid #ccc
}

.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue p,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue p,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue p,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue p {
    font-size: .6rem
}

.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue ._md-secondary-container,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue ._md-secondary-container,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue ._md-secondary-container,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue ._md-secondary-container {
    height: inherit
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox {
    margin: 0 4px;
    width: 24px;
    height: 24px
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox .fa,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox .fa,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox .fa,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox .fa,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox .fa,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox .fa,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox .fa,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox .fa {
    color: white;
    text-align: center
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox.greyKpi,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox.greyKpi,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox.greyKpi,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox.greyKpi,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox.greyKpi,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox.greyKpi,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox.greyKpi,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox.greyKpi {
    background-color: #9E9E9E
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox.redKpi,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox.redKpi,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox.redKpi,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox.redKpi,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox.redKpi,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox.redKpi,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox.redKpi,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox.redKpi {
    background-color: #F44336
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox.greenKpi,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox.greenKpi,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox.greenKpi,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox.greenKpi,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox.greenKpi,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox.greenKpi,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox.greenKpi,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox.greenKpi {
    background-color: #4CAF50
}

.kn-scorecardKpiDefinition .kpi-color-indicator .kpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecardKpiDefinition .kpi-color-indicator .singleKpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecardKpiDefinition .scorecardDialog .kpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecardKpiDefinition .scorecardDialog .singleKpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecard-visualization .kpi-color-indicator .kpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecard-visualization .kpi-color-indicator .singleKpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecard-visualization .scorecardDialog .kpiColorValue .kpiColorBox.yellowKpi,
.kn-scorecard-visualization .scorecardDialog .singleKpiColorValue .kpiColorBox.yellowKpi {
    background-color: #FFEB3B
}

.kn-scorecardKpiDefinition .kpi-color-indicator .target,
.kn-scorecardKpiDefinition .scorecardDialog .target,
.kn-scorecard-visualization .kpi-color-indicator .target,
.kn-scorecard-visualization .scorecardDialog .target {
    padding-left: 10px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    border-left-width: 5px;
    height: 40px
}

.kn-scorecardKpiDefinition .kpi-color-indicator .target.greyKpi,
.kn-scorecardKpiDefinition .scorecardDialog .target.greyKpi,
.kn-scorecard-visualization .kpi-color-indicator .target.greyKpi,
.kn-scorecard-visualization .scorecardDialog .target.greyKpi {
    border-left-color: #9E9E9E
}

.kn-scorecardKpiDefinition .kpi-color-indicator .target.redKpi,
.kn-scorecardKpiDefinition .scorecardDialog .target.redKpi,
.kn-scorecard-visualization .kpi-color-indicator .target.redKpi,
.kn-scorecard-visualization .scorecardDialog .target.redKpi {
    border-left-color: #F44336
}

.kn-scorecardKpiDefinition .kpi-color-indicator .target.greenKpi,
.kn-scorecardKpiDefinition .scorecardDialog .target.greenKpi,
.kn-scorecard-visualization .kpi-color-indicator .target.greenKpi,
.kn-scorecard-visualization .scorecardDialog .target.greenKpi {
    border-left-color: #4CAF50
}

.kn-scorecardKpiDefinition .kpi-color-indicator .target.yellowKpi,
.kn-scorecardKpiDefinition .scorecardDialog .target.yellowKpi,
.kn-scorecard-visualization .kpi-color-indicator .target.yellowKpi,
.kn-scorecard-visualization .scorecardDialog .target.yellowKpi {
    border-left-color: #FFEB3B
}

.kn-scorecardKpiDefinition .kpi-color-indicator .addTarget,
.kn-scorecardKpiDefinition .scorecardDialog .addTarget,
.kn-scorecard-visualization .kpi-color-indicator .addTarget,
.kn-scorecard-visualization .scorecardDialog .addTarget {
    background-color: #eceff1;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    height: 30px;
    color: #b1bec6;
    cursor: pointer
}

@media all and (-ms-high-contrast: none) {
    .kn-scorecardKpiDefinition .kpiSelectionDialog {
        height: 100%;
        display: block
    }
}

.kn-schedulerKpi .detailBody md-input-container {
    padding: 2px 2px 3px 10px !important
}

.kn-schedulerKpi .detailBody md-input-container .md-char-counter {
    bottom: -16px;
    right: 2px
}

.kn-schedulerKpi .detailBody .checkboxRow {
    padding-left: 10px !important
}

.kn-schedulerKpi .h100 {
    height: 100% !important
}

.kn-schedulerKpi .checkboxRow label {
    line-height: 53px
}

.kn-schedulerKpi .checkboxRow {
    height: 53px
}

.kn-schedulerKpi .subCheckboxRowElement {
    padding-left: 30px
}

.kn-schedulerKpi md-toolbar.unselectedItem {
    background-color: white !important;
    margin-top: 5px
}

.kn-schedulerKpi md-toolbar.selectedItem {
    background-color: #b0bec5;
    margin-top: 5px
}

.kn-schedulerKpi md-toolbar.selectedItem label,
.kn-schedulerKpi md-toolbar.unselectedItem label,
.kn-schedulerKpi md-toolbar.selectedItem md-select,
.kn-schedulerKpi md-toolbar.unselectedItem md-select {
    font-size: initial !important
}

.kn-schedulerKpi md-toolbar.minihead {
    background-color: #b0bec5;
    color: #fff;
    height: 50px;
    min-height: 0px
}

.kn-schedulerKpi .minihead {
    height: 29px !important;
    color: black !important
}

.kn-schedulerKpi .borderBox {
    border: 1px solid #B0BEC5;
    padding-bottom: 20px
}

.kn-schedulerKpi .bottomButtonsBox {
    right: 4px;
    top: 2px;
    position: fixed
}

.kn-schedulerKpi .bottomButtonsBox .submButton {
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    background-color: #639EBD !important
}

.kn-schedulerKpi .bottomButtonsBox .submButton[disabled] {
    background-color: rgba(0, 0, 0, 0.12) !important
}

.kn-schedulerKpi .bottomButtonsBox button {
    margin-top: 0;
    margin-bottom: 0
}

.kn-schedulerKpi md-content.bottomButtonsBox {
    height: calc(100% - 40px);
    top: 0
}

.kn-schedulerKpi .selectedDoc {
    text-decoration: underline
}

.kn-schedulerKpi .timePickerStyle {
    margin-left: 20px;
    border: none;
    font-size: 23px
}

.kn-schedulerKpi md-select.numberSelect {
    width: 68px;
    margin: 0px
}

.kn-schedulerKpi span.textspan {
    line-height: 30px;
    margin: 0 10px
}

.kn-schedulerKpi .alignedCheckbox label {
    line-height: 34px
}

.kn-schedulerKpi .alignedCheckbox md-checkbox {
    margin: 0 10 0 0
}

.kn-schedulerKpi md-select-menu[multiple] md-option[selected] {
    background-color: #317CA3;
    color: white !important
}

.kn-schedulerKpi md-switch.md-checked.greenSwitch .md-thumb {
    background-color: #A9F92E
}

.kn-schedulerKpi md-switch.greenSwitch .md-thumb {
    background-color: blue
}

.kn-schedulerKpi .selected_document md-content {
    overflow: hidden
}

.kn-schedulerKpi md-tooltip {
    background-color: black
}

.kn-schedulerKpi md-tooltip .md-content.md-show {
    height: 100%
}

.kn-schedulerKpi md-tooltip .md-background {
    border-radius: inherit !important
}

.kn-schedulerKpi .validation-messages {
    font-size: 11px;
    color: darkred;
    margin: 20px 0 0 10px
}

.kn-schedulerKpi .headerNote {
    height: 40px
}

.kn-schedulerKpi .filterWhiteFrame {
    background-color: white
}

.kn-schedulerKpi .filterHalfSize {
    width: 700px
}

.kn-schedulerKpi .colorToolBarFilterKpi {
    background-color: #a9c3db !important
}

.kn-schedulerKpi md-select span {
    margin-bottom: 8px
}

.kn-schedulerKpi .numberSelect md-select span {
    text-align: center
}

.kn-schedulerKpi #loadKpiExecution {
    height: 20px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-schedulerKpi .kn-list {
        flex: none !important
    }
}

angular-table.alternatedRows table>tbody>tr:nth-child(even),
.kn-cockpit cockpit-static-pivot-table-widget.alternatedRows table>tbody>tr:nth-child(even) {
    background-color: #dde3e6
}

angular-table.alternatedRows table>tbody>tr:nth-child(even):hover,
.kn-cockpit cockpit-static-pivot-table-widget.alternatedRows table>tbody>tr:nth-child(even):hover {
    background-color: #e6e6e6
}

angular-table.alternatedRows table>tbody>tr:nth-child(even).selectedRowItem,
.kn-cockpit cockpit-static-pivot-table-widget.alternatedRows table>tbody>tr:nth-child(even).selectedRowItem {
    background-color: #d9d9d9
}

angular-table thead md-checkbox.md-knowage-theme ._md-icon,
.kn-cockpit cockpit-static-pivot-table-widget thead md-checkbox.md-knowage-theme ._md-icon {
    background-color: #fff
}

angular-table thead md-checkbox.md-knowage-theme.md-checked,
.kn-cockpit cockpit-static-pivot-table-widget thead md-checkbox.md-knowage-theme.md-checked {
    border-color: #fff
}

angular-table thead md-checkbox.md-knowage-theme.md-checked ._md-icon,
.kn-cockpit cockpit-static-pivot-table-widget thead md-checkbox.md-knowage-theme.md-checked ._md-icon {
    background-color: #a9c3db
}

angular-table #angularFullTableContentBox:not(.relativeHeader),
.kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) {
    position: relative;
    padding-top: 2rem
}

angular-table #angularFullTableContentBox:not(.relativeHeader) .angularTableHeader,
.kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) .angularTableHeader {
    background-color: #fff;
    height: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

angular-table #angularFullTableContentBox:not(.relativeHeader) tr th:first-child .th-inner,
.kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th:first-child .th-inner {
    margin-left: 5px
}

angular-table #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner,
.kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner {
    position: absolute;
    color: #3b678c;
    top: 0;
    line-height: 2rem;
    padding-left: 5px;
    margin-left: -5px
}

angular-table #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner md-icon,
.kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox:not(.relativeHeader) tr th .th-inner md-icon {
    color: #3b678c;
    width: 1.3rem;
    text-align: center;
    margin-left: -5px
}

angular-table,
.kn-cockpit cockpit-static-pivot-table-widget,
cockpit-angular-table {
    padding: 0;
    overflow: auto;
    overflow-y: hidden;
    min-height: 200px;
    border-collapse: collapse
}

angular-table .infoBar,
.kn-cockpit cockpit-static-pivot-table-widget .infoBar,
cockpit-angular-table .infoBar {
    font-size: .8rem;
    background-color: #f1f5f9;
    min-height: 25px;
    max-height: 25px;
    border-top: 1px solid #3b678c;
    border-bottom: 1px solid #3b678c;
    text-align: center;
    margin-bottom: 8px
}

angular-table .infoBar button,
.kn-cockpit cockpit-static-pivot-table-widget .infoBar button,
cockpit-angular-table .infoBar button {
    min-height: 25px;
    line-height: 25px;
    font-size: .6rem
}

angular-table table>tbody>tr>td,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td,
cockpit-angular-table table>tbody>tr>td {
    font-size: .8rem;
    border-top: 1px #c3d4df solid;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

angular-table .expanderRowClass,
.kn-cockpit cockpit-static-pivot-table-widget .expanderRowClass,
cockpit-angular-table .expanderRowClass {
    cursor: auto !important;
    background-color: transparent !important
}

angular-table .expanderRowClass>td,
.kn-cockpit cockpit-static-pivot-table-widget .expanderRowClass>td,
cockpit-angular-table .expanderRowClass>td {
    padding: 10px !important;
    border-top: 0px !important
}

angular-table table>thead,
.kn-cockpit cockpit-static-pivot-table-widget table>thead,
cockpit-angular-table table>thead {
    background: white
}

angular-table angular-table-actions,
.kn-cockpit cockpit-static-pivot-table-widget angular-table-actions,
cockpit-angular-table angular-table-actions {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 2rem
}

angular-table table thead th,
.kn-cockpit cockpit-static-pivot-table-widget table thead th,
cockpit-angular-table table thead th {
    text-align: left;
    font-size: .8rem;
    color: #3b678c;
    font-weight: 600
}

angular-table table thead th span,
.kn-cockpit cockpit-static-pivot-table-widget table thead th span,
cockpit-angular-table table thead th span {
    font-size: .8rem
}

angular-table table>tbody>tr.selectedRowItem,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr.selectedRowItem,
cockpit-angular-table table>tbody>tr.selectedRowItem {
    background-color: #d9d9d9
}

angular-table table>tbody>tr:hover,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr:hover,
cockpit-angular-table table>tbody>tr:hover {
    cursor: pointer;
    background-color: #e6e6e6
}

angular-table table thead th div,
.kn-cockpit cockpit-static-pivot-table-widget table thead th div,
cockpit-angular-table table thead th div {
    align-items: center
}

angular-table .hidden,
.kn-cockpit cockpit-static-pivot-table-widget .hidden,
cockpit-angular-table .hidden {
    display: none !important
}

angular-table .black,
.kn-cockpit cockpit-static-pivot-table-widget .black,
cockpit-angular-table .black {
    color: black
}

angular-table[no-pagination] #angularTableContentBox,
.kn-cockpit cockpit-static-pivot-table-widget[no-pagination] #angularTableContentBox,
cockpit-angular-table[no-pagination] #angularTableContentBox {
    overflow-y: auto
}

angular-table[full-width] #angularFullTableContentBox,
.kn-cockpit cockpit-static-pivot-table-widget[full-width] #angularFullTableContentBox,
cockpit-angular-table[full-width] #angularFullTableContentBox {
    width: 100%;
    overflow: auto
}

angular-table[full-width] #angularTableContentBox,
.kn-cockpit cockpit-static-pivot-table-widget[full-width] #angularTableContentBox,
cockpit-angular-table[full-width] #angularTableContentBox {
    overflow-x: auto
}

angular-table[full-width] table,
.kn-cockpit cockpit-static-pivot-table-widget[full-width] table,
cockpit-angular-table[full-width] table {
    width: auto !important
}

angular-table.tableWidget .fakeTable,
.kn-cockpit cockpit-static-pivot-table-widget.tableWidget .fakeTable,
cockpit-angular-table.tableWidget .fakeTable {
    border-collapse: collapse;
    width: 100% !important
}

angular-table.tableWidget #angularTableContentBox .principalTable,
.kn-cockpit cockpit-static-pivot-table-widget.tableWidget #angularTableContentBox .principalTable,
cockpit-angular-table.tableWidget #angularTableContentBox .principalTable {
    border-collapse: collapse;
    width: 100% !important
}

angular-table table,
.kn-cockpit cockpit-static-pivot-table-widget table,
cockpit-angular-table table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0
}

angular-table[multi-select] table>thead>tr>th:nth-child(n+3):nth-last-child(n+2),
.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>thead>tr>th:nth-child(n+3):nth-last-child(n+2),
angular-table[multi-select] table>tbody>tr>td:nth-child(n+3):nth-last-child(n+2),
.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>tbody>tr>td:nth-child(n+3):nth-last-child(n+2),
angular-table:not(multi-select) table>thead>tr>th:nth-child(n+1):nth-last-child(n+2),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>thead>tr>th:nth-child(n+1):nth-last-child(n+2),
angular-table:not(multi-select) table>tbody>tr>td:nth-child(n+1):nth-last-child(n+2),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>tbody>tr>td:nth-child(n+1):nth-last-child(n+2),
cockpit-angular-table[multi-select] table>thead>tr>th:nth-child(n+3):nth-last-child(n+2),
cockpit-angular-table[multi-select] table>tbody>tr>td:nth-child(n+3):nth-last-child(n+2),
cockpit-angular-table:not(multi-select) table>thead>tr>th:nth-child(n+1):nth-last-child(n+2),
cockpit-angular-table:not(multi-select) table>tbody>tr>td:nth-child(n+1):nth-last-child(n+2) {
    padding: 0 10px
}

angular-table[multi-select] table>thead>tr>th:nth-child(2),
.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>thead>tr>th:nth-child(2),
angular-table:not(multi-select) table>thead>tr>th:nth-child(1),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>thead>tr>th:nth-child(1),
angular-table[multi-select] table>tbody>tr>td:nth-child(2),
.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>tbody>tr>td:nth-child(2),
angular-table:not(multi-select) table>tbody>tr>td:nth-child(1),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>tbody>tr>td:nth-child(1),
cockpit-angular-table[multi-select] table>thead>tr>th:nth-child(2),
cockpit-angular-table:not(multi-select) table>thead>tr>th:nth-child(1),
cockpit-angular-table[multi-select] table>tbody>tr>td:nth-child(2),
cockpit-angular-table:not(multi-select) table>tbody>tr>td:nth-child(1) {
    padding: 0 10px 0 0 !important
}

angular-table .angularTableSelectAll md-checkbox,
.kn-cockpit cockpit-static-pivot-table-widget .angularTableSelectAll md-checkbox,
cockpit-angular-table .angularTableSelectAll md-checkbox {
    top: 5px
}

angular-table .angularTableSelectAll md-checkbox ._md-container,
.kn-cockpit cockpit-static-pivot-table-widget .angularTableSelectAll md-checkbox ._md-container,
cockpit-angular-table .angularTableSelectAll md-checkbox ._md-container {
    margin-left: 0 !important
}

angular-table .angularTableSelectAll md-checkbox ._md-icon,
.kn-cockpit cockpit-static-pivot-table-widget .angularTableSelectAll md-checkbox ._md-icon,
cockpit-angular-table .angularTableSelectAll md-checkbox ._md-icon {
    margin-left: 0 !important;
    top: 6px
}

angular-table table thead th div md-icon,
.kn-cockpit cockpit-static-pivot-table-widget table thead th div md-icon,
cockpit-angular-table table thead th div md-icon {
    margin-top: 9px;
    width: 7px
}

angular-table table>tbody>tr,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr,
cockpit-angular-table table>tbody>tr {
    height: 2rem;
    transition: background-color .2s
}

angular-table table>tbody>tr>td,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td,
cockpit-angular-table table>tbody>tr>td {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.87);
    border-top: 1px rgba(0, 0, 0, 0.12) solid;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

angular-table table>thead>tr>th>div,
.kn-cockpit cockpit-static-pivot-table-widget table>thead>tr>th>div,
cockpit-angular-table table>thead>tr>th>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

angular-table table>tbody>tr>td button.actionButton,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td button.actionButton,
cockpit-angular-table table>tbody>tr>td button.actionButton {
    height: 30px !important;
    width: 30px !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 0 !important
}

angular-table table>tbody>tr>td button.actionButton:hover,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td button.actionButton:hover,
cockpit-angular-table table>tbody>tr>td button.actionButton:hover {
    background-color: #C0C9D0 !important
}

angular-table table>tbody>tr>td button.actionButton md-icon,
.kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td button.actionButton md-icon,
cockpit-angular-table table>tbody>tr>td button.actionButton md-icon {
    display: flex !important;
    justify-content: center;
    align-items: center
}

@-moz-document url-prefix() {

    angular-table table>tbody>tr>td,
    .kn-cockpit cockpit-static-pivot-table-widget table>tbody>tr>td,
    cockpit-angular-table table>tbody>tr>td {
        text-overflow: inherit
    }
}

angular-table table td div,
.kn-cockpit cockpit-static-pivot-table-widget table td div,
cockpit-angular-table table td div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 26px
}

angular-table #tdQueueTableContent .layout-align-space-around-center,
.kn-cockpit cockpit-static-pivot-table-widget #tdQueueTableContent .layout-align-space-around-center,
cockpit-angular-table #tdQueueTableContent .layout-align-space-around-center {
    line-height: 50px;
    height: 50px;
    background-color: white
}

angular-table angular-table-actions md-input-container.tableSearchBar,
.kn-cockpit cockpit-static-pivot-table-widget angular-table-actions md-input-container.tableSearchBar,
cockpit-angular-table angular-table-actions md-input-container.tableSearchBar {
    padding-bottom: 0px;
    height: 25px
}

angular-table angular-table-actions,
.kn-cockpit cockpit-static-pivot-table-widget angular-table-actions,
cockpit-angular-table angular-table-actions {
    padding: 0 24px 0 10px;
    height: 30px
}

angular-table angular-table-actions md-input-container.tableSearchBar .closeSearchBar,
.kn-cockpit cockpit-static-pivot-table-widget angular-table-actions md-input-container.tableSearchBar .closeSearchBar,
cockpit-angular-table angular-table-actions md-input-container.tableSearchBar .closeSearchBar {
    left: 100%;
    margin-left: -15px
}

angular-table .fakeTable md-checkbox.md-knowage-theme,
.kn-cockpit cockpit-static-pivot-table-widget .fakeTable md-checkbox.md-knowage-theme,
cockpit-angular-table .fakeTable md-checkbox.md-knowage-theme {
    margin: 0
}

angular-table .fakeTable tr th:first-child *:not(md-checkbox) div:not(.md-icon),
.kn-cockpit cockpit-static-pivot-table-widget .fakeTable tr th:first-child *:not(md-checkbox) div:not(.md-icon),
cockpit-angular-table .fakeTable tr th:first-child *:not(md-checkbox) div:not(.md-icon) {
    margin-left: 10px
}

angular-table .principalTable tr th:first-child *:not(md-checkbox) div:not(.md-icon),
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr th:first-child *:not(md-checkbox) div:not(.md-icon),
cockpit-angular-table .principalTable tr th:first-child *:not(md-checkbox) div:not(.md-icon) {
    margin-left: 10px
}

angular-table .fakeTable tr th:first-child>div:not(.md-icon),
.kn-cockpit cockpit-static-pivot-table-widget .fakeTable tr th:first-child>div:not(.md-icon),
cockpit-angular-table .fakeTable tr th:first-child>div:not(.md-icon) {
    margin-left: 10px
}

angular-table .principalTable tr th:first-child>div:not(.md-icon),
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr th:first-child>div:not(.md-icon),
cockpit-angular-table .principalTable tr th:first-child>div:not(.md-icon) {
    margin-left: 10px
}

angular-table .principalTable tr td:first-child>span,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr td:first-child>span,
cockpit-angular-table .principalTable tr td:first-child>span {
    margin-left: 10px;
    -moz-margin-start: 0
}

angular-table .principalTable tr td md-select.md-knowage-theme ._md-select-value,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr td md-select.md-knowage-theme ._md-select-value,
cockpit-angular-table .principalTable tr td md-select.md-knowage-theme ._md-select-value {
    border: none
}

angular-table .principalTable tr td md-select.md-knowage-theme:not([disabled]):focus ._md-select-value,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr td md-select.md-knowage-theme:not([disabled]):focus ._md-select-value,
cockpit-angular-table .principalTable tr td md-select.md-knowage-theme:not([disabled]):focus ._md-select-value {
    border: none
}

angular-table .principalTable tr td button.md-icon-button md-icon,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable tr td button.md-icon-button md-icon,
cockpit-angular-table .principalTable tr td button.md-icon-button md-icon {
    position: relative
}

angular-table .pagination>li.hiddenPaginationButton,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>li.hiddenPaginationButton,
cockpit-angular-table .pagination>li.hiddenPaginationButton {
    border: none !important;
    background-color: transparent !important
}

angular-table .pagination>li,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>li,
angular-table .pagination>li>span,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>li>span,
cockpit-angular-table .pagination>li,
cockpit-angular-table .pagination>li>span {
    position: relative;
    float: left;
    margin-left: -1px;
    text-decoration: none !important;
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 30px;
    height: 28px;
    text-align: center;
    line-height: 28px
}

angular-table .pagination,
.kn-cockpit cockpit-static-pivot-table-widget .pagination,
cockpit-angular-table .pagination {
    margin: 0px !important;
    padding: 0px !important
}

angular-table .pagination>li>a,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>li>a,
cockpit-angular-table .pagination>li>a {
    text-decoration: none !important;
    width: 100%;
    display: block;
    font-size: .6rem;
    color: #3b678c
}

angular-table .pagination>li>a:hover,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>li>a:hover,
cockpit-angular-table .pagination>li>a:hover {
    background-color: #f1f5f9
}

angular-table .pagination>.active,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active,
angular-table .pagination>.active>a,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>a,
angular-table .pagination>.active>a:focus,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>a:focus,
angular-table .pagination>.active>a:hover,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>a:hover,
angular-table .pagination>.active>span,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>span,
angular-table .pagination>.active>span:focus,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>span:focus,
angular-table .pagination>.active>span:hover,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.active>span:hover,
cockpit-angular-table .pagination>.active,
cockpit-angular-table .pagination>.active>a,
cockpit-angular-table .pagination>.active>a:focus,
cockpit-angular-table .pagination>.active>a:hover,
cockpit-angular-table .pagination>.active>span,
cockpit-angular-table .pagination>.active>span:focus,
cockpit-angular-table .pagination>.active>span:hover {
    z-index: 2;
    color: #000;
    cursor: default;
    background-color: #a9c3db;
    border-color: #a9c3db
}

angular-table .pagination>.disabled>a,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>a,
angular-table .pagination>.disabled>a:focus,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>a:focus,
angular-table .pagination>.disabled>a:hover,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>a:hover,
angular-table .pagination>.disabled>span,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>span,
angular-table .pagination>.disabled>span:focus,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>span:focus,
angular-table .pagination>.disabled>span:hover,
.kn-cockpit cockpit-static-pivot-table-widget .pagination>.disabled>span:hover,
cockpit-angular-table .pagination>.disabled>a,
cockpit-angular-table .pagination>.disabled>a:focus,
cockpit-angular-table .pagination>.disabled>a:hover,
cockpit-angular-table .pagination>.disabled>span,
cockpit-angular-table .pagination>.disabled>span:focus,
cockpit-angular-table .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #ddd;
    border-color: #ddd
}

angular-table .dropdown_menu_list,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list,
cockpit-angular-table .dropdown_menu_list {
    position: fixed !important
}

angular-table .position-fixed,
.kn-cockpit cockpit-static-pivot-table-widget .position-fixed,
cockpit-angular-table .position-fixed {
    position: fixed !important
}

angular-table .dropdown_menu_list md-list,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list,
cockpit-angular-table .dropdown_menu_list md-list {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-color: #ECECEC
}

angular-table .dropdown_menu_list.open md-list,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list.open md-list,
cockpit-angular-table .dropdown_menu_list.open md-list {
    display: block
}

angular-table .dropdown_menu_list md-list-item,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list-item,
angular-table .dropdown_menu_list md-list-item button,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list-item button,
angular-table .dropdown_menu_list md-list-item .md-list-item-inner,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list-item .md-list-item-inner,
cockpit-angular-table .dropdown_menu_list md-list-item,
cockpit-angular-table .dropdown_menu_list md-list-item button,
cockpit-angular-table .dropdown_menu_list md-list-item .md-list-item-inner {
    min-height: 22px !important
}

angular-table .dropdown_menu_list md-list-item p,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list-item p,
cockpit-angular-table .dropdown_menu_list md-list-item p {
    line-height: 20px;
    margin: 3px;
    color: black
}

angular-table .dropdown_menu_list md-list.bottomBorder md-list-item button,
.kn-cockpit cockpit-static-pivot-table-widget .dropdown_menu_list md-list.bottomBorder md-list-item button,
cockpit-angular-table .dropdown_menu_list md-list.bottomBorder md-list-item button {
    border-bottom: 1px solid #b0bec5;
    padding: 0;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 0
}

angular-table md-checkbox.md-knowage-theme,
.kn-cockpit cockpit-static-pivot-table-widget md-checkbox.md-knowage-theme,
cockpit-angular-table md-checkbox.md-knowage-theme {
    margin-bottom: 0
}

angular-table .tableDragBar,
.kn-cockpit cockpit-static-pivot-table-widget .tableDragBar,
cockpit-angular-table .tableDragBar {
    padding: 0 !important;
    text-align: center;
    color: grey
}

angular-table .rowExpanderButton,
.kn-cockpit cockpit-static-pivot-table-widget .rowExpanderButton,
cockpit-angular-table .rowExpanderButton {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important
}

angular-table .animate-repeat-tablerow.ng-move,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-move,
angular-table .animate-repeat-tablerow.ng-enter,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-enter,
cockpit-angular-table .animate-repeat-tablerow.ng-move,
cockpit-angular-table .animate-repeat-tablerow.ng-enter {
    transition: all linear 0.2s
}

angular-table .animate-repeat-tablerow.ng-leave.ng-leave-active,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-leave.ng-leave-active,
angular-table .animate-repeat-tablerow.ng-move,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-move,
angular-table .animate-repeat-tablerow.ng-enter,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-enter,
cockpit-angular-table .animate-repeat-tablerow.ng-leave.ng-leave-active,
cockpit-angular-table .animate-repeat-tablerow.ng-move,
cockpit-angular-table .animate-repeat-tablerow.ng-enter {
    opacity: 0
}

angular-table .animate-repeat-tablerow.ng-leave,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-leave,
angular-table .animate-repeat-tablerow.ng-move.ng-move-active,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-move.ng-move-active,
angular-table .animate-repeat-tablerow.ng-enter.ng-enter-active,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-enter.ng-enter-active,
cockpit-angular-table .animate-repeat-tablerow.ng-leave,
cockpit-angular-table .animate-repeat-tablerow.ng-move.ng-move-active,
cockpit-angular-table .animate-repeat-tablerow.ng-enter.ng-enter-active {
    opacity: 1
}

angular-table .animate-repeat-tablerow.ng-leave,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-leave,
angular-table .animate-repeat-tablerow.ng-leave.ng-leave-active,
.kn-cockpit cockpit-static-pivot-table-widget .animate-repeat-tablerow.ng-leave.ng-leave-active,
cockpit-angular-table .animate-repeat-tablerow.ng-leave,
cockpit-angular-table .animate-repeat-tablerow.ng-leave.ng-leave-active {
    transition: all 0s
}

angular-table.absoluteTfoot tfoot>tr>td #queueTableContent,
.kn-cockpit cockpit-static-pivot-table-widget.absoluteTfoot tfoot>tr>td #queueTableContent,
cockpit-angular-table.absoluteTfoot tfoot>tr>td #queueTableContent {
    display: none
}

angular-table.absoluteTfoot #fixedAngularTableContentBox,
.kn-cockpit cockpit-static-pivot-table-widget.absoluteTfoot #fixedAngularTableContentBox,
cockpit-angular-table.absoluteTfoot #fixedAngularTableContentBox {
    display: block
}

angular-table #fixedAngularTableContentBox,
.kn-cockpit cockpit-static-pivot-table-widget #fixedAngularTableContentBox,
cockpit-angular-table #fixedAngularTableContentBox {
    display: none;
    min-height: 50px;
    line-height: 50px;
    background-color: white
}

angular-table #fixedAngularTableContentBox md-checkbox ._md-label,
.kn-cockpit cockpit-static-pivot-table-widget #fixedAngularTableContentBox md-checkbox ._md-label,
cockpit-angular-table #fixedAngularTableContentBox md-checkbox ._md-label {
    margin-left: 30px
}

angular-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable>thead>tr>th>div,
cockpit-angular-table .principalTable>thead>tr>th>div {
    cursor: pointer;
    height: 2rem;
    line-height: 2rem
}

angular-table .principalTable>thead>tr>th>div md-icon,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable>thead>tr>th>div md-icon,
cockpit-angular-table .principalTable>thead>tr>th>div md-icon {
    margin-top: 0;
    height: 2rem;
    line-height: 2rem
}

angular-table .principalTable>thead>tr>th>md-checkbox,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable>thead>tr>th>md-checkbox,
cockpit-angular-table .principalTable>thead>tr>th>md-checkbox {
    display: none
}

angular-table .principalTable>thead>tr>th,
.kn-cockpit cockpit-static-pivot-table-widget .principalTable>thead>tr>th,
cockpit-angular-table .principalTable>thead>tr>th {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

angular-table md-radio-button ._md-container,
.kn-cockpit cockpit-static-pivot-table-widget md-radio-button ._md-container,
cockpit-angular-table md-radio-button ._md-container {
    left: 20px;
    top: 10px
}

@-moz-document url-prefix() {

    angular-table md-radio-button ._md-container,
    .kn-cockpit cockpit-static-pivot-table-widget md-radio-button ._md-container,
    cockpit-angular-table md-radio-button ._md-container {
        left: 20px;
        top: 0px
    }
}

angular-table .addCell,
.kn-cockpit cockpit-static-pivot-table-widget .addCell,
cockpit-angular-table .addCell {
    color: green
}

angular-table .editCell,
.kn-cockpit cockpit-static-pivot-table-widget .editCell,
cockpit-angular-table .editCell {
    color: orange
}

angular-table .pagSummary,
.kn-cockpit cockpit-static-pivot-table-widget .pagSummary,
cockpit-angular-table .pagSummary {
    font-size: .6rem;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: space-around
}

angular-table .pagSummary span,
.kn-cockpit cockpit-static-pivot-table-widget .pagSummary span,
cockpit-angular-table .pagSummary span {
    margin-right: 10px
}

angular-table .highlight,
.kn-cockpit cockpit-static-pivot-table-widget .highlight,
cockpit-angular-table .highlight {
    background-color: #a9c3db
}

angular-table.clippedText td,
.kn-cockpit cockpit-static-pivot-table-widget.clippedText td,
angular-table.clippedText th>div,
.kn-cockpit cockpit-static-pivot-table-widget.clippedText th>div,
cockpit-angular-table.clippedText td,
cockpit-angular-table.clippedText th>div {
    text-overflow: clip !important
}

angular-table .hiddenColumn,
.kn-cockpit cockpit-static-pivot-table-widget .hiddenColumn,
cockpit-angular-table .hiddenColumn {
    display: none
}

angular-table .angularTableSelectAll,
.kn-cockpit cockpit-static-pivot-table-widget .angularTableSelectAll,
cockpit-angular-table .angularTableSelectAll {
    overflow: visible
}

angular-table .angularTableSelectAll:before,
.kn-cockpit cockpit-static-pivot-table-widget .angularTableSelectAll:before,
cockpit-angular-table .angularTableSelectAll:before {
    content: 'Select All';
    position: absolute;
    top: -10px;
    left: -5px;
    font-size: .6rem
}

.accessibleModeOn angular-table #angularFullTableContentBox,
.accessibleModeOn .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox,
.kn-cockpit .accessibleModeOn cockpit-static-pivot-table-widget #angularFullTableContentBox {
    padding-top: 0
}

.accessibleModeOn angular-table #angularFullTableContentBox .angularTableHeader,
.accessibleModeOn .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox .angularTableHeader,
.kn-cockpit .accessibleModeOn cockpit-static-pivot-table-widget #angularFullTableContentBox .angularTableHeader {
    display: none
}

.accessibleModeOn angular-table #angularFullTableContentBox #angularTableContentBox th,
.accessibleModeOn .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox #angularTableContentBox th,
.kn-cockpit .accessibleModeOn cockpit-static-pivot-table-widget #angularFullTableContentBox #angularTableContentBox th {
    height: 2rem;
    padding-left: 10px
}

.accessibleModeOn .md-button.md-knowage-theme.md-fab:not([disabled]) {
    background-color: transparent !Important
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    angular-table.flex,
    .kn-cockpit cockpit-static-pivot-table-widget.flex {
        width: auto
    }

    angular-table #angularTableContentBox,
    .kn-cockpit cockpit-static-pivot-table-widget #angularTableContentBox {
        width: auto
    }

    angular-table #angularFullTableContentBox,
    .kn-cockpit cockpit-static-pivot-table-widget #angularFullTableContentBox {
        overflow: auto
    }

    angular-table md-checkbox.md-checked ._md-icon,
    .kn-cockpit cockpit-static-pivot-table-widget md-checkbox.md-checked ._md-icon {
        border-collapse: separate
    }

    angular-table table>thead>tr>th>div,
    .kn-cockpit cockpit-static-pivot-table-widget table>thead>tr>th>div,
    .kn-cockpit cockpit-static-pivot-table-widget table>thead>tr>th>div,
    cockpit-angular-table table>thead>tr>th>div {
        overflow: visible
    }
}

document-tree .angular-ui-tree-handle {
    padding: 5px
}

document-tree .angular-ui-tree-handle md-icon {
    position: relative
}

document-tree .menu-container {
    margin-left: 2rem
}

document-tree .line-container {
    font-family: "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 20rem;
    outline: none
}

document-tree .icon-container {
    width: 15px;
    height: 15px;
    margin-left: 5px
}

document-tree .hover-element {
    background-color: rgba(144, 144, 144, 0.5)
}

document-tree .fa-folder,
document-tree .fa-folder-open,
document-tree .fa-leaf {
    padding-right: 4px;
    color: black
}

document-tree .fa-sort-asc,
document-tree .fa-sort-desc {
    width: auto;
    color: black
}

document-tree .minihead-tree {
    background-color: #3b678c !important;
    color: white !important
}

document-tree md-toolbar.minihead-tree-small {
    background-color: #3b678c;
    color: #fff;
    height: 35px;
    min-height: 0px
}

document-tree md-icon {
    outline: none
}

document-tree .minihead-tree-small {
    background-color: #3b678c !important;
    color: #fff !important;
    height: 35px
}

document-tree .blue-stack {
    background-color: #a9c3db
}

document-tree .blue-stack span {
    font-weight: bold
}

component-tree md-checkbox {
    margin-bottom: 0
}

component-tree .menu-container {
    margin-left: 2rem
}

component-tree .line-container {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 20rem
}

component-tree .icon-container {
    width: 15px;
    height: 15px;
    margin-left: 5px
}

component-tree .waitingContainer {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%
}

component-tree .fa-folder,
component-tree .fa-folder-open,
component-tree .fa-leaf {
    padding-right: 4px;
    color: black
}

component-tree .fa-sort-asc,
component-tree .fa-sort-desc {
    width: auto;
    color: black
}

component-tree .dropdown_menu_list {
    margin-top: -25px;
    position: fixed !important;
    left: inherit
}

component-tree .dropdown_menu_list.open md-list {
    display: block
}

component-tree .dropdown_menu_list.open:before {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

component-tree .dropdown_menu_list md-list {
    position: fixed;
    top: initial;
    left: initial;
    z-index: -1;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

component-tree .dropdown_menu_list md-list.bottomBorder md-list-item button {
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 0
}

component-tree .minihead-tree {
    background-color: #3B668C !important;
    color: white !important
}

component-tree md-toolbar.minihead-tree-small {
    background-color: #3b678c;
    color: #fff;
    height: 35px;
    min-height: 0px
}

component-tree .minihead-tree-small {
    background-color: #3b678c !important;
    color: #fff !important;
    height: 35px
}

component-tree .customTreeNode {
    padding: 4px
}

component-tree .customTreeNode .selectedNode {
    font-weight: bold;
    background: #fafafa
}

component-tree .customTreeNode:hover {
    background-color: rgba(204, 204, 204, 0.5);
    cursor: pointer
}

component-tree ol.angular-ui-tree-nodes li {
    border-left: none
}

cross-navigation {
    height: 100%
}

.kn-breadcrumbs {
    height: 100%;
    padding: 1px
}

.kn-breadcrumbs.no-background {
    background-color: transparent
}

.kn-breadcrumbs md-pagination-wrapper {
    height: 30px
}

.kn-breadcrumbs md-tabs {
    height: 100%;
    margin: 0;
    padding: 0
}

.kn-breadcrumbs md-tabs md-tabs-wrapper {
    height: 100%
}

.kn-breadcrumbs md-tabs md-tab-item {
    list-style: none;
    padding: 0 0 0 16px !important
}

.kn-breadcrumbs md-tabs md-tab-item.md-active {
    cursor: pointer;
    color: #fff
}

.kn-breadcrumbs md-tabs md-tab-item:not(:first-child) {
    margin-left: -16px
}

.kn-breadcrumbs md-tabs md-tab-item:first-child {
    padding-left: 0 !important
}

.kn-breadcrumbs md-tabs md-tab-item:first-child .breadcrumb {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 1px
}

.kn-breadcrumbs md-tabs md-tab-item:first-child .breadcrumb:before {
    display: none
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb {
    display: block;
    float: left;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: #335a7a;
    text-align: center;
    padding: 0 16px;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    color: #fff
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb:hover {
    background: #4a81b0
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb:hover:before {
    border-color: #4a81b0 #4a81b0 #4a81b0 transparent
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb:hover:after {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #4a81b0
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb:after {
    content: "";
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #335a7a;
    position: absolute;
    right: -16px;
    top: 0
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb:before {
    content: "";
    position: absolute;
    margin-top: 0px;
    border-width: 16px 0 16px 16px;
    border-style: solid;
    border-color: #335a7a #335a7a #335a7a transparent;
    left: -16px
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb i {
    line-height: 30px
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb .truncated {
    max-width: 150px
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last {
    cursor: default;
    background: #fff;
    color: #3b678c
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last:hover {
    background: #fff;
    color: #3b678c
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last:hover:after {
    border-left: 16px solid #fff
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last:hover:before {
    border-color: #fff #fff #fff transparent
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last:after {
    border-left: 16px solid #fff
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last:before {
    border-color: #fff #fff #fff transparent
}

.kn-breadcrumbs md-tabs md-tab-item .breadcrumb.last .truncated {
    max-width: 100%
}

.kn-workspace md-list {
    padding-top: 0
}

.kn-workspace md-toolbar.md-knowage-theme .md-button:not(.md-fab) md-icon {
    line-height: 24px !important
}

.kn-workspace .leftRightPanelHeight {
    height: calc(100% - 40px)
}

.kn-workspace .rightPanelDocuments {
    height: calc(100% - 20px);
    min-height: calc(100% - 20px)
}

.kn-workspace .rightPanelDocuments md-tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-workspace .rightPanelDocuments md-tab-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-workspace .rightPanelDocuments md-tab-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-workspace .rightPanelDocuments-datasets {
    height: 100%;
    min-height: 100%
}

@-moz-document url-prefix() {
    .kn-workspace .rightPanelDocuments {
        height: calc(100%);
        min-height: calc(100%)
    }
}

.kn-workspace .md-whiteframe-5dp-rightPanelDocuments {
    height: calc(100% - ($organizerHeight/2));
    min-height: calc(100% - ($organizerHeight/2))
}

.kn-workspace .md-whiteframe-5dp-rightPanelDocuments-datasets {
    height: calc(100% - 20px);
    min-height: calc(100% - 20px)
}

.kn-workspace .md-whiteframe-5dp-rightPanelDocuments-organizer {
    height: calc(100% - $organizerHeight);
    min-height: calc(100% - $organizerHeight)
}

@-moz-document url-prefix() {
    .kn-workspace .md-whiteframe-5dp-rightPanelDocuments {
        height: calc(100% - 16px);
        min-height: calc(100% - 16px)
    }
}

.kn-workspace .panelBackgoundColor {
    background-color: #ECEFF1
}

.kn-workspace .yesFav {
    color: orange
}

.kn-workspace .workspace_image_dataset {
    background-image: url("../img/workspace/dataset.png") !important
}

.kn-workspace .workspace_image_federation {
    background-image: url("../img/workspace/federation.png") !important
}

.kn-workspace .workspace_image_metamodel {
    background-image: url("../img/workspace/metamodel.png") !important
}

.kn-workspace .workspace_image_folder {
    background-image: url("../img/workspace/folder.png") !important
}

.kn-workspace .shared,
.kn-workspace .shared md-icon {
    color: #c70751 !important
}

.kn-workspace .workspaceSearchInput {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    padding-top: 15px;
    font-size: 16px
}

.kn-workspace .workspace-submenu {
    padding-left: 0
}

.kn-workspace .workspace-submenu .md-button {
    padding-left: 40px !important
}

.kn-workspace .workspaceBckgColorRightSide {
    background-color: #FAFAFA
}

.kn-workspace .workspaceWhiteframeContainer {
    height: 100%
}

.kn-workspace .workspaceWhiteframe {
    margin: 8px !important
}

.kn-workspace .workspaceWhiteframeContent {
    height: 100%;
    margin: 8px !important;
    width: 98.65%
}

.kn-workspace md-tab-content {
    top: 5px
}

.kn-workspace .datasetWizardPadding {
    padding: 30px
}

.kn-workspace .knowageGrey {
    background-color: #F6F6F6;
    min-height: 458px;
    max-height: 458px
}

.kn-workspace .loadFilePadding {
    padding: 10px
}

.kn-workspace .checkboxPadding {
    padding-top: 7px
}

.kn-workspace .md-button.md-knowage-theme:not([disabled]):not(.selectedLeftMenuSubitem):not(.notSelectedLeftMenuSubitem):hover {
    background-color: rgba(204, 204, 204, 0.2)
}

.kn-workspace .selectedLeftMenuItem,
.kn-workspace .selectedLeftMenuSubitem {
    background-color: #cddcea
}

.kn-workspace .selectedLeftMenuItem button,
.kn-workspace .selectedLeftMenuSubitem button {
    background-color: transparent
}

.kn-workspace .selectedLeftMenuItem button:hover,
.kn-workspace .selectedLeftMenuSubitem button:hover {
    background-color: transparent !important
}

.kn-workspace .addNewDocumentButton {
    top: 0px !important;
    right: -15px !important
}

.kn-workspace .datasetWizardCardHeight {
    height: 65%;
    min-height: 65%
}

@-moz-document url-prefix() {
    .kn-workspace .datasetWizardCardHeight {
        height: 90%;
        min-height: 90%
    }
}

.kn-workspace .mdDialogDatasetWizard {
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

@-moz-document url-prefix() {
    .kn-workspace .mdDialogDatasetWizard {
        height: 100%;
        max-height: 100%;
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }
}

.kn-workspace .threeCombosThreeNumFields {
    background-color: #FFFFFF !important
}

.kn-workspace .threeCombosLayout {
    padding: 10px 10px 0px 10px
}

.kn-workspace .step3PreviewPanel {
    height: 80%;
    max-height: 80%
}

@-moz-document url-prefix() {
    .kn-workspace .step3PreviewPanel {
        height: 87%;
        max-height: 87%
    }
}

.kn-workspace .step3PreviewTableContainer {
    height: 100%;
    max-height: 100%
}

.kn-workspace .step3PreviewTable {
    position: absolute;
    height: 100%
}

.kn-workspace .step3ValidationText {
    padding-left: 10px
}

.kn-workspace .validStatusColor {
    color: #009933 !important
}

.kn-workspace .invalidStatusColor {
    color: #FF0000 !important
}

.kn-workspace .step2DefDataTableContainer {
    height: 60%;
    max-height: 60%
}

.kn-workspace .step2DefDataTable {
    height: 100%;
    min-height: 100%
}

.kn-workspace .step2DefDataCardContent {
    height: calc(100% - 40px);
    max-height: calc(100% - 40px)
}

.kn-workspace .step2And3Card {
    height: calc(100% - 56px)
}

@-moz-document url-prefix() {
    .kn-workspace .step2And3Card {
        height: calc(100% - 16px)
    }
}

.kn-workspace ._md-list-item-inner {
    position: relative
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    .kn-workspace .step2And3Card {
        height: calc(100% - 16px)
    }

    .kn-workspace .step2Height {
        height: 100%
    }

    .kn-workspace .step3PreviewTable {
        width: 100%
    }
}

.kn-workspace md-tab-content {
    overflow-x: hidden
}

.kn-workspace .uploadButton {
    padding-top: 8px
}

.kn-workspace .step4BottomPadding {
    padding-bottom: 20px
}

.kn-workspace .loadingMask {
    position: fixed;
    z-index: 500;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5
}

.kn-workspace .loadingNoMask {
    position: fixed;
    z-index: 500;
    height: 100%;
    width: 100%
}

.kn-workspace .progressCircularWorkspace {
    position: fixed;
    top: calc(50% - 37.5px);
    left: calc(50% - 37.5px)
}

.kn-workspace .searchMask {
    position: absolute;
    z-index: 500;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.3
}

.kn-workspace .progressCircularWorkspaceSearch {
    position: absolute;
    top: calc(50% - 37.5px);
    left: calc(50% - 37.5px)
}

.kn-workspace .documentCard md-card-title {
    padding: 4px
}

.kn-workspace .documentCard md-card-actions {
    margin: 0
}

.kn-workspace .documentCard md-card-actions md-icon.shared {
    color: #c70751
}

.kn-workspace .md-button.md-icon-button.ckanButton {
    margin: auto;
    margin-top: 15px
}

.kn-workspace .ckanButtonIcon {
    width: 200px;
    min-width: 200px
}

.kn-workspace .metadataValidationColumn {
    text-align: center
}

.kn-workspace .metadataValidColumn {
    background-color: #c6ecc6 !important;
    cursor: default
}

.kn-workspace .metadataInvalidColumn {
    background-color: #ffcccc !important
}

.kn-workspace .metadataDefaultColumn {
    background-color: #e6e6e6 !important
}

.kn-workspace .invalidTypeMetadata {
    color: #990000;
    padding-left: 10px
}

.kn-workspace .validTypeMetadata {
    color: #006600;
    cursor: default;
    padding-left: 10px
}

.kn-workspace .leftInavlidIcon {
    display: inline-block;
    width: 56%
}

.kn-workspace .rightInvalidIcon {
    display: inline-block;
    width: 44%
}

.kn-workspace .defaultStateValidType {
    padding-left: 10px
}

.kn-workspace .dsCreateCatalogContainerOne {
    height: 65%;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    max-width: 100%
}

.kn-workspace .dsCreateCatalogContainerTwo {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center
}

.kn-workspace .dsCreateCatalogContainerThree {
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 1em;
    min-width: 50%;
    max-width: 50%
}

.kn-workspace .xlsCsvConfigParams {
    margin: 8px !important;
    width: 98%
}

.kn-workspace .workspaceLabelCheckboxContainer {
    height: 30px;
    margin: 5px 0px 10px 0px
}

.kn-workspace .workspaceLabelForCheckBox {
    height: 25px
}

.kn-workspace .workspaceLimitCheckboxContainer {
    height: 30px;
    width: 30px;
    margin-left: 6px;
    padding: 0px
}

.kn-workspace .workspaceCheckbox {
    height: 30px;
    width: 30px;
    margin: 0px
}

.kn-workspace .workspacePersistCheckboxContainer {
    margin-left: 6px
}

.kn-workspace .workspaceLabelButtonFileLoaded {
    margin-top: 14px;
    margin-bottom: 8px
}

.kn-workspace .workspacePersistDatasetLabel {
    height: 30px
}

.kn-workspace .workspacePersistDatasetTableName {
    height: 80px
}

.kn-workspace .workspaceDatasetDescription {
    overflow: auto;
    auto-scroll: true
}

.kn-workspace .analysisUploadPreviewFilePadding {
    padding-left: 20px;
    padding-right: 20px
}

.kn-workspace .workspaceTopRight {
    height: 2rem;
    line-height: 2rem
}

.kn-workspace md-list-item button.md-button {
    z-index: 10
}

.kn-workspace .workspaceDocumentsList md-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-workspace .workspaceDocumentsList md-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-workspace .workspaceDocumentsList md-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 8px
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard {
    width: 100%;
    max-width: 350px;
    margin-top: 0;
    background-color: #3b678c
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-card-title-text,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-card-title-text {
    width: 100%
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-icon,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-icon {
    color: #fff
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-icon.shared,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-icon.shared {
    color: #c70751
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard .preview-icon,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard .preview-icon {
    height: 112px
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-card-title,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-card-title {
    color: #FAFAFA;
    padding: 12px;
    text-transform: uppercase
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-card-title p,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-card-title p {
    margin: 0;
    padding: 0
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard md-card-actions,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard md-card-actions {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0
}

.kn-workspace .workspaceDocumentsList .workspaceCardContainer .documentCard div.md-card-image,
.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard div.md-card-image {
    max-height: 100px;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 6px 0
}

.kn-workspace .workspaceDocumentsList .worskspaceFoldersContainer {
    width: 100%;
    overflow-x: auto;
    margin: 0
}

.kn-workspace .workspaceDocumentsList .worskspaceFoldersContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-workspace .workspaceDocumentsList .worskspaceFoldersContainer::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-workspace .workspaceDocumentsList .worskspaceFoldersContainer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-workspace .workspaceDocumentsList .worskspaceFoldersContainer .documentCard {
    width: 150px
}

.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard {
    background-color: #a9c3db
}

.kn-workspace .workspaceDocumentsList .workspaceFolderCardContainer .documentCard div.md-card-image {
    max-height: 70px;
    height: 70px
}

.kn-workspace .tabOverflow md-tab-content>div {
    overflow-y: auto
}

.kn-workspace .workspaceDatasetWizard {
    width: 60%
}

.kn-workspace .workspaceDatasetWizard .validationStep {
    margin-top: 8px !important;
    height: 390px;
    max-height: 390px
}

.kn-workspace .workspaceDatasetWizard .previewStep {
    margin-top: 8px !important;
    height: 330px;
    max-height: 330px
}

.kn-workspace .workspaceDatasetWizard .previewStep md-card-content {
    overflow-y: hidden
}

.kn-workspace .workspaceDatasetWizard .showErrors {
    height: 100%;
    width: 300px;
    z-index: 9999;
    top: 0;
    right: 0 !important;
    background-color: #ffffff;
    overflow-x: hidden
}

.kn-workspace .workspaceDatasetWizard .hideErrors {
    right: 300px;
    position: fixed;
    transition: right 0.3s ease-in
}

.kn-workspace .workspaceDatasetWizard .showMoreErrors {
    text-decoration: none;
    font-size: 14px;
    font-style: italic
}

.linkDocument .buttonRight {
    position: fixed;
    right: 10px;
    bottom: 10px
}

.linkDocument .buttonLeft {
    position: fixed;
    right: 120px;
    bottom: 10px
}

.businessModelCatalog .bottom-block {
    display: block;
    position: relative;
    background-color: #e6e6e6;
    height: 35px;
    width: 100%;
    text-align: center
}

.businessModelCatalog .bottom-block>span {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.8em
}

.businessModelCatalog #businessModelFile,
.businessModelCatalog #cwmFile {
    padding: 0
}

.kn-etlmetadata {
    background-color: #eceff1
}

.kn-etlmetadata .header h2 {
    padding-left: 14px
}

.kn-etlmetadata .cardHeader {
    background-color: #a9c3db !important
}

.kn-etlmetadata .mainContainer {
    background-color: #eceff1
}

.kn-measure-list .saveDialogMeasureKpi .saveDialogMeasureKpiName {
    margin: 20px 8px 5px 8px !important
}

.kn-measure-list .saveDialogMeasureKpi .saveDialogMeasureKpiName .md-errors-spacer {
    display: none
}

.kn-measure-list .saveDialogMeasureKpi .md-chips.md-readonly {
    box-shadow: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-measure-list .absolute {
        position: relative;
        min-height: 500px
    }

    .kn-measure-list .CodeMirror {
        height: 100% !Important
    }
}

.kn-main-body {
    overflow: hidden
}

.icoFlag {
    display: block;
    text-decoration: none;
    padding-left: 40px;
    background-size: contain;
    background-repeat: no-repeat
}

.iconBar,
.iconBarAdmin {
    margin-right: 0;
    display: inline-block;
    float: none;
    width: 100%;
    list-style-type: none;
    padding: 0
}

.iconBar>li,
.iconBarAdmin>li {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px
}

.iconBar>li>a,
.iconBarAdmin>li>a {
    padding: 15px;
    color: #ccc;
    display: inline-block
}

.iconBar>li>a:focus,
.iconBar>li>a:hover,
.iconBarAdmin>li>a:focus,
.iconBarAdmin>li>a:hover {
    text-decoration: none;
    background: #3b678c;
    background-color: #2c4d68
}

.iconBar .navbar-icon,
.iconBarAdmin .navbar-icon {
    display: inline-block;
    text-align: center;
    vertical-align: baseline;
    top: 5px
}

.iconBar .newsBadge,
.iconBarAdmin .newsBadge {
    background-color: #c70751;
    color: white;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 4px;
    font-size: .7rem;
    height: auto;
    width: auto;
    min-width: 24px;
    border-radius: 50px
}

.centered {
    text-align: center
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto
}

md-list-item.license-item::before {
    min-height: 0px !important
}

.kn-downloadsDialog {
    width: 60%
}

.kn-downloadsDialog md-dialog-content {
    min-height: 300px;
    height: 60%
}

.kn-downloadsDialog md-dialog-content .ag-cell.newDownload {
    border-left: 6px solid #c70751;
    padding-left: 15px
}

.kn-downloadsDialog .noDownload {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kn-downloadsDialog .noDownload .emptyIconSvg {
    width: 100px;
    height: 100px;
    display: block;
    background-image: url("../img/defaultTheme/empty-box.svg")
}

@media (max-width: 768px) {
    .sidebar.open {
        min-width: 240px;
        width: 240px
    }

    .sidebar .sidebar-header {
        height: 135px
    }

    .sidebar .sidebar-image img {
        width: 44px;
        height: 44px
    }

    .iconBar {
        margin-left: 0
    }
}

.kn-mainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.kn-mainMenu .primnav li:hover,
.kn-mainMenu .primnav expand:hover {
    background-color: #89a4ba;
    background-color: rgba(59, 103, 140, 0.6)
}

.kn-mainMenu .primnav {
    position: fixed;
    top: 0;
    height: 46px;
    width: 100vw;
    font-size: .8em;
    text-transform: uppercase;
    background-color: #43749e;
    display: flex;
    flex-direction: column;
    transition: height 246ms .5s ease;
    padding-top: 58px;
    box-sizing: border-box;
    z-index: 7
}

@media (min-width: 300px) {
    .kn-mainMenu .primnav {
        height: 100vh;
        width: 58px;
        transition: width 246ms .5s ease
    }
}

.kn-mainMenu .primnav>ul {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: height 246ms ease
}

.kn-mainMenu .primnav .md-button.md-icon-button md-icon {
    color: #fff
}

.kn-mainMenu .primnav li {
    font-weight: 400;
    position: relative
}

.kn-mainMenu .primnav li .tag {
    transition: all 246ms .5s ease;
    background-color: #c70751;
    color: rgba(255, 255, 255, 0.8);
    color: #fff;
    padding: 0 .5em;
    border-radius: 2em;
    margin-left: auto;
    margin-right: .75em;
    position: absolute;
    right: -5px;
    top: 10px
}

.kn-mainMenu .primnav li a {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none
}

.kn-mainMenu .primnav li.spacer {
    height: 70px
}

.kn-mainMenu .primnav li.spacer:hover {
    background-color: #43749e
}

.kn-mainMenu .primnav .icon {
    height: 46px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    padding: 15px;
    margin-right: 5px;
    padding-bottom: 15px;
    color: #e6e6e6;
    color: rgba(255, 255, 255, 0.9)
}

.kn-mainMenu .primnav .icon.userImage {
    border-radius: 50px;
    height: 40px;
    width: 40px;
    margin: 8px 10px;
    background-color: white;
    background-size: 100%;
    border: 2px solid #C70751;
    padding: 8px;
    background-position: center
}

.kn-mainMenu .primnav .icon.fa-2x {
    font-size: 1.7em
}

.kn-mainMenu input.sysadmin {
    display: none
}

@media (min-width: 300px) {
    .kn-mainMenu input.sysadmin:checked~.secnav>li {
        max-height: 100px
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(1) {
        transition: max-height 0.1s .17s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(2) {
        transition: max-height 0.1s .19s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(3) {
        transition: max-height 0.1s .21s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(4) {
        transition: max-height 0.1s .23s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(5) {
        transition: max-height 0.1s .25s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(6) {
        transition: max-height 0.1s .27s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(7) {
        transition: max-height 0.1s .29s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(8) {
        transition: max-height 0.1s .31s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(9) {
        transition: max-height 0.1s .33s ease-in
    }

    .kn-mainMenu input.sysadmin:checked~.secnav>li:nth-child(10) {
        transition: max-height 0.1s .35s ease-in
    }
}

.kn-mainMenu .secnav {
    margin-left: 63px;
    border-left: 1px solid black;
    border-left-color: #355d7e;
    border-left-color: rgba(59, 103, 140, 0.9);
    overflow: hidden
}

.kn-mainMenu .secnav li {
    color: #e6e6e6;
    color: rgba(255, 255, 255, 0.9);
    max-height: 100px;
    transition: max-height .1s
}

@media (min-width: 300px) {
    .kn-mainMenu .secnav li {
        max-height: 0px;
        transition: max-height .2s .2s
    }
}

.kn-mainMenu .secnav li a {
    text-transform: initial;
    display: block;
    color: inherit;
    padding: .75em 10px
}

.kn-mainMenu user {
    padding: 5px;
    padding-bottom: 3px;
    flex-shrink: 0;
    position: fixed;
    font-weight: 400;
    right: 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
    z-index: 99999
}

.kn-mainMenu user>section {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.kn-mainMenu user>section>section {
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

.kn-mainMenu user img {
    height: 51px;
    width: 48px;
    clip-path: circle(50% at 50% 50%);
    margin-left: 10px;
    min-height: 51px;
    min-width: 48px;
    align-items: flex-end
}

.kn-mainMenu user name {
    font-weight: 400
}

.kn-mainMenu user actions {
    padding: .1em 0;
    font-size: .8em;
    display: flex;
    justify-content: flex-end
}

.kn-mainMenu user actions a {
    padding: 0 .5em;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none
}

.kn-mainMenu user actions a:last-child {
    padding-right: 0
}

.kn-mainMenu .icon {
    display: inline-block;
    width: 5vw;
    height: 4vw;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.kn-mainMenu input.hamburger {
    display: none
}

.kn-mainMenu input.hamburger:checked~nav.primnav {
    height: 100vh
}

@media (min-width: 300px) {
    .kn-mainMenu input.hamburger:checked~nav.primnav {
        width: 275px
    }
}

.kn-mainMenu input.hamburger:checked~nav.primnav li .tag {
    right: 10px;
    top: 20px
}

.kn-mainMenu input.hamburger:checked~nav.primnav li a span {
    white-space: normal;
    max-width: 170px;
    overflow: hidden
}

.kn-mainMenu input.hamburger:checked~label>i {
    background-color: transparent;
    transform: rotate(90deg)
}

.kn-mainMenu input.hamburger:checked~label>i:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.kn-mainMenu input.hamburger:checked~label>i:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.kn-mainMenu input.hamburger:checked~label close {
    color: rgba(255, 255, 255, 0.8);
    width: 100%
}

.kn-mainMenu input.hamburger:checked~label open {
    color: transparent;
    width: 0
}

.kn-mainMenu input.hamburger:checked~.menuOverlay {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s linear;
    z-index: 2
}

.kn-mainMenu input.hamburger:checked~.menuOverlay.higherOverlay {
    z-index: 5
}

.kn-mainMenu input.hamburger:checked~.adminMenuContainer {
    display: block;
    right: 0;
    z-index: 4
}

.kn-mainMenu input.hamburger:checked~.adminMenuContainer.customMenuOpened {
    right: -300px
}

.kn-mainMenu input.hamburger:checked~.secondLevelContainer {
    display: block;
    z-index: 6
}

.kn-mainMenu .secondLevelContainer {
    position: absolute;
    top: 0;
    width: 300px;
    background-color: #f2f2f2;
    height: 100%;
    left: 275px;
    transition: left .5s ease-in;
    overflow-x: hidden
}

.kn-mainMenu .secondLevelContainer.ng-enter,
.kn-mainMenu .secondLevelContainer.ng-leave.ng-leave-active {
    left: -100%
}

.kn-mainMenu .secondLevelContainer.ng-leave,
.kn-mainMenu .secondLevelContainer.ng-enter.ng-enter-active {
    left: 275px
}

.kn-mainMenu .secondLevelContainer ul {
    position: absolute;
    width: 100%;
    height: calc(100% - 40px)
}

.kn-mainMenu .secondLevelContainer ul.ng-enter,
.kn-mainMenu .secondLevelContainer ul.ng-leave {
    transition: left .3s linear
}

.kn-mainMenu .secondLevelContainer ul.forwardAnim.ng-enter {
    left: 300px
}

.kn-mainMenu .secondLevelContainer ul.forwardAnim.ng-leave,
.kn-mainMenu .secondLevelContainer ul.forwardAnim.ng-enter.ng-enter-active {
    left: 0px
}

.kn-mainMenu .secondLevelContainer ul.forwardAnim.ng-leave.ng-leave-active {
    left: -300px
}

.kn-mainMenu .secondLevelContainer ul.reverseAnim.ng-enter {
    left: -300px
}

.kn-mainMenu .secondLevelContainer ul.reverseAnim.ng-leave,
.kn-mainMenu .secondLevelContainer ul.reverseAnim.ng-enter.ng-enter-active {
    left: 0px
}

.kn-mainMenu .secondLevelContainer ul.reverseAnim.ng-leave.ng-leave-active {
    left: 300px
}

.kn-mainMenu .secondLevelContainer li {
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 8px;
    min-height: 57px;
    cursor: pointer
}

.kn-mainMenu .secondLevelContainer li span {
    line-height: 38px;
    font-size: .8rem
}

.kn-mainMenu .secondLevelContainer li:hover {
    background-color: #d9d9d9
}

.kn-mainMenu .adminMenuContainer {
    transition: right .3s ease-out;
    padding: 16px;
    position: absolute;
    top: 0;
    right: -100%;
    width: calc(100% - 275px);
    background-color: white;
    height: 100%
}

.kn-mainMenu .adminMenuContainer .menuGrid {
    overflow-y: auto;
    height: calc(100% - 58px)
}

.kn-mainMenu .adminMenuContainer .menuGrid .highlight {
    background-color: yellow
}

.kn-mainMenu .adminMenuContainer .menuGrid>div {
    display: flex;
    margin-bottom: 40px;
    flex-direction: column
}

.kn-mainMenu .adminMenuContainer .menuGrid h4 {
    font-size: 1rem;
    margin: .6rem 0;
    text-transform: uppercase;
    font-weight: 400;
    color: #3b678c
}

.kn-mainMenu .adminMenuContainer .menuGrid li {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem
}

.kn-mainMenu .adminMenuContainer .menuGrid li:hover a {
    text-decoration: underline;
    color: #3b678c
}

.kn-mainMenu .adminMenuContainer .menuGrid li a {
    transition: all .3s ease-in;
    color: gray;
    text-decoration: none
}

.kn-mainMenu label.hamburger {
    z-index: 9998;
    position: relative;
    display: block;
    height: 24px;
    width: 24px
}

.kn-mainMenu label.hamburger:hover {
    cursor: pointer
}

.kn-mainMenu label.hamburger text close,
.kn-mainMenu label.hamburger text open {
    text-transform: uppercase;
    align-text: center;
    position: absolute;
    transform: translateY(24px);
    text-align: center;
    overflow: hidden;
    transition: width .25s .35s, color .45s .35s;
    font-size: 7px
}

.kn-mainMenu label.hamburger text close {
    color: rgba(255, 255, 255, 0.8);
    right: 0;
    width: 0
}

.kn-mainMenu label.hamburger text open {
    color: rgba(255, 255, 255, 0.8);
    width: 100%
}

.kn-mainMenu label.hamburger>i {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    pointer-events: auto;
    transition-duration: .35s;
    transition-delay: .35s
}

.kn-mainMenu label.hamburger>i:before,
.kn-mainMenu label.hamburger>i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%
}

.kn-mainMenu label.hamburger>i:before {
    transform: translate(-50%, -7px)
}

.kn-mainMenu label.hamburger>i:after {
    transform: translate(-50%, 7px)
}

.kn-mainMenu label.hamburger {
    position: fixed;
    top: 14px;
    left: 17px
}

.kn-metaWeb md-content.layout-margin {
    margin: 0
}

.kn-metaWeb angular-table,
.kn-metaWeb .kn-cockpit cockpit-static-pivot-table-widget,
.kn-cockpit .kn-metaWeb cockpit-static-pivot-table-widget {
    margin: 0 !important
}

.kn-metaWeb .metaModelBusinessList .md-subheader ._md-subheader-inner {
    padding: 8px
}

.kn-metaWeb .metaModelBusinessList .businessListName {
    padding-left: 10px
}

.kn-metaWeb .metaModelBusinessList .businessListProperties {
    font-size: .6rem
}

.kn-metaWeb .metaModelBusinessList .md-icon-button {
    margin-right: 10px
}

.kn-metaWeb .metaModelBusinessList ul {
    list-style: none;
    margin: 0;
    padding: 10px 0px
}

.kn-metaWeb .metaModelBusinessList ul li {
    padding-left: 10px
}

.kn-metaWeb .metaModelBusinessList ul li span {
    font-size: .7rem
}

.kn-mondrian-schema-catalog #myId {
    padding: 0
}

angular-time-picker span.dividerTime {
    line-height: 68px !important
}

angular-time-picker .md-button.spinButton {
    height: 24px !important
}

.cronFrequency .weekCheckbox md-checkbox {
    margin-bottom: 0;
    margin-left: 5px
}

.cronFrequency md-datepicker {
    margin: 0
}

.kn-glossary-definition md-dialog md-input-container .md-char-counter {
    padding-top: 15px
}

.kn-glossary-execution .default_tree,
.kn-glossary-definition .default_tree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal
}

.kn-glossary-execution .angular-ui-tree-node p,
.kn-glossary-execution .angular-ui-tree-node md-list-item,
.kn-glossary-execution .angular-ui-tree-node md-list-item button,
.kn-glossary-execution .angular-ui-tree-node md-list-item button .md-list-item-inner,
.kn-glossary-execution .angular-ui-tree-node .md-ripple-container,
.kn-glossary-definition .angular-ui-tree-node p,
.kn-glossary-definition .angular-ui-tree-node md-list-item,
.kn-glossary-definition .angular-ui-tree-node md-list-item button,
.kn-glossary-definition .angular-ui-tree-node md-list-item button .md-list-item-inner,
.kn-glossary-definition .angular-ui-tree-node .md-ripple-container {
    height: 21px !important;
    min-height: 21px !important;
    cursor: pointer
}

.kn-glossary-execution .dropdown p,
.kn-glossary-execution .dropdown md-list-item,
.kn-glossary-execution .dropdown md-list-item button,
.kn-glossary-execution .dropdown md-list-item button .md-list-item-inner,
.kn-glossary-execution .dropdown .md-ripple-container,
.kn-glossary-definition .dropdown p,
.kn-glossary-definition .dropdown md-list-item,
.kn-glossary-definition .dropdown md-list-item button,
.kn-glossary-definition .dropdown md-list-item button .md-list-item-inner,
.kn-glossary-definition .dropdown .md-ripple-container {
    height: 29px !important;
    min-height: 29px !important
}

.kn-glossary-execution .figlio_vocabolo md-list-item,
.kn-glossary-definition .figlio_vocabolo md-list-item {
    font-weight: bold;
    padding: 0
}

.kn-glossary-execution .figlio_vocabolo .md-list-item-inner,
.kn-glossary-execution .nodo_logico .md-list-item-inner,
.kn-glossary-execution #wordTree .md-list-item-inner,
.kn-glossary-definition .figlio_vocabolo .md-list-item-inner,
.kn-glossary-definition .nodo_logico .md-list-item-inner,
.kn-glossary-definition #wordTree .md-list-item-inner {
    width: 100%;
    height: 100%
}

.kn-glossary-execution .nodo_logico:hover .text_item,
.kn-glossary-execution .figlio_vocabolo:hover .text_item,
.kn-glossary-definition .nodo_logico:hover .text_item,
.kn-glossary-definition .figlio_vocabolo:hover .text_item {
    text-decoration: underline
}

.kn-glossary-execution .nodo_logico md-list,
.kn-glossary-execution .figlio_vocabolo md-list,
.kn-glossary-definition .nodo_logico md-list,
.kn-glossary-definition .figlio_vocabolo md-list {
    padding: 0px !important
}

.kn-glossary-execution .nodo_logico md-list md-list-item button,
.kn-glossary-execution .figlio_vocabolo md-list md-list-item button,
.kn-glossary-definition .nodo_logico md-list md-list-item button,
.kn-glossary-definition .figlio_vocabolo md-list md-list-item button {
    padding: 0px 8px !important
}

.kn-glossary-execution .addFiglioBox.angular-ui-tree-node,
.kn-glossary-definition .addFiglioBox.angular-ui-tree-node {
    background: rgba(224, 229, 240, 0.05) !important;
    top: -24px !important;
    width: 100% !important;
    right: 0 !important;
    position: absolute !important;
    height: 24px !important;
    display: none
}

.kn-glossary-execution .hideChildren .figlioVisibile,
.kn-glossary-definition .hideChildren .figlioVisibile {
    display: none !important;
    visibility: hidden !important
}

.kn-glossary-execution ol.angular-ui-tree-nodes li,
.kn-glossary-definition ol.angular-ui-tree-nodes li {
    border-left: 1px dotted #D3C1C1
}

.kn-glossary-execution .angular-ui-tree-empty,
.kn-glossary-definition .angular-ui-tree-empty {
    background-color: white !important
}

.kn-glossary-execution .dragged-icon-tree,
.kn-glossary-definition .dragged-icon-tree {
    font-size: 15px;
    float: left;
    margin-right: 2px;
    color: #b0bec5;
    cursor: move;
    margin-top: 2px
}

.kn-glossary-execution .nodo_logico p,
.kn-glossary-execution .figlio_vocabolo p,
.kn-glossary-definition .nodo_logico p,
.kn-glossary-definition .figlio_vocabolo p {
    line-height: 19px !important
}

.kn-glossary-execution .angular-ui-tree-handle,
.kn-glossary-definition .angular-ui-tree-handle {
    padding: 4px 0px;
    height: 27px !important;
    min-height: 27px !important;
    cursor: pointer
}

.kn-glossary-execution .angular-ui-tree-placeholder,
.kn-glossary-definition .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box
}

.kn-glossary-execution .indicator-child,
.kn-glossary-definition .indicator-child {
    border-top: 1px dotted #D3C1C1;
    width: 16px;
    margin-top: 8px;
    left: 0px;
    float: left;
    margin-right: 10px;
    height: 10px !important
}

.kn-glossary-execution .SecondaryOnLeft .expandericon,
.kn-glossary-execution .expandericon_ext,
.kn-glossary-definition .SecondaryOnLeft .expandericon,
.kn-glossary-definition .expandericon_ext {
    position: absolute;
    left: 0px;
    top: 6px;
    margin-left: 16px
}

.kn-glossary-execution ol.collapsed li,
.kn-glossary-definition ol.collapsed li {
    height: 27px
}

.kn-glossary-execution .position-fixed,
.kn-glossary-definition .position-fixed {
    position: fixed !important
}

.kn-glossary-execution *:focus,
.kn-glossary-definition *:focus {
    outline: none
}

.kn-glossary-execution .noPadding,
.kn-glossary-definition .noPadding {
    padding: 0 !important
}

.kn-glossary-execution .preloaderTree,
.kn-glossary-definition .preloaderTree {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.12)
}

.kn-glossary-execution .preloaderTree md-progress-circular,
.kn-glossary-definition .preloaderTree md-progress-circular {
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px
}

.kn-glossary-execution .treeInfoIcon,
.kn-glossary-definition .treeInfoIcon {
    float: left !important;
    margin: 2px 0 0 0 !important;
    line-height: 100% !important;
    width: 20px !important;
    height: 20px !important;
    min-height: 0 !important;
    padding: 0px !important
}

.kn-glossary-execution .treeInfoIcon md-icon,
.kn-glossary-definition .treeInfoIcon md-icon {
    margin-top: 0px !important
}

.kn-glossary-execution .treeInfoIcon .md-ripple-container,
.kn-glossary-definition .treeInfoIcon .md-ripple-container {
    margin-top: -4px !important
}

.kn-glossary-execution .searchBar md-icon.fa-search {
    top: 0;
    margin-top: 0
}

.kn-glossary-execution .searchBar md-icon.fa-filter {
    top: 0;
    margin-top: 0;
    color: #c70751 !important
}

.kn-glossary-execution .searchBar input {
    padding-left: 20px !important
}

.kn-glossary-execution .selected_item button,
.kn-glossary-execution .selected_item button:hover {
    background-color: #f60b65 !important;
    color: white !important
}

.kn-glossary-execution .selected_item ._md-list-item-inner .wrapText {
    color: white !important;
    z-index: 2
}

.kn-glossary-execution .smallListItem,
.kn-glossary-execution .smallListItem button,
.kn-glossary-execution .smallListItem .md-list-item-inner {
    min-height: 32px;
    height: 32px
}

.kn-glossary-execution .smallListItem p {
    max-width: 160px;
    font-size: 12px
}

.kn-glossary-execution md-list-item._md-button-wrap>div.md-button:first-child>.md-button:first-child {
    height: inherit
}

.kn-glossary-execution md-list-item,
.kn-glossary-execution md-list-item ._md-list-item-inner {
    min-height: 32px;
    height: 32px
}

.kn-glossary-execution md-list.bottomBorder md-list-item ._md-secondary-container button {
    border-bottom: none;
    height: 24px;
    width: 24px;
    padding: 0
}

.kn-geoReport .md-button.md-knowage-theme.md-fab:not([disabled]) {
    background-color: #b0bec5 !important;
    color: rgba(255, 255, 255, 0.87)
}

.kn-geoReport .md-button.md-knowage-theme.md-fab {
    top: 0px
}

.kn-geoReport md-slider.margintop {
    margin-top: 18px
}

.kn-geoReport md-slider.visibleValue .md-sign,
.kn-geoReport md-slider.visibleValue .md-sign:after {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
    transform: translate3d(0, 0, 0) scale(1) !important
}

.kn-geoReport md-select-menu.md-default-theme md-option[selected],
.kn-geoReport md-select-menu md-option[selected] {
    color: #fff !important;
    background-color: #3F51B5
}

.kn-geoReport .fa {
    font-family: FontAwesome !important
}

.kn-geoReport .no-padding {
    padding: 0px !important
}

.kn-geoReport .hidden {
    display: none
}

.kn-geoReport geo-legend {
    z-index: 1
}

.kn-geoReport geo-distance-calculator {
    z-index: 1
}

.kn-geoReport geo-download {
    z-index: 1
}

.kn-geoReport #geoRigthMenu md-chips button.md-button {
    margin: 0;
    min-height: 24px;
    height: 24px !important;
    width: 24px;
    padding: 0
}

.kn-geoReport #geoRigthMenu expander-box md-toolbar {
    margin-bottom: 0
}

.kn-geoReport #geoRigthMenu expander-box md-content md-checkbox {
    margin-bottom: 0 !important
}

.kn-geoReport #geoRigthMenu expander-box md-tabs {
    width: 100%
}

.kn-geoReport #geoRigthMenu expander-box expander-box md-toolbar {
    margin-top: 0
}

.kn-geoReport #geoRigthMenu expander-box md-radio-button {
    outline: none
}

.kn-geoReport #geoRigthMenu expander-box md-radio-button span {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-checkbox span {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-select span {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-slider span {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-input-container input {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-content span {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu expander-box md-chips input {
    font-size: .8rem
}

.kn-geoReport #geoRigthMenu button#showMenu {
    border-radius: 0;
    width: 31px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    margin-left: -31px;
    color: black;
    padding: 0;
    margin-left: -31px;
    margin-top: 26px;
    height: 33px;
    min-height: 20px
}

.kn-geoReport .mapBodyStyle {
    overflow: hidden
}

.kn-geoReport #map {
    position: relative
}

.kn-geoReport #geoRigthMenu .md-sidenav-right md-content.contentStyle {
    height: calc(100% - 30px);
    padding: 0 5;
    min-width: 300px
}

.kn-geoReport #geoRigthMenu md-sidenav.md-locked-open {
    width: 304
}

.kn-geoReport #geoRigthMenu {
    height: 100%
}

.kn-geoReport #geoRigthMenu md-sidenav.md-locked-open,
.kn-geoReport #geoRigthMenu .md-sidenav-right .md-toolbar-tools {
    font-size: 13px !important
}

.kn-geoReport #geoRigthMenu .md-sidenav-right>md-content.contentStyle>md-tabs {
    height: 100%
}

.kn-geoReport #geoRigthMenu .md-sidenav-right .md-sidenav-right-wrapper md-toolbar {
    min-height: 23px;
    height: 26px
}

.kn-geoReport #geoRigthMenu .md-sidenav-right {
    max-height: 100%;
    height: 100%
}

.kn-geoReport expander-box md-toolbar {
    margin-top: 10px
}

.kn-geoReport expander-box md-content md-radio-button,
.kn-geoReport expander-box md-content md-checkbox {
    margin: 0px 4px 11px 16px !important
}

.kn-geoReport geo-legend md-whiteframe {
    position: absolute;
    bottom: 60px
}

.kn-geoReport geo-legend md-whiteframe:before {
    display: none
}

.kn-geoReport geo-legend .legendBox {
    background-color: white;
    border-radius: 5px;
    padding: 5px
}

.kn-geoReport geo-legend .legendBox:before {
    border-top: 7px solid white;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: 45px;
    left: 23px
}

.kn-geoReport geo-legend .legendBox .legendLine .legendColorbox {
    height: 18px;
    width: 18px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 4px
}

.kn-geoReport geo-legend .legendBox .legendLine .legendTextLine {
    font-size: .8rem;
    padding: 4px
}

.kn-geoReport geo-distance-calculator md-whiteframe {
    position: absolute;
    bottom: 60px;
    right: 25%
}

.kn-geoReport geo-distance-calculator .clearMeasure {
    position: absolute;
    right: -15px;
    top: -15px !important;
    text-align: center;
    width: 34px;
    line-height: 34px;
    height: 34px
}

.kn-geoReport geo-distance-calculator md-input-container {
    padding: 3px
}

.kn-geoReport geo-distance-calculator .calcBox {
    background-color: white;
    border-radius: 5px
}

.kn-geoReport geo-distance-calculator .calcBox md-input-container {
    min-width: 120px
}

.kn-geoReport geo-distance-calculator .calcBox:before {
    border-top: 7px solid white;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: 45px;
    margin-left: 20px
}

.kn-geoReport geo-distance-calculator .calcBox .measureDisplay {
    margin: 0px;
    text-align: center
}

.kn-geoReport .tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap
}

.kn-geoReport .tooltip-measure {
    opacity: 1;
    font-weight: bold
}

.kn-geoReport .tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white
}

.kn-geoReport .tooltip-static:before {
    border-top-color: #ffcc33
}

.kn-geoReport .tooltip-measure:before,
.kn-geoReport .tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%
}

.kn-geoReport .toolbarBotton {
    min-height: 25px !important;
    height: 28px !important;
    width: 28px !important;
    line-height: 28px !important;
    margin: 0 10px;
    top: 0 !important
}

.kn-geoReport .toolbarBotton md-icon {
    margin: -7px 0 0 -3px
}

.kn-geoReport .zoomAnimation {
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important
}

.kn-geoReport .ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 0;
    border-radius: 10px;
    bottom: 12px;
    left: -50px;
    min-width: 280px
}

.kn-geoReport .ol-popup:after,
.kn-geoReport .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.kn-geoReport .ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px
}

.kn-geoReport .ol-popup:before {
    border-top-color: #ccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px
}

.kn-geoReport .ol-popup md-toolbar {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.kn-geoReport .ol-popup md-toolbar md-icon[md-font-icon] {
    line-height: 24px
}

.kn-geoReport .ol-popup-closer {
    position: absolute;
    right: 0;
    top: -7px
}

.kn-geoReport .ol-popup-content {
    height: 200px;
    overflow: auto
}

.kn-geoReport .ol-popup-content p {
    margin: 0;
    font-size: .8rem;
    padding: 2px 8px
}

.kn-geoReport .ol-popup-content p:hover {
    background-color: #f2f2f2
}

.kn-geoReport geo-cross-nav-multiselect .itemboxGU {
    position: absolute;
    top: 100px;
    left: 10px;
    background-color: #FFF;
    font-size: 15px;
    opacity: 0.8
}

.kn-geoReport geo-cross-nav-multiselect .itemboxGU:hover {
    opacity: 1
}

.kn-geoReport [md-color-picker] .md-color-picker-input-container .md-color-picker-clear {
    display: none
}

.kn-geoReport md-tabs.hiddenTabs>md-tabs-wrapper {
    display: none
}

.kn-geoReport md-tabs.hiddenTabs>md-tabs-content-wrapper {
    top: 0
}

.kn-geoReport expander-box md-checkbox {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.kn-geoReport .previewDataset md-toolbar md-icon[md-font-icon] {
    line-height: 24px
}

.kn-geoReport .smallChips md-chip {
    padding: 0 10px;
    height: 24px;
    margin-right: 4px;
    line-height: 24px
}

.kn-geoReport .smallChips md-chip .md-chip-remove-container {
    height: 24px;
    line-height: 24px
}

.kn-geoReport .smallChips md-chip .md-chip-remove-container .md-icon-button {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.kn-geoReport .smallChips md-chip md-chip-template span {
    font-size: .8rem
}

.kn-geoEdit .toolbar {
    margin-bottom: 2px
}

.kn-geoEdit .innerExpander {
    width: 100%;
    min-height: 200px;
    max-height: 600px
}

.kn-geoEdit .innerExpander angular-table,
.kn-geoEdit .innerExpander .kn-cockpit cockpit-static-pivot-table-widget,
.kn-cockpit .kn-geoEdit .innerExpander cockpit-static-pivot-table-widget {
    height: 300px
}

.kn-geoEdit .innerExpander angular-table.datasetLayer,
.kn-geoEdit .innerExpander .kn-cockpit cockpit-static-pivot-table-widget.datasetLayer,
.kn-cockpit .kn-geoEdit .innerExpander cockpit-static-pivot-table-widget.datasetLayer {
    height: 200px
}

icon-manager iconSelectorSide {
    height: 100%
}

icon-manager iconSelectorSide md-content.md-knowage-theme {
    min-height: unset
}

.kn-tree,
.kn-list-tree {
    position: relative;
    height: 100%
}

.kn-tree .angular-ui-tree-nodes,
.kn-list-tree .angular-ui-tree-nodes {
    top: 0
}

.kn-tree .md-button,
.kn-list-tree .md-button {
    line-height: 27px
}

.kn-tree i.dragged-item-icon,
.kn-list-tree i.dragged-item-icon {
    margin-top: 6px
}

.kn-tree .angular-ui-tree-node p,
.kn-tree .angular-ui-tree-node md-list-item,
.kn-tree .angular-ui-tree-node md-list-item button,
.kn-tree .angular-ui-tree-node md-list-item button .md-list-item-inner,
.kn-list-tree .angular-ui-tree-node p,
.kn-list-tree .angular-ui-tree-node md-list-item,
.kn-list-tree .angular-ui-tree-node md-list-item button,
.kn-list-tree .angular-ui-tree-node md-list-item button .md-list-item-inner {
    min-height: 27px !important;
    height: 27px !important
}

.kn-tree md-list-item,
.kn-tree md-list-item ._md-list-item-inner,
.kn-list-tree md-list-item,
.kn-list-tree md-list-item ._md-list-item-inner {
    min-height: 27px !important;
    height: 27px !important
}

.kn-tree .searchBarList md-icon,
.kn-list-tree .searchBarList md-icon {
    top: 0;
    margin-top: 0
}

.kn-tree .angular-ui-tree-handle md-icon,
.kn-list-tree .angular-ui-tree-handle md-icon {
    line-height: inherit
}

.kn-cross-navigation-definition .md-ExtraMini {
    height: 30px !important
}

.kn-cross-navigation-definition .parametersList h3 {
    margin-bottom: .2em
}

.kn-cross-navigation-definition .crossnavigation-parameter {
    background-color: #cddcea;
    color: rgba(255, 255, 255, 0.87);
    font-size: .8rem;
    padding: 0 16px;
    font-weight: 300;
    min-height: 33px !important
}

.kn-cross-navigation-definition .crossnavigation-parameter.highlight-selected-parameter {
    background-color: #a9c3db
}

.kn-cross-navigation-definition .crossnavigation-parameter.link {
    color: #262626;
    background-color: #f6f6f6
}

.kn-cross-navigation-definition .crossnavigation-parameter .fa-link,
.kn-cross-navigation-definition .crossnavigation-parameter .fa-bars {
    padding: 4px;
    outline: none
}

.kn-cross-navigation-definition .crossnavigation-parameter .md-button {
    height: 32px;
    padding: 4px
}

.kn-cross-navigation-definition .crossnavigation-parameter .md-button .md-ripple-container {
    height: 32px !important;
    width: 32px !important;
    margin: 2px 0 0 4px
}

.kn-cross-navigation-definition .loadingSpinner {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.kn-cross-navigation-definition .openDocIcon {
    margin-top: 6px;
    color: #fff
}

.kn-cross-navigation-definition .parametersList {
    padding: 10px
}

.kn-cross-navigation-definition .parametersList li {
    border: 0;
    padding: 2px;
    border: 0 !important
}

.kn-cross-navigation-definition .parametersList>div {
    padding: 3px
}

.kn-cross-navigation-definition button.md-raised {
    margin-top: 22px
}

.kn-scheduler md-toolbar md-checkbox {
    margin-bottom: 0
}

.kn-svgviewer .svgMainContainer {
    height: 100%
}

.kn-svgviewer .sidenavOpenButton {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2
}

.kn-svgviewer .backButton {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2
}

.kn-svgviewer .md-accordion .expandCollapse {
    width: 30px;
    height: 30px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    display: block;
    margin-top: -2px;
    margin-left: -2px;
    overflow: hidden
}

.kn-svgviewer .md-accordion .expandCollapse:active {
    border: 0px
}

.kn-svgviewer .md-accordion .expandCollapse:before,
.kn-svgviewer .md-accordion .expandCollapse:after {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 2rem;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.kn-svgviewer .md-accordion .expandCollapse:before {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "|";
    margin-top: -3px
}

.kn-svgviewer .md-accordion .expandCollapse:after {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: "|";
    margin-left: -3px
}

.kn-svgviewer .md-accordion .active:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px
}

.kn-svgviewer .md-accordion .dataContent {
    background: #fafafa;
    height: 0px;
    overflow: hidden;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out
}

.kn-svgviewer .md-accordion .activeContent {
    height: auto;
    padding: 0;
    display: block
}

.kn-svgviewer .md-accordion md-toolbar {
    cursor: pointer;
    border-bottom: 1px solid #3b678c
}

.kn-svgviewer .divFlex {
    display: flex;
    height: 100%
}

.kn-svgviewer .zoomButton {
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 10000
}

.kn-svgviewer #container {
    position: relative
}

.kn-svgviewer #container #svgContainer {
    background-color: white;
    position: relative
}

.kn-svgviewer #svgTooltip {
    position: absolute;
    display: none;
    width: auto;
    border-radius: 4px;
    height: auto;
    white-space: nowrap;
    font-size: small;
    box-shadow: 1px 1px 3px 2px;
    background-color: #fcefbd
}

.kn-svgviewer .graph {
    position: absolute;
    width: 300px;
    cursor: pointer;
    border-radius: 10px
}

.kn-svgviewer .graph:hover {
    background-color: rgba(240, 240, 240, 0.2)
}

.kn-svgviewer .graph canvas {
    left: -30px;
    position: absolute;
    bottom: 8px
}

.kn-svgviewer .graph canvas.emptyPie {
    left: 0
}

.kn-svgviewer .graph .percLegend {
    position: absolute;
    bottom: 20px;
    right: 0;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    flex-direction: column
}

.kn-svgviewer .graph .percLegend .graphLabel {
    padding: 5px;
    padding-right: 10px;
    font-family: sans-serif;
    font-size: 12px;
    color: #0042be;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.kn-svgviewer .graph .percLegend .graphLabel .graphSpan {
    text-transform: uppercase;
    text-align: right
}

.kn-svgviewer .graph .percLegend .graphLabel .graphColor {
    width: 10px;
    height: 10px;
    border: 1px solid white;
    border-radius: 20px
}

.kn-svgviewer #graphLegend {
    box-shadow: 0px 3px 5px #ccc;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(240, 240, 255, 0.8);
    margin: 20px;
    width: 200px;
    min-height: 50px;
    display: flex;
    flex-direction: column
}

.kn-svgviewer #graphLegend .graphLabel {
    padding: 5px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.kn-svgviewer #graphLegend .graphLabel .graphSpan {
    text-transform: uppercase
}

.kn-svgviewer #graphLegend .graphLabel .graphColor {
    width: 50px;
    height: 10px;
    border: 1px solid white;
    border-radius: 20px
}

.kn-svgviewer #svgInfoSidenav md-list md-list-item {
    min-height: 36px;
    height: 36px;
    border-bottom: 1px solid #ccc
}

.kn-svgviewer #svgInfoSidenav md-list md-list-item p {
    text-align: left;
    font-size: .9em;
    padding-left: 20px
}

.kn-svgviewer #svgInfoSidenav md-list md-list-item .md-secondary {
    text-align: right !important;
    padding-left: 0;
    font-size: .8em !important;
    color: #999;
    padding-right: 20px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-svgviewer .ie11fix {
        overflow: hidden !important
    }

    .kn-svgviewer md-tabs.md-knowage-theme md-tab-content {
        overflow: hidden !important
    }
}

.kn-functionsCatalog .customLabel {
    font-size: .6rem;
    color: #a9c3db
}

.kn-functionsCatalog .customColorLabel {
    color: #a9c3db
}

.kn-functionsCatalog .customCodeMirrorLabel {
    color: #a9c3db;
    -webkit-transform: translate3d(0, 6px, 0) scale(0.75) !important;
    transform: translate3d(0, 6px, 0) scale(0.75) !important;
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s !important;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s !important
}

.kn-functionsCatalog md-chips md-chips-wrap {
    margin-bottom: 20px
}

.kn-functionsCatalog .kn-detail-content {
    overflow-y: hidden
}

.kn-functionsCatalog .md-headline {
    clear: both;
    display: block
}

.kn-functionsCatalog .functionsCardContainer {
    min-height: 80px
}

.kn-functionsCatalog .functionsCardContainer .functionsCard {
    height: 60px;
    transition: background-color .6s;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right -20px top -10px;
    background-color: #fff
}

.kn-functionsCatalog .functionsCardContainer .functionsCard md-card-content {
    height: 100%
}

.kn-functionsCatalog .functionsCardContainer .functionsCard.active {
    outline: none;
    background-color: #b4cbdf
}

.kn-functionsCatalog .functionsCardContainer .functionsCard.active .smallGrey {
    color: #3b678c
}

.kn-functionsCatalog .functionsCardContainer .functionsCard.image_all {
    background-image: url("../img/functions_catalog_images/all.png")
}

.kn-functionsCatalog .functionsCardContainer .functionsCard .md-headline {
    font-size: .8rem;
    text-transform: uppercase
}

.kn-functionsCatalog .functionsCardContainer .functionsCard .smallGrey {
    color: #999;
    font-size: .6rem
}

.kn-functionsCatalog .messageItem {
    font-size: .6rem;
    max-height: 1rem;
    min-height: 1rem;
    text-align: center;
    color: gray
}

.kn-functionsCatalog .messageItem ._md-secondary-container {
    display: none
}

.kn-functionsCatalog .replaceDialog .md-subheader ._md-subheader-inner {
    padding: 8px;
    color: #3b678c
}

.kn-functionsCatalog .replaceDialog md-input-container .md-errors-spacer {
    display: none
}

.kn-functionsCatalog .replaceDialog file-upload-base64 md-content {
    background-color: transparent
}

.kn-functionsCatalog .replaceDialog file-upload-base64 md-content .md-button.md-knowage-theme.md-raised {
    height: 24px;
    line-height: 24px
}

.kn-functionsCatalog .replaceDialog file-upload-base64 md-content md-input-container {
    margin: 0
}

.kn-functionsCatalog .replaceDialog .inputContainer {
    padding: 0 8px
}

.kn-functionsCatalog .replaceDialog .inputContainer>label {
    padding-left: 8px;
    position: relative;
    top: 8px;
    font-size: .6rem;
    color: #3b678c
}

.kn-functionsCatalog .replaceDialog .outputList {
    height: 70px
}

.kn-functionsCatalog .replaceDialog .outputList:nth-child(even) {
    background-color: #fafafa
}

.kn-functionsCatalog .replaceDialog .outputList:nth-child(odd) {
    background-color: #fff
}

.kn-functionsCatalog .replaceDialog .outputList.tallerItem {
    height: 100px
}

.kn-functionsCatalog .replaceDialog .outputList md-icon {
    text-align: center
}

.kn-functionsCatalog .replaceDialog .outputList h3,
.kn-functionsCatalog .replaceDialog .outputList h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kn-functionsCatalog .replaceDialog .outputList h3 {
    font-size: 1rem
}

.kn-functionsCatalog .replaceDialog .outputList h4 {
    font-size: .8rem
}

.kn-functionsCatalog .replaceDialog .outputList md-input-container {
    margin: 0
}

.kn-functionsCatalog .replaceDialog .outputList md-input-container .md-errors-spacer {
    display: none
}

.kn-functionsCatalog .functionsChipsContainer .functionsChips {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    background: #ccc;
    color: #262626;
    font-size: .7rem;
    text-transform: uppercase;
    outline: none
}

.kn-functionsCatalog .functionsChipsContainer .functionsChips.chipSelected {
    background: #3b678c;
    color: #fff
}

.catalogFunctionDialog md-tabs-content-wrapper md-tab-content:first-child {
    overflow: hidden
}

.catalogFunctionDialog md-tabs-content-wrapper md-tab-content:first-child .right {
    overflow: auto
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-functionsCatalog md-dialog {
        display: block !Important;
        flex: none
    }
}

.kn-kpiExecution {
    background-color: #f6f6f6
}

.kn-kpiExecution .singleKpiColorValue {
    padding: 0
}

.kn-kpiExecution .kpiColorValue .kpiColorBox,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox {
    margin: 0 4px;
    width: 24px;
    height: 24px
}

.kn-kpiExecution .kpiColorValue .kpiColorBox .fa,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox .fa {
    color: white;
    text-align: center
}

.kn-kpiExecution .kpiColorValue .kpiColorBox.greyKpi,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox.greyKpi {
    color: red;
    background-color: #9E9E9E
}

.kn-kpiExecution .kpiColorValue .kpiColorBox.redKpi,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox.redKpi {
    background-color: #F44336
}

.kn-kpiExecution .kpiColorValue .kpiColorBox.greenKpi,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox.greenKpi {
    background-color: #4CAF50
}

.kn-kpiExecution .kpiColorValue .kpiColorBox.yellowKpi,
.kn-kpiExecution .singleKpiColorValue .kpiColorBox.yellowKpi {
    background-color: #FFEB3B
}

.kn-kpiExecution md-card .md-headline {
    margin-left: 8px;
    font-size: inherit
}

.kn-kpiExecution md-card md-card-title-text {
    font-size: 1.3em;
    color: #ccc;
    text-transform: uppercase;
    font-weight: bold
}

.kn-kpiExecution .kpiValue {
    margin-bottom: 10px
}

.kn-kpiExecution .kpiValue h3 {
    margin: 0;
    font-size: .8em;
    color: #ccc;
    text-transform: uppercase
}

.kn-kpiExecution .kpiValue h1 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 300
}

.kn-kpiExecution .kpiLinearGauge {
    max-height: 60px
}

.kn-kpiExecution .gauge {
    overflow: visible
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-kpiExecution kpi-list-document {
        flex: inherit !important
    }
}

.rLinearGauge {
    width: calc(100% - 4px);
    position: relative
}

.rLinearGauge .thresholds {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 1
}

.rLinearGauge .thresholds .threshold {
    min-height: 30px
}

.rLinearGauge .ticks {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    z-index: 2
}

.rLinearGauge.default-theme {
    border: 4px solid #ccc;
    margin-bottom: 10px
}

.rLinearGauge.default-theme .pointer {
    transition: left 0.6s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    position: absolute;
    z-index: 4;
    background: black;
    display: inline-block;
    height: 20px;
    top: 20px;
    width: 8px;
    transform: translateX(-50%)
}

.rLinearGauge.default-theme .pointer:before {
    border-bottom: 10px solid black;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -10px;
    width: 0
}

.rLinearGauge.default-theme .ticks .tick {
    position: absolute;
    width: 2px;
    background-color: #1f1f1f;
    height: 20px
}

.rLinearGauge.default-theme .ticks .tick:last-child {
    margin-left: -2px
}

.rLinearGauge.default-theme .ticks .tick.minor {
    width: 1px;
    height: 10px
}

.rLinearGauge.default-theme .ticks .tick.minor:nth-child(5n) {
    height: 20px
}

.rLinearGauge.default-theme .ticks .tick.minor:last-child {
    margin-left: -2px
}

.rLinearGauge.default-theme .ticks .tick span {
    position: absolute;
    top: 15px;
    left: -5px
}

.rLinearGauge.default-theme .target {
    display: block;
    position: absolute;
    width: 10px;
    height: 42px;
    top: -6px;
    z-index: 3;
    background: #D50000;
    transform: translateX(-50%)
}

.rLinearGauge.default-theme .values {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 30px
}

.rLinearGauge.default-theme .values .value {
    position: absolute;
    font-size: .8rem;
    transform: translateX(-50%)
}

.rLinearGauge.default-theme .values .value:last-child {
    transform: none
}

.rLinearGauge.centered-theme {
    border: 4px solid #ccc
}

.rLinearGauge.centered-theme .pointer {
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: black;
    position: absolute;
    z-index: 4;
    top: -5px
}

.rLinearGauge.centered-theme .pointer:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 10px;
    border: 10px solid transparent;
    border-top-color: black
}

.rLinearGauge.centered-theme .values {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 30px
}

.rLinearGauge.centered-theme .values .value {
    position: absolute;
    font-size: .8rem;
    transform: translateX(-50%)
}

.rLinearGauge.centered-theme .values .value:last-child {
    transform: none
}

.rLinearGauge.centered-theme .ticks {
    align-items: center;
    height: 30px
}

.rLinearGauge.centered-theme .ticks .tick {
    position: absolute;
    width: 2px;
    background-color: #1f1f1f;
    height: 20px
}

.rLinearGauge.centered-theme .ticks .tick:last-child {
    margin-left: -2px
}

.rLinearGauge.centered-theme .ticks .tick.minor {
    width: 1px;
    height: 10px;
    transform: translateY(-50%)
}

.rLinearGauge.centered-theme .ticks .tick.minor:nth-child(5n) {
    height: 20px
}

.rLinearGauge.centered-theme .ticks .tick.minor:last-child {
    margin-left: -2px
}

.rLinearGauge.centered-theme .ticks .tick span {
    position: absolute;
    top: 15px;
    left: -5px
}

.rLinearGauge.centered-theme .target {
    display: block;
    position: absolute;
    width: 2px;
    top: 4px;
    height: 22px;
    z-index: 3;
    background: #D50000;
    transform: translateX(-50%)
}

.rLinearGauge.centered-theme .target:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 1px;
    transform: translateX(-50%);
    top: -6px;
    border: 8px solid transparent;
    border-top-color: #D50000
}

.rLinearGauge.centered-theme .target:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 1px;
    transform: translateX(-50%);
    top: 12px;
    border: 8px solid transparent;
    border-bottom-color: #D50000
}

@media only screen and (max-width: 500px) {
    .rLinearGauge .value.centrals {
        display: none
    }
}

.kn-kpi-definition .formulaController .CodeMirror {
    min-height: 400px;
    max-height: 500px;
    height: auto !important
}

.kn-kpi-definition md-card .thresholdDefinitionWarning {
    background-color: #f1f5f9;
    margin-bottom: 30px
}

.kn-kpi-definition .thresholdTable .thresholdOrderButton {
    padding: 0
}

.kn-kpi-definition expander-box md-icon {
    line-height: 24px !important
}

.kn-kpi-definition md-radio-button.md-knowage-theme .md-on {
    background-color: #3b678c
}

.kn-kpi-definition color-picker .color-picker-wrapper .input-group {
    width: 100%
}

.kn-kpi-definition color-picker .color-picker-wrapper .input-group .input-group-addon:first-child {
    width: 25px
}

.kn-kpi-definition color-picker .color-picker-panel {
    position: absolute
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-kpi-definition md-checkbox.md-checked .md-icon:after {
        padding-top: 11px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-target-kpi #selectDivKPI {
        height: 100% !important
    }
}

.kn-cockpit {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #fff
}

.kn-cockpit .gallery .galleryCard {
    cursor: pointer;
    transition: background-color .3s linear
}

.kn-cockpit .gallery .galleryCard:hover {
    background-color: #a9c3db
}

.kn-cockpit .gallery .galleryCard md-card-content {
    position: relative;
    height: 150px
}

.kn-cockpit .gallery .galleryCard md-card-content img {
    max-width: 100%;
    max-height: 150px
}

.kn-cockpit .gallery .galleryCard md-card-content .galleryTags {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 24px;
    left: 0
}

.kn-cockpit .gallery .galleryCard md-card-content .galleryTags .chip {
    background-color: #ccc;
    padding: 0 8px;
    border-radius: 20px;
    margin: 0 2px;
    font-size: .8rem
}

.kn-cockpit .expandableSubheader {
    outline: none;
    cursor: pointer
}

.kn-cockpit .expandableSubheader ._md-subheader-inner {
    width: 100%
}

.kn-cockpit .expandableSubheader ._md-subheader-inner i {
    float: right
}

.kn-cockpit .calculatedField .md-2-line {
    height: 48px;
    min-height: 48px
}

.kn-cockpit .calculatedField .md-2-line ._md-no-style {
    height: 48px;
    min-height: 48px
}

.kn-cockpit .linkContainer {
    padding: 8px;
    border-bottom: 1px solid #ccc
}

.kn-cockpit .linkContainer:nth-child(even) {
    background-color: #fafafa
}

.kn-cockpit .cockpitDatasetGrid {
    width: 100%;
    height: 100%;
    padding: 8px
}

.kn-cockpit .cockpitDatasetGrid .ag-cell[col-id='label'] .ag-cell-value {
    position: relative;
    bottom: 4px
}

.kn-cockpit .exportingPdfDialog {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.kn-cockpit #gridsterContainer.loadingScreenshot #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab {
    display: none !important
}

.kn-cockpit md-tabs.screenShottingSheet md-tab-content {
    animation: none;
    -webkit-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none
}

.kn-cockpit md-tabs.screenShottingSheet md-tab-content #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab {
    display: none
}

.kn-cockpit md-tabs.screenShottingSheet md-tab-content .screenShottingWidget {
    transition: none;
    visibility: visible
}

.kn-cockpit md-tabs.screenShottingSheet md-tab-content .screenShottingWidget cockpit-document-widget iframe {
    display: none
}

.kn-cockpit md-tabs.screenShottingSheet md-tab-content .screenShottingWidget cockpit-document-widget .pdfExportWarning {
    display: flex
}

.kn-cockpit #sheetTabs:not(.screenShottingSheet) #gridsterContainer:not(.cockpitEditMode) {
    background: none !important;
    min-height: 0 !important
}

.kn-cockpit .widgetTypeIcon {
    padding: 8px
}

.kn-cockpit .widgetTypeIcon .item {
    cursor: pointer;
    border: 1px solid #ccc;
    width: 5rem;
    height: 5rem;
    padding: 16px
}

.kn-cockpit .widgetTypeIcon .item:hover .kn-svgIcon,
.kn-cockpit .widgetTypeIcon .item.selected .kn-svgIcon {
    background-color: #fff
}

.kn-cockpit cockpit-html-widget,
.kn-cockpit cockpit-customchart-widget {
    height: 100%;
    overflow: auto
}

.kn-cockpit cockpit-html-widget .trustedHtml,
.kn-cockpit cockpit-customchart-widget .trustedHtml {
    height: 100%;
    position: relative
}

.kn-cockpit cockpit-html-widget .trustedHtml>div,
.kn-cockpit cockpit-customchart-widget .trustedHtml>div {
    position: absolute;
    height: 100%;
    width: 100%
}

.kn-cockpit cockpit-html-widget .trustedHtml [kn-cross],
.kn-cockpit cockpit-html-widget .trustedHtml [kn-preview],
.kn-cockpit cockpit-html-widget .trustedHtml [kn-selection-column],
.kn-cockpit cockpit-html-widget .trustedHtml [kn-message],
.kn-cockpit cockpit-customchart-widget .trustedHtml [kn-cross],
.kn-cockpit cockpit-customchart-widget .trustedHtml [kn-preview],
.kn-cockpit cockpit-customchart-widget .trustedHtml [kn-selection-column],
.kn-cockpit cockpit-customchart-widget .trustedHtml [kn-message] {
    cursor: pointer
}

.kn-cockpit cockpit-map-widget {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.kn-cockpit cockpit-map-widget .ol-popup {
    z-index: 3;
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 8px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 150px;
    border-radius: 10px
}

.kn-cockpit cockpit-map-widget .ol-popup h2 {
    margin-top: 0;
    font-size: .7rem;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 100
}

.kn-cockpit cockpit-map-widget .ol-popup:after,
.kn-cockpit cockpit-map-widget .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.kn-cockpit cockpit-map-widget .ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px
}

.kn-cockpit cockpit-map-widget .ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px
}

.kn-cockpit cockpit-map-widget .popup-content {
    min-height: 100px;
    overflow: auto
}

.kn-cockpit cockpit-map-widget .popup-content ul {
    list-style: none;
    padding: 0
}

.kn-cockpit cockpit-map-widget .popup-content ul p {
    margin: 0
}

.kn-cockpit cockpit-map-widget .popup-content ul p span {
    font-size: .6rem;
    font-family: 'Roboto'
}

.kn-cockpit cockpit-map-widget .popup-content ul p strong {
    font-size: .6rem;
    font-family: 'Roboto'
}

.kn-cockpit cockpit-map-widget .popup-content ul p.warningMessage {
    color: #F44336;
    font-size: .6rem;
    padding-bottom: 5px
}

.kn-cockpit cockpit-map-widget .ol-popup-closer {
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px
}

.kn-cockpit cockpit-map-widget .ol-tooltip {
    z-index: 2;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 4px;
    font-size: .6rem;
    border-radius: 4px;
    transform: translateY(-100%)
}

.kn-cockpit cockpit-map-widget md-sidenav {
    transition: 0.2s linear all
}

.kn-cockpit cockpit-map-widget md-sidenav md-radio-button {
    margin-bottom: 8px;
    outline: none
}

.kn-cockpit cockpit-map-widget md-sidenav md-radio-button ._md-container {
    width: 15px;
    height: 15px
}

.kn-cockpit cockpit-map-widget md-sidenav md-radio-button ._md-container ._md-off,
.kn-cockpit cockpit-map-widget md-sidenav md-radio-button ._md-container ._md-on {
    width: 15px;
    height: 15px
}

.kn-cockpit cockpit-map-widget .cockpit-map-widget {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.kn-cockpit cockpit-map-widget .map {
    position: relative;
    order: 1
}

.kn-cockpit cockpit-map-widget .map .ol-scale-line {
    position: absolute;
    left: unset;
    right: 7px;
    bottom: 8px
}

.kn-cockpit cockpit-map-widget .map .optionsController {
    position: absolute;
    right: 7px;
    top: 40px;
    padding: 5px;
    background-color: #6690B9;
    border: 3px solid rgba(255, 255, 255, 0.7);
    color: white;
    border-radius: 2px;
    z-index: 2;
    transition: right .3s linear
}

.kn-cockpit cockpit-map-widget .map .optionsController.sideNavOpened {
    right: 327px
}

.kn-cockpit cockpit-map-widget .map .optionsController:hover {
    background-color: #426a90
}

.kn-cockpit cockpit-map-widget .rangesContainer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center
}

.kn-cockpit cockpit-map-widget .rangesContainer.left {
    justify-content: flex-start
}

.kn-cockpit cockpit-map-widget .rangesContainer.center {
    justify-content: center
}

.kn-cockpit cockpit-map-widget .rangesContainer.right {
    justify-content: flex-end
}

.kn-cockpit cockpit-map-widget .rangesContainer .mapWidgetLegend {
    position: relative;
    margin-right: 0px;
    border-radius: 0px
}

.kn-cockpit cockpit-map-widget .mapAnimationController {
    position: absolute;
    padding: 0 0 0 8px;
    display: inline-flex;
    min-width: 250px;
    height: 36px;
    background-color: white;
    bottom: 0;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.9;
    border-radius: 5px;
    align-items: center;
    font-size: .8rem
}

.kn-cockpit cockpit-map-widget .mapAnimationController select {
    flex: 1;
    border: none;
    outline: none
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer {
    z-index: 1
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.drag {
    position: absolute
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east {
    display: flex;
    justify-content: center;
    align-items: center
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west .mapWidgetLegend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east .mapWidgetLegend {
    position: relative;
    padding: 0;
    min-width: unset;
    bottom: unset;
    background-color: transparent
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend.toggle-legend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend .toggleButton,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend.toggle-legend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend .toggleButton,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west .mapWidgetLegend.toggle-legend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west .mapWidgetLegend .toggleButton,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east .mapWidgetLegend.toggle-legend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east .mapWidgetLegend .toggleButton {
    display: none
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south {
    flex-direction: row;
    width: 100%;
    min-height: 50px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend>div,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend>div {
    width: 100%
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north .mapWidgetLegend>div .layout-column,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south .mapWidgetLegend>div .layout-column {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east {
    flex-direction: column;
    min-width: 100px;
    height: 100%
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.north,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.west {
    order: 0
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.south,
.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.east {
    order: 2
}

.kn-cockpit cockpit-map-widget .mapWidgetLegendContainer.drag .mapWidgetLegend {
    border-radius: 5px;
    height: auto;
    min-height: 100% !important
}

.kn-cockpit cockpit-map-widget md-backdrop {
    z-index: 10
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend {
    padding: 8px;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    min-width: 250px;
    bottom: 0;
    background-color: white
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.ranges {
    min-width: 100px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.ranges:nth-last-child(2) {
    padding-right: 32px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.ranges~.toggleButton {
    border: 0px;
    z-index: 900;
    background-color: transparent;
    top: -30px;
    position: relative;
    right: 32px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .legendLayerLabel {
    font-size: .7rem;
    font-weight: bold
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .legendStartLimit {
    left: 0%;
    position: relative;
    font-size: .7rem;
    padding: 0 4px;
    text-align: right
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .legendEndLimit {
    right: 0%;
    position: relative;
    font-size: .7rem;
    text-align: left
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.left {
    left: 0%;
    transform: translate(0%, 0%)
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.center {
    left: 50%;
    transform: translate(-50%, 0%)
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend.right {
    left: 100%;
    transform: translate(-100%, 0%)
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .toggleButton {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .mapWidgetLegendElementLoop {
    width: 100%;
    padding: 5px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .mapWidgetLegendGradient {
    height: 10px;
    width: 90%;
    margin: 0 3px;
    display: block;
    border-radius: 25px;
    position: relative;
    top: 3px
}

.kn-cockpit cockpit-map-widget .mapWidgetLegend .mapWidgetLegendDot {
    height: 10px;
    width: 10px;
    margin: 0 3px;
    border-radius: 25px;
    position: relative;
    top: 3px
}

.kn-cockpit cockpit-map-widget .mapOptionsSidenav {
    z-index: 11
}

.kn-cockpit cockpit-map-widget .mapOptionsSidenav .indicatorOptions .indicatorLabel {
    padding: 8px;
    outline: none;
    cursor: pointer;
    background-color: #f1f1f1;
    font-size: .8rem;
    border-bottom: 1px solid #ccc
}

.kn-cockpit cockpit-map-widget .crossNavigationLink {
    outline: none;
    cursor: pointer;
    color: #3b678c;
    font-size: .8rem;
    font-weight: bold;
    transition: color .3s ease-in
}

.kn-cockpit cockpit-map-widget .crossNavigationLink:hover {
    text-decoration: underline;
    color: #4a81b0
}

.kn-cockpit .imagesLibrary file-upload md-content {
    background-color: transparent
}

.kn-cockpit .imagesLibrary md-grid-tile figure .md-icon-button {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 9;
    opacity: 0;
    background-color: rgba(59, 103, 140, 0.6)
}

.kn-cockpit .imagesLibrary md-grid-tile figure .md-icon-button md-icon {
    color: white
}

.kn-cockpit .imagesLibrary md-grid-tile figure>div {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.kn-cockpit .imagesLibrary md-grid-tile figure>div.selected {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.kn-cockpit .imagesLibrary md-grid-tile figure md-grid-tile-footer {
    background: rgba(0, 0, 0, 0.5)
}

.kn-cockpit .imagesLibrary md-grid-tile:hover {
    outline: 2px solid #3b678c
}

.kn-cockpit .imagesLibrary md-grid-tile:hover .md-icon-button {
    opacity: 1
}

.kn-cockpit .imagesLibrary md-grid-tile:hover .md-icon-button:hover {
    background-color: #3b678c
}

.kn-cockpit .imagesLibrary md-grid-tile.selected {
    outline: 4px solid #3b678c
}

.kn-cockpit .imagesLibrary md-grid-tile.selected md-grid-tile-footer {
    background: rgba(59, 103, 140, 0.5)
}

.kn-cockpit .cockpit-map-widget-edit .md-subheader ._md-subheader-inner {
    padding: 8px
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .outerIcon {
    padding: 0 8px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 8px
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .outerIcon.selected {
    background-color: #a9c3db
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .outerIcon:hover {
    background-color: #739dc4
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .outerIcon:hover .visTypeIcon,
.kn-cockpit .cockpit-map-widget-edit .visTypes .outerIcon.selected .visTypeIcon {
    background-color: #fff
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon {
    width: 100px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    background-color: #3b678c
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.clusters {
    mask-image: url("../img/cockpit/mapWidget/clusters.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/clusters.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.markers {
    mask-image: url("../img/cockpit/mapWidget/markers.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/markers.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.heatmap {
    mask-image: url("../img/cockpit/mapWidget/heatmap.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/heatmap.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.choropleth {
    mask-image: url("../img/cockpit/mapWidget/choropleth.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/choropleth.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.balloons {
    mask-image: url("../img/cockpit/mapWidget/balloons.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/balloons.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .visTypes .visTypeIcon.pies {
    mask-image: url("../img/cockpit/mapWidget/pies.svg");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    -webkit-mask-image: url("../img/cockpit/mapWidget/pies.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0
}

.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon {
    border: 1px solid #ccc;
    padding: 8px;
    cursor: pointer;
    margin-right: 4px
}

.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon md-icon {
    color: #3b678c
}

.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon.selected {
    background-color: #a9c3db
}

.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon:hover {
    background-color: #739dc4
}

.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon.selected md-icon,
.kn-cockpit .cockpit-map-widget-edit .buttonBarSquared .markerTypeIcon:hover md-icon {
    color: #fff
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .color-picker-wrapper {
    z-index: 11;
    width: 100%
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander file-upload md-content {
    background-color: transparent
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview {
    position: relative;
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    margin-top: 1rem;
    margin-left: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 3px #ccc;
    overflow: hidden
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview .defaultIcon {
    font-size: 1.5rem
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview img,
.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview .clusterExample {
    position: absolute
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview label {
    position: absolute;
    top: -1rem;
    left: 0;
    font-size: .6rem;
    color: #a9c3db
}

.kn-cockpit .cockpit-map-widget-edit .markersExpander .preview .clusterExample {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.kn-cockpit .cockpit-map-widget-edit .iconSelector h3 {
    margin-bottom: .5rem;
    margin-top: 0;
    font-size: .8rem
}

.kn-cockpit .cockpit-map-widget-edit .iconSelector .iconContainer {
    border: 1px solid #ccc
}

.kn-cockpit .cockpit-map-widget-edit .iconSelector .iconContainer.selected {
    background-color: #a9c3db
}

.kn-cockpit .cockpit-map-widget-edit .iconSelector .iconContainer:hover {
    background-color: #739dc4
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container {
    margin-left: 8px
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container .rzslider {
    top: 8px;
    color: rgba(0, 0, 0, 0.87)
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container .rzslider .rz-bar {
    height: 1px
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container .rzslider .rz-bubble {
    top: 0.5rem;
    z-index: 4
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container .rzslider .rz-pointer {
    width: 20px;
    height: 20px;
    top: -10;
    background-color: #3b678c
}

.kn-cockpit .cockpit-map-widget-edit .rz-slider-container .rzslider .rz-pointer:after {
    width: 5px;
    height: 5px;
    top: 8px;
    left: 8px
}

.kn-cockpit cockpit-discovery-widget {
    height: 100%
}

.kn-cockpit cockpit-discovery-widget .discoveryCardsContainer {
    height: calc(100% - 70px)
}

.kn-cockpit cockpit-discovery-widget .discoveryCardsContainer.noSearch {
    height: 100%
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav-add,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav-remove {
    transition: max-width .4s linear
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav {
    max-width: 0;
    margin-left: 0;
    margin-right: 0;
    left: -300px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav .discoveryFiltersList {
    border: none
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open-add,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open-remove {
    transition: left .4s linear
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open-remove {
    border: 1px solid #ccc;
    position: absolute;
    left: -300px;
    max-width: 85%;
    width: 100%;
    height: calc(100% - 48px);
    z-index: 99
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open md-card-content,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open-remove md-card-content {
    height: 100%
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard.sidenav.open {
    left: 8px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList {
    overflow-y: auto;
    height: calc(100% - 10px)
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader {
    background-color: #3b678c;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #ccc
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner {
    padding: 8px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner ._md-subheader-content,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner .md-subheader-content,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner ._md-subheader-content,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner .md-subheader-content {
    font: 600 .7rem "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 14px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner ._md-subheader-content .md-button,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner .md-subheader-content .md-button,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner ._md-subheader-content .md-button,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner .md-subheader-content .md-button {
    padding: 0;
    height: 30px;
    min-height: 30px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner ._md-subheader-content .md-button md-icon,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader ._md-subheader-inner .md-subheader-content .md-button md-icon,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner ._md-subheader-content .md-button md-icon,
.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .md-subheader .md-subheader-inner .md-subheader-content .md-button md-icon {
    margin: 0;
    color: #fff
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .selectable:hover {
    background-color: #eceff1
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .selectable.selected .chip {
    border: 1px solid #fff
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .discoveryFiltersItem {
    border-bottom: 1px solid #ccc;
    padding: 0 8px;
    min-height: 24px;
    height: 24px
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .discoveryFiltersItem:nth-last-child {
    border-bottom: none
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .discoveryFiltersItem .discoveryFiltersListName {
    font-size: .7rem
}

.kn-cockpit cockpit-discovery-widget .discoveryFiltersCard .discoveryFiltersList .discoveryFiltersItem .chip {
    border: 1px solid #ccc;
    border-radius: 15px;
    min-width: 30px;
    padding: 0 4px;
    text-align: center;
    font-size: .7rem
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .ternaryToolbar {
    background-color: #fafafa !important
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .ternaryToolbar md-icon {
    color: gray !important
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme md-card-content {
    position: relative;
    height: calc(100% - 40px);
    overflow-y: auto
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme md-card-content .menuToggler {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme md-card-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme md-card-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme md-card-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .textCell {
    cursor: pointer;
    align-items: flex-start
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .textCell div {
    white-space: normal;
    line-height: 16px
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .textCell div em {
    font-weight: bold
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem {
    padding: 4px 16px
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem .md-avatar {
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
    display: flex;
    justify-content: center;
    align-items: center
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem h3,
.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem p {
    margin: 0
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem h3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kn-cockpit cockpit-discovery-widget .discoveryViewCard.md-knowage-theme .discoveryListView .discoveryItem p {
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: .01em;
    margin: 0;
    line-height: 1rem
}

.kn-cockpit .textContainerDialog {
    max-width: 40%
}

.kn-cockpit .textContainerDialog md-dialog-content {
    padding: 8px;
    border: 1px solid #ccc;
    margin: 4px;
    background-color: #efefef
}

.kn-cockpit .textContainerDialog md-dialog-content p {
    font-size: .9rem;
    margin: 8px 0
}

.kn-cockpit .textContainerDialog md-dialog-content p em {
    font-weight: bold
}

.kn-cockpit .discoveryWidgetConfiguration {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 2% 5%
}

.kn-cockpit .discoveryWidgetConfiguration md-tabs md-tab-content {
    background-color: #eceff1
}

.kn-cockpit .discoveryWidgetConfiguration .facetReady {
    transition: opacity .3s linear
}

.kn-cockpit .discoveryWidgetConfiguration .facetReady .fa-stack {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.kn-cockpit .discoveryWidgetConfiguration .facetReady .fa-stack-2x {
    height: 24px;
    line-height: 24px;
    opacity: 0
}

.kn-cockpit .discoveryWidgetConfiguration .facetReady .facet-hidden {
    opacity: 1
}

.kn-cockpit .discoveryWidgetConfiguration .facetReady:hover .fa-stack-2x {
    opacity: .6
}

.kn-cockpit cockpit-image-widget {
    width: 100%;
    height: 100%
}

.kn-cockpit cockpit-image-widget .widgetImageDiv {
    outline: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: relative
}

.kn-cockpit cockpit-widget>li {
    position: relative
}

.kn-cockpit cockpit-widget>li.fullScreenWidget {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    position: fixed;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.3) !important;
    z-index: 9999 !important
}

.kn-cockpit cockpit-widget>li.fullScreenWidget>md-card {
    background-color: #fff !important
}

.kn-cockpit cockpit-widget>li>md-card>md-card-content.fadeOut>cockpit-document-widget>iframe {
    display: none
}

.kn-cockpit cockpit-widget>li>md-card>md-card-content.fadeOut>cockpit-chart-widget iframe {
    display: none
}

.kn-cockpit cockpit-advanced-table-widget .infoBar,
.kn-cockpit cockpit-advanced-table-widget .unlock,
.kn-cockpit cockpit-selector-widget .infoBar,
.kn-cockpit cockpit-selector-widget .unlock {
    cursor: pointer;
    font-size: .6rem;
    background-color: #f1f5f9;
    min-height: 25px;
    max-height: 25px;
    border-top: 1px solid #3b678c;
    border-bottom: 1px solid #3b678c;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: .7
}

.kn-cockpit cockpit-advanced-table-widget .infoBar:hover,
.kn-cockpit cockpit-advanced-table-widget .unlock:hover,
.kn-cockpit cockpit-selector-widget .infoBar:hover,
.kn-cockpit cockpit-selector-widget .unlock:hover {
    opacity: 1
}

.kn-cockpit cockpit-advanced-table-widget .infoBar button,
.kn-cockpit cockpit-advanced-table-widget .unlock button,
.kn-cockpit cockpit-selector-widget .infoBar button,
.kn-cockpit cockpit-selector-widget .unlock button {
    min-height: 25px;
    line-height: 25px;
    font-size: .6rem
}

.kn-cockpit cockpit-advanced-table-widget .unlock,
.kn-cockpit cockpit-selector-widget .unlock {
    background-color: #e6e6e6
}

.kn-cockpit cockpit-chart-widget {
    flex-direction: column
}

.kn-cockpit cockpit-chart-widget .d3chartclass {
    position: relative
}

.kn-cockpit cockpit-chart-widget .d3chartclass .tooltip {
    position: absolute !important
}

.kn-cockpit cockpit-chart-widget .sonification-controls {
    position: relative;
    bottom: 0;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    height: 40px;
    width: 200px;
    padding: 0;
    left: 50%;
    transform: translateX(-50%)
}

.kn-cockpit cockpit-python-widget .canvas-for-iframe {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 9
}

.kn-cockpit cockpit-python-widget .canvas-for-iframe.show-for-canvas {
    display: block
}

.kn-cockpit cockpit-document-widget .pdfExportWarning {
    display: none
}

.kn-cockpit cockpit-selector-widget .infoBar {
    position: relative
}

.kn-cockpit cockpit-selector-widget .infoBar .md-icon-button {
    position: absolute;
    right: 0
}

.kn-cockpit cockpit-selector-widget .datePickers md-input-container {
    margin-bottom: 0
}

.kn-cockpit cockpit-selector-widget md-input-container.multipleSelect {
    height: 100%
}

.kn-cockpit cockpit-selector-widget md-input-container .kn-select.multipleSelect {
    height: 100%;
    background: none
}

.kn-cockpit cockpit-selector-widget md-input-container .kn-select select[multiple] {
    height: 100%
}

.kn-cockpit cockpit-selector-widget md-input-container .kn-select select[multiple] option {
    font-size: inherit
}

.kn-cockpit cockpit-selector-widget md-input-container .kn-select option {
    font-size: .8rem
}

.kn-cockpit cockpit-selection-widget .kn-chip {
    padding: 2px 8px;
    background-color: #ccc;
    margin-right: 4px;
    margin-bottom: 4px;
    line-height: 30px;
    height: 30px;
    border-radius: 50px;
    font-size: .7rem;
    outline: none;
    font-weight: bold
}

.kn-cockpit cockpit-selection-widget .kn-chip span:first-child {
    margin: 0 4px;
    font-weight: normal
}

.kn-cockpit cockpit-selection-widget .kn-chip .md-icon-button {
    padding: 0;
    margin-right: 0;
    min-height: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px
}

.kn-cockpit cockpit-text-widget .paramPlaceholder.crossNavigation {
    cursor: pointer;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid transparent
}

.kn-cockpit cockpit-text-widget .paramPlaceholder.crossNavigation:hover {
    background-color: #e6e6e6;
    border: 1px solid #ccc
}

.kn-cockpit cockpit-table-widget {
    height: 100%
}

.kn-cockpit cockpit-table-widget .kn-noItems {
    top: 40px
}

.kn-cockpit cockpit-table-widget .kn-noItems p {
    margin: 0
}

.kn-cockpit cockpit-table-widget .highlight {
    background-color: #a9c3db !important
}

.kn-cockpit cockpit-table-widget .infoBar {
    font-size: .8rem;
    background-color: #f1f5f9;
    min-height: 25px;
    max-height: 25px;
    border-top: 1px solid #3b678c;
    border-bottom: 1px solid #3b678c;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: .7
}

.kn-cockpit cockpit-table-widget .infoBar:hover {
    opacity: 1
}

.kn-cockpit cockpit-table-widget .infoBar button {
    min-height: 25px;
    line-height: 25px;
    font-size: .6rem
}

.kn-cockpit cockpit-table-widget .cockpitTablePagination {
    height: 36px;
    min-height: 36px;
    position: relative;
    font-size: .8rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.kn-cockpit cockpit-table-widget .cockpitTablePagination .page-select {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-right: 16px
}

.kn-cockpit cockpit-table-widget .cockpitTablePagination .page-select md-select {
    margin: 0
}

.kn-cockpit cockpit-table-widget .cockpitTablePagination .page-select label {
    margin-right: 10px
}

.kn-cockpit cockpit-table-widget .cockpitTablePagination .next,
.kn-cockpit cockpit-table-widget .cockpitTablePagination .prev {
    margin: 0
}

.kn-cockpit cockpit-table-widget cockpit-table {
    outline: none;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.kn-cockpit cockpit-table-widget cockpit-table .showFullContentIcon {
    font-size: .8rem;
    padding: 4px;
    cursor: pointer;
    position: relative;
    right: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer {
    width: 100%
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.main {
    overflow-y: auto;
    margin-top: 32px
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.main::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.main::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.main thead {
    display: none
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.fake {
    position: absolute;
    overflow: hidden;
    top: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer.fake table {
    position: relative
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable {
    table-layout: fixed;
    width: calc(100% + 0.5px);
    border-collapse: collapse
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable .loadingBar tr {
    height: 0px
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable .loadingBar tr th {
    padding: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable .loadingBar tr th md-progress-linear .md-container {
    top: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr {
    border-bottom: 1px solid #ddd;
    height: 32px
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th {
    cursor: pointer;
    text-align: left;
    background-color: #fafafa;
    color: #262626;
    opacity: .85;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th.active {
    opacity: 1;
    font-weight: bold
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th.hiddenIcon .sortingIcon {
    opacity: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th.hiddenIcon:hover .sortingIcon {
    opacity: .5
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th.unsortable {
    cursor: default
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th.unsortable .sortingIcon {
    display: none
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th .sortingIcon {
    display: inline-block;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th .sortingIcon.inverse {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr td span {
    font-size: .8rem
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr {
    border-top: 1px rgba(0, 0, 0, 0.12) solid
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr.en-row:not([disabled]):hover {
    background-color: #eee !important
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .textEllipsis {
    overflow: hidden;
    width: calc(100% - 20px);
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .cellContainer {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    font-size: .8rem;
    width: 100%
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .cellContainer span {
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: inherit
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .cellContainer span .previewCrossIcon {
    margin-right: 40px
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .cellContainer .barChart .progressTrack {
    position: relative;
    width: 100%;
    height: 20px;
    background: #ebebeb
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tbody tr td .cellContainer .barChart .progressTrack .progressFill {
    position: relative;
    background: #2196F3;
    height: 20px;
    width: 50%;
    max-width: 100%;
    color: #262626;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tfoot tr {
    border-bottom: none
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tfoot tr.summaryTitle {
    position: absolute
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tfoot tr.summaryTitle td {
    min-height: 30px;
    line-height: 28px;
    vertical-align: middle
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tfoot tr.summary {
    border-bottom: 1px solid #ddd
}

.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tfoot tr.summary td {
    font-size: .8rem
}

.kn-cockpit cockpit-table-widget cockpit-table .selection {
    width: 20px;
    padding: 0 0 0 16px
}

.kn-cockpit cockpit-table-widget cockpit-table .selection md-checkbox {
    margin-bottom: 0
}

.kn-cockpit cockpit-table-widget cockpit-table .noSelect,
.kn-cockpit cockpit-table-widget cockpit-table angular-table .principalTable>thead>tr>th>div,
angular-table .kn-cockpit cockpit-table-widget cockpit-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-table-widget cockpit-table cockpit-static-pivot-table-widget .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-static-pivot-table-widget cockpit-table-widget cockpit-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-table-widget cockpit-table cockpit-angular-table .principalTable>thead>tr>th>div,
cockpit-angular-table .kn-cockpit cockpit-table-widget cockpit-table .principalTable>thead>tr>th>div,
.kn-cockpit cockpit-table-widget cockpit-table .cockpitTableContainer table.cockpitTable tr th {
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kn-cockpit cockpit-table-widget cockpit-table .truncated {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kn-cockpit cockpit-table-widget cockpit-table md-icon.fa {
    text-align: center;
    line-height: 24px
}

.kn-cockpit .noWidget {
    position: absolute;
    width: 400px;
    background-color: #e5e5e5;
    color: #8a8a8a;
    top: calc(50% - 75px);
    font-size: .6rem;
    text-transform: uppercase;
    text-align: center;
    left: calc(50% - 200px);
    z-index: 1000
}

.kn-cockpit .md-button.md-knowage-theme.md-fab {
    z-index: 998;
    top: 0
}

.kn-cockpit .selectedMeasure {
    background-color: #3b678c;
    color: white
}

.kn-cockpit .sheetMenuPanel {
    width: 200px;
    margin-left: -24px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12)
}

.kn-cockpit .sheetMenuPanel md-list {
    background-color: white
}

.kn-cockpit .cockpitSheetTabsHook md-tabs-canvas {
    overflow: visible
}

.kn-cockpit .cockpitSheetTabsHook md-tabs-canvas .md-tab {
    margin-right: 2px
}

.kn-cockpit .cockpitSheetTabsHook md-tabs-wrapper {
    right: initial
}

.kn-cockpit .rtchips {
    color: #3b678c;
    text-decoration: underline
}

.kn-cockpit .openSheetMenuIconButton {
    color: black;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    min-height: 24px
}

.kn-cockpit .openSheetMenuIconButton:hover {
    background-color: rgba(158, 158, 158, 0.2) !important
}

.kn-cockpit .overlayGray {
    background: rgba(10, 10, 10, 0.58)
}

.kn-cockpit .width80 {
    width: 80%
}

.kn-cockpit .overflowAuto {
    overflow: auto
}

.kn-cockpit .toolbarFab {
    position: absolute;
    top: 0;
    right: 10px
}

.kn-cockpit .toolbarFab md-icon {
    vertical-align: baseline
}

.kn-cockpit md-toolbar.miniToolbar {
    background-color: #3b678c;
    height: 36px;
    min-height: 36px;
    line-height: 36px
}

.kn-cockpit md-toolbar.miniToolbar .md-toolbar-tools {
    height: 36px
}

.kn-cockpit .custom-chips {
    display: block;
    font-size: 12px;
    padding: 0 0 8px 3px;
    vertical-align: middle
}

.kn-cockpit .custom-chips md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    background: #e0e0e0;
    color: #424242
}

.kn-cockpit .htmlWidgetConfiguration,
.kn-cockpit .customWidgetConfiguration {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 2% 5%
}

.kn-cockpit .htmlWidgetConfiguration section,
.kn-cockpit .customWidgetConfiguration section {
    height: 100%
}

.kn-cockpit .htmlWidgetConfiguration .htmlEditor .CodeMirror,
.kn-cockpit .customWidgetConfiguration .htmlEditor .CodeMirror {
    height: 500px
}

.kn-cockpit .htmlWidgetConfiguration .CodeMirror,
.kn-cockpit .customWidgetConfiguration .CodeMirror {
    width: 100%
}

.kn-cockpit .htmlWidgetConfiguration .widgetId,
.kn-cockpit .customWidgetConfiguration .widgetId {
    text-transform: none
}

.kn-cockpit .htmlWidgetConfiguration .availableFunctions,
.kn-cockpit .customWidgetConfiguration .availableFunctions {
    background-color: white;
    box-shadow: -1px 1px 3px #ccc
}

.kn-cockpit .htmlWidgetConfiguration .availableFunctions .description,
.kn-cockpit .customWidgetConfiguration .availableFunctions .description {
    font-size: .7rem
}

.kn-cockpit .htmlWidgetConfiguration .language,
.kn-cockpit .customWidgetConfiguration .language {
    margin-right: 8px;
    font-size: 1.2rem
}

.kn-cockpit .customWidgetConfiguration .htmlEditor .CodeMirror,
.kn-cockpit .customWidgetConfiguration .cssEditor .CodeMirror,
.kn-cockpit .customWidgetConfiguration .jsEditor .CodeMirror {
    min-height: 300px;
    height: calc(100% - 32px)
}

.kn-cockpit cockpit-python-widget {
    height: 100%
}

.kn-cockpit .pythonWidgetConfiguration {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 2% 5%
}

.kn-cockpit .pythonWidgetConfiguration .pythonEditor .CodeMirror {
    height: 500px
}

.kn-cockpit .pythonWidgetConfiguration .CodeMirror {
    width: 100%
}

.kn-cockpit cockpit-R-widget {
    height: 100%
}

.kn-cockpit .RWidgetConfiguration {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 2% 5%
}

.kn-cockpit .RWidgetConfiguration .REditor .CodeMirror {
    height: 500px
}

.kn-cockpit .RWidgetConfiguration .CodeMirror {
    width: 100%
}

.kn-cockpit .customTableWidgetConfiguration {
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 2% 5%
}

.kn-cockpit .customTableWidgetConfiguration.textWidget wysiwyg-edit .tinyeditor {
    height: 500px;
    padding: 0;
    border: 0
}

.kn-cockpit .customTableWidgetConfiguration.textWidget wysiwyg-edit .tinyeditor .sizer {
    height: calc(100% - 33px)
}

.kn-cockpit .customTableWidgetConfiguration.textWidget wysiwyg-edit .tinyeditor .sizer .resizer {
    display: none
}

.kn-cockpit .customTableWidgetConfiguration.textWidget wysiwyg-edit .tinyeditor .tinyeditor-header {
    background: #a9c3db !important
}

.kn-cockpit .customTableWidgetConfiguration.textWidget wysiwyg-edit .tinyeditor .tinyeditor-footer {
    display: none
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner {
    padding: 0px;
    min-height: calc(100% - 56px);
    max-height: 0px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .contentElementBox {
    padding: 8px 4px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .contentElementBox:first-child {
    padding-left: 8px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .contentElementBox:last-child {
    padding-right: 8px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .measureAttributeTab {
    min-width: 250px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner md-list[dnd-list] {
    min-height: 42px
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner md-list[dnd-list] md-list-item {
    min-height: 32px;
    height: 32px;
    font-size: .8rem;
    border-bottom: 1px solid #e6e6e6;
    cursor: grab
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner md-list[dnd-list] md-list-item:hover {
    background-color: #cddcea
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .dropZone {
    border: 2px dashed lightslategray
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .dndDraggingSource {
    display: none
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner .dndPlaceholder {
    background-color: rgba(59, 103, 140, 0.44)
}

.kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .dndDragging {
    background-color: #eceff1 !important;
    opacity: 1 !important;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12) !important
}

.kn-cockpit .customTableWidgetConfiguration .exampleRowThreshold {
    height: 32px;
    display: inline-flex;
    justify-content: start;
    align-items: center;
    margin: 0 16px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #FCFDFE;
    font-size: .8rem;
    padding: 0 8px
}

.kn-cockpit .customTableWidgetConfiguration .filters .filterRow {
    align-items: center;
    background-color: #fafafa
}

.kn-cockpit .customTableWidgetConfiguration .filters .filterRow label {
    padding-left: 6px;
    font-size: .8rem
}

.kn-cockpit .customTableWidgetConfiguration .filters .filterRow label.filterLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kn-cockpit .customTableWidgetConfiguration .filters .filterRow:nth-child(even) {
    background-color: #f2f2f2
}

.kn-cockpit md-fab-toolbar {
    position: absolute;
    right: 0;
    width: 100%
}

.kn-cockpit md-fab-toolbar .md-fab-toolbar-wrapper {
    height: 48px
}

.kn-cockpit md-fab-toolbar md-toolbar .md-toolbar-tools span {
    display: none
}

.kn-cockpit md-fab-toolbar.md-is-open {
    background-color: #3b678c !important;
    position: relative
}

.kn-cockpit md-fab-toolbar.md-is-open .md-button.md-knowage-theme.md-fab {
    background-color: #3b678c !important
}

.kn-cockpit md-fab-toolbar.md-is-open .md-fab-toolbar-wrapper {
    height: 40px;
    background-color: #3b678c
}

.kn-cockpit md-fab-toolbar.md-is-open md-toolbar {
    height: 40px;
    background-color: #3b678c;
    min-height: 40px
}

.kn-cockpit md-fab-toolbar.md-is-open md-toolbar .md-toolbar-tools {
    height: 40px
}

.kn-cockpit md-fab-toolbar.md-is-open md-toolbar .md-toolbar-tools span {
    display: inline-flex
}

.kn-cockpit cockpit-grid {
    overflow-y: auto;
    overflow-y: overlay;
    position: relative
}

.kn-cockpit .gridster.gridster-mobile {
    width: calc(100% - 20px)
}

.kn-cockpit .gridster.cockpitEditMode {
    background-size: 2% 30px !important;
    min-height: 100% !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAA4+PjQpPE2wAAAAJ0Uk5TAP9bkSK1AAAAFUlEQVR4nGNgYGBgYRhMxP////8AACz5BG4ege3ZAAAAAElFTkSuQmCC")
}

.kn-cockpit .gridster.cockpitEditMode .showActionButtonHandler {
    opacity: .4 !important
}

.kn-cockpit .gridster.cockpitEditMode .showActionButtonHandler:hover {
    opacity: 1 !important
}

.kn-cockpit .gridster.loadingScreenshot #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab {
    display: none !important
}

.kn-cockpit .gridster .gridster-item .selectorUtilities {
    transition: right 0.3s linear;
    position: absolute;
    top: 0;
    width: 32px;
    background: #bbd0e3;
    border: 1px solid #ccc
}

.kn-cockpit .gridster .gridster-item .selectorUtilities .md-icon-button {
    padding: 0;
    width: 32px;
    height: 32px;
    min-height: 32px
}

.kn-cockpit .gridster .gridster-item.leftPosition .selectorUtilities {
    left: -30px
}

.kn-cockpit .gridster .gridster-item.leftPosition .selectorUtilities.ng-enter.ng-enter-active,
.kn-cockpit .gridster .gridster-item.leftPosition .selectorUtilities.ng-leave {
    left: -30px
}

.kn-cockpit .gridster .gridster-item.leftPosition .selectorUtilities.ng-enter,
.kn-cockpit .gridster .gridster-item.leftPosition .selectorUtilities.ng-leave.ng-leave-active {
    left: 0
}

.kn-cockpit .gridster .gridster-item.leftPosition .editModeMenu,
.kn-cockpit .gridster .gridster-item.leftPosition .viewModeMenu {
    border-top: 1px solid #ccc;
    border-right: unset;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.kn-cockpit .gridster .gridster-item.rightPosition .selectorUtilities {
    right: -30px
}

.kn-cockpit .gridster .gridster-item.rightPosition .selectorUtilities.ng-enter.ng-enter-active,
.kn-cockpit .gridster .gridster-item.rightPosition .selectorUtilities.ng-leave {
    right: -30px
}

.kn-cockpit .gridster .gridster-item.rightPosition .selectorUtilities.ng-enter,
.kn-cockpit .gridster .gridster-item.rightPosition .selectorUtilities.ng-leave.ng-leave-active {
    right: 0
}

.kn-cockpit .gridster .gridster-item.hideUserMenu .viewModeMenu {
    display: none !important
}

.kn-cockpit .gridster .gridster-item.expandedWidget #editModeMenuSpeedDial md-fab-speed-dial,
.kn-cockpit .gridster .gridster-item.expandedWidget #viewModeMenuSpeedDial md-fab-speed-dial {
    bottom: 30px
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial {
    z-index: 501
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial.md-is-open md-fab-trigger .md-fab md-icon,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial.md-is-open md-fab-trigger .md-fab md-icon {
    color: #262626 !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial.md-left,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial.md-left {
    right: -52px;
    bottom: 0;
    position: absolute
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab {
    background-color: transparent !important;
    transition: color .3s ease;
    box-shadow: none
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab md-icon,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab md-icon {
    color: transparent
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab:hover md-icon,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab:hover md-icon {
    color: #262626 !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab {
    margin: 8px 4px 8px 0;
    background-color: #fff !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab:hover,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab:hover {
    background-color: #3b678c !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab:hover md-icon,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab:hover md-icon {
    color: #fff
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning {
    background-color: #f99d97 !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning:hover,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning:hover {
    background-color: #F44336 !important
}

.kn-cockpit .gridster .gridster-item #editModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning md-icon,
.kn-cockpit .gridster .gridster-item #viewModeMenuSpeedDial md-fab-speed-dial .md-fab-action-item .md-fab.md-warning md-icon {
    color: #fff
}

.kn-cockpit .gridster .gridster-item .viewModeMenu,
.kn-cockpit .gridster .gridster-item .editModeMenu {
    transition: background-color .3s ease;
    position: absolute;
    top: 0;
    right: -39px;
    width: 40px;
    z-index: 20
}

.kn-cockpit .gridster .gridster-item .viewModeMenu:hover,
.kn-cockpit .gridster .gridster-item .editModeMenu:hover {
    background-color: #fff !important
}

.kn-cockpit .gridster .gridster-item .viewModeMenu .floatingFilter,
.kn-cockpit .gridster .gridster-item .editModeMenu .floatingFilter {
    opacity: 1 !important
}

.kn-cockpit .gridster .gridster-item .viewModeMenu .floatingFilter md-icon,
.kn-cockpit .gridster .gridster-item .editModeMenu .floatingFilter md-icon {
    top: 8px;
    right: 0
}

.kn-cockpit .gridster .gridster-item .viewModeMenu .floatingFilter .ban,
.kn-cockpit .gridster .gridster-item .editModeMenu .floatingFilter .ban {
    display: none;
    color: red
}

.kn-cockpit .gridster .gridster-item .viewModeMenu .floatingFilter:hover .ban,
.kn-cockpit .gridster .gridster-item .editModeMenu .floatingFilter:hover .ban {
    display: block
}

.kn-cockpit .gridster .gridster-item .viewModeMenu .md-button,
.kn-cockpit .gridster .gridster-item .viewModeMenu a,
.kn-cockpit .gridster .gridster-item .editModeMenu .md-button,
.kn-cockpit .gridster .gridster-item .editModeMenu a {
    transition: opacity .3s ease;
    margin: 0;
    opacity: 0
}

.kn-cockpit .gridster .gridster-item:hover:not(.hideUserMenu) {
    box-shadow: 0px 1px 3px #ccc
}

.kn-cockpit .gridster .gridster-item:hover .editModeMenu {
    background-color: #fff
}

.kn-cockpit .gridster .gridster-item:hover .editModeMenu .md-button,
.kn-cockpit .gridster .gridster-item:hover .editModeMenu a {
    opacity: 1 !important
}

.kn-cockpit .gridster .gridster-item:hover #editModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab,
.kn-cockpit .gridster .gridster-item:hover #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab {
    display: block
}

.kn-cockpit .gridster .gridster-item:hover #editModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab md-icon,
.kn-cockpit .gridster .gridster-item:hover #viewModeMenuSpeedDial md-fab-speed-dial md-fab-trigger .md-fab md-icon {
    color: #a6a6a6
}

.kn-cockpit .gridster .gridster-item:hover .viewModeMenu {
    background-color: rgba(255, 255, 255, 0.6)
}

.kn-cockpit .gridster .gridster-item:hover .viewModeMenu .md-button,
.kn-cockpit .gridster .gridster-item:hover .viewModeMenu a {
    opacity: 1 !important
}

.kn-cockpit .gridster .gridster-item:hover .editModeMenu,
.kn-cockpit .gridster .gridster-item:hover .viewModeMenu {
    border-top: 1px solid #ccc;
    border-left: unset;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.kn-cockpit .gridster .gridster-item.fixedLeft .showActionButtonHandler,
.kn-cockpit .gridster .gridster-item.fixedLeft .viewModeMenu,
.kn-cockpit .gridster .gridster-item.fixedLeft .editModeMenu,
.kn-cockpit .gridster .gridster-item.leftPosition .showActionButtonHandler,
.kn-cockpit .gridster .gridster-item.leftPosition .viewModeMenu,
.kn-cockpit .gridster .gridster-item.leftPosition .editModeMenu {
    left: -39px
}

.kn-cockpit .gridster .gridster-item md-card.md-knowage-theme md-card-title {
    height: 32px;
    min-height: 32px;
    padding: 0;
    margin: 0;
    background-color: white
}

.kn-cockpit .gridster .gridster-item md-card.md-knowage-theme md-card-title md-toolbar.md-knowage-theme {
    color: #3b678c !important;
    min-height: 0;
    height: 100%
}

.kn-cockpit .gridster .gridster-item md-card.md-knowage-theme md-card-title md-toolbar.md-knowage-theme .md-toolbar-tools {
    height: 100%
}

.kn-cockpit .gridster .gridster-item.expandedWidget {
    background-color: #fff
}

.kn-cockpit .gridster .gridster-item.expandedWidget .showActionButtonHandler,
.kn-cockpit .gridster .gridster-item.expandedWidget .viewModeMenu,
.kn-cockpit .gridster .gridster-item.expandedWidget .editModeMenu {
    right: 8px !important;
    top: 8px !important;
    left: unset
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler {
    position: absolute;
    right: 0;
    opacity: 0;
    width: 60px;
    height: 40px;
    z-index: 9990
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler.md-is-open .menuOnTopButton {
    background-color: rgba(199, 7, 81, 0.8)
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler.md-is-open .menuOnTopButton md-icon {
    color: #fff
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler.md-is-open .menuOnTopButton:hover {
    background-color: rgba(199, 7, 81, 0.5)
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler button:hover {
    background-color: rgba(204, 204, 204, 0.5)
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler .md-button:not(.menuOnTopButton) {
    background-color: rgba(59, 103, 140, 0.6);
    box-shadow: 0px 2px 3px #ccc
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler .md-button:not(.menuOnTopButton) md-icon:not(.fa-stack-2x) {
    color: #fff
}

.kn-cockpit .gridster .gridster-item .showActionButtonHandler .stackedIcons {
    padding: 4px
}

.kn-cockpit .gridster .gridster-item.leftPosition .showActionButtonHandler {
    left: 0
}

.kn-cockpit .gridster .gridster-item .widgetSpinner {
    position: absolute;
    z-index: 500;
    display: flex;
    flex-direction: row;
    background: rgba(0, 0, 0, 0.3)
}

.kn-cockpit .gridster .gridster-item .widgetSpinner md-progress-circular {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.kn-cockpit .gridster .gridster-item md-card-title md-toolbar .md-toolbar-tools button,
.kn-cockpit .gridster md-toolbar.miniToolbar .md-toolbar-tools button {
    height: 42px;
    width: 42px
}

.kn-cockpit .dragCursor {
    cursor: move
}

.kn-cockpit md-card.md-knowage-theme md-card-title {
    padding: 10px
}

.kn-cockpit md-card.md-knowage-theme md-card-title span.md-headline {
    font-size: .8rem;
    color: #3b678c
}

.kn-cockpit md-card.md-knowage-theme.placedWidget {
    box-shadow: none;
    position: relative;
    overflow: hidden;
    border-radius: 0
}

.kn-cockpit md-card.md-knowage-theme.placedWidget.editWidgetMode {
    border: 1px dashed #ccc
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-card-title {
    flex: inherit
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-card-title.titleOnTop {
    position: relative;
    z-index: 9999
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .compressWidget {
    position: absolute;
    right: 0;
    top: 4px;
    width: 40px;
    height: 40px;
    z-index: 9990;
    background-color: rgba(59, 103, 140, 0.6)
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .compressWidget md-icon {
    color: #fff
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .compressWidget:hover {
    box-shadow: 0px 2px 3px #ccc;
    background-color: #3b678c
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .floatingSearch {
    position: absolute;
    right: 0;
    top: 4px;
    width: 40px !important;
    height: 40px;
    z-index: 11
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .floatingSearch.activeSearch {
    right: 40px
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .floatingSearch:hover {
    opacity: .5
}

.kn-cockpit md-card.md-knowage-theme.placedWidget .noMouse {
    pointer-events: none
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme {
    background-color: transparent;
    color: #3b678c
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools {
    padding: 0 8px
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools span.editWidgetNameSpan {
    z-index: 2;
    cursor: text;
    min-height: 1em;
    min-width: 1em
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools .editWidgetNameInput>.md-button.saveEditText>md-icon {
    color: green
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools .editWidgetNameInput>.md-button.cancelEditText>md-icon {
    color: red
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools span {
    font-weight: 200;
    font-size: 14px
}

.kn-cockpit md-card.md-knowage-theme.placedWidget md-toolbar.md-knowage-theme .md-toolbar-tools md-icon {
    color: #3b678c
}

.kn-cockpit md-card.md-knowage-theme.placedWidget.shadowedBox {
    box-shadow: 0px 2px 2px #ccc
}

.kn-cockpit md-card.md-knowage-theme.placedWidget.noTitle md-card-title {
    display: none
}

.kn-cockpit .searchWidget {
    border: 0;
    border-bottom: 3px solid white;
    background-color: transparent;
    color: white;
    font-family: "Roboto";
    height: 40px
}

.kn-cockpit md-card.md-knowage-theme.widget {
    max-height: 250px;
    height: 250px
}

.kn-cockpit md-card.md-knowage-theme.widget md-card-title {
    margin: 16px
}

.kn-cockpit md-card.md-knowage-theme.widget md-card-content {
    background-size: contain;
    min-height: 100px;
    background-position: center center;
    background-repeat: no-repeat
}

.kn-cockpit div.associationBox {
    padding: 5px;
    margin: 10px;
    border: 2px solid gray
}

.kn-cockpit div.associationBox.editingAssociation {
    border: 2px dashed gray
}

.kn-cockpit div.associationBox .associationsArrow {
    line-height: 22px;
    padding: 0px 10px;
    color: blue
}

.kn-cockpit md-card.md-knowage-theme.associationCard {
    width: 250px;
    min-width: 250px
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-toolbar.documentAssociationToolbar {
    background-color: #c70751 !important
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content {
    background-color: white
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item {
    min-height: 30px;
    height: 30px
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item.selectedRow {
    background-color: #3f668f;
    color: white
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item span {
    width: 100%
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item span p.metatype {
    font-weight: bold;
    font-size: .7rem;
    line-height: 3rem
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item span p.metaname {
    font-size: .7rem;
    line-height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kn-cockpit md-card.md-knowage-theme.associationCard md-card-content md-content md-list md-list-item .md-button {
    min-height: 30px;
    height: 30px
}

.kn-cockpit .chartConfigContainer md-tab-content:nth-child(2)>div {
    height: 100%
}

.kn-cockpit md-tab-content md-content.md-knowage-theme {
    background-color: #eceff1
}

.kn-cockpit md-tab-content>div {
    height: auto
}

.kn-cockpit .greyListItem {
    background-color: #f6f6f6;
    border-top: 1px solid #eceff1
}

.kn-cockpit .selectedImage {
    background-color: #a9c3db
}

.kn-cockpit .noClickCursor {
    cursor: default
}

.kn-cockpit .selectdemoSelectHeader.md-knowage-theme .demo-select-header .demo-header-searchbox {
    margin-left: 10px;
    line-height: 30px;
    min-width: calc(100% - 35px);
    padding-left: 10px
}

.kn-cockpit cockpit-static-pivot-table-widget {
    margin: 0;
    overflow: auto
}

.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>thead>tr>th:nth-child(2),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>thead>tr>th:nth-child(1),
.kn-cockpit cockpit-static-pivot-table-widget[multi-select] table>tbody>tr>td:nth-child(2),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>tbody>tr>td:nth-child(1),
.kn-cockpit cockpit-static-pivot-table-widget:not(multi-select) table>tbody>tr>td:nth-child(n+1):nth-last-child(n+2) {
    padding: 0
}

.kn-cockpit cockpit-static-pivot-table-widget::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-static-pivot-table-widget::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-cockpit cockpit-static-pivot-table-widget::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-cockpit cockpit-static-pivot-table-widget>table {
    border-collapse: separate;
    border-spacing: 0;
    width: auto;
    border-bottom: 1px solid #c3d4df
}

.kn-cockpit cockpit-static-pivot-table-widget>table.crosstab-fill-width {
    width: 100%
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr {
    height: 30px
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr td {
    padding: 0 !important;
    margin: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: sticky;
    background-color: inherit
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr td.crosstab-header-text {
    cursor: pointer;
    text-align: center;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: .8rem;
    color: #3b678c;
    font-weight: 600
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:first-child td {
    top: 0
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:nth-child(2) td {
    top: 30px
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:nth-child(3) td {
    top: 60px
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:nth-child(4) td {
    top: 90px
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:nth-child(5) td {
    top: 120px
}

.kn-cockpit cockpit-static-pivot-table-widget>table thead tr:nth-child(6) td {
    top: 150px
}

.kn-cockpit cockpit-static-pivot-table-widget>table tbody tr {
    height: 1rem
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr {
    height: 1rem
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td[pivot] {
    position: sticky;
    background: inherit
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td[pivot*='header'] {
    z-index: 8
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.level {
    text-align: center;
    font-size: 16px;
    color: #3b678c;
    font-weight: 600
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.level table {
    table-layout: auto;
    display: initial
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.level .crosstab-header-text {
    text-align: center;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: .8rem;
    color: #3b678c;
    font-weight: 600
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.level .sortIcon {
    line-height: 33px;
    padding: 0 !important
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.member {
    text-align: center;
    font-size: .8rem;
    color: #3b678c;
    font-weight: 600
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.member .crosstab-header-text {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: .8rem;
    font-weight: 600;
    font-style: normal !important
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.data,
.kn-cockpit cockpit-static-pivot-table-widget>table tr td.dataNoStandardStyle {
    text-align: center
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.partialsum {
    text-align: center;
    background-color: rgba(59, 103, 140, 0.45);
    color: white
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.totals {
    text-align: center;
    background-color: rgba(59, 103, 140, 0.8);
    color: white
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td.sortIcon {
    border-top: none
}

.kn-cockpit cockpit-static-pivot-table-widget>table tr td[ng-click] i.far {
    padding-left: 8px;
    outline: none
}

.kn-cockpit md-card#cockpitDataConfig>md-card-content>md-content>md-tabs>md-tabs-content-wrapper>md-tab-content>div>md-content>md-card {
    min-height: 300px
}

.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .datasetParameterDetail,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .datasetParameterDetail,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .analiticalParameterDetail,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .analiticalParameterDetail,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .datasetParameterDetail,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .datasetParameterDetail,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .analiticalParameterDetail,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .analiticalParameterDetail {
    background-color: #eceff1
}

.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .datasetParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .datasetParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .analiticalParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .analiticalParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .datasetParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .datasetParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .analiticalParameterDetail md-card-content,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .analiticalParameterDetail md-card-content {
    padding: 0px
}

.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .datasetParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .datasetParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .analiticalParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .analiticalParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .datasetParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .datasetParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .analiticalParameterDetail md-card-content md-toolbar,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .analiticalParameterDetail md-card-content md-toolbar {
    background-color: transparent !important;
    color: #000 !important
}

.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .datasetParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .datasetParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-dataset .analiticalParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-dataset .analiticalParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .datasetParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .datasetParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig angular-table#cockpit-document .analiticalParameterDetail md-card-content>div,
.kn-cockpit md-card#cockpitDataConfig cockpit-static-pivot-table-widget#cockpit-document .analiticalParameterDetail md-card-content>div {
    padding: 0px 10px
}

.kn-cockpit .md-panel._md-panel-backdrop.md-default-theme,
.kn-cockpit .md-panel._md-panel-backdrop {
    background-color: #212121
}

.kn-cockpit .iconSelectorSide {
    box-shadow: -3px 0 3px #ccc
}

.kn-cockpit .iconSelectorSide md-content.md-knowage-theme {
    background-color: #fff;
    min-height: 635px
}

.kn-cockpit .iconSelectorSide md-content.md-knowage-theme #vertical-container {
    height: 200px;
    display: flex;
    flex-wrap: wrap
}

.kn-cockpit .iconSelectorSide md-content.md-knowage-theme .iconsContainer {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: start;
    align-items: center
}

.kn-cockpit .iconSelectorSide md-content.md-knowage-theme .iconsContainer .selectable {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 40px
}

.kn-cockpit.disableanimation md-tab-content.md-right:not(.md-active) {
    animation: none;
    -webkit-animation: none
}

.kn-cockpit.disableanimation md-tab-content.md-left:not(.md-active) {
    animation: none;
    -webkit-animation: none
}

.kn-cockpit.disableanimation md-tab-content.md-left:not(.md-active) * {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-tab-content.md-right:not(.md-active) * {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation .md-tab {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-slider .md-focus-thumb {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
    animation: none !important;
    -webkit-animation: none !important
}

.kn-cockpit.disableanimation md-slider ._md-thumb {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-option {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-dialog._md-transition-out {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-dialog._md-transition-in {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation .md-ripple.md-ripple-placed {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation .md-ripple-container,
.kn-cockpit.disableanimation .md-ripple-placed {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-checkbox ._md-icon {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-tabs-wrapper md-next-button,
.kn-cockpit.disableanimation md-tabs-wrapper md-prev-button {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-pagination-wrapper {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation ._md-subheader-wrapper:not(.md-sticky-no-effect) {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation ._md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) ._md-subheader-inner {
    -webkit-animation: none !important;
    animation: none !important
}

.kn-cockpit.disableanimation .md-button {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-input-container label {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-slider ._md-thumb-container,
.kn-cockpit.disableanimation ._md-focus-ring,
.kn-cockpit.disableanimation ._md-track-fill,
.kn-cockpit.disableanimation ._md-thumb {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-input-container .md-char-counter,
.kn-cockpit.disableanimation md-input-container .md-input-message-animation {
    transition: none !important
}

.kn-cockpit.disableanimation md-select-menu {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-select-menu md-content {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation ._md-select-menu-container._md-leave {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important
}

.kn-cockpit.disableanimation md-tab-content {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.kn-cockpit.disableanimation md-ink-bar.md-right {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.kn-cockpit.disableanimation md-ink-bar.md-left {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.kn-cockpit.disableanimation md-tab-content.md-right {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.kn-cockpit.disableanimation md-tab-content.md-left {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.kn-cockpit.disableanimation md-dialog {
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.kn-cockpit.disableanimation md-select-menu {
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.kn-cockpit.disableanimation .md-button.md-raised {
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.kn-cockpit.disableanimation md-toast .md-toast-content {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.kn-cockpit .addNewWidget md-dialog-content {
    max-height: 600px
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer {
    margin: 8px
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer {
    margin-bottom: 20px;
    height: 150px
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget {
    transition: all linear .4s;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0px 2px 5px 0px #ccc;
    -moz-box-shadow: 0px 2px 5px 0px #ccc;
    box-shadow: 0px 2px 5px 0px #ccc;
    height: 150px
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget:hover {
    background-color: #ddd
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget:hover i,
.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget:hover p {
    color: #3b678c
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget i {
    font-size: 2.5rem;
    color: gray
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget p {
    text-transform: uppercase;
    font-family: 'Roboto';
    margin: 0;
    font-size: 1rem;
    font-weight: 100;
    color: gray
}

.kn-cockpit .addNewWidget md-dialog-content .widgetsContainer .widgetContainer .widget .betaBadge {
    background-color: #3b678c;
    text-align: center;
    transform: rotate(45deg);
    padding: 4px 30px;
    position: absolute;
    right: -38px;
    top: 0px;
    color: white
}

.kn-cockpit .widgetSelection {
    background-color: transparent !important;
    box-shadow: none;
    width: 90%;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.kn-cockpit .widgetSelection md-dialog-content {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.kn-cockpit .widgetSelection md-dialog-content ::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

.kn-cockpit .widgetSelection md-dialog-content ::-webkit-scrollbar-thumb {
    background: #FF0000
}

.kn-cockpit .widgetSelection md-dialog-content .gridWidgetList {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.kn-cockpit .widgetSelection md-dialog-content .gridWidgetList .widgetAddButton {
    display: none
}

.kn-cockpit .widgetSelection md-dialog-content .gridWidgetList .widgetDescription {
    display: none
}

.kn-cockpit .widgetSelection md-progress-linear-custom {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding-top: 0 !important;
    margin-bottom: 0 !important
}

.kn-cockpit .widgetSelection md-progress-linear-custom .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1)
}

.kn-cockpit .widgetSelection md-progress-linear-custom .md-container .md-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px
}

.kn-cockpit .widgetSelection md-progress-linear-custom .md-container .md-dashed:before {
    content: "";
    display: none;
    position: absolute;
    margin-top: 0;
    height: 5px;
    width: 100%;
    background-color: transparent;
    background-size: 10px 10px !important;
    background-position: 0px -23px
}

.kn-cockpit .widgetSelection md-progress-linear-custom .md-container .md-bar1,
.kn-cockpit .widgetSelection md-progress-linear-custom .md-container .md-bar2 {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear
}

.kn-cockpit .hvr-bounce-to-left {
    display: flex;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.kn-cockpit .hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3b678c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.kn-cockpit .hvr-bounce-to-left:hover,
.kn-cockpit .hvr-bounce-to-left:focus,
.kn-cockpit .hvr-bounce-to-left:active {
    color: white
}

.kn-cockpit .hvr-bounce-to-left:hover md-card-content,
.kn-cockpit .hvr-bounce-to-left:focus md-card-content,
.kn-cockpit .hvr-bounce-to-left:active md-card-content {
    background-image: none !important
}

.kn-cockpit .hvr-bounce-to-left:hover .widgetAddButton,
.kn-cockpit .hvr-bounce-to-left:hover .widgetDescription,
.kn-cockpit .hvr-bounce-to-left:focus .widgetAddButton,
.kn-cockpit .hvr-bounce-to-left:focus .widgetDescription,
.kn-cockpit .hvr-bounce-to-left:active .widgetAddButton,
.kn-cockpit .hvr-bounce-to-left:active .widgetDescription {
    display: flex !important
}

.kn-cockpit .hvr-bounce-to-left:hover .widgetImage,
.kn-cockpit .hvr-bounce-to-left:hover .custom-chips,
.kn-cockpit .hvr-bounce-to-left:focus .widgetImage,
.kn-cockpit .hvr-bounce-to-left:focus .custom-chips,
.kn-cockpit .hvr-bounce-to-left:active .widgetImage,
.kn-cockpit .hvr-bounce-to-left:active .custom-chips {
    display: none
}

.kn-cockpit .hvr-bounce-to-left:hover:before,
.kn-cockpit .hvr-bounce-to-left:focus:before,
.kn-cockpit .hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.kn-cockpit .kn-fab-toolbar {
    position: absolute;
    background-color: transparent !important;
    top: 0;
    right: 20px
}

.kn-cockpit .kn-fab-toolbar .md-button.md-knowage-theme.md-fab:not([disabled]) {
    background-color: rgba(199, 7, 81, 0.7) !important
}

.kn-cockpit .kn-fab-toolbar .md-button.md-knowage-theme.md-fab:not([disabled]):hover {
    background-color: rgba(199, 7, 81, 0.9) !important
}

.kn-cockpit .kn-fab-toolbar .md-button.md-mini.md-knowage-theme.md-fab:not([disabled]) {
    background-color: rgba(255, 255, 255, 0.7) !important
}

.kn-cockpit .kn-fab-toolbar .md-button.md-mini.md-knowage-theme.md-fab:not([disabled]):hover {
    background-color: rgba(255, 255, 255, 0.9) !important
}

.kn-cockpit .kn-fab-toolbar .md-button.md-mini.md-knowage-theme.md-fab:not([disabled]) md-icon {
    color: #3b678c
}

.kn-cockpit .kn-fab-toolbar md-fab-speed-dial {
    background-color: transparent !important
}

.kn-cockpit .kn-fab-toolbar md-fab-speed-dial md-fab-trigger {
    background-color: transparent !important
}

.kn-cockpit .kn-fab-toolbar md-fab-speed-dial md-fab-actions {
    background-color: transparent !important
}

.kn-cockpit .kn-fab-toolbar md-fab-speed-dial md-fab-actions .md-fab-action-item {
    background-color: transparent !important
}

.kn-cockpit .kn-fab-toolbar .fixedSelectionButton {
    z-index: 50 !important
}

.kn-cockpit cockpit-sheet .md-button.addSheetTabButton {
    bottom: 2px;
    margin-bottom: 1px;
    position: absolute;
    min-width: 24px;
    padding: 0;
    width: 24px;
    height: 24px;
    min-height: 24px;
    z-index: 9
}

.kn-cockpit cockpit-sheet .md-button.addSheetTabButton:hover {
    background-color: #e9e9e9
}

.kn-cockpit cockpit-sheet md-tabs {
    padding-bottom: 28px
}

.kn-cockpit cockpit-sheet md-tabs.highlander {
    padding-bottom: 0
}

.kn-cockpit cockpit-sheet md-tabs.highlander md-tabs-wrapper {
    display: none
}

.kn-cockpit cockpit-sheet md-tabs.highlander md-tabs-content-wrapper {
    bottom: 0
}

.kn-cockpit cockpit-sheet md-tabs.highlander .md-button.addSheetTabButton {
    width: 32px;
    height: 32px;
    background-color: #f6f6f6;
    border: 1px solid #ccc
}

.kn-cockpit cockpit-sheet md-tabs.cockpitSheetTabs md-pagination-wrapper {
    padding-left: 24px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper {
    background-color: #f6f6f6;
    border-top: 1px solid #ccc;
    margin-left: 0;
    width: 100%;
    height: 30px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-prev-button {
    left: 32px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas {
    height: 30px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
    height: 30px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab {
    cursor: pointer;
    transition: background-color .3s ease-in;
    line-height: 24px;
    height: 24px;
    padding: 0 8px;
    font-size: .8rem;
    text-transform: none;
    margin: 2px 4px;
    border-radius: 2px;
    color: #262626
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab:first-child {
    margin-left: 10px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab span {
    position: relative;
    outline: none;
    font-weight: bold;
    top: -1px;
    padding: 0 1px
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab:hover {
    background-color: #e9e9e9
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active {
    top: -1px;
    height: 26px;
    padding-top: 0;
    margin-top: 0;
    background-color: #fff;
    border-bottom: 4px solid #c70751;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #fff
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-ink-bar {
    display: none
}

.kn-cockpit cockpit-sheet md-tabs md-tabs-content-wrapper {
    bottom: 28px
}

.kn-cockpit .widgetSearchBar {
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8)
}

.kn-cockpit .widgetSearchBar:hover {
    background-color: #fff
}

.kn-cockpit .widgetSearchBar .hint {
    position: absolute;
    left: 2px;
    right: auto;
    font-size: .6rem;
    line-height: 14px;
    color: gray
}

.kn-cockpit .datasetParameterDetail .chip {
    padding: 4px 8px;
    background-color: #ccc;
    border-radius: 20px;
    margin: 2px 4px;
    cursor: pointer;
    font-size: .6rem
}

.kn-cockpit .datasetParameterDetail .chip.active {
    background-color: #999
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme {
    padding-top: 0
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme .md-subheader ._md-subheader-inner {
    padding: 8px;
    width: 100%
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme md-list-item {
    min-height: 1.5rem;
    height: 1.5rem
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme md-list-item:hover {
    background-color: rgba(169, 195, 219, 0.4)
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme md-list-item .md-button,
.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme md-list-item .md-button.md-icon-button {
    min-height: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
    padding: 0
}

.kn-cockpit .datasetParameterDetail md-list.md-knowage-theme md-list-item p {
    font-size: .6rem
}

.kn-cockpit .widgetToolbar {
    height: 2rem;
    flex-direction: row;
    display: flex;
    align-items: center
}

.kn-cockpit .selectionWidget {
    width: 100%
}

.kn-cockpit .selectionWidget md-list {
    padding-top: 0
}

.kn-cockpit .selectionWidget md-list md-list-item {
    height: 32px;
    max-height: 32px;
    min-height: 32px;
    padding-right: 0;
    border-top: 1px solid #ccc
}

.kn-cockpit .selectionWidget md-list md-list-item:first-child {
    border-top: 0
}

.kn-cockpit .selectionWidget md-list .selectionSpan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: .7rem
}

.kn-cockpit .selectionWidget table {
    border-collapse: collapse;
    width: 100%
}

.kn-cockpit .selectionWidget table thead tr {
    background-color: #a9c3db
}

.kn-cockpit .selectionWidget table thead tr th {
    color: #fff;
    font-size: .8rem;
    font-weight: regular
}

.kn-cockpit .selectionWidget table thead tr th md-icon {
    color: #fff
}

.kn-cockpit .selectionWidget table tbody tr {
    border-bottom: 1px solid #ccc;
    height: 32px
}

.kn-cockpit .selectionWidget table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .6rem;
    white-space: nowrap;
    max-width: 0;
    text-align: center
}

.kn-cockpit .selectionWidget table tbody tr td md-icon {
    font-size: .8rem
}

.kn-cockpit .cockpitSelectorWidget .cockpitSelectorWidgetCombobox {
    padding-top: 0
}

.kn-cockpit .cockpitSelectorWidget .cockpitSelectorWidgetCombobox md-input-container {
    margin: 8px 0;
    width: 100%
}

.kn-cockpit .cockpitSelectorWidget .cockpitSelectorWidgetCombobox .fakeDialog {
    outline: none;
    cursor: pointer;
    height: 32px;
    font-size: .7rem;
    line-height: 32px;
    vertical-align: middle;
    padding-right: 24px
}

.kn-cockpit .cockpitSelectorWidget .cockpitSelectorWidgetCombobox .fakeDialog:hover {
    background-color: rgba(217, 217, 217, 0.3)
}

.kn-cockpit .cockpitSelectorWidget .cockpitSelectorWidgetCombobox .fakeDialog span {
    margin-right: 4px
}

.kn-cockpit .cockpitSelectorWidget .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.kn-cockpit .cockpitSelectorWidget .grid .kn-custom-checkbox-container,
.kn-cockpit .cockpitSelectorWidget .grid .kn-custom-radio-container {
    width: 150px
}

.kn-cockpit .cockpitSelectorWidget .grid:focus {
    outline: none
}

.kn-cockpit .cockpitSelectorWidget .horizontal {
    display: flex;
    flex-direction: row;
    align-items: center
}

.kn-cockpit .cockpitSelectorWidget .horizontal:focus {
    outline: none
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container {
    display: inline-flex;
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    min-height: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container .checkmark:after,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container:focus,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container:focus {
    outline: none
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container input,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container input:checked~.checkmark,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container input:checked~.checkmark {
    background-color: #3b678c !important;
    border: 2px solid #3b678c !important
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container input:checked~.checkmark:after,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container input:checked~.checkmark:after {
    display: block
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container span,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container span {
    overflow: hidden;
    width: 100%;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container.white-space-normal span,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container.white-space-normal span {
    white-space: normal
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container:hover,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container:hover {
    background-color: #ccc
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container:hover input~.checkmark,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container:hover input~.checkmark {
    background-color: #ccc
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container[disabled="disabled"],
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container[disabled="disabled"] {
    color: #ccc
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container[disabled="disabled"]:hover,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container[disabled="disabled"]:hover {
    background-color: transparent;
    cursor: default
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container[disabled="disabled"]:hover input~.checkmark,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container[disabled="disabled"]:hover input~.checkmark {
    background-color: #eee
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container[disabled="disabled"] input:checked~.checkmark,
.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container[disabled="disabled"] input:checked~.checkmark {
    background-color: #eee
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container .checkmark {
    position: relative;
    height: 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    margin-right: 10px;
    background-color: transparent;
    border: 2px solid #ccc;
    border-radius: 50%
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-radio-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container .checkmark {
    position: relative;
    margin-right: 10px;
    height: 18px;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    background-color: transparent;
    border: 2px solid #ccc;
    border-radius: 2px
}

.kn-cockpit .cockpitSelectorWidget .kn-custom-checkbox-container .checkmark:after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller {
    padding-left: 8px;
    padding-top: 4px;
    overflow-y: auto;
    height: 100%
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller>div {
    outline: none
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller:focus {
    outline: none
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-cockpit .cockpitSelectorWidget .cSelWScroller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-cockpit .multiselectionDialog md-dialog-content {
    height: 600px
}

.kn-cockpit .multiselectionDialog md-list {
    height: calc(100% - 70px)
}

.kn-cockpit .multiselectionDialog #vertical-container {
    height: 100%
}

.kn-cockpit .multiselectionDialog .selectableList[md-virtual-repeat] {
    min-height: 32px
}

.kn-cockpit .multiselectionDialog .selectableList[md-virtual-repeat]::before,
.kn-cockpit .multiselectionDialog .selectableList[md-virtual-repeat] ._md-list-item-inner,
.kn-cockpit .multiselectionDialog .selectableList[md-virtual-repeat] ._md-list-item-inner::before {
    min-height: 32px
}

.kn-cockpit .multiselectionDialog .selectableList:hover {
    background-color: #d9d9d9
}

.kn-cockpit .multiselectionDialog .selectableList p {
    font-size: .8rem;
    max-width: 320px
}

.kn-cockpit .multiselectionDialog .selectableList.disabled {
    cursor: default
}

.kn-cockpit .multiselectionDialog .selectableList.disabled:hover {
    background-color: transparent
}

.kn-cockpit .multiselectionDialog .selectableList.disabled p {
    color: #ccc
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .outerIcon {
    padding: 0 8px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 8px
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .outerIcon.selected {
    background-color: #a9c3db
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .outerIcon:hover {
    background-color: #739dc4
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .outerIcon:hover .selTypesIcon,
.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .outerIcon.selected .selTypesIcon {
    background-color: #fff
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon {
    width: 100px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-color: #3b678c
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.multiValueIcon {
    mask-image: url("../img/cockpit/selectorWidget/check.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/check.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.singleValueIcon {
    mask-image: url("../img/cockpit/selectorWidget/radio.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/radio.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.dropdownIcon {
    mask-image: url("../img/cockpit/selectorWidget/dropdown.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/dropdown.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.multiDropdownIcon {
    mask-image: url("../img/cockpit/selectorWidget/multiDropdown.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/multiDropdown.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.singleValueTemporalIcon {
    mask-image: url("../img/cockpit/selectorWidget/singleDate.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/singleDate.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon.multiValueTemporalIcon {
    mask-image: url("../img/cockpit/selectorWidget/multiDate.svg");
    mask-size: 50%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../img/cockpit/selectorWidget/multiDate.svg");
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.kn-cockpit .cockpitSelectorWidgetSettings .selTypes .selTypesIcon .svgFallBackText {
    display: none
}

.kn-cockpit .cockpitSelectorWidgetSettings .alternatedInput .radioContainer {
    margin: 0;
    height: 3rem
}

.kn-cockpit .cockpitSelectorWidgetSettings .alternatedInput .radioContainer md-radio-group {
    height: 100%
}

.kn-cockpit .cockpitSelectorWidgetSettings .alternatedInput md-input-container:nth-child(even) {
    background-color: #f2f2f2
}

.kn-cockpit .cockpitSelectorWidgetSettings .alternatedInput md-input-container:last-child {
    background-color: transparent
}

.kn-cockpit button md-icon {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.kn-cockpit md-menu-item button md-icon {
    display: inline-flex !important
}

.kn-cockpit .imagesLibrary .imageContainer .imageEraser {
    transition: all .3s ease-in;
    position: absolute;
    bottom: 4px;
    z-index: 10;
    right: 8px
}

.kn-cockpit .imagesLibrary .imageContainer .imageEraser:hover {
    background-color: #ccc
}

.kn-cockpit .datasetSelector .softIcon md-icon {
    opacity: .2
}

.kn-cockpit .datasetSelector .softIcon:hover md-icon {
    opacity: .7
}

.kn-cockpit :not(md-select-value) md-option.withHint ._md-text {
    width: 100%;
    display: inline-flex
}

.kn-cockpit md-select-value ._md-text small {
    display: none
}

#cockpitDataConfig .md-fab.md-mini {
    top: 10px
}

.hasCrossNavigation cockpit-image-widget {
    cursor: pointer
}

@-moz-document url-prefix() {
    .kn-cockpit .customTableWidgetConfiguration.pivotTableWidget .pivotTableDesigner {
        min-height: 100%
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-cockpit .pivotTableDesigner {
        min-height: 600px !important
    }

    .kn-cockpit .pivotTableDesigner .measureAttributeTab {
        min-height: 600px
    }

    .kn-cockpit .multiselectionDialog .selectableList p {
        max-width: none
    }

    .kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab span {
        top: -8px
    }

    .kn-cockpit cockpit-sheet md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab span.viewModeSheet {
        top: -1px
    }

    .cockpitSelectorWidgetSettings .selTypesIcon {
        width: auto !important;
        height: 40px !important;
        background-color: transparent !important
    }

    .cockpitSelectorWidgetSettings .selTypesIcon .svgFallBackText {
        line-height: 40px;
        text-transform: uppercase;
        display: inline-block !important
    }

    cockpit-table .cockpitTableContainer table.cockpitTable {
        width: 100%
    }

    .addNewWidget md-dialog-content .widgetsContainer .widgetContainer {
        min-width: 100px
    }

    cockpit-selector-widget .cockpitSelectorWidget {
        height: 100%
    }

    .gridster .viewModeMenu.expandedWidget .showActionButtonHandler,
    .gridster .viewModeMenu.expandedWidget .viewModeMenu,
    .gridster .viewModeMenu.expandedWidget .editModeMenu,
    .gridster .editModeMenu.expandedWidget .showActionButtonHandler,
    .gridster .editModeMenu.expandedWidget .viewModeMenu,
    .gridster .editModeMenu.expandedWidget .editModeMenu {
        left: 8px;
        right: unset
    }
}

@supports (-ms-ime-align: auto) {
    .kn-cockpit md-tab-content>div {
        height: 100%
    }
}

.kn-chartdesigner .vertical-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
    height: 100%
}

.kn-chartdesigner .chart-tab-margin-top {
    margin-top: 40px
}

.kn-chartdesigner .knowage-grey-color {
    background-color: #FAFAFA
}

.kn-chartdesigner .knowage-grey-color md-content.md-knowage-theme {
    background-color: #FAFAFA
}

.kn-chartdesigner .whiteframe-element {
    background-color: #FFFFFF
}

.kn-chartdesigner .whiteframe-element-padding {
    padding: 15px
}

.kn-chartdesigner .whiteframe-element-center-margin-left {
    margin-left: 8px
}

.kn-chartdesigner .whiteframe-element-center-margin-right {
    margin-right: 8px
}

.kn-chartdesigner .colorpaletteItem {
    height: 40px;
    min-height: 40px
}

.kn-chartdesigner .presetButtons {
    color: black !important;
    font-size: 12px
}

.kn-chartdesigner .bar {
    background-image: url("../img/chart/types/chart_bar.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .bar:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .bar.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .bubble {
    background-image: url("../img/chart/types/chart_bubble.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .bubble:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .bubble.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .pie {
    background-image: url("../img/chart/types/chart_pie.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .pie:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .pie.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .line {
    background-image: url("../img/chart/types/chart_line.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .line:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .line.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .sunburst {
    background-image: url("../img/chart/types/chart_sunburst.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .sunburst:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .sunburst.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .scatter {
    background-image: url("../img/chart/types/chart_scatter.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .scatter:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .scatter.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .parallel {
    background-image: url("../img/chart/types/chart_parallel.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .parallel:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .parallel.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .radar {
    background-image: url("../img/chart/types/chart_radar.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .radar:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .radar.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .gauge {
    background-image: url("../img/chart/types/chart_gauge.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .gauge:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .gauge.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .treemap {
    background-image: url("../img/chart/types/chart_treemap.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .treemap:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .treemap.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .heatmap {
    background-image: url("../img/chart/types/chart_heatmap.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .heatmap:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .heatmap.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .wordcloud {
    background-image: url("../img/chart/types/chart_wordcloud.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .wordcloud:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .wordcloud.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .chord {
    background-image: url("../img/chart/types/chart_chord.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .chord:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .chord.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .bar_preview {
    background-image: url("../img/chart/preview/bar chart (double).png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .bubble_preview {
    background-image: url("../img/chart/preview/bubble_chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .pie_preview {
    background-image: url("../img/chart/preview/pie chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .line_preview {
    background-image: url("../img/chart/preview/line chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .sunburst_preview {
    background-image: url("../img/chart/preview/sunburst.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .scatter_preview {
    background-image: url("../img/chart/preview/scatter chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .parallel_preview {
    background-image: url("../img/chart/preview/parallel chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .radar_preview {
    background-image: url("../img/chart/preview/Radar chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .gauge_preview {
    background-image: url("../img/chart/preview/Gauge chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .treemap_preview {
    background-image: url("../img/chart/preview/tree map chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .heatmap_preview {
    background-image: url("../img/chart/preview/heatmap.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .wordcloud_preview {
    background-image: url("../img/chart/preview/wordcloud chart.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .chord_preview {
    background-image: url("../img/chart/preview/chord.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%
}

.kn-chartdesigner .generic_config {
    background-image: url("../img/chart/configuration/configuration_generic.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .generic_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .generic_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .title_and_subtitle_config {
    background-image: url("../img/chart/configuration/configuration_title_and_subtitle.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .title_and_subtitle_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .title_and_subtitle_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .no_data_config {
    background-image: url("../img/chart/configuration/configuration_no_data_message.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .no_data_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .no_data_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .legend_title_config {
    background-image: url("../img/chart/configuration/configuration_legend_title.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .legend_title_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .legend_title_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .legend_items_config {
    background-image: url("../img/chart/configuration/configuration_legend_items.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .legend_items_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .legend_items_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .palette_config {
    background-image: url("../img/chart/configuration/configuration_color_palette.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .palette_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .palette_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .pane_config {
    background-image: url("../img/chart/configuration/configuration_pane.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .pane_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .pane_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .tooltip_config {
    background-image: url("../img/chart/configuration/configuration_tooltip.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .tooltip_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .tooltip_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .limit_config {
    background-image: url("../img/chart/configuration/configuration_limit.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .limit_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .limit_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .axis_lines_config {
    background-image: url("../img/chart/configuration/configuration_axes_lines.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .axis_lines_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .axis_lines_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .ticks_and_labels_config {
    background-image: url("../img/chart/configuration/configuration_ticks_and_labels.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .ticks_and_labels_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .ticks_and_labels_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .sequence_config {
    background-image: url("../img/chart/configuration/configuration_sequence.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .sequence_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .sequence_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .explanation_config {
    background-image: url("../img/chart/configuration/configuration_explanation.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .explanation_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .explanation_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .word_settings_config {
    background-image: url("../img/chart/configuration/configuration_words_settings.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .word_settings_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .word_settings_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .advancedSerieConfBar_config {
    background-image: url("../img/chart/configuration/configuration_advanced_serie.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .advancedSerieConfBar_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .advancedSerieConfBar_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .customColors_config {
    background-image: url("../img/chart/configuration/configuration_custom_colors.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .customColors_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .customColors_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .accessibility_config {
    background-image: url("../img/chart/configuration/configuration_accessibility.png") !important;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    filter: grayscale(100%);
    opacity: 0.5
}

.kn-chartdesigner .accessibility_config:hover {
    background-color: #ccc;
    opacity: 0.8;
    filter: grayscale(50%)
}

.kn-chartdesigner .accessibility_config.active {
    opacity: 1;
    outline: none;
    filter: grayscale(0%)
}

.kn-chartdesigner .dangerBorder {
    border: 2px solid #F44336
}

.kn-chartdesigner .suggested {
    border: 4px solid #3b678c
}

.kn-chartdesigner .suggested .star {
    background-color: #3b678c;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
    height: 24px;
    width: 24px;
    line-height: 23px;
    text-align: center
}

@-moz-document url-prefix() {
    .kn-chartdesigner .firefoxPreviewFix {
        min-height: 350px
    }
}

.kn-datasetmanagement .required-message {
    color: #c70751 !important;
    font-size: 12px;
    line-height: 14px;
    opacity: 1;
    padding-top: 5px;
    margin-top: 0
}

.kn-datasetmanagement .fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.kn-qbe .qbeList {
    overflow-y: auto;
    border: 1px solid #ccc
}

.kn-qbe .qbeList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-qbe .qbeList::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-qbe .qbeList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-qbe .smaller-dialog {
    width: 400px;
    height: 500px
}

.kn-qbe expression-panel {
    padding: 16px;
    margin: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 3px 3px 5px #ccc
}

.kn-qbe expression-panel group {
    margin: 0 16px
}

.kn-qbe expression-panel group>div {
    padding: 8px;
    transition: all .3s ease-out;
    background-color: rgba(236, 239, 241, 0.9);
    border: 1px solid rgba(169, 195, 219, 0.6)
}

.kn-qbe expression-panel group>div:hover {
    background-color: rgba(221, 227, 230, 0.8);
    border: 1px solid #a9c3db
}

.kn-qbe expression-panel group>div.selectedFilter {
    background-color: #a9c3db
}

.kn-qbe expression-panel filter md-card {
    background-color: #d9d9d9;
    border-radius: 0;
    transition: background-color .3s ease-out
}

.kn-qbe expression-panel filter md-card:hover {
    background-color: #cddcea
}

.kn-qbe expression-panel filter md-card.selectedFilter {
    background-color: #a9c3db
}

.kn-qbe expression-panel filter md-card filter-details md-list-item {
    height: 50px;
    min-height: 50px
}

.kn-qbe expression-panel filter md-card filter-details h4 {
    font-weight: bold !important;
    font-size: .7rem !important;
    color: #262626
}

.kn-qbe expression-panel filter md-card filter-details p {
    font-size: .6rem !important;
    color: gray
}

.kn-qbe expression-panel filter md-card filter-details p span {
    margin-right: 4px
}

.kn-qbe ul[dnd-list] {
    margin: 0px;
    min-height: 42px;
    padding-left: 0px
}

.kn-qbe ul[dnd-list] li {
    display: block;
    padding: 0px
}

.kn-qbe ul[dnd-list] li .filterOperator md-select {
    margin-top: 0
}

.kn-qbe ul[dnd-list] li.last .filterGroup .filterOperator {
    display: flex
}

.kn-qbe ul[dnd-list] li.last .filterOperator {
    display: none
}

.kn-qbe ul[dnd-list] li .groupContainer {
    align-items: center;
    justify-content: space-around
}

.kn-qbe ul[dnd-list] li .groupContainer .filterItemLi>div {
    flex-wrap: wrap;
    justify-content: center
}

.kn-qbe ul[dnd-list] li .groupContainer .filterItemLi .filterItem {
    min-width: 200px;
    width: 100%
}

.kn-qbe ul[dnd-list] li .filterGroup {
    background-color: #e6e6e6;
    padding: 0;
    margin: 8px;
    min-width: 300px
}

.kn-qbe ul[dnd-list] li .filterGroup h3 {
    font-size: .8rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 8px;
    text-transform: uppercase
}

.kn-qbe ul[dnd-list] li .filterGroup .innerLast .filterOperator {
    display: none
}

.kn-qbe ul[dnd-list] li .filterGroup .filterOperator {
    flex-direction: row;
    width: auto
}

.kn-qbe ul[dnd-list] li .filterGroup .filterOperator md-select {
    margin: 0
}

.kn-qbe ul[dnd-list] li .filterItem {
    border-top: 5px solid #a9c3db;
    font-size: .8rem;
    height: 50px;
    min-height: 50px;
    min-width: 300px;
    width: 90%
}

.kn-qbe ul[dnd-list] li .filterItem h4 {
    text-transform: uppercase;
    margin: 4px 0 0 4px
}

.kn-qbe .expanderList h3 {
    background-color: #3b678c;
    color: white;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    margin: 0;
    margin-bottom: 4px;
    padding: 4px;
    font-size: 1rem
}

.kn-qbe .expanderList h3.opened {
    box-shadow: 0px 3px 3px 0px #ccc;
    border-bottom: none
}

.kn-qbe .expanderList .chip {
    background-color: #fff;
    color: #3b678c;
    display: flex;
    padding: 0px 16px;
    border-radius: 50px;
    font-size: .8rem;
    font-weight: normal;
    line-height: 19px
}

.kn-qbe .expanderList ng-transclude md-icon {
    line-height: 24px
}

.kn-qbe .expanderList .expandableEntities h4,
.kn-qbe .expanderList .expandableSubqueries h4 {
    display: flex;
    background-color: #fff;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 4px 8px 4px 8px;
    font-size: .8rem;
    font-family: 'Roboto';
    border-bottom: 1px solid #ccc;
    outline: none;
    cursor: pointer
}

.kn-qbe .expanderList .expandableEntities h4 .colorSquare,
.kn-qbe .expanderList .expandableSubqueries h4 .colorSquare {
    height: .8rem;
    margin-right: 5px;
    width: .8rem;
    display: block
}

.kn-qbe .expanderList .expandableEntities h4.filterEntityColor,
.kn-qbe .expanderList .expandableSubqueries h4.filterEntityColor {
    background-color: #f83c84
}

.kn-qbe .expanderList .expandableEntities h4 span,
.kn-qbe .expanderList .expandableSubqueries h4 span {
    margin-left: 5px
}

.kn-qbe .expanderList .expandableEntities .second-lvl-padding,
.kn-qbe .expanderList .expandableSubqueries .second-lvl-padding {
    padding-left: 40px
}

.kn-qbe .expanderList .expandableEntities .second-lvl-chevron,
.kn-qbe .expanderList .expandableSubqueries .second-lvl-chevron {
    padding-top: 10px
}

.kn-qbe .expanderList .expandableEntities .second-lvl-cursor,
.kn-qbe .expanderList .expandableSubqueries .second-lvl-cursor {
    cursor: pointer
}

.kn-qbe .expanderList .expandableEntities .is-default,
.kn-qbe .expanderList .expandableSubqueries .is-default {
    font-weight: bold
}

.kn-qbe .expanderList .expandableEntities .is-not-default,
.kn-qbe .expanderList .expandableSubqueries .is-not-default {
    font-weight: normal
}

.kn-qbe .expanderList .expandableEntities ul,
.kn-qbe .expanderList .expandableSubqueries ul {
    background-color: #eceff1;
    margin: 0;
    list-style: none;
    padding-left: 0;
    cursor: pointer
}

.kn-qbe .expanderList .expandableEntities ul li,
.kn-qbe .expanderList .expandableSubqueries ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 0px 4px 20px;
    font-size: .8rem;
    border-bottom: 1px solid #ccc;
    line-height: 1.5rem;
    height: 1.5rem;
    cursor: grab
}

.kn-qbe .expanderList .expandableEntities ul li .itemType,
.kn-qbe .expanderList .expandableSubqueries ul li .itemType {
    width: 16px;
    text-align: center;
    margin-right: 10px
}

.kn-qbe .expanderList .expandableEntities ul li button,
.kn-qbe .expanderList .expandableSubqueries ul li button {
    margin: 0;
    padding: 0;
    width: 32px
}

.kn-qbe .expanderList .expandableEntities ul li:hover,
.kn-qbe .expanderList .expandableSubqueries ul li:hover {
    background-color: #cfd6db
}

.kn-qbe .expanderList .expandableEntities ul li i,
.kn-qbe .expanderList .expandableSubqueries ul li i {
    line-height: 1rem
}

.kn-qbe .expanderList .expandableEntities ul li span,
.kn-qbe .expanderList .expandableSubqueries ul li span {
    padding-left: 5px
}

.kn-qbe .expanderList .expandableEntities .md-button.md-icon-button,
.kn-qbe .expanderList .expandableSubqueries .md-button.md-icon-button {
    margin: 0
}

.kn-qbe .expanderList .fa.cube:before {
    content: ""
}

.kn-qbe .expanderList .fa.generic:before {
    content: ""
}

.kn-qbe .expanderList .fa.measure:before {
    content: ""
}

.kn-qbe .expanderList .fa.dimension:before {
    content: ""
}

.kn-qbe .expanderList .fa.temporal_dimension:before {
    content: ""
}

.kn-qbe .expanderList .fa.geographic_dimension:before {
    content: ""
}

.kn-qbe .expanderList .qbe:before {
    font-family: "qbe-custom" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.kn-qbe .expanderList .measure:before {
    content: "\62"
}

.kn-qbe .expanderList .attribute:before {
    content: "\63"
}

.kn-qbe .expanderList .calculation:before {
    content: "\61"
}

.kn-qbe .expanderList .relation:before {
    content: "\64"
}

.kn-qbe .expanderList .time_dimension:before {
    content: "\65"
}

.kn-qbe .expanderList .geographic_dimension:before {
    content: "\67"
}

.kn-qbe .expanderList .default_hierarchy:before {
    content: "\68"
}

.kn-qbe .expanderList .segment_attribute_text:before {
    content: "\69"
}

.kn-qbe .expanderList .cube:before {
    content: "\6a"
}

.kn-qbe .expanderList .database:before {
    content: "\6b"
}

.kn-qbe .expanderList .generic:before {
    content: "\6d"
}

.kn-qbe .expanderList .view:before {
    content: "\6e"
}

.kn-qbe .expanderList .temporal_dimension:before {
    content: "\66"
}

.kn-qbe .expanderList .dimensions:before {
    content: "\6f"
}

.kn-qbe .vertical-devider {
    border-left: 1px solid #3b678c
}

.kn-qbe .qbeMenuContent {
    max-height: 400px
}

.kn-qbe .qbeMenuContent md-checkbox>div.md-container {
    left: 16px
}

.kn-qbe .qbeMenuContent ._md-nested-menu {
    padding: 0;
    margin: 0
}

.kn-qbe .qbeMenuContent ._md-nested-menu button {
    padding: 0 16px;
    margin: 0;
    height: 48px
}

.kn-qbe .qbeMenuContent ._md-nested-menu button span {
    padding-left: 16px
}

.kn-qbe .qbeMenuContent ._md-nested-menu button:hover {
    color: #3b678c;
    background-color: rgba(59, 103, 140, 0.3)
}

.kn-qbe .qbeMenuContent md-menu-item button span {
    text-transform: none
}

.kn-qbe .qbeMenuContent .md-label {
    position: relative;
    right: -12px
}

.kn-qbe .qbeCustomTable {
    padding: 4px;
    min-height: 500px;
    min-width: 100%;
    overflow: auto
}

.kn-qbe .qbeCustomTable .qbeCustomColumn {
    border-right: 1px solid #ccc;
    max-width: 300px
}

.kn-qbe .qbeCustomTable .qbeCustomColumn:first-child {
    border-left: 1px solid #ccc
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .qbeCustomTopColor {
    height: 4px;
    display: block;
    width: 100%
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .md-toolbar-tools {
    padding: 0
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .md-toolbar-tools h2 {
    line-height: 2rem;
    max-width: 110px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .md-toolbar-tools p {
    font-size: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .md-toolbar-tools button.md-icon-button {
    margin: 0
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .qbeCustomRow {
    font-size: .8rem;
    padding: 0 4px;
    width: calc(100% - 8px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .qbeCustomRow:nth-child(even) {
    background-color: #fafafa
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .qbeCustomRow:nth-child(odd) {
    background-color: #fff
}

.kn-qbe .qbeCustomTable .qbeCustomColumn .qbeCustomFooter {
    background-color: #a9c3db;
    height: 24px
}

.kn-qbe .qbeCustomTable .qbeCustomColumn md-icon {
    line-height: 24px
}

.kn-qbe .advancedFiltersVisualization .container-element ul {
    min-height: 10px
}

.kn-qbe .dndDragging {
    opacity: 0.7
}

.kn-qbe .dndDraggingSource {
    display: none
}

.kn-qbe .dndPlaceholder {
    background-color: #a9c3db;
    display: block;
    min-height: 42px
}

.kn-qbe .selected .item {
    color: #3c763d;
    background-color: #dff0d8
}

.kn-qbe .selected .box {
    border-color: #d6e9c6
}

.kn-qbe .selected .box>h3 {
    background-color: #dff0d8;
    background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
    border-color: #d6e9c6;
    color: #3c763d
}

.kn-qbe .item {
    padding: 10px 15px
}

.kn-qbe .container-element {
    margin: 10px
}

.kn-qbe .temporal-filter-avaliable {
    color: #990000
}

.kn-qbe .filterColor {
    color: #c70751
}

.kn-qbe .havingColor {
    color: #c70751
}

.kn-qbe span.functionDescription {
    font-size: .6rem;
    text-align: right
}

.kn-qbe .calculatedFieldEditor {
    height: calc(100% - 16px);
    min-height: 500px
}

.kn-qbe .calculatedFieldEditor md-card {
    height: 100%
}

.kn-qbe .calculatedFieldEditor md-card .entitySelect {
    min-height: 60px;
    height: 60px
}

.kn-qbe .calculatedFieldEditor md-card md-list {
    overflow-y: auto;
    max-height: 380px
}

.kn-qbe .calculatedFieldEditor md-card md-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.kn-qbe .calculatedFieldEditor md-card md-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.kn-qbe .calculatedFieldEditor md-card md-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.kn-qbe .calculatedFieldEditor md-card md-list md-list-item {
    height: 24px;
    min-height: 24px;
    line-height: 24px
}

.kn-qbe .calculatedFieldEditor md-card md-list md-list-item:before {
    height: 24px;
    min-height: 24px;
    line-height: 24px
}

.kn-qbe .calculatedFieldEditor md-card md-list md-list-item .md-button {
    height: 24px;
    min-height: 24px;
    line-height: 24px;
    padding-left: 0 !important
}

.kn-qbe .calculatedFieldEditor md-card md-list md-list-item .md-list-item-inner {
    height: 24px;
    min-height: 24px;
    line-height: 24px;
    font-size: .6rem
}

.kn-qbe .calculatedFieldEditor md-menu-bar {
    padding: 0;
    background-color: #f2f2f2;
    margin-top: 15px
}

.kn-qbe .calculatedFieldEditor md-menu-bar .validationMenu {
    float: right
}

.kn-qbe .calculatedFieldEditor md-input-container .md-errors-spacer {
    display: none
}

.kn-qbe .calculatedFieldEditor .left {
    margin-right: 0
}

.kn-qbe .calculatedFieldEditor .right {
    margin-left: 0
}

.kn-qbe .calculatedFieldEditor .formula {
    height: 300px;
    box-shadow: 0px -1px 1px 2px #ccc inset;
    cursor: text
}

.kn-qbe .calculatedFieldEditor .formula span {
    display: inline-block;
    position: relative;
    height: 25px;
    line-height: 25px;
    padding: 2px 10px;
    margin: 5px 5px 5px 0;
    vertical-align: middle;
    background-color: #ccc;
    border-radius: 25px;
    font-size: .7rem;
    cursor: pointer
}

.kn-qbe .calculatedFieldEditor .formula span:first-child {
    margin-left: 5px
}

.kn-qbe .calculatedFieldEditor .CodeMirror-wrap {
    border: 1px solid #ccc;
    width: 100%
}

.kn-qbe .calculatedFieldEditor .CodeMirror-wrap .cm-atom {
    padding: 1px;
    background-color: #f2f2f2;
    border-radius: 4px;
    box-shadow: 0px 1px 1px #aaa
}

.kn-qbe .calculatedFieldEditor md-sidenav .hint {
    font-size: .6rem;
    color: gray
}

.kn-qbe .filterRow {
    align-items: center;
    background-color: #fafafa
}

.kn-qbe .filterRow:nth-child(even) {
    background-color: #f2f2f2
}

.kn-qbe .havings md-input-container {
    margin: 18px 4px
}

.kn-qbe .filterOtherEntity,
.kn-qbe .havingOtherEntity {
    padding: 0
}

.kn-qbe .filterOtherEntity .md-button,
.kn-qbe .havingOtherEntity .md-button {
    width: 100%;
    margin: 0;
    height: 48px;
    padding-left: 14px;
    text-align: left
}

.kn-qbe .angularTableHeaderButton {
    position: absolute;
    top: 20px;
    right: 14px;
    z-index: 9
}

.kn-qbe #basicView .md-icon-button md-icon {
    line-height: 24px
}

.kn-qbe [ng-drag].dragging {
    position: absolute;
    background-color: #eceff1
}

.kn-qbe md-icon.fa,
.kn-qbe md-icon.fas,
.kn-qbe md-icon.fab,
.kn-qbe md-icon.far {
    font-size: 14px
}

.kn-qbe qbe-filter md-input-container {
    padding-right: 4px
}

.kn-qbe qbe-filter target md-chips-wrap {
    padding-bottom: 4px;
    min-height: 28px
}

.kn-qbe qbe-filter target md-chips-wrap .md-chip-input-container {
    margin: 0;
    font-size: .7rem;
    height: 24px
}

.kn-qbe qbe-filter target md-chips-wrap .md-chip-input-container input {
    height: 24px
}

.kn-qbe qbe-filter target md-chips-wrap .md-chip-input-container input:not([type]) {
    height: 24px
}

.kn-qbe qbe-filter target md-chips-wrap .md-chip-input-container:not(:first-child) {
    margin: 0
}

.kn-qbe qbe-filter target md-chips-wrap md-chip {
    margin-top: 2px;
    margin-right: 4px;
    font-size: .6rem;
    line-height: 22px;
    height: 22px
}

.kn-qbe qbe-filter target md-chips-wrap md-chip .md-chip-remove {
    width: 22px;
    height: 22px
}

.kn-qbe qbe-filter target md-chips-wrap md-chip .md-chip-remove md-icon {
    min-height: 16px;
    min-width: 16px;
    height: 16px;
    width: 16px
}

.kn-registry .clickable {
    cursor: pointer;
    min-width: 100px;
    min-height: 20px
}

.kn-registry .md-scroll-mask {
    z-index: 1 !important
}

.kn-registry .md-open-menu-container {
    z-index: 80
}

.kn-registry md-backdrop {
    z-index: 10
}

.kn-registry .registryFilters .registryFilter {
    min-width: 200px;
    margin-bottom: 4px
}

.kn-registry .recNo {
    width: 50px
}

.kn-registry .kn-table td md-menu div,
.kn-registry .kn-table td md-menu span {
    line-height: 20px;
    vertical-align: middle
}

.kn-registry .kn-table thead tr {
    height: 1.5rem
}

.kn-registry .kn-table thead th {
    border-right: 1px solid #ccc;
    padding-left: 8px
}

.kn-registry .kn-table thead th:last-child {
    padding-left: 0
}

.kn-registry .kn-table thead th .md-button.md-fab {
    top: 0
}

.kn-registry .kn-table thead th>div {
    outline: none
}

.kn-registry .kn-table thead th>div .md-button {
    margin: 0
}

.kn-registry .kn-table thead th.tableAction {
    width: 50px
}

.kn-registry .kn-table tbody tr md-icon {
    line-height: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px
}

.kn-registry .kn-table .innerTable {
    width: 100%
}

.kn-registry .kn-table .innerTable tr {
    background-color: transparent !important
}

.kn-registry .customContentMenu .check {
    width: 46px
}

.kn-registry .blue {
    background-color: #dbe6f0 !important
}

.kn-registry .pivot-table th,
.kn-registry .pivot-table tr,
.kn-registry .pivot-table td {
    border: 3px solid #a9c3db
}

.kn-registry .pivot-table thead {
    border: 3px solid #5d8ebb
}

.kn-registry .pivot-table tr td {
    padding-left: 10px
}

.kn-registry .pagination {
    margin-top: 20px
}

.kn-registry .label {
    color: black
}

.kn-registry md-select {
    margin: 0
}

.kn-registry .filter-btns,
.kn-registry .delete-row {
    cursor: pointer
}

.kn-registry .sortorder:hover:after {
    content: '\25b2'
}

.kn-registry .sortorder.reverse:hover:after {
    content: '\25bc'
}

.kn-registry .customDialog {
    padding: 20px;
    max-width: 600px
}

.kn-registry .customDialog .button {
    padding: 8px 28px;
    background-color: #A9C3DB;
    font-weight: bold;
    border: none;
    float: right
}

kn-table {
    height: calc(100% - 16px);
    display: block
}

kn-table .kn-table-container {
    height: 100%;
    overflow-y: auto;
    margin: 8px;
    background-color: #fff
}

kn-table .kn-table-container.kn-background-transparent {
    background-color: transparent
}

kn-table .kn-table-container.kn-height-auto {
    height: auto
}

kn-table .kn-table-container.kn-table-full-width {
    margin: 0
}

kn-table .kn-table-container.kn-table-full-height {
    height: 100%
}

kn-table .kn-table-container.kn-table-shadowed {
    box-shadow: 0px 3px 3px #ccc
}

.kn-table {
    width: 100%;
    height: auto;
    border-collapse: collapse
}

.kn-table thead {
    color: #3b678c;
    background-color: #fff;
    font-size: .8rem
}

.kn-table thead tr {
    height: 2rem
}

.kn-table thead tr th {
    border-bottom: 1px solid #ccc;
    text-align: left
}

.kn-table thead tr th md-icon {
    display: inline-block !important;
    color: #3b678c;
    transition: transform .3s ease-in
}

.kn-table thead tr th md-icon.rotate180 {
    transform: rotate(180deg)
}

.kn-table thead tr th:first-child {
    padding-left: 10px
}

.kn-table thead tr th.tableAction {
    width: 50px
}

.kn-table thead tr th.multiTableAction {
    width: 100px
}

.kn-table thead tr th.sortable {
    outline: none;
    cursor: pointer;
    line-height: 2rem
}

.kn-table tbody tr {
    border-bottom: 1px solid #e6e6e6
}

.kn-table tbody tr.disabled {
    background-color: #e6e6e6 !important;
    color: #999
}

.kn-table tbody tr td {
    font-size: .8rem
}

.kn-table tbody tr td:first-child {
    padding-left: 10px
}

.kn-table tbody tr td.tableAction {
    width: 50px
}

.kn-table tbody tr td.colorPickerTd {
    width: 200px
}

.kn-table tbody tr td.multiTableAction {
    width: 100px
}

.kn-table tbody tr td md-input-container,
.kn-table tbody tr td md-select {
    margin: 0;
    width: 100%
}

.kn-table tbody tr td md-checkbox {
    margin-bottom: 0
}

.kn-table tbody tr td .md-icon-button,
.kn-table tbody tr td .md-menu {
    margin: 0;
    padding: 0;
    height: 32px;
    min-height: 32px;
    width: 32px
}

.kn-table tbody tr td .truncated {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.kn-table tbody tr td color-picker {
    width: 195px
}

.kn-table tbody tr td color-picker .color-picker-wrapper {
    width: 195px;
    z-index: unset
}

.kn-table tbody tr td color-picker .color-picker-wrapper .input-group .input-group-addon:first-child {
    border: 1px solid #ccc
}

.kn-table tbody tr td color-picker .color-picker-wrapper .color-picker-input-wrapper {
    width: 100%
}

.kn-table tbody tr td color-picker .color-picker-wrapper .color-picker-input-wrapper .color-picker-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 5px 0 5px 30px !important;
    outline: none
}

.kn-table tbody tr td color-picker .color-picker-wrapper .color-picker-input-wrapper .color-picker-input:focus {
    border-bottom: 2px solid #3b678c
}

.kn-table tbody tr td.inner-space {
    padding: 0 0 10px 0
}

.kn-table.kn-inner-table {
    background-color: #eceff1
}

.kn-table.kn-inner-table thead {
    background-color: #a9c3db;
    font-size: .7rem
}

.kn-table.kn-inner-table thead tr {
    height: 1rem
}

.kn-table.kn-inner-table tbody tr td {
    font-size: .7rem
}

.kn-table.kn-inner-table tbody tr td.tableAction {
    width: 50px
}

.kn-table.kn-inner-table tbody tr td md-icon {
    text-align: center;
    cursor: pointer;
    font-size: .8rem
}

.kn-table.kn-table-fixed {
    table-layout: fixed
}

.kn-table.kn-table-alternated-rows tbody tr:nth-child(odd) {
    background: #eceff1
}

.kn-table.kn-table-inverse-header thead tr th {
    color: #fff;
    background-color: #3b678c
}

.kn-table.kn-table-inverse-header thead tr th md-icon {
    color: #fff
}

.kn-table.kn-table-medium-rows tr {
    height: 2rem
}

.kn-table.kn-table-medium-rows tr td .md-icon-button,
.kn-table.kn-table-medium-rows tr td .md-menu {
    padding: 0;
    margin: 0;
    height: 32px;
    width: 32px
}

.kn-table.kn-table-clickable-rows tbody tr {
    cursor: pointer
}

.kn-table.kn-table-clickable-rows tbody tr.selected {
    background-color: #d9d9d9
}

.kn-table.kn-table-clickable-rows tbody tr:hover {
    background-color: #e6e6e6
}

.kn-table.kn-table-hovering-rows tbody tr:hover {
    background-color: #e6e6e6
}

.kn-table.kn-table-overflow-auto {
    overflow: auto
}

@-moz-document url-prefix() {
    .kn-firefox-height-fix:not(.kn-table) {
        height: calc(100vh - 105px)
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .kn-table-container.kn-table-full-height {
        height: 100%;
        width: auto
    }
}

#piemenu>svg {
    width: 100%;
    height: 100%
}

#piemenu {
    height: 300px;
    width: 300px;
    margin: auto;
    position: absolute;
    top: -118px;
    z-index: 2
}

#piemenu tspan {
    font-family: 'FontAwesome' !important;
    font-size: 18px
}

@media (max-width: 300px) {
    #piemenu {
        height: 200px;
        width: 200px
    }
}

[class|=wheelnav-piemenu-slice-basic] {
    fill: #43749e;
    stroke: none
}

[class|=wheelnav-piemenu-slice-selected] {
    fill: #43749e;
    stroke: none
}

[class|=wheelnav-piemenu-slice-hover] {
    fill: #5a8eb9;
    stroke: none;
    fill-opacity: 0.77;
    cursor: pointer
}

[class|=wheelnav-piemenu-title-basic] {
    fill: #fff;
    stroke: none
}

[class|=wheelnav-piemenu-title-selected] {
    fill: #fff;
    stroke: none
}

[class|=wheelnav-piemenu-title-hover] {
    fill: #d9d9d9;
    stroke: none;
    cursor: pointer
}

.in-tab-content {
    padding: 30px 50px
}

.in-tab-content .in-search-field {
    min-width: 250px;
    margin-right: 20px
}

.in-tab-content .in-add-label-column {
    width: 200px;
    text-align: center !important
}

.in-tab-content .in-btns {
    display: inline;
    cursor: pointer
}

.in-tab-content .saveBtn {
    margin-right: 20px
}

.ag-theme-material .ag-header-icon {
    display: flex;
    align-items: center
}

.ag-theme-balham {
    font: 400 .7rem "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif
}

.ag-theme-balham .editableCell {
    cursor: pointer
}

.ag-theme-balham .editableCell span {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.ag-theme-balham .editableCell i.fa {
    padding-right: 4px
}

.ag-theme-balham .editableCell i:not(.fa) {
    min-height: 18px;
    display: inline-block
}

.ag-theme-balham .ag-root-wrapper {
    border: none !important
}

.ag-theme-balham .ag-body-viewport.ag-layout-auto-height {
    height: auto
}

.ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-track,
.ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar,
.ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

.ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-thumb,
.ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #5a8eb9
}

.ag-theme-balham .ag-horizontal-left-spacer,
.ag-theme-balham .ag-horizontal-right-spacer {
    overflow-x: auto
}

.ag-theme-balham .ag-floating-bottom {
    overflow-y: auto !important
}

.ag-theme-balham .ag-floating-bottom .ag-row .ag-cell {
    padding: 0;
    border: none
}

.ag-theme-balham .ag-floating-bottom .ag-row .ag-cell div {
    display: inline-flex;
    padding: 0 12px;
    width: 100%;
    height: 100%;
    align-items: center
}

.ag-theme-balham .ag-header {
    font-family: "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
    font: 600 .7rem "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif
}

.ag-theme-balham .ag-header .ag-header-icon {
    display: flex;
    align-items: center
}

.ag-theme-balham .ag-header .cellContainer.multiLineHeader span {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
    line-height: 1rem !important
}

.ag-theme-balham .ag-header .ag-header-row .header-cell-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ag-theme-balham .ag-header .ag-header-row .header-cell-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.ag-theme-balham .ag-header .ag-header-row .md-button {
    height: 24px;
    width: 24px;
    min-height: 24px;
    line-height: 24px;
    padding: 0
}

.ag-theme-balham .ag-center-cols-viewport {
    overflow-x: hidden
}

.ag-theme-balham .ag-center-cols-viewport .md-button {
    height: 24px;
    width: 24px;
    min-height: 24px;
    line-height: 24px;
    padding: 0
}

.ag-theme-balham.ag-hide-selection .ag-row-selected {
    border-bottom-color: #d9dcde;
    background-color: initial
}

.ag-theme-balham.ag-hide-outline .ag-cell-focus {
    border: 1px solid transparent;
    outline: none
}

.ag-theme-balham.ag-full-dimensions {
    width: 100%;
    height: 100%
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-cell.singlePinnedButton span {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-cell.singlePinnedButton span .md-button {
    padding: 0;
    height: 24px;
    min-height: 24px;
    width: 24px
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default).ag-theme-knowage-secondary .ag-header {
    background-color: #a9c3db;
    color: #fff
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default).ag-theme-knowage-secondary .ag-header .md-button md-icon {
    color: #fff
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default).ag-theme-knowage-secondary .ag-row-selected {
    background-color: #d9d9d9
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-header {
    background-color: #3b678c;
    color: #fff
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-header .ag-header-cell-label {
    color: #fff
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-header .ag-icon {
    color: #fff
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-root {
    border: none
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-row-selected {
    background-color: #a9c3db
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .ag-paging-panel {
    border-top: none
}

.ag-theme-balham.ag-theme-knowage:not(.ag-theme-knowage-default) .miniChip {
    font-size: .7rem;
    background-color: #ccc;
    padding: 4px 8px;
    border-radius: 50px;
    margin: 0 4px
}

.ag-theme-balham.ag-theme-knowage-default {
    background-color: transparent
}

.ag-theme-balham.ag-theme-knowage-default .ag-header {
    background-color: #fff;
    color: #3b678c
}

.ag-theme-balham.ag-theme-knowage-default .ag-row-odd,
.ag-theme-balham.ag-theme-knowage-default .ag-row-even {
    background-color: transparent
}

.ag-theme-balham.ag-theme-knowage-default .ag-root {
    border: none
}

.ag-theme-balham.ag-theme-knowage-default .ag-bl-center-row>.ag-bl-center {
    padding: 8px
}

.ag-theme-balham.ag-theme-knowage-default .ag-row-hover {
    background-color: #d9d9d9
}

.ag-theme-balham.ag-theme-knowage-default .ag-row-selected {
    background-color: #a9c3db
}

.ag-theme-balham.ag-theme-knowage-default .ag-paging-panel {
    background-color: #fff
}

.ag-theme-balham.ag-theme-knowage-default.ag-hide-selection .ag-row-selected {
    border-bottom-color: #d9dcde;
    background-color: initial
}

.ag-theme-balham.ag-theme-knowage-default .ag-icon-checkbox-checked {
    color: #3b678c
}

.ag-theme-balham.ag-theme-knowage-default .miniChip {
    font-size: .7rem;
    background-color: #ccc;
    padding: 4px 8px;
    border-radius: 50px;
    margin: 0 4px
}

.ag-theme-balham.ag-theme-knowage-discovery .ag-header-cell {
    padding: 0
}

.ag-theme-balham.ag-theme-knowage-discovery .ag-header-cell .ag-cell-label-container {
    padding-left: 12px;
    padding-right: 12px
}

.ag-theme-balham.ag-theme-knowage-discovery .ag-cell {
    line-height: 100%;
    display: inline-flex;
    align-items: center
}

.ag-theme-balham.ag-noBorders .ag-root {
    border: none
}

.ag-theme-balham .ag-paging-panel.ag-noBorders {
    border-top: none
}

.ag-theme-balham .ag-paging-panel span[ref='lbCurrent'],
.ag-theme-balham .ag-paging-panel span[ref='lbTotal'] {
    padding: 0 4px
}

.ag-theme-balham.ag-theme-knowage-advanced {
    height: 100%
}

.ag-theme-balham.ag-theme-knowage-advanced.backendPagination {
    height: calc(100% - 32px)
}

.ag-theme-balham.ag-theme-knowage-advanced.backendPagination div.ag-paging-panel.ag-unselectable {
    display: none
}

.ag-theme-balham.ag-theme-knowage-advanced.noPagination {
    height: 100% !important
}

.ag-theme-balham.ag-theme-knowage-advanced.noPagination div.ag-paging-panel.ag-unselectable {
    display: none
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-group-cell {
    padding: 0
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-group-cell .customHeaderTemplate {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-cell {
    padding: 0
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-cell .ag-cell-label-container {
    padding-left: 12px;
    padding-right: 12px
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-cell .ag-cell-label-container.customHeaderTemplate .ag-header-cell-text {
    color: inherit
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-cell .ag-cell-label-container.customHeaderTemplate .ag-header-icon {
    color: inherit
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-header-cell .ag-cell-label-container.customHeaderTemplate .ag-header-icon .ag-icon {
    color: inherit
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell {
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: inherit
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell .inner-chart-bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 4px;
    width: calc(100% - 8px);
    display: inline-flex;
    align-items: center;
    background-color: #fafafa
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell .inner-chart-bar .bar {
    height: 100%;
    display: flex;
    justify-content: inherit;
    align-items: center;
    transition: opacity .3s ease-out
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell .inner-chart-bar .bar:hover {
    opacity: .5
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell .inner-chart-bar .bar span {
    padding: 4px
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.cross-cell {
    text-decoration: underline;
    cursor: pointer
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.multiCell {
    padding: 0
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.multiCell .miniChip {
    font-size: .7rem;
    background-color: #ccc;
    padding: 4px 8px;
    border-radius: 50px;
    margin: 0 2px
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.multiCell>div {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.multiCell>div .maxCharsButton {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 4px
}

.ag-theme-balham.ag-theme-knowage-advanced .ag-cell.cell-span {
    background-color: #fff;
    border-bottom: 1px solid #d9dcde !important
}

.ag-theme-balham.ag-qbe-table .customHeader {
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ag-theme-balham.ag-qbe-table .customHeader .qbeCustomTopColor {
    width: 100%;
    height: 5px
}

.ag-theme-balham.ag-qbe-table .customHeader .qbeHeaderContainer {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ag-theme-balham.ag-qbe-table .customHeader md-icon {
    transition: color .3s ease-out;
    line-height: 24px;
    cursor: pointer;
    margin: 0
}

.ag-theme-balham.ag-qbe-table .customHeader md-icon:hover {
    color: #a9c3db
}

.ag-theme-balham.ag-qbe-table .customFooter {
    background-color: #3b678c;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ag-theme-balham.ag-qbe-table .customFooter md-icon {
    transition: color .3s ease-out;
    cursor: pointer;
    line-height: 24px;
    color: #fff;
    margin: 0
}

.ag-theme-balham.ag-qbe-table .customFooter md-icon:hover {
    color: #a9c3db
}

.ag-theme-balham.ag-qbe-table .customFooter md-icon.filter-color {
    color: #c70751
}

.ag-theme-balham .ag-header-cell .ag-cell-label-container {
    height: 100%
}

.ag-theme-balham .ag-header-cell .ag-header-cell-label .cellContainer {
    display: flex;
    align-items: center;
    overflow: hidden
}

.ag-theme-balham .ag-header-cell .ag-header-cell-label .cellContainer span {
    line-height: 30px
}

.ag-theme-balham .ag-header-cell::after,
.ag-theme-balham .ag-header-group-cell::after,
.ag-theme-balham .ag-header-cell-resize::after {
    height: 60% !important
}

.ag-theme-balham .ag-row.disabled {
    background-color: #e6e6e6 !important;
    color: #999
}

.utility-bar {
    display: flex;
    height: 36px;
    align-items: center
}

.utility-bar.hidden {
    display: none
}

.utility-bar .kn-button {
    display: inline-block;
    font-family: Roboto, Helvetica Neue, sans-serif;
    position: relative;
    cursor: pointer;
    min-height: 32px;
    min-width: 88px;
    line-height: 32px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    border: 0;
    padding: 0 6px;
    margin: 2px 8px;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.utility-bar .kn-button:hover {
    background-color: rgba(158, 158, 158, 0.2)
}

.kn-preview-table-theme {
    height: 100%;
    width: 100%
}

.kn-preview-table-theme.has-utility-bar {
    height: calc(100% - 36px)
}

.kn-preview-table-theme .ag-cell-label-container.data-type-string {
    box-shadow: inset 5px 10px 0 -5px #AD1457
}

.kn-preview-table-theme .ag-cell-label-container.data-type-float {
    box-shadow: inset 5px 10px 0 -5px #1565C0
}

.kn-preview-table-theme .ag-cell-label-container.data-type-int {
    box-shadow: inset 5px 10px 0 -5px #EF6C00
}

.kn-preview-table-theme .ag-cell-label-container.data-type-date {
    box-shadow: inset 5px 10px 0 -5px #2E7D32
}

.kn-preview-table-theme .ag-cell-label-container.data-type-boolean {
    box-shadow: inset 5px 10px 0 -5px #00695C
}

.kn-preview-table-theme .ag-header-cell-label .ag-header-cell-text {
    color: #232323
}

.kn-preview-table-theme .ag-header-cell {
    padding-left: 8px;
    padding-right: 8px
}

.kn-preview-table-theme .ag-cell-type {
    position: absolute;
    height: 20px !important;
    top: 24px;
    line-height: 20px;
    font-size: 10px;
    clear: both
}

.kn-preview-table-theme .ag-header-cell::after,
.kn-preview-table-theme .ag-header-group-cell::after,
.kn-preview-table-theme .ag-header-cell-resize::after {
    height: 24px;
    margin-top: 16px
}

#ag-popup #ag-popup-child .ag-menu-option-icon {
    text-align: center
}

#ag-popup #ag-popup-child .ag-menu-option-popup-pointer {
    line-height: 28px
}

#ag-popup #ag-popup-child .ag-menu-option:hover {
    background-color: #a9c3db
}

@media print {

    .ag-body-horizontal-scroll-viewport,
    .ag-body-viewport,
    .ag-center-cols-clipper,
    .ag-center-cols-container,
    .ag-center-cols-viewport,
    .ag-root,
    .ag-root-wrapper,
    .ag-root-wrapper-body,
    .ag-virtual-list-viewport {
        height: inherit !important;
        overflow: inherit !important;
        display: flex !important
    }

    .ag-body-viewport,
    .ag-root,
    .ag-root-wrapper {
        height: 100% !important
    }
}

.md-subheader.h_48 {
    height: 48px
}

md-chips.small-chips {
    display: block;
    font-size: .7rem;
    padding: 0 0 2px 2px;
    vertical-align: middle
}

md-chips.small-chips ._md-chip-input-container {
    margin: 0
}

md-chips.small-chips md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 4px 4px 0 0;
    padding: 0 8px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    background: #e0e0e0;
    color: #424242
}

md-chips.small-chips md-chip ._md-chip-remove-container {
    width: 24px;
    height: 24px
}

md-chips.small-chips md-chip ._md-chip-remove-container button._md-chip-remove {
    width: 24px;
    height: 24px
}

md-chips.small-chips md-chip ._md-chip-remove-container button._md-chip-remove svg {
    width: 80%
}

.CodeMirror {
    font-size: .7rem
}

.CodeMirror.cm-s-eclipse span.cm-field {
    color: #262626;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #e6e6e6
}

.CodeMirror.cm-s-eclipse span.cm-value {
    color: blue
}

.fullHeightEditor .CodeMirror {
    height: 100%
}

.smallCodeMirror .CodeMirror {
    min-height: 100px;
    height: 100px
}

.codeMirrorScriptEditor pre {
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.codeMirrorScriptEditor .CodeMirror-gutter-wrapper {
    left: -30px !important
}

.codeMirrorScriptEditor md-card md-input-container {
    margin: 0
}

.calculatedFieldEditor md-menu-bar,
.olapEditor md-menu-bar {
    padding: 0;
    background-color: #f2f2f2;
    margin-top: 15px
}

.calculatedFieldEditor md-menu-bar .validationMenu,
.olapEditor md-menu-bar .validationMenu {
    float: right
}

.calculatedFieldEditor .CodeMirror-wrap,
.olapEditor .CodeMirror-wrap {
    border: 1px solid #ccc;
    width: 100%
}

.calculatedFieldEditor .CodeMirror,
.olapEditor .CodeMirror {
    width: 100%;
    height: 200px
}

.calculatedFieldEditor .CodeMirror .codeMirror-gutters,
.olapEditor .CodeMirror .codeMirror-gutters {
    left: 0 !important
}

.calculatedFieldEditor .CodeMirror .CodeMirror-gutter,
.olapEditor .CodeMirror .CodeMirror-gutter {
    width: 29px !important
}

.calculatedFieldEditor .CodeMirror .CodeMirror-sizer,
.olapEditor .CodeMirror .CodeMirror-sizer {
    margin-left: 30px !important
}

.calculatedFieldEditor .CodeMirror-gutter-wrapper,
.olapEditor .CodeMirror-gutter-wrapper {
    left: -30px !important
}

.calculatedFieldEditor .CodeMirror-linenumber.CodeMirror-gutter-elt,
.olapEditor .CodeMirror-linenumber.CodeMirror-gutter-elt {
    width: auto !important
}

cockpit-chart-widget chart-renderer div[style="position: relative;"] {
    overflow: hidden
}

wysiwyg-edit.kn-custom-wysiwyg-editor .sizer {
    height: 250px
}

wysiwyg-edit.kn-custom-wysiwyg-editor .tinyeditor-footer {
    display: none
}

.map .ol-viewport .ol-attribution {
    display: none
}

treecontrol.knowage-theme i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    outline: none
}

treecontrol.knowage-theme li .liContent {
    padding: 0 4px;
    height: 28px;
    position: relative
}

treecontrol.knowage-theme li .liContent:hover {
    background-color: #ccc
}

treecontrol.knowage-theme li .liContent md-checkbox {
    margin: 0;
    top: 4px
}

treecontrol.knowage-theme li .liContent md-checkbox ._md-label {
    display: none
}

treecontrol.knowage-theme li .tree-selected {
    background-color: inherit;
    font-weight: regular;
    outline: none
}

treecontrol.knowage-theme li.tree-leaf i.tree-leaf-head {
    background: none;
    font-weight: 400
}

treecontrol.knowage-theme li.tree-leaf i.tree-leaf-head::before {
    content: "\f15b"
}

treecontrol.knowage-theme li.tree-collapsed i.tree-branch-head {
    background: none
}

treecontrol.knowage-theme li.tree-collapsed i.tree-branch-head::before {
    content: "\f07b"
}

treecontrol.knowage-theme li.tree-expanded i.tree-branch-head {
    background: none
}

treecontrol.knowage-theme li.tree-expanded i.tree-branch-head::before {
    content: "\f07c"
}